<!-- sldsValidatorIgnore -->
|
<!-- sldsValidatorIgnore -->
|
<template>
|
<template if:true={isShowSpinner}>
|
<lightning-spinner size="medium" variant="brand"></lightning-spinner>
|
</template>
|
<c-common-toast></c-common-toast>
|
<template if:false={isShowAccountInfo}>
|
<div class="outerBorderCss">
|
<div style="padding: 5px">
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small" size="2">
|
<lightning-icon icon-name="action:priority" alternative-text="priority" title="priority"
|
size="x-small" style="float: left;"></lightning-icon>
|
<p style="font-size: 18px; margin-left: 5px;float: left;">
|
<strong>销量前十</strong>
|
</p>
|
</lightning-layout-item>
|
<lightning-layout-item size="7"></lightning-layout-item>
|
<lightning-layout-item padding="around-small" size="3">
|
<lightning-combobox name="progress" label="财年" value={fiscalYearOption}
|
variant="label-hidden" options={fiscalYearOptions} onchange={dataChange}
|
data-field="fiscalYearOption" class="inputFont" style="
|
min-width: 250px;
|
max-width: 250px;
|
margin-left: 10px;
|
float: left;
|
"></lightning-combobox>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="padding: 7px">
|
<!-- <lightning-datatable key-field="id" data={topAccountData} columns={topColumns} hide-checkbox-column
|
class="wrapped-header-datatable">
|
</lightning-datatable> -->
|
|
<c-lex-custom-lightning-datatable key-field="Id" data={topAccountData} columns={topColumns}
|
hide-checkbox-column style="word-wrap: break-word; word-break: break-all"
|
class="wrapped-header-datatable">
|
</c-lex-custom-lightning-datatable>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<!-- <div style="padding: 15px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<div class="slds-grid slds-grid_vertical-align-center">
|
<lightning-icon icon-name="standard:account" alternative-text="Account" title="客户"
|
size="small"></lightning-icon>
|
<lightning-combobox name="progress" label="客户" value={viewOption}
|
variant="label-hidden" options={listViewOptions} onchange={dataChange}
|
data-field="viewOption" style="
|
min-width: 250px;
|
max-width: 250px;
|
margin-left: 10px;
|
"></lightning-combobox>
|
</div>
|
</div>
|
</div>
|
</div> -->
|
|
<div class="headerDorderCss">
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<!-- <lightning-icon icon-name="action:priority" alternative-text="priority" title="priority"
|
size="x-small" style="float: left;"></lightning-icon>
|
<p style="font-size: 18px; margin-left: 5px;float: left;">
|
<strong>销量前十</strong>
|
</p> -->
|
<lightning-icon icon-name="standard:account" alternative-text="Account" title="客户"
|
size="small" style="float: left;margin-top:3px"></lightning-icon>
|
<lightning-combobox name="progress" label="客户" value={viewOption} variant="label-hidden"
|
options={listViewOptions} onchange={dataChange} data-field="viewOption"
|
class="inputFont" style="
|
min-width: 250px;
|
max-width: 250px;
|
margin-left: 10px;
|
float: left;
|
"></lightning-combobox>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
|
<div class="borderCss">
|
<div style="padding: 7px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<lightning-datatable key-field="id" data={pageRecords} columns={columns}
|
hide-checkbox-column default-sort-direction={defaultSortDirection}
|
sorted-direction={sortDirection} sorted-by={sortedBy} onsort={onHandleSort}
|
class="wrapped-header-datatable grayBackground">
|
</lightning-datatable>
|
<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>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<template if:true={isShowAccountInfo}>
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="2">
|
客户
|
<div></div>
|
<strong style="font-size: 20px">{accountDataInfo.name}</strong>
|
<p>
|
<lightning-formatted-url value="/lexconsumableaccount" label="返回列表"></lightning-formatted-url>
|
</p>
|
</lightning-layout-item>
|
<lightning-layout-item size="9"></lightning-layout-item>
|
<lightning-layout-item size="1">
|
<p>
|
<lightning-formatted-url value={printUrl} label="可打印视图"></lightning-formatted-url>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<div class="outerBorderCss" style="margin-top: 20px">
|
<div style="padding: 5px">
|
<div class="borderCss">
|
<div class="headerDorderCss">
|
<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: 3px; border-bottom: 1px solid #dde4e9">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>客户信息</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="客户名" value={accountDataInfo.name}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
" class="adjustHeight"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="客户所有人" value={accountDataInfo.ownerName}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="别名1" value={accountDataInfo.site}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="有效/无效" value={accountDataInfo.isActive}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="别名2" value={accountDataInfo.aliasName2}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="禁用理由" value={accountDataInfo.banOnUseReason}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="政府等級" value={accountDataInfo.grade}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="医院所属性质"
|
value={accountDataInfo.attributeType} variant="label-inline" read-only
|
style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<!-- <lightning-input type="text" label="OCSM分类(医院)"
|
value={accountDataInfo.oCMCategory} variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input> -->
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="医院专业区分"
|
value={accountDataInfo.specialityType} variant="label-inline" read-only
|
style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
|
<div style="padding: 3px; border-bottom: 1px solid #dde4e9">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>地址信息</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="省" value={accountDataInfo.stateMasterName}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="电话" value={accountDataInfo.phone}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="市" value={accountDataInfo.cityMasterName}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="电话2" value={accountDataInfo.phoneCall}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="县/区" value={accountDataInfo.town}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="传真" value={accountDataInfo.fax}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="街道" value={accountDataInfo.street}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="邮编" value={accountDataInfo.postalCode}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="地址" value={accountDataInfo.address}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
|
<div style="padding: 3px">
|
<div lwc:dom="manual" class="resultDiv"></div>
|
<lightning-layout>
|
<lightning-layout-item padding="around-small">
|
<p style="font-size: 16px">
|
<strong>系统信息</strong>
|
</p>
|
</lightning-layout-item>
|
</lightning-layout>
|
<div draggable="false">
|
<div class="slds-m-top_small slds-m-bottom_medium">
|
<lightning-layout multiple-rows="true">
|
<lightning-layout-item size="1">
|
</lightning-layout-item>
|
<lightning-layout-item size="4">
|
<lightning-input type="text" label="母公司" value={accountDataInfo.parentName}
|
variant="label-inline" read-only style="
|
border-bottom: 1px solid #dde4e9;
|
"></lightning-input>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
</template>
|
