From cb95755fe8496d8af6d40b05c4bbd4b6df2e77ab Mon Sep 17 00:00:00 2001
From: buli <137736985@qq.com>
Date: 星期一, 05 六月 2023 14:39:34 +0800
Subject: [PATCH] LEX Community Report&Dashboard
---
force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js | 306 ++++++++++++++++++++++-----------------------------
1 files changed, 132 insertions(+), 174 deletions(-)
diff --git a/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js b/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js
index ff7628f..0d98bf7 100644
--- a/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js
+++ b/force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js
@@ -6,21 +6,24 @@
import searchOrderInstatus from '@salesforce/apex/LexSaleAndDeliveryController.searchOrderInstatus';
import searchConsumableorderdetails from '@salesforce/apex/LexSaleAndDeliveryController.searchConsumableorderdetails';
import searchConsumableorFinish from '@salesforce/apex/LexSaleAndDeliveryController.searchConsumableorFinish';
+//table css
+import { loadStyle } from "lightning/platformResourceLoader";
+import WrappedHeaderTable from "@salesforce/resourceUrl/lexdatatable";
const columns = [
- {
- label: '鍑哄簱鏃�',
- fieldName: 'Outbound_Date__c',
+ {
+ label: '鍑哄簱鏃�',
+ fieldName: 'Outbound_Date__c',
type: 'date',
- initialWidth : 100,
- hideDefaultActions: true ,
+ initialWidth: 130,
+ hideDefaultActions: true,
sortable: true
},
- {
- label: '鍑哄簱鍗曞彿',
- fieldName: 'url',
- type : 'url',
- initialWidth : 175,
+ {
+ label: '鍑哄簱鍗曞彿',
+ fieldName: 'url',
+ type: 'url',
+ initialWidth: 175,
typeAttributes: {
label: {
fieldName: 'Name'
@@ -28,138 +31,62 @@
target: '_blank'
},
hideDefaultActions: true,
- sortable: true
- },
- {
- label: '瀹㈡埛鍚�',
- fieldName: 'ShipmentAccount__c',
- hideDefaultActions: true ,
- wrapText:true,
+ initialWidth: 225,
sortable: true
},
- {
- label: '绉戝',
- fieldName: 'Order_ForCustomerText__c',
+ {
+ label: '瀹㈡埛鍚�',
+ fieldName: 'ShipmentAccount__c',
hideDefaultActions: true,
- initialWidth : 120
+ wrapText: true,
+ sortable: true
},
- {
- label: '鍑哄簱鍗曠姸鎬�',
- fieldName: 'SummonsStatus_c__c',
- hideDefaultActions: true ,
- sortable: true,
- initialWidth : 100
+ {
+ label: '绉戝',
+ fieldName: 'Order_ForCustomerText__c',
+ hideDefaultActions: true,
+ initialWidth: 120
},
- {
- label: '寮�绁ㄧ姸鎬�',
- fieldName: 'Billed_Status__c',
+ {
+ label: '鍑哄簱鍗曠姸鎬�',
+ fieldName: 'SummonsStatus_c__c',
hideDefaultActions: true,
sortable: true,
- initialWidth : 100
+ initialWidth: 100
},
- {
- label: '鏈彂绁ㄩ噾棰�(鍏�)',
- fieldName: 'InvoiceNotPro_money__c',
+ {
+ label: '寮�绁ㄧ姸鎬�',
+ fieldName: 'Billed_Status__c',
hideDefaultActions: true,
- type : "number",
- typeAttributes:{
- minimumFractionDigits:2,
+ sortable: true,
+ initialWidth: 100
+ },
+ {
+ label: '鏈彂绁ㄩ噾棰�(鍏�)',
+ fieldName: 'InvoiceNotPro_money__c',
+ hideDefaultActions: true,
+ type: "number",
+ typeAttributes: {
+ minimumFractionDigits: 2,
},
- initialWidth : 150
+ initialWidth: 150
},
- {
- label: '鍒涘缓鏃ユ湡',
+ {
+ label: '鍒涘缓鏃ユ湡',
fieldName: 'CreatedDate',
hideDefaultActions: true,
- sortable: true ,
+ sortable: true,
type: "date",
- typeAttributes:{
- timeZone : "Asia/Shanghai",
+ typeAttributes: {
+ timeZone: "Asia/Shanghai",
day: "numeric",
month: "numeric",
year: "numeric",
hour: "2-digit",
minute: "2-digit"
},
- initialWidth : 200
+ initialWidth: 200
}
-];
-
-const editColumns = [
- {
- label: '鍑哄簱鏃�',
- fieldName: 'Outbound_Date__c',
- type: 'date',
- hideDefaultActions: true ,
- sortable: true
- },
- {
- label: '鍑哄簱鍗曞彿',
- fieldName: 'url',
- type : 'url',
- typeAttributes: {
- label: {
- fieldName: 'Name'
- },
- target: '_blank'
- },
- hideDefaultActions: true,
- sortable: true
- },
- {
- label: '瀹㈡埛鍚�',
- fieldName: 'ShipmentAccount__c',
- hideDefaultActions: true ,
- sortable: true
- },
- {
- label: '绉戝',
- fieldName: 'Order_ForCustomerText__c',
- hideDefaultActions: true
- },
- {
- label: '鍑哄簱鍗曠姸鎬�',
- fieldName: 'SummonsStatus_c__c',
- hideDefaultActions: true ,
- sortable: true,
- initialWidth : 100
- },
- {
- label: '寮�绁ㄧ姸鎬�',
- fieldName: 'Billed_Status__c',
- hideDefaultActions: true,
- sortable: true,
- initialWidth : 100
- },
- {
- label: '鏈彂绁ㄩ噾棰�(鍏�)',
- fieldName: 'InvoiceNotPro_money__c',
- hideDefaultActions: true,
- initialWidth : 150
- },
- {
- label: '鍒涘缓鏃ユ湡',
- fieldName: 'CreatedDate',
- hideDefaultActions: true,
- sortable: true
- },
- // {
- // label: '鍗曚綅',
- // hideDefaultActions: true,
- // type:'customUnit',
- // },
- // {
- // label: '鍑鸿揣鏁伴噺',
- // hideDefaultActions: true,
- // type:'customShipment',
-
- // },
- // {
- // label: '鍑鸿揣鍗曚环(鍏�)',
- // hideDefaultActions: true,
- // type:'customShipmentUnitPrice',
-
- // }
];
export default class LexSaleAndDelivery extends NavigationMixin(LightningElement) {
columns = columns;
@@ -182,6 +109,21 @@
sortDirection = 'asc';
sortedBy;
+
+ stylesLoaded = false;
+ renderedCallback() {
+ if (!this.stylesLoaded) {
+ Promise.all([loadStyle(this, WrappedHeaderTable)])
+ .then(() => {
+ console.log("Custom styles loaded");
+ this.stylesLoaded = true;
+ })
+ .catch((error) => {
+ console.error("Error loading custom styles");
+ });
+ }
+ }
+
connectedCallback() {
init().then((r) => {
r = JSON.parse(JSON.stringify(r));
@@ -192,23 +134,27 @@
this.agencyProType = r.entity.agencyProType;
this.userWorkLocation = r.entity.userWorkLocation;
this.data = r.entity.raesList;
- for(var i in this.data){
- this.data[i]['url'] = '/s/lexsummonscreat?ESetid='+this.data[i].Id;
+ for (var i in this.data) {
+ this.data[i]['url'] = '/s/lexsummonscreat?ESetid=' + this.data[i].Id;
}
console.log('this.data = ' + JSON.stringify(this.data));
this.isShowSpinner = false;
this.showTable = true;
+
} else {
console.log('r = ' + JSON.stringify(r))
- this.showToast('Error', r.msg);
+ this.showMyToast('鍒濆鍖栧け璐�', r.msg,'Error');
}
}).catch((error) => {
console.log('error = ' + JSON.stringify(error))
+ this.showMyToast('閿欒', '鍒濆鍖栧け璐�','Error');
})
}
+
+
//鏂板缓鍑哄簱鍗�
- neworderhead(){
+ neworderhead() {
this[NavigationMixin.Navigate]({
type: 'standard__webPage',
attributes: {
@@ -235,19 +181,20 @@
console.log('r = ' + JSON.stringify(r));
if (r.status == 'Success') {
this.data = r.entity.raesList;
- for(var i in this.data){
- this.data[i]['url'] = '/s/lexsummonscreat?ESetid='+this.data[i].Id;
+ for (var i in this.data) {
+ this.data[i]['url'] = '/s/lexsummonscreat?ESetid=' + this.data[i].Id;
}
this.message = r.msg;
- if(this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟銆�'){
- this.showToast('Error', this.message);
- }else{
- this.showToast('Success', this.message);
+ if (this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟') {
+ this.showMyToast('鎼滅储澶辫触', this.message,'Error');
+ } else {
+ this.showMyToast('鎼滅储鎴愬姛', this.message,'Success');
}
this.isShowSpinner = false;
+ //this.isCssLoaded = true
this.showTable = true;
} else {
- this.showToast('Error', r.msg);
+ this.showMyToast('閿欒', r.msg,'Error');
}
}).catch((error) => {
console.log('error = ' + JSON.stringify(error))
@@ -255,7 +202,7 @@
}
//杩樻病鍑哄簱鐨勫嚭搴撳崟
- searchConsumableorderdetailsJs(){
+ searchConsumableorderdetailsJs() {
this.isShowSpinner = true;
this.showTable = false;
console.log('searchConsumableorderdetailsJs');
@@ -274,27 +221,28 @@
console.log('r = ' + JSON.stringify(r));
if (r.status == 'Success') {
this.data = r.entity.raesList;
- for(var i in this.data){
- this.data[i]['url'] = '/s/lexsummonscreat?ESetid='+this.data[i].Id;
+ for (var i in this.data) {
+ this.data[i]['url'] = '/s/lexsummonscreat?ESetid=' + this.data[i].Id;
}
this.message = r.msg;
- if(this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟銆�'){
- this.showToast('Error', this.message);
- }else{
- this.showToast('Success', this.message);
+ if (this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟') {
+ this.showMyToast('鎼滅储澶辫触', this.message,'Error');
+ } else {
+ this.showMyToast('鎼滅储鎴愬姛', this.message,'Success');
}
this.isShowSpinner = false;
this.showTable = true;
} else {
- this.showToast('Error', r.msg);
+ this.showMyToast('鎼滅储澶辫触', r.msg,'Error');
}
}).catch((error) => {
console.log('error = ' + JSON.stringify(error))
+ this.showMyToast('鎼滅储澶辫触', '鎼滅储杩樻病鍑哄簱鐨勫嚭搴撳崟鍑洪敊','Error');
})
}
//宸插嚭搴撳凡寮�绁ㄧ殑鍑哄簱鍗�
- searchConsumableorFinishJs(){
+ searchConsumableorFinishJs() {
this.isShowSpinner = true;
this.showTable = false;
console.log('searchConsumableorFinishJs');
@@ -311,22 +259,23 @@
console.log('r = ' + JSON.stringify(r));
if (r.status == 'Success') {
this.data = r.entity.raesList;
- for(var i in this.data){
- this.data[i]['url'] = '/s/lexsummonscreat?ESetid='+this.data[i].Id;
+ for (var i in this.data) {
+ this.data[i]['url'] = '/s/lexsummonscreat?ESetid=' + this.data[i].Id;
}
this.message = r.msg;
- if(this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟銆�'){
- this.showToast('Error', this.message);
- }else{
- this.showToast('Success', this.message);
+ if (this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟') {
+ this.showMyToast('鎼滅储澶辫触', this.message,'Error');
+ } else {
+ this.showMyToast('鎼滅储鎴愬姛', this.message,'Success');
}
this.isShowSpinner = false;
this.showTable = true;
} else {
- this.showToast('Error', r.msg);
+ this.showMyToast('鎼滅储澶辫触', r.msg,'Error');
}
}).catch((error) => {
console.log('error = ' + JSON.stringify(error))
+ this.showMyToast('鎼滅储澶辫触', '鎼滅储宸插嚭搴撳凡寮�绁ㄧ殑鍑哄簱鍗曞嚭閿�','Error');
})
}
@@ -347,35 +296,36 @@
console.log('r = ' + JSON.stringify(r));
if (r.status == 'Success') {
this.data = r.entity.raesList;
- for(var i in this.data){
- this.data[i]['url'] = '/s/lexsummonscreat?ESetid='+this.data[i].Id;
+ for (var i in this.data) {
+ this.data[i]['url'] = '/s/lexsummonscreat?ESetid=' + this.data[i].Id;
}
this.message = r.msg;
- if(this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟銆�'){
- this.showToast('Error', this.message);
- }else{
- this.showToast('Success', this.message);
+ if (this.message == '娌℃湁鎼滅储鍒扮浉鍏冲嚭搴撳崟') {
+ this.showMyToast('鎼滅储澶辫触', this.message,'Error');
+ } else {
+ this.showMyToast('鎼滅储鎴愬姛', this.message,'Success');
}
this.isShowSpinner = false;
this.showTable = true;
} else {
- this.showToast('Error', r.msg);
+ this.showMyToast('鎼滅储澶辫触', r.msg,'Error');
}
}).catch((error) => {
console.log('error = ' + JSON.stringify(error))
+ this.showMyToast('鎼滅储澶辫触', '鎼滅储澶辫触','Error');
})
}
//Capture the event fired from the paginator component
- handlePaginatorChange(event){
+ handlePaginatorChange(event) {
this.recordsToDisplay = event.detail.recordsToDisplay;
this.preSelected = event.detail.preSelected;
- if(this.recordsToDisplay && this.recordsToDisplay > 0){
- this.rowNumberOffset = this.recordsToDisplay[0].rowNumber-1;
- }else{
+ if (this.recordsToDisplay && this.recordsToDisplay > 0) {
+ this.rowNumberOffset = this.recordsToDisplay[0].rowNumber - 1;
+ } else {
this.rowNumberOffset = 0;
- }
- }
+ }
+ }
//鎺掑簭
onHandleSort(event) {
@@ -390,11 +340,11 @@
sortBy(field, reverse, primer) {
const key = primer
? function (x) {
- return primer(x[field]);
- }
+ return primer(x[field]);
+ }
: function (x) {
- return x[field];
- };
+ return x[field];
+ };
return function (a, b) {
a = key(a);
@@ -426,7 +376,7 @@
}
- editProductLimit(){
+ editProductLimit() {
this[NavigationMixin.Navigate]({
type: 'standard__webPage',
attributes: {
@@ -435,18 +385,26 @@
});
}
- showToast(type, msg) {
+ showMyToast(title, message, variant) {
this.isShowSpinner = false;
- const event = new ShowToastEvent({
- title: type,
- variant: type,
- message: msg
- });
- this.dispatchEvent(event);
+ console.log('show custom message');
+ var iconName = '';
+ var content = '';
+ if (variant.toLowerCase() == 'success') {
+ iconName = 'utility:check';
+ } else {
+ iconName = 'utility:error';
+ }
+ if (message != '') {
+ content = '<h2><strong>' + title + '<strong/></h2><h5>' + message + '</h5>';
+ } else {
+ content = '<h2><strong>' + title + '<strong/></h2>';
+ }
+ this.template.querySelector('c-common-toast').showToast(variant, content, iconName, 10000);
}
@track isModalOpen = false;
- openModal(){
+ openModal() {
this.isModalOpen = true;
}
}
\ No newline at end of file
--
Gitblit v1.9.1