From 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7 Mon Sep 17 00:00:00 2001 From: buli <137736985@qq.com> Date: 星期五, 14 七月 2023 14:56:14 +0800 Subject: [PATCH] lex community --- force-app/main/default/lwc/lexArriveGoodsMain/lexArriveGoodsMain.html | 456 +++++++++++++++++++++++++++++--------------------------- 1 files changed, 235 insertions(+), 221 deletions(-) diff --git a/force-app/main/default/lwc/lexArriveGoodsMain/lexArriveGoodsMain.html b/force-app/main/default/lwc/lexArriveGoodsMain/lexArriveGoodsMain.html index 4d97524..d83b5ea 100644 --- a/force-app/main/default/lwc/lexArriveGoodsMain/lexArriveGoodsMain.html +++ b/force-app/main/default/lwc/lexArriveGoodsMain/lexArriveGoodsMain.html @@ -1,227 +1,241 @@ <template> - <template if:true={showSpinner}> - <!-- <lightning-spinner size="medium" variant="brand"></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> - <c-common-toast></c-common-toast> - <template if:true={showPage}> - <div - style=" - border: 1px solid #d4d4d4; - border-top: 3px solid #51606e; - border-radius: 5px; - " - > - <div style="padding: 10px"> - <!-- 鎸夐挳 --> - <!-- <lightning-button style="margin: 5px;" label="鍏ュ簱" onclick={orderArrive}></lightning-button> + <template if:true={showSpinner}> + <!-- <lightning-spinner size="medium" variant="brand"></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> + <c-common-toast></c-common-toast> + <template if:true={showPage}> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + " + > + <div style="padding: 10px"> + <!-- 鎸夐挳 --> + <!-- <lightning-button style="margin: 5px;" label="鍏ュ簱" onclick={orderArrive}></lightning-button> <lightning-button style="margin: 5px;" label="杩斿搧" onclick={orderReturn}></lightning-button> --> - <button - class="slds-button slds-button_neutral slds-button_stretch lexBorder" - style="margin: 5px; margin-right: 150px" - label="鍏ュ簱" - onclick={orderArrive} - > - 鍏ュ簱 - </button> - <button - class="slds-button slds-button_neutral slds-button_stretch lexBorder" - style="margin: 5px" - label="杩斿搧" - onclick={orderReturn} - > - 杩斿搧 - </button> - <p style="height: 10px"></p> - <!-- 妫�绱㈡潯浠� --> - <div - style=" - border: 1px solid #d4d4d4; - border-top: 3px solid #51606e; - border-radius: 5px; - margin-bottom: 7px; - " - > - <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> - <lightning-layout> - <lightning-layout-item padding="around-small"> - <p style="font-size: 18px"> - <strong>妫�绱㈡潯浠�</strong> - </p> - </lightning-layout-item> - </lightning-layout> - <!-- <p style="font-size: 16px;"><strong>妫�绱㈡潯浠�</strong></p> --> - </div> - <div style="padding: 10px"> - <table> - <tbody> - <tr> - <td style="width: 10px"></td> - <td style="width: 120px"> - <div - style="color: #696969; font-size: 16px; text-align: left" - > - 娑堣�楀搧璁㈠崟鍚嶇О + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px; margin-right: 150px" + label="鍏ュ簱" + onclick={orderArrive} + > + 鍏ュ簱 + </button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexBorder" + style="margin: 5px" + label="杩斿搧" + onclick={orderReturn} + > + 杩斿搧 + </button> + <p style="height: 10px"></p> + <!-- 妫�绱㈡潯浠� --> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + margin-bottom: 7px; + " + > + <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> + <lightning-layout> + <lightning-layout-item padding="around-small"> + <p style="font-size: 18px"> + <strong>妫�绱㈡潯浠�</strong> + </p> + </lightning-layout-item> + </lightning-layout> + <!-- <p style="font-size: 16px;"><strong>妫�绱㈡潯浠�</strong></p> --> </div> - </td> - <td> - <lightning-input - class="inputFont" - type="text" - variant="label-hidden" - label="娑堣�楀搧璁㈠崟鍚嶇О" - value={category1} - onchange={category1Change} - ></lightning-input> - </td> - <td style="width: 30px"></td> - <td style="width: 108px"> - <div - style="color: #696969; font-size: 16px; text-align: left" - > - 鏈�鏂板彂璐ф棩鏈� - </div> - </td> - <td> - <lightning-input - class="inputFont" - type="date" - variant="label-hidden" - label="鏈�鏂板彂璐ф棩鏈�" - value={cate2} - onchange={cate2Change} - ></lightning-input> - </td> - <td style="width: 30px"></td> - <td> - <!-- <lightning-button style="margin-left: 10px;margin-right: 5px;" label="鎼滅储" onclick={search}></lightning-button> + <div style="padding: 10px"> + <table> + <tbody> + <tr> + <td style="width: 10px"></td> + <td style="width: 120px"> + <div + style=" + color: #696969; + font-size: 16px; + text-align: left; + " + > + 娑堣�楀搧璁㈠崟鍚嶇О + </div> + </td> + <td> + <lightning-input + class="inputFont" + type="text" + variant="label-hidden" + label="娑堣�楀搧璁㈠崟鍚嶇О" + value={category1} + onchange={category1Change} + ></lightning-input> + </td> + <td style="width: 30px"></td> + <td style="width: 108px"> + <div + style=" + color: #696969; + font-size: 16px; + text-align: left; + " + > + 鏈�鏂板彂璐ф棩鏈� + </div> + </td> + <td> + <lightning-input + class="inputFont" + type="date" + variant="label-hidden" + label="鏈�鏂板彂璐ф棩鏈�" + value={cate2} + onchange={cate2Change} + ></lightning-input> + </td> + <td style="width: 30px"></td> + <td> + <!-- <lightning-button style="margin-left: 10px;margin-right: 5px;" label="鎼滅储" onclick={search}></lightning-button> <lightning-button style="margin-left: 5px;margin-right: 5px;" label="娓呯┖" onclick={clear}></lightning-button> --> - <button - class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" - style="height: 32px; margin-right: 30px" - label="鎼滅储" - onclick={search} - > - 鎼滅储 - </button> - <button - class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" - style="height: 32px" - label="娓呯┖" - onclick={clear} - > - 娓呯┖ - </button> - </td> - </tr> - </tbody> - </table> - </div> + <button + class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" + style=" + height: 32px; + margin-right: 30px; + " + label="鎼滅储" + onclick={search} + > + 鎼滅储 + </button> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + style="height: 32px" + label="娓呯┖" + onclick={clear} + > + 娓呯┖ + </button> + </td> + </tr> + </tbody> + </table> + </div> + </div> + <!-- 璁㈠崟鏄庣粏 --> + <div + style=" + border: 1px solid #d4d4d4; + border-top: 3px solid #51606e; + border-radius: 5px; + margin-bottom: 7px; + " + > + <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> + <lightning-layout> + <lightning-layout-item padding="around-small"> + <p style="font-size: 18px"> + <strong>璁㈠崟鏄庣粏</strong> + </p> + </lightning-layout-item> + </lightning-layout> + <!-- <p style="font-size: 16px;"><strong>璁㈠崟鏄庣粏</strong></p> --> + </div> + <div style="padding: 10px"> + <!-- <lightning-datatable hide-checkbox-column key-field="id" columns={colms} data={raesList}></lightning-datatable> --> + <c-lex-custom-lightning-datatable + class="wrapped-header-datatable" + hide-checkbox-column + key-field="Id" + data={raesList} + columns={colms} + onclicklink={clickLick} + ></c-lex-custom-lightning-datatable> + </div> + </div> + </div> </div> - <!-- 璁㈠崟鏄庣粏 --> - <div - style=" - border: 1px solid #d4d4d4; - border-top: 3px solid #51606e; - border-radius: 5px; - margin-bottom: 7px; - " + </template> + <!-- 璁㈠崟鍚勭鏁伴噺淇℃伅寮圭獥 --> + <template if:true={showPop}> + <section + role="dialog" + tabindex="-1" + aria-labelledby="modal-heading-01" + aria-modal="true" + aria-describedby="modal-content-id-1" + class="slds-modal slds-fade-in-open slds-modal_small" + style="border: 1px solid #d4d4d4" > - <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> - <lightning-layout> - <lightning-layout-item padding="around-small"> - <p style="font-size: 18px"> - <strong>璁㈠崟鏄庣粏</strong> - </p> - </lightning-layout-item> - </lightning-layout> - <!-- <p style="font-size: 16px;"><strong>璁㈠崟鏄庣粏</strong></p> --> - </div> - <div style="padding: 10px"> - <!-- <lightning-datatable hide-checkbox-column key-field="id" columns={colms} data={raesList}></lightning-datatable> --> - <c-lex-custom-lightning-datatable - class="wrapped-header-datatable" - hide-checkbox-column - key-field="Id" - data={raesList} - columns={colms} - onclicklink={clickLick} - ></c-lex-custom-lightning-datatable> - </div> - </div> - </div> - </div> - </template> - <!-- 璁㈠崟鍚勭鏁伴噺淇℃伅寮圭獥 --> - <template if:true={showPop}> - <section - role="dialog" - tabindex="-1" - aria-labelledby="modal-heading-01" - aria-modal="true" - aria-describedby="modal-content-id-1" - class="slds-modal slds-fade-in-open slds-modal_small" - style="border: 1px solid #d4d4d4" - > - <div class="slds-modal__container"> - <header class="slds-modal__header" style="background-color: #f3f3f3"> - <button - style="" - class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" - title="Close" - onclick={closePop} - > - <lightning-icon - icon-name="utility:close" - alternative-text="close" - variant="inverse" - size="small" - ></lightning-icon> - <span class="slds-assistive-text">Close</span> - </button> - <h2 - id="modal-heading-01" - class="slds-text-heading_medium slds-hyphenate" - > - {popTitle} - </h2> - </header> - <div - class="slds-modal__content slds-p-around_medium" - id="modal-content-id-1" - style="border: 1px solid #f3f3f3" - > - <lightning-datatable - class="wrapped-header-datatable" - hide-checkbox-column - key-field="prodModel" - columns={colms2} - data={recordList} - ></lightning-datatable> - </div> - <footer class="slds-modal__footer"> - <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="鍏抽棴" onclick={closePop}></lightning-button> --> - <button - class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" - style="margin-left: 10px" - variant="neutral" - label="鍏抽棴" - onclick={closePop} - > - 鍏抽棴 - </button> - </footer> - </div> - </section> - <div class="slds-backdrop slds-backdrop_open"></div> - </template> -</template> + <div class="slds-modal__container"> + <header + class="slds-modal__header" + style="background-color: #f3f3f3" + > + <button + style="" + class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" + title="Close" + onclick={closePop} + > + <lightning-icon + icon-name="utility:close" + alternative-text="close" + variant="inverse" + size="small" + ></lightning-icon> + <span class="slds-assistive-text">Close</span> + </button> + <h2 + id="modal-heading-01" + class="slds-text-heading_medium slds-hyphenate" + > + {popTitle} + </h2> + </header> + <div + class="slds-modal__content slds-p-around_medium" + id="modal-content-id-1" + style="border: 1px solid #f3f3f3" + > + <lightning-datatable + class="wrapped-header-datatable" + hide-checkbox-column + key-field="prodModel" + columns={colms2} + data={recordList} + ></lightning-datatable> + </div> + <footer class="slds-modal__footer"> + <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="鍏抽棴" onclick={closePop}></lightning-button> --> + <button + class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" + style="margin-left: 10px" + variant="neutral" + label="鍏抽棴" + onclick={closePop} + > + 鍏抽棴 + </button> + </footer> + </div> + </section> + <div class="slds-backdrop slds-backdrop_open"></div> + </template> +</template> \ No newline at end of file -- Gitblit v1.9.1