|  |  |  | 
|---|
|  |  |  | <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" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | <!-- <p style="font-size: 16px;"><strong>检索条件</strong></p> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="padding: 10px"> | 
|---|
|  |  |  | <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 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> | 
|---|
|  |  |  | <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 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> | 
|---|
|  |  |  | <lightning-input class="inputFont" type="date" variant="label-hidden" label="最新发货日期" value={cate2} onchange={cate2Change}></lightning-input> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | <td style="width: 30px"></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> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </lightning-layout> | 
|---|
|  |  |  | <!-- <p style="font-size: 16px;"><strong>订单明细</strong></p> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="padding: 10px"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <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" | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 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> | 
|---|
|  |  |  | <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 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> | 
|---|
|  |  |  | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="关闭" onclick={closePop}>关闭</button> | 
|---|
|  |  |  | </footer> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </section> | 
|---|