<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="border-bottom: 1px solid #D4D4D4;padding:3px;">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>主页</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<lightning-button style="margin: 5px;" label="新建消耗品订单" onclick={newOrder}></lightning-button>
|
<p style="height: 10px;"></p>
|
</div>
|
</div> -->
|
<!-- 未全部发货订单明细 -->
|
<template if:true={over_view}>
|
<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">
|
<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>
|
</template>
|
<!-- 使用期限小于一年的产品 -->
|
<template if:true={overlimit}>
|
<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
|
class="wrapped-header-datatable"
|
hide-checkbox-column
|
key-field="prodName"
|
data={overlimitdateorderdetails}
|
columns={colm3}
|
></lightning-datatable>
|
</div>
|
</div>
|
</template>
|
<!-- 经销商信息
|
<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: 16px">
|
<strong>经销商信息</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<lightning-accordion allow-multiple-sections-open active-section-name={activeSections}>
|
<lightning-record-view-form record-id={accountId} object-api-name="Account">
|
<lightning-accordion-section label="经销商详细信息" name="A">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Management_Code__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Ban_On_Use_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Ban_On_Use_Reason__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Dealer_discount__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Sales_Shop_Class__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Deposit_Receipt_Finished__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Deposit_Receipt_Completion_Day__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-accordion-section>
|
<lightning-accordion-section label="营业许可证书状况" name="B">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Business_Authorization_No__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Business_Paper_Expiration_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Tax_Practice_No__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Tax_Practice_Expiration_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Medical_Equipment_Num__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Medical_Equipment_Expiration_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-accordion-section>
|
<lightning-accordion-section label="地址信息" name="C">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Postal_Code__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Phone"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Address_Together__c"></lightning-output-field>
|
</lightning-layout-item>
|
<lightning-layout-item size="6">
|
<lightning-output-field field-name="Fax"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-accordion-section>
|
</lightning-record-view-form>
|
</lightning-accordion>
|
</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">
|
<div lwc:dom="manual" id="resultDiv" class="resultDiv"></div>
|
<lightning-datatable
|
class="wrapped-header-datatable"
|
hide-checkbox-column
|
key-field="prodName"
|
data={productLimitRecords}
|
columns={colm4}
|
></lightning-datatable>
|
<p style="height: 10px"></p>
|
<div draggable="false">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
style="width: 220px"
|
onclick={editProductLimit}
|
>
|
经销商产品上下限编辑
|
</button>
|
</div>
|
</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: 16px">
|
<strong>在库商品库存一览</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding:10px;">
|
<template if:true={showTable}>
|
<c-lex-custom-lightning-datatable key-field="id" data={pageRecords} columns={columns}
|
default-sort-direction={defaultSortDirection} sorted-direction={sortDirection}
|
sorted-by={sortedBy} onsort={onHandleSort} hide-checkbox-column={hidecheckboxcolumn}
|
class="wrapped-header-datatable">
|
</c-lex-custom-lightning-datatable>
|
</template>
|
<c-paginator onprevious={handlePrevious} onnext={handleNext} onpageschange={handlePageschange}
|
onfirst={handleFirst} onlast={handleLast} page-size-options={pageSizeOptions}
|
previous-button-disabled={previousButtonDisabled} next-button-disabled={nextButtonDisabled}
|
record-start={recordStart} record-end={recordEnd} total-records={totalRecords}></c-paginator>
|
</div>
|
</div> -->
|
<!-- 订单各种数量信息弹窗 -->
|
<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>
|
</template>
|
