<!-- 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}
|
default-page-size={pageSize}
|
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>
|
