From be102ae06e8f986bd9d1a544cd2752e5fa94231a Mon Sep 17 00:00:00 2001
From: binxie <137736985@qq.com>
Date: 星期二, 11 七月 2023 14:23:51 +0800
Subject: [PATCH] LEX Community Deploy0711
---
force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html | 330 +++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 236 insertions(+), 94 deletions(-)
diff --git a/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html b/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html
index e6f25b9..5f770e0 100644
--- a/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html
+++ b/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.html
@@ -1,80 +1,229 @@
<!-- sldsValidatorIgnore -->
<!-- sldsValidatorIgnore -->
<template>
+ <c-common-toast></c-common-toast>
<div class="outerBorderCss">
- <div style="padding:5px;">
+ <div style="padding: 5px">
<div class="borderCss">
- <div style="padding:10px;">
+ <div style="padding: 15px">
<div lwc:dom="manual" class="resultDiv"></div>
<div draggable="false">
- <div class="slds-m-top_small slds-m-bottom_medium">
- <lightning-button label="鏂板缓鍑哄簱鍗�" onclick={neworderhead} class="slds-m-left_x-small"></lightning-button>
- <lightning-button label="涓婁紶宸插嚭搴撲竴瑙�" onclick={editProductLimit} class="slds-m-left_x-small"></lightning-button>
- </div>
+
+ <!-- <div class="slds-m-top_small slds-m-bottom_medium"> -->
+ <!-- <lightning-button label="鏂板缓鍑哄簱鍗�" onclick={neworderhead}
+ class="slds-m-left_x-small" disabled></lightning-button>
+ <lightning-button label="涓婁紶宸插嚭搴撲竴瑙�" onclick={editProductLimit}
+ class="slds-m-left_x-small"></lightning-button> -->
+ 聽
+ <!-- <button class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
+ onclick={neworderhead}>
+ 鏂板缓鍑哄簱鍗�
+ </button>
+ 聽
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonMarginLeft lexBorderWidth"
+ onclick={editProductLimit}>
+ 涓婁紶宸插嚭搴撲竴瑙�
+ </button> -->
+
+ <lightning-layout multiple-rows>
+ <lightning-layout-item size="6">
+ <div class="slds-text-align_center">
+ <div
+ class="slds-grid slds-grid_vertical-align-center"
+ >
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
+ onclick={neworderhead}
+ >
+ 鏂板缓鍑哄簱鍗�
+ </button>
+ 聽
+ <div
+ class="slds-form-element__label searchName"
+ style="visibility: hidden"
+ >
+ 鍑哄簱鏃�　浠�
+ </div>
+ <div
+ class="slds-form-element__label searchName"
+ style="visibility: hidden"
+ >
+ 　鍒�
+ </div>
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexBorder lexBorderWidth"
+ onclick={editProductLimit}
+ style="margin-left: 4px"
+ >
+ 涓婁紶宸插嚭搴撲竴瑙�
+ </button>
+ </div>
+ </div>
+ </lightning-layout-item>
+ </lightning-layout>
+ <!-- </div> -->
</div>
</div>
</div>
<div class="borderCss">
<div class="headerDorderCss">
- <p style="font-size: 16px;"><strong>妫�绱㈡潯浠�</strong></p>
+ <lightning-layout>
+ <lightning-layout-item padding="around-small">
+ <p style="font-size: 18px">
+ <strong>妫�绱㈡潯浠�</strong>
+ </p>
+ </lightning-layout-item>
+ </lightning-layout>
</div>
- <div style="padding:10px;">
+ <div style="padding: 15px">
<div lwc:dom="manual" class="resultDiv"></div>
<div draggable="false">
<lightning-layout multiple-rows>
- <lightning-layout-item flexibility="auto">
+ <lightning-layout-item size="6">
<div class="slds-text-align_center">
- <div class="slds-grid slds-grid_vertical-align-center">
- <div class="slds-form-element__label">鍑哄簱鏃�　浠�</div>
- <lightning-input type="date" variant="label-hidden" label="鍑哄簱鏃� 浠�"
- onchange={dataChange} data-field="deliveryFromDate"
- value={deliveryFromDate}></lightning-input>
- </div>
+ <lightning-layout multiple-rows>
+ <lightning-layout-item size="6">
+ <div
+ class="slds-grid slds-grid_vertical-align-center"
+ >
+ <div
+ class="slds-form-element__label searchName"
+ >
+ 鍑哄簱鏃�　浠�
+ </div>
+ <lightning-input
+ type="date"
+ variant="label-hidden"
+ label="鍑哄簱鏃� 浠�"
+ onchange={dataChange}
+ data-field="deliveryFromDate"
+ value={deliveryFromDate}
+ class="inputFont"
+ style="max-width: 150px"
+ ></lightning-input>
+ </div>
+ </lightning-layout-item>
- </br>
- <div class="slds-grid slds-grid_vertical-align-center">
- <div class="slds-form-element__label">　　　　鍒�
+ <lightning-layout-item size="6">
+ <div
+ class="slds-grid slds-grid_vertical-align-center"
+ >
+ <div
+ class="slds-form-element__label searchName"
+ >
+ 鍒�
+ </div>
+ <lightning-input
+ type="date"
+ variant="label-hidden"
+ label="鍒�"
+ onchange={dataChange}
+ data-field="deliveryToDate"
+ value={deliveryToDate}
+ class="inputFont"
+ style="max-width: 150px"
+ ></lightning-input>
+ </div>
+ </lightning-layout-item>
+ </lightning-layout>
+ </div>
+ </lightning-layout-item>
+
+ <lightning-layout-item size="3">
+ <div class="slds-text-align_center">
+ <div
+ class="slds-grid slds-grid_vertical-align-center"
+ >
+ <div
+ class="slds-form-element__label searchName"
+ >
+ 鍑哄簱鍗曞彿
</div>
- <lightning-input type="date" variant="label-hidden" label="鍒�"
- onchange={dataChange} data-field="deliveryToDate"
- value={deliveryToDate}></lightning-input>
+ <lightning-input
+ variant="label-hidden"
+ label="鍑哄簱鍗曞彿"
+ onchange={dataChange}
+ data-field="deliveryOrderNo"
+ value={deliveryOrderNo}
+ class="inputFont"
+ style="max-width: 150px"
+ ></lightning-input>
</div>
</div>
</lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <div class="slds-form-element__label">鍑哄簱鍗曞彿</div>
- <lightning-input variant="label-hidden" label="鍑哄簱鍗曞彿" onchange={dataChange}
- data-field="deliveryOrderNo" value={deliveryOrderNo}></lightning-input>
+
+ <lightning-layout-item>
+ <div class="slds-text-align_center">
+ <div
+ class="slds-grid slds-grid_vertical-align-center"
+ >
+ <div
+ class="slds-form-element__label searchName"
+ >
+ 瀹㈡埛鍚�
+ </div>
+ <lightning-input
+ variant="label-hidden"
+ label="瀹㈡埛鍚�"
+ onchange={dataChange}
+ data-field="contactName"
+ value={contactName}
+ class="inputFont"
+ style="max-width: 150px"
+ ></lightning-input>
+ </div>
</div>
</lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <div class="slds-form-element__label">瀹㈡埛鍚�</div>
- <lightning-input variant="label-hidden" label="瀹㈡埛鍚�" onchange={dataChange}
- data-field="contactName" value={contactName}></lightning-input>
- </div>
+ </lightning-layout>
+
+ <lightning-layout
+ multiple-rows
+ style="margin-top: 20px"
+ >
+ <lightning-layout-item size="6">
+ <lightning-layout multiple-rows>
+ <lightning-layout-item size="6">
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+ onclick={searchConsumableorderdetailsJs}
+ style="min-width: 180px"
+ >
+ 杩樻病鍑哄簱鐨勫嚭搴撳崟
+ </button>
+ </lightning-layout-item>
+
+ <lightning-layout-item size="6">
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+ onclick={searchOrderInstatusJs}
+ style="min-width: 215px"
+ >
+ 宸插嚭搴撴湭寮�绁ㄧ殑鍑哄簱鍗�
+ </button>
+ </lightning-layout-item>
+ </lightning-layout>
</lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <lightning-button label="杩樻病鍑哄簱鐨勫嚭搴撳崟" onclick={searchConsumableorderdetailsJs}></lightning-button>
- </div>
+
+ <lightning-layout-item size="3">
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
+ onclick={searchConsumableorFinishJs}
+ style="min-width: 225px"
+ >
+ 宸插嚭搴撳凡寮�绁ㄧ殑鍑哄簱鍗�
+ </button>
</lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <lightning-button label="宸插嚭搴撴湭寮�绁ㄧ殑鍑哄簱鍗�" onclick={searchOrderInstatusJs}></lightning-button>
- </div>
- </lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <lightning-button label="宸插嚭搴撳凡寮�绁ㄧ殑鍑哄簱鍗�" onclick={searchConsumableorFinishJs}></lightning-button>
- </div>
- </lightning-layout-item>
- <lightning-layout-item flexibility="auto">
- <div class="slds-grid slds-grid_vertical-align-center">
- <lightning-button label="娓呯┖" onclick={clearJs}></lightning-button>
- </div>
+
+ <lightning-layout-item>
+ <button
+ class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
+ onclick={clearJs}
+ style="width: 206px"
+ >
+ 娓呯┖
+ </button>
</lightning-layout-item>
</lightning-layout>
</div>
@@ -83,55 +232,48 @@
<div class="borderCss">
<template if:true={isShowSpinner}>
- <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
+ <div class="slds-spinner_container">
+ 聽 聽 聽 聽 聽 聽
+ <div
+ role="status"
+ class="slds-spinner slds-spinner_medium slds-spinner_brand"
+ >
+ 聽 聽 聽 聽 聽 聽 聽 聽
+ <span class="slds-assistive-text">Loading</span> 聽 聽
+ 聽 聽 聽 聽 聽 聽
+ <div class="slds-spinner__dot-a"></div>
+ 聽 聽 聽 聽 聽 聽 聽 聽
+ <div class="slds-spinner__dot-b"></div>
+ 聽 聽 聽 聽
+ </div>
+ 聽 聽 聽 聽
+ </div>
</template>
<div class="headerDorderCss">
- <p style="font-size: 16px;"><strong>鍑哄簱鍗曚竴瑙堣〃</strong><span> {message}</span></p>
+ <lightning-layout>
+ <lightning-layout-item padding="around-small">
+ <p style="font-size: 18px">
+ <strong>鍑哄簱鍗曚竴瑙堣〃</strong>
+ </p>
+ </lightning-layout-item>
+ </lightning-layout>
</div>
- <div style="padding:10px;">
- <!-- <div style="height: 300px;">
+ <template if:true={showTable}>
+ <div style="padding: 7px; height: 500px">
<lightning-datatable
- key-field="id"
- data={data}
- columns={columns}
- hide-checkbox-column
- default-sort-direction={defaultSortDirection}
- sorted-direction={sortDirection}
- sorted-by={sortedBy}
- onsort={onHandleSort}>
+ key-field="id"
+ data={data}
+ columns={columns}
+ hide-checkbox-column
+ default-sort-direction={defaultSortDirection}
+ sorted-direction={sortDirection}
+ sorted-by={sortedBy}
+ onsort={onHandleSort}
+ class="wrapped-header-datatable"
+ >
</lightning-datatable>
- </div> -->
- <template if:true={showTable}>
- <!-- <c-lwc-datatable-utility
- hidecheckboxcolumn = {hidecheckboxcolumn}
- records={data}
- total-records={data.length}
- columns = {columns}a
- key-field="Id"
- show-search-box="true"
- max-row-selection={data.length}
- onpaginatorchange={handlePaginatorChange}>
- </c-lwc-datatable-utility> -->
- <lightning-datatable
- key-field="id"
- data={data}
- columns={columns}
- hide-checkbox-column
- default-sort-direction={defaultSortDirection}
- sorted-direction={sortDirection}
- sorted-by={sortedBy}
- onsort={onHandleSort}>
- </lightning-datatable>
- </template>
-
-
- <!-- <c-my-custom-type-datatable
- key-field="Id"
- data={data}
- columns={columns}
- show-row-number-column>
- </c-my-custom-type-datatable> -->
- </div>
+ </div>
+ </template>
</div>
</div>
</div>
--
Gitblit v1.9.1