From 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7 Mon Sep 17 00:00:00 2001
From: buli <137736985@qq.com>
Date: 星期五, 14 七月 2023 14:56:14 +0800
Subject: [PATCH] lex community
---
force-app/main/default/lwc/lexConsumableAccount/lexConsumableAccount.html | 466 ++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 322 insertions(+), 144 deletions(-)
diff --git a/force-app/main/default/lwc/lexConsumableAccount/lexConsumableAccount.html b/force-app/main/default/lwc/lexConsumableAccount/lexConsumableAccount.html
index d0db616..61fd499 100644
--- a/force-app/main/default/lwc/lexConsumableAccount/lexConsumableAccount.html
+++ b/force-app/main/default/lwc/lexConsumableAccount/lexConsumableAccount.html
@@ -1,45 +1,76 @@
<!-- sldsValidatorIgnore -->
<!-- sldsValidatorIgnore -->
<template>
- <c-common-toast></c-common-toast>
<template if:true={isShowSpinner}>
- <lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
+ <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;">
+ <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>
<div style="padding: 7px">
<!-- <lightning-datatable key-field="id" data={topAccountData} columns={topColumns} hide-checkbox-column
- class="wrapped-header-datatable">
+ 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>
@@ -72,16 +103,29 @@
<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>
@@ -92,17 +136,32 @@
<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">
+ <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>
@@ -118,13 +177,19 @@
<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>
@@ -156,76 +221,31 @@
<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>
@@ -233,19 +253,117 @@
<lightning-layout-item size="1">
</lightning-layout-item>
<lightning-layout-item size="4">
- <lightning-input type="text" label="OCSM鍒嗙被(鍖婚櫌)"
+ <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-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
+ <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>
@@ -267,18 +385,30 @@
<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>
@@ -286,18 +416,30 @@
<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>
@@ -305,18 +447,30 @@
<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>
@@ -324,18 +478,30 @@
<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>
@@ -343,10 +509,16 @@
<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>
@@ -368,10 +540,16 @@
<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>
--
Gitblit v1.9.1