<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<template if:true={isShowSpinner}>
|
<lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
|
</template>
|
|
|
<template if:false={isDetailsShow}>
|
<template if:false={isConInvoiceList}>
|
<!-- 搜索客户名 -->
|
<template if:true={isModalOpen}>
|
<!-- Modal/Popup Box LWC starts here -->
|
<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">
|
<div class="slds-modal__container">
|
<!-- Modal/Popup Box LWC header here -->
|
<header class="slds-modal__header">
|
<button 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>
|
<!-- Modal/Popup Box LWC body starts here -->
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-input type="text" label="医院名称" onchange={dataChange}
|
data-field="searchHospitalName" value={searchHospitalName}
|
variant="label-inline"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-button label="检索" onclick={searchHospital}></lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<div class="tableColumn">
|
<lightning-layout class="datatable">
|
<lightning-datatable class="datatabel slds-border_top" key-field="id"
|
data={hospitalList} columns={hospitalColumns} hide-checkbox-column="true"
|
onrowaction={searchHandleRowAction}>
|
</lightning-datatable>
|
</lightning-layout>
|
</div>
|
</div>
|
<!-- Modal/Popup Box LWC footer starts here -->
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={closeModal} title="Cancel">
|
关闭
|
</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">
|
<lightning-layout>
|
|
<lightning-layout-item size="3"></lightning-layout-item>
|
<template if:true={EditAble}>
|
<lightning-layout-item size="1" padding="around-small">
|
<lightning-button label="　确定　"
|
onclick={SaveJs}></lightning-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}></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">
|
<p style="font-size: 16px;"><strong>发票信息</strong></p>
|
</div>
|
<div style="padding:10px;">
|
<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={handleLoad}>
|
<!-- 发票号 状态 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-output-field
|
field-name="Invoice_status__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="4">
|
<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="4">
|
<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="4">
|
<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 class="hehe-layoutItem" size="4">
|
<lightning-output-field
|
field-name="Order_ForCustomerText__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item size="4">
|
<lightning-input label="发票票面金额(元)" value={sumPrice} read-only
|
variant="label-inline"></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="4">
|
<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="4">
|
<lightning-output-field
|
field-name="Invoice_attachment__c"></lightning-output-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-output-field
|
field-name="Invoicedet_attachment__c"></lightning-output-field>
|
</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}>
|
<!-- 发票号 状态 -->
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-input label="发票号" value={OrderCode} data-field="OrderCode"
|
onchange={dataChange} variant="label-inline"
|
required></lightning-input>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-output-field
|
field-name="Invoice_status__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="4">
|
<lightning-input type="date" label="发票日期" variant="label-inline"
|
value={InvoiceDate} onchange={invoiceDateChange}
|
required></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="4">
|
<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"
|
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}></lightning-input>
|
</div>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-combobox data-field="secondaryDistributor"
|
name="secondaryDistributor" label="二级经销商"
|
value={secondaryDistributor} placeholder="请选择..."
|
options={provinceOptsMap} variant="label-inline"
|
onchange={dataChange}></lightning-combobox>
|
</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="4">
|
<lightning-input-field onchange={dataChange}
|
data-field="ForCustomerText" value={ForCustomerText}
|
field-name="Order_ForCustomerText__c"></lightning-input-field>
|
</lightning-layout-item>
|
|
<lightning-layout-item size="1"></lightning-layout-item>
|
|
<lightning-layout-item class="hehe-layoutItem" size="4">
|
<lightning-output-field
|
field-name="Order_ForDealerText__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="4">
|
<lightning-input-field onchange={dataChange} data-field="InvoiceNote"
|
value={InvoiceNote}
|
field-name="Invoice_Note__c"></lightning-input-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
</lightning-record-edit-form>
|
</template>
|
<!-- 出库单一览 -->
|
<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-item size="3" padding="around-small">
|
</lightning-layout-item>
|
<template if:false={hideCheckbox}>
|
<lightning-layout-item padding="around-small">
|
<lightning-button label="　检索　"
|
onclick={InvoiceorderSearchJs}></lightning-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: 10px">
|
<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}>
|
</lightning-datatable>
|
<lightning-datatable key-field="id" data={outboundDataSumPrice}
|
columns={outboundColumns} hide-checkbox-column hide-table-header>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
<!-- 发票明细 -->
|
<template if:true={done}>
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<p style="font-size: 16px">
|
<strong>发票明细</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-datatable key-field="id" data={invoiceOrderdetail1Recoeds}
|
columns={invoiceDetailsColumns} hide-checkbox-column>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</template>
|
<!-- 上传附件 -->
|
<template if:false={EditAble}>
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<p style="font-size: 16px">
|
<strong>附件</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<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-input label="" name="上传附件"
|
onchange={handleFilesChange} type="file"
|
accept={acceptedType}></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-button label="保存附件" style="margin-top: 20px"
|
onclick={saveAttachmentJs}></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">
|
<!-- <lightning-datatable key-field="id" data={fileData}
|
columns={fileColumns} hide-checkbox-column>
|
</lightning-datatable> -->
|
<c-lex-custom-lightning-datatable key-field="Id" data={fileData}
|
columns={fileColumns} ontypechange={handleTypeChange}
|
hide-checkbox-column>
|
</c-lex-custom-lightning-datatable>
|
</footer>
|
</lightning-card>
|
</div>
|
</div>
|
</div>
|
</template>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<template if:true={isConInvoiceList}>
|
<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={newInvoiceJs}></lightning-button>
|
|
|
</div>
|
</div>
|
</div>
|
|
<!-- 检索条件 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<p style="font-size: 16px">
|
<strong>检索条件</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<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}></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}></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}></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}></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}></lightning-combobox>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="检索"
|
onclick={invoiceCodeSearchJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-button label="清空" onclick={ClearJs}></lightning-button>
|
</div>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
</div>
|
</div>
|
</div>
|
|
<!-- 发票一览 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<p style="font-size: 16px">
|
<strong>发票一览</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<lightning-datatable key-field="id" data={invoiceData} columns={invoiceColumns}
|
hide-checkbox-column="true">
|
</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>
|
</div>
|
</div>
|
</div>
|
|
<!-- 发票信息 -->
|
<div class="borderCss" style="margin-top: 5px;">
|
<div class="headerDorderCss">
|
<p style="font-size: 16px">
|
<strong>发票信息</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<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="2"></lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="2"></lightning-layout-item>
|
<lightning-layout-item size="4">
|
<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="2"></lightning-layout-item>
|
<lightning-layout-item size="4">
|
<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">
|
<p style="font-size: 16px">
|
<strong>出库单</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<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="2"></lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-output-field field-name="Name"></lightning-output-field>
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="2"></lightning-layout-item>
|
<lightning-layout-item size="4">
|
<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">
|
<p style="font-size: 16px">
|
<strong>出库单明细</strong>
|
</p>
|
</div>
|
<div style="padding: 10px">
|
<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; ">
|
</c-lex-custom-lightning-datatable>
|
<lightning-datatable class="datatabel slds-border_top" key-field="id"
|
data={invoiceAllpriceData} columns={detailsColumns} hide-checkbox-column
|
hide-table-header>
|
</lightning-datatable>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
</template>
|
