<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<c-common-toast></c-common-toast>
|
<template if:true={isShowSpinner}>
|
<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>
|
</template>
|
|
|
<template if:false={isDetailsShow}>
|
<template if:false={isConInvoiceList}>
|
<!-- 搜索客户名 -->
|
<template if:true={isModalOpen}>
|
<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_medium"
|
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={closeModal}>
|
<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">经销商医院检索</h2>
|
</header>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1"
|
style="border: 1px solid #F3F3F3;">
|
<table style="width: 100%;">
|
<tbody>
|
<tr>
|
<td style="width: 74px;">
|
<div style="color:#696969;font-size:16px;text-align: left;">医院名称</div>
|
</td>
|
<td style="width: 60%;"><lightning-input class="inputFont" label="医院名称"
|
variant="label-hidden" placeholder="请输入医院名称" value={searchHospitalName}
|
data-field="searchHospitalName" onchange={dataChange}></lightning-input></td>
|
<td style="width: 10px;"></td>
|
<td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
style="height: 32px;" label="搜索" onclick={searchHospital}>搜索</button></td>
|
</tr>
|
</tbody>
|
</table>
|
<p style="height: 20px;"></p>
|
<!-- <p>已选择医院：{chooseHospital}</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 class="myTable" style="padding:10px;">
|
<!-- <lightning-datatable class="wrapped-header-datatable" key-field="id"
|
hide-checkbox-column="true" data={hospitalList} columns={hosCols}
|
onrowaction={chooseHos}></lightning-datatable> -->
|
<lightning-datatable class="datatabel slds-border_top wrapped-header-datatable"
|
key-field="id" data={hospitalList} columns={hospitalColumns} hide-checkbox-column="true"
|
onrowaction={searchHandleRowAction}>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消"
|
onclick={closeModal}>取消</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
<div class="outerBorderCss">
|
<div style="padding:5px;">
|
|
<div class="borderCss">
|
<div style="padding:10px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<template if:false={EditAble}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="2"></lightning-layout-item>
|
<lightning-layout-item size="10">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
onclick={SetEditAbleJs} disabled={isDisabledEdit}
|
style="width: 150px;">编辑</button>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
|
onclick={approvalJs} disabled={isDisabledEdit}
|
style="width: 150px;">提交</button>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
|
onclick={openReportJs} disabled={isOpenReportDisabled}
|
style="width: 150px;">显示明细</button>
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
|
onclick={reopenJs} disabled={isDisabledReopen}
|
style="width: 150px;">作废重开</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true" style="margin-top: 20px;">
|
<lightning-layout-item size="2"></lightning-layout-item>
|
<lightning-layout-item size="10">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
onclick={deleteButtonJs} disabled={isDisabledDelete}
|
style="width: 150px;">删除</button>
|
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
|
disabled={isDisabledReopen} onclick={uploadOrder}
|
style="width: 150px;">上传附件</button>
|
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder buttonminMarginLeft"
|
onclick={saveAttachmentJs} disabled={isDisabledReopen}
|
style="width: 150px;">保存附件</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</template>
|
|
<!-- 上传附件弹窗 -->
|
<template if:true={showAttPop}>
|
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-02"
|
aria-modal="true" aria-describedby="modal-content-id-2"
|
class="slds-modal slds-fade-in-open slds-modal_small"
|
style="border: 1px solid #D4D4D4;">
|
<template if:true={showPopSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</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-02"
|
class="slds-text-heading_medium slds-hyphenate">上传附件</h2>
|
</header>
|
<div class="slds-modal__content slds-p-around_medium searchName"
|
id="modal-content-id-2" style="border: 1px solid #F3F3F3;">
|
<div class="slds-m-top_medium slds-m-bottom_x-large">
|
<div class="slds-p-around_medium lgc-bg">
|
<lightning-input class="fileUpload" type="file" label="附件上传"
|
accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf"
|
onchange={attChange}></lightning-input>
|
</div>
|
<p class="fontWeight">已选择文件：{fileName}
|
|
<template if:true={attDelBtn}>
|
<a onclick={removeAtt}>移除</a>
|
</template>
|
</p>
|
</div>
|
</div>
|
<footer class="slds-modal__footer">
|
<!-- <lightning-button style="margin-left: 10px;" variant="neutral"
|
label="取消" onclick={closePop}></lightning-button>
|
<lightning-button style="margin-left: 10px;" variant="neutral"
|
label="上传" onclick={handleFilesChange}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;"
|
label="取消" onclick={closePop}>取消</button>
|
<button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-left: 10px;"
|
label="上传" onclick={handleFilesChange}>上传</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</template>
|
|
<template if:true={EditAble}>
|
<lightning-layout>
|
<lightning-layout-item size="1" padding="around-small"></lightning-layout-item>
|
<lightning-layout-item size="2" padding="around-small"></lightning-layout-item>
|
<lightning-layout-item padding="around-small">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
onclick={SaveJs}>确定</button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</template>
|
|
<!-- <lightning-layout>
|
<lightning-layout-item size="3"></lightning-layout-item>
|
<template if:true={EditAble}>
|
<lightning-layout-item size="1" padding="around-small">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" onclick={SaveJs}>确定</button>
|
</lightning-layout-item>
|
</template>
|
|
<template if:false={EditAble}>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="　编辑　" onclick={SetEditAbleJs}
|
disabled={isDisabledEdit}></lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="　提交　" onclick={approvalJs}
|
disabled={isDisabledEdit}></lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="显示明细" onclick={openReportJs}
|
disabled={isOpenReportDisabled}></lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="作废重开" onclick={reopenJs}
|
disabled={isDisabledReopen}></lightning-button>
|
</lightning-layout-item>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="　删除　" onclick={deleteButtonJs}
|
disabled={isDisabledDelete}></lightning-button>
|
</lightning-layout-item>
|
</template>
|
|
</lightning-layout> -->
|
|
</div>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<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:7px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<!--发票信息 显示用 -->
|
<template if:false={isEditInvoice}>
|
<lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}
|
onload={handleLoad2}>
|
<!-- 发票号 状态 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
|
<lightning-output-field
|
field-name="Invoice_status__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
</lightning-layout>
|
|
<!-- 发票日期 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field
|
field-name="Invoice_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 二级经销商 -->
|
<template if:true={isShowSecondaryDistributor}>
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field
|
field-name="Order_Dealer_Info__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</template>
|
|
<!-- 客户名 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field field-name="ShipmentAccount__c"
|
class="hideHelpText"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 科室 发票票面金额 -->
|
<lightning-layout multiple-rows="true" style="height:35.5px">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field
|
field-name="Order_ForCustomerText__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="5" class="readOnly" style="padding-left: 100px;">
|
<lightning-input label="发票票面金额(元)" value={sumPrice} read-only
|
variant="label-inline"></lightning-input>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 备注 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field
|
field-name="Invoice_Note__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 发票附件 明细附件 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-output-field
|
field-name="Invoice_attachment__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
|
<lightning-output-field
|
field-name="Invoicedet_attachment__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 附件预览 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="10">
|
<lightning-card class="attListTitle" variant="Narrow" title="附件列表"
|
icon-name="utility:attach">
|
|
<lightning-layout slot="footer" multiple-rows="true">
|
<template for:each={fileData} for:item="item" for:index="index">
|
<lightning-layout-item padding="around-none" size="2"
|
key={item.recordId}
|
style="text-align: left;padding:5px">
|
<lightning-icon title={item.Title}
|
style="margin-left: 20px;" icon-name="doctype:gform"
|
alternative-text={item.Title}
|
size="large"></lightning-icon><br />
|
<div title={item.Title} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
|
{item.Title}
|
</div>
|
<p>
|
<!-- <a data-fileid ={item.documentId} onclick={previweAtt}> -->
|
<a href={item.attUrl} target="_blank">
|
预览
|
</a> ·
|
<a href={item.downloadUrl}>
|
下载
|
</a> ·
|
<a data-fileid={item.Id} onclick={deleteAtt}>
|
删除
|
</a>
|
</p>
|
<!-- <p>{item.updateDate} · {item.ownerName}</p> -->
|
</lightning-layout-item>
|
</template>
|
</lightning-layout>
|
</lightning-card>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-record-edit-form>
|
</template>
|
<!--发票信息 编辑用 -->
|
<template if:true={isEditInvoice}>
|
<lightning-record-edit-form object-api-name="Consumable_order__c" record-id={cocId}
|
onload={handleLoad2}>
|
<!-- 发票号 状态 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-input label="发票号" value={OrderCode} data-field="OrderCode"
|
onchange={dataChange} variant="label-inline" required
|
class="inputFont"></lightning-input>
|
</lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
|
<lightning-output-field
|
field-name="Invoice_status__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 发票日期 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-input type="date" label="发票日期" variant="label-inline"
|
value={InvoiceDate} onchange={invoiceDateChange} required
|
class="inputFont"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 客户名 二级经销商 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<div
|
class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
|
<lightning-icon size="x-small"
|
class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default hideHelpText"
|
icon-name="utility:search"></lightning-icon>
|
<lightning-input type="text" name="HospitalName" label="客户名"
|
value={HospitalName} variant="label-inline"
|
onclick={searchHospitalNameModal} data-field="HospitalName"
|
onchange={clearAgencyI} class="inputFont"></lightning-input>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
|
<lightning-combobox data-field="secondaryDistributor"
|
name="secondaryDistributor" label="二级经销商"
|
value={secondaryDistributor} placeholder="请选择..."
|
options={provinceOptsMap} variant="label-inline"
|
onchange={dataChange} class="inputFont"></lightning-combobox>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 科室 经销商(录入) -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-input-field onchange={dataChange}
|
data-field="ForCustomerText" value={ForCustomerText}
|
field-name="Order_ForCustomerText__c"
|
class="inputFont"></lightning-input-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5" style="padding-left: 100px;">
|
<lightning-output-field
|
field-name="Order_ForDealerText__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 备注 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="5">
|
<lightning-input-field onchange={dataChange} data-field="InvoiceNote"
|
value={InvoiceNote} field-name="Invoice_Note__c"
|
class="inputFont"></lightning-input-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
</lightning-record-edit-form>
|
</template>
|
</div>
|
</div>
|
</div>
|
<!-- 出库单一览 -->
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 18px">
|
<strong>出库单一览</strong>
|
</p>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="around-small">
|
</lightning-layout-item>
|
<template if:false={hideCheckbox}>
|
<lightning-layout-item padding="around-small">
|
<!-- <lightning-button label="　检索　"
|
onclick={InvoiceorderSearchJs}></lightning-button> -->
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={InvoiceorderSearchJs}>检索</button>
|
</lightning-layout-item>
|
</template>
|
|
</lightning-layout>
|
</div>
|
|
<!-- <template if:false={hideCheckbox}>
|
<div style="padding: 10px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-layout>
|
<lightning-layout-item size="5" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item padding="around-small">
|
<lightning-button label="检索"
|
onclick={InvoiceorderSearchJs}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</template> -->
|
|
<div style="padding: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-datatable key-field="Id" data={outboundData} columns={outboundColumns}
|
hide-checkbox-column={hideCheckbox} onrowselection={getSelectedRows}
|
selected-rows={selectedRows} class="wrapped-header-datatable" data-field="outbound">
|
</lightning-datatable>
|
<lightning-datatable key-field="id" data={outboundDataSumPrice}
|
columns={outboundColumns} hide-checkbox-column hide-table-header
|
class="wrapped-header-datatable">
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
<!-- 发票明细 -->
|
<template if:true={done}>
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<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: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-datatable key-field="id" data={invoiceOrderdetail1Recoeds}
|
columns={invoiceDetailsColumns} hide-checkbox-column
|
class="wrapped-header-datatable">
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</template>
|
<!-- 上传附件 -->
|
<!-- <template if:false={EditAble}>
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item size="1" padding="around-small">
|
<p style="font-size: 16px">
|
<strong>附件</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-card title="">
|
<lightning-layout multiple-rows="true" style="margin-top: -20px">
|
<lightning-layout-item size="3">
|
<lightning-input label="" name="上传附件" onchange={handleFilesChange}
|
type="file" accept={acceptedType}
|
disabled={isDisabledReopen}></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="3">
|
<span class="slds-form-element__label" data-form-label></span>
|
</br>
|
<lightning-button label="保存附件" style="margin-top: 20px"
|
onclick={saveAttachmentJs}
|
disabled={isDisabledReopen}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<template if:true={showLoadingSpinner}>
|
<lightning-spinner alternative-text="Uploading now"></lightning-spinner>
|
</template>
|
<footer style="margin-top: 20px">
|
<c-lex-custom-lightning-datatable key-field="Id" data={fileData}
|
columns={fileColumns} ontypechange={handleTypeChange}
|
hide-checkbox-column onclickicon={deleteAtt}
|
class="wrapped-header-datatable">
|
</c-lex-custom-lightning-datatable>
|
</footer>
|
</lightning-card>
|
</div>
|
</div>
|
</div>
|
</template> -->
|
</div>
|
</div>
|
</template>
|
|
<template if:true={isConInvoiceList}>
|
<div class="outerBorderCss">
|
<div style="padding:5px;">
|
<!-- 新建发票 -->
|
<div class="borderCss">
|
<div style="padding:15px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<!-- <lightning-button label="新建发票" onclick={newInvoiceJs}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
onclick={newInvoiceJs}>新建发票</button>
|
</div>
|
</div>
|
</div>
|
|
<!-- 检索条件 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<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: 15px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
|
<lightning-layout multiple-rows>
|
<lightning-layout-item flexibility="auto">
|
<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} class="inputFont"
|
style="max-width: 150px;"></lightning-input>
|
</div>
|
|
</br>
|
<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="deliveryToDate"
|
value={deliveryToDate} 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="category1" value={category1} class="inputFont"
|
style="max-width: 150px;"></lightning-input>
|
</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="category2" value={category2} class="inputFont"
|
style="max-width: 150px;"></lightning-input>
|
</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-combobox data-field="invoiceStatus" name="invoiceStatus"
|
label="状态" value={invoiceStatusValue} placeholder="请选择..."
|
options={Options} variant="label-hidden" onchange={dataChange}
|
style="min-width: 100px;max-width: 200px;"
|
class="inputFont"></lightning-combobox>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle"
|
onclick={invoiceCodeSearchJs} style="max-width: 110px;">检索</button>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<button
|
class="slds-button slds-button_neutral slds-button_stretch lexclearStyle"
|
onclick={ClearJs} style="max-width: 110px;">清空</button>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
</div>
|
</div>
|
</div>
|
|
<!-- 发票一览 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<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: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-datatable key-field="id" data={invoiceData} columns={invoiceColumns}
|
hide-checkbox-column="true" class="wrapped-header-datatable">
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
|
<template if:true={isDetailsShow}>
|
<div class="outerBorderCss">
|
<div style="padding:5px;">
|
<!-- 确定 -->
|
<div class="borderCss">
|
<div style="padding:10px;">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<!-- <lightning-button label="确定" onclick={detailsSaveJs}></lightning-button> -->
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder"
|
onclick={detailsSaveJs}>确定</button>
|
</div>
|
</div>
|
</div>
|
|
<!-- 发票信息 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<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: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-record-edit-form object-api-name="Consumable_order__c"
|
record-id={detailsInvoiceId} onload={handleLoad2}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="5">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="5" class="hehe-layoutItem">
|
<lightning-output-field field-name="ShipmentAccount__c"
|
class="hideHelpText"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="5">
|
<lightning-output-field
|
field-name="Order_ForCustomerText__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-record-edit-form>
|
</div>
|
</div>
|
</div>
|
|
<!-- 出库单 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<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: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-record-edit-form object-api-name="Consumable_order__c" record-id={detailsCocId}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="5">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
<lightning-layout-item size="5">
|
<lightning-output-field field-name="Outbound_Date__c"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
</lightning-record-edit-form>
|
</div>
|
</div>
|
</div>
|
|
<!-- 出库单明细 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<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: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<!-- <lightning-datatable class="datatabel slds-border_top" key-field="id"
|
data={detaisData} columns={detailsColumns}>
|
</lightning-datatable> -->
|
<c-lex-custom-lightning-datatable key-field="Id" data={detailsData} columns={detailsColumns}
|
onunitchange={handleUnitChange} onshipmentnumber={handleShipmentNumber}
|
onrowselection={detailsGetSelectedRows} selected-rows={detailsSelectedRows}
|
style="word-wrap:break-word; word-break:break-all; " class="wrapped-header-datatable"
|
min-column-width="115">
|
</c-lex-custom-lightning-datatable>
|
<lightning-datatable class="datatabel slds-border_top wrapped-header-datatable"
|
key-field="id" data={invoiceAllpriceData} columns={detailsColumns} hide-checkbox-column
|
hide-table-header>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
</template>
|
