| | |
| | | <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;"> |
| | | <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 |
| | | 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> |
| | |
| | | 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 |
| | | 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> |
| | |
| | | <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-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 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 |
| | | 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} |
| | | <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> |
| | | next-button-disabled={nextButtonDisabled} |
| | | record-start={recordStart} |
| | | record-end={recordEnd} |
| | | total-records={totalRecords} |
| | | ></c-paginator> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div></div> |
| | | <strong style="font-size: 20px">{accountDataInfo.name}</strong> |
| | | <p> |
| | | <lightning-formatted-url value="/lexconsumableaccount" label="返回列表"></lightning-formatted-url> |
| | | <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> |
| | | <lightning-formatted-url |
| | | value={printUrl} |
| | | label="可打印视图" |
| | | ></lightning-formatted-url> |
| | | </p> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | |
| | | <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 |
| | | <lightning-input |
| | | type="text" |
| | | label="客户名" |
| | | value={accountDataInfo.name} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | 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-item size="1"> |
| | | </lightning-layout-item> |
| | | <lightning-layout-item size="4"> |
| | | <lightning-input type="text" label="医院专业区分" |
| | | value={accountDataInfo.specialityType} variant="label-inline" read-only |
| | | <lightning-input |
| | | type="text" |
| | | label="医院专业区分" |
| | | value={accountDataInfo.specialityType} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | </div> |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="省" |
| | | value={accountDataInfo.stateMasterName} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="电话" |
| | | value={accountDataInfo.phone} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="市" |
| | | value={accountDataInfo.cityMasterName} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="电话2" |
| | | value={accountDataInfo.phoneCall} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="县/区" |
| | | value={accountDataInfo.town} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="传真" |
| | | value={accountDataInfo.fax} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="街道" |
| | | value={accountDataInfo.street} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="邮编" |
| | | value={accountDataInfo.postalCode} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="地址" |
| | | value={accountDataInfo.address} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | </div> |
| | |
| | | <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=" |
| | | <lightning-input |
| | | type="text" |
| | | label="母公司" |
| | | value={accountDataInfo.parentName} |
| | | variant="label-inline" |
| | | read-only |
| | | style=" |
| | | border-bottom: 1px solid #dde4e9; |
| | | "></lightning-input> |
| | | " |
| | | ></lightning-input> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | </template> |
| | | </template> |