<!-- 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"
|
>
|
</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>
|
