<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>
|
