import { LightningElement, wire, api, track } from "lwc";
|
import { NavigationMixin } from "lightning/navigation";
|
import init from "@salesforce/apex/LexSaleAndDeliveryController.init"; //cleanUp
|
import cleanUp from "@salesforce/apex/LexSaleAndDeliveryController.cleanUp";
|
import { ShowToastEvent } from "lightning/platformShowToastEvent";
|
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",
|
type: "date",
|
hideDefaultActions: true,
|
sortable: true,
|
initialWidth: 180,
|
wrapText: true
|
},
|
{
|
label: "出库单号",
|
fieldName: "url",
|
type: "url",
|
typeAttributes: {
|
label: {
|
fieldName: "Name"
|
},
|
target: "_blank"
|
},
|
hideDefaultActions: true,
|
sortable: true,
|
wrapText: true
|
},
|
{
|
label: "客户名",
|
fieldName: "ShipmentAccount__c",
|
hideDefaultActions: true,
|
wrapText: true,
|
sortable: true
|
},
|
{
|
label: "科室",
|
fieldName: "Order_ForCustomerText__c",
|
hideDefaultActions: true,
|
initialWidth: 100,
|
wrapText: true
|
},
|
{
|
label: "出库单状态",
|
fieldName: "SummonsStatus_c__c",
|
hideDefaultActions: true,
|
initialWidth: 100,
|
sortable: true,
|
wrapText: true
|
},
|
{
|
label: "开票状态",
|
fieldName: "Billed_Status__c",
|
hideDefaultActions: true,
|
initialWidth: 100,
|
sortable: true,
|
wrapText: true
|
},
|
{
|
label: "未发票金额(元)",
|
fieldName: "InvoiceNotPro_money__c",
|
hideDefaultActions: true,
|
initialWidth: 125,
|
type: "number",
|
typeAttributes: {
|
minimumFractionDigits: 2
|
},
|
wrapText: true
|
},
|
{
|
label: "创建日期",
|
fieldName: "CreatedDate",
|
hideDefaultActions: true,
|
sortable: true,
|
wrapText: true,
|
initialWidth: 180,
|
type: "date",
|
typeAttributes: {
|
timeZone: "Asia/Shanghai",
|
day: "numeric",
|
month: "numeric",
|
year: "numeric",
|
hour: "2-digit",
|
minute: "2-digit"
|
}
|
}
|
];
|
export default class LexSaleAndDelivery extends NavigationMixin(
|
LightningElement
|
) {
|
columns = columns;
|
@track isShowSpinner = true;
|
@track message = "";
|
@track deliveryFromDate = "";
|
@track deliveryToDate = "";
|
@track deliveryOrderNo = "";
|
@track contactName = "";
|
@track data = [];
|
@track userinfoId = "";
|
@track accountid = "";
|
@track agencyProType = "";
|
@track userWorkLocation = "";
|
@track showTable = false;
|
@track hidecheckboxcolumn = true;
|
|
//排序
|
defaultSortDirection = "asc";
|
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));
|
console.log("r = " + JSON.stringify(r));
|
if (r.status == "Success") {
|
this.userinfoId = r.entity.userinfoId;
|
this.accountid = r.entity.accountid;
|
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;
|
}
|
console.log("this.data = " + JSON.stringify(this.data));
|
this.isShowSpinner = false;
|
this.showTable = true;
|
} else {
|
console.log("r = " + JSON.stringify(r));
|
this.showMyToast("初始化失败", r.msg, "Error");
|
}
|
})
|
.catch((error) => {
|
console.log("error = " + JSON.stringify(error));
|
this.showMyToast("错误", "初始化失败", "Error");
|
});
|
}
|
|
//新建出库单
|
neworderhead() {
|
this[NavigationMixin.Navigate]({
|
type: "standard__webPage",
|
attributes: {
|
url: "/lexsummonscreat"
|
}
|
});
|
}
|
|
//已出库未开票的出库单
|
searchOrderInstatusJs() {
|
this.isShowSpinner = true;
|
this.showTable = false;
|
console.log("searchOrderInstatusJs");
|
searchOrderInstatus({
|
orderDate: this.deliveryFromDate,
|
deliverDate: this.deliveryToDate,
|
accountid: this.accountid,
|
agencyProType: this.agencyProType,
|
userWorkLocation: this.userWorkLocation,
|
category1: this.deliveryOrderNo,
|
category2: this.contactName
|
})
|
.then((r) => {
|
r = JSON.parse(JSON.stringify(r));
|
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;
|
}
|
this.message = r.msg;
|
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.showMyToast("错误", r.msg, "Error");
|
}
|
})
|
.catch((error) => {
|
console.log("error = " + JSON.stringify(error));
|
});
|
}
|
|
//还没出库的出库单
|
searchConsumableorderdetailsJs() {
|
this.isShowSpinner = true;
|
this.showTable = false;
|
console.log("searchConsumableorderdetailsJs");
|
console.log("this.deliveryFromDate = " + this.deliveryFromDate);
|
console.log("this.deliveryToDate = " + this.deliveryToDate);
|
searchConsumableorderdetails({
|
orderDate: this.deliveryFromDate,
|
deliverDate: this.deliveryToDate,
|
accountid: this.accountid,
|
agencyProType: this.agencyProType,
|
userWorkLocation: this.userWorkLocation,
|
category1: this.deliveryOrderNo,
|
category2: this.contactName
|
})
|
.then((r) => {
|
r = JSON.parse(JSON.stringify(r));
|
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;
|
}
|
this.message = r.msg;
|
if (this.message == "没有搜索到相关出库单") {
|
this.showMyToast("搜索失败", this.message, "Error");
|
} else {
|
this.showMyToast("搜索成功", this.message, "Success");
|
}
|
this.isShowSpinner = false;
|
this.showTable = true;
|
} else {
|
this.showMyToast("搜索失败", r.msg, "Error");
|
}
|
})
|
.catch((error) => {
|
console.log("error = " + JSON.stringify(error));
|
this.showMyToast("搜索失败", "搜索还没出库的出库单出错", "Error");
|
});
|
}
|
|
//已出库已开票的出库单
|
searchConsumableorFinishJs() {
|
this.isShowSpinner = true;
|
this.showTable = false;
|
console.log("searchConsumableorFinishJs");
|
searchConsumableorFinish({
|
orderDate: this.deliveryFromDate,
|
deliverDate: this.deliveryToDate,
|
accountid: this.accountid,
|
agencyProType: this.agencyProType,
|
userWorkLocation: this.userWorkLocation,
|
category1: this.deliveryOrderNo,
|
category2: this.contactName
|
})
|
.then((r) => {
|
r = JSON.parse(JSON.stringify(r));
|
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;
|
}
|
this.message = r.msg;
|
if (this.message == "没有搜索到相关出库单") {
|
this.showMyToast("搜索失败", this.message, "Error");
|
} else {
|
this.showMyToast("搜索成功", this.message, "Success");
|
}
|
this.isShowSpinner = false;
|
this.showTable = true;
|
} else {
|
this.showMyToast("搜索失败", r.msg, "Error");
|
}
|
})
|
.catch((error) => {
|
console.log("error = " + JSON.stringify(error));
|
this.showMyToast("搜索失败", "搜索已出库已开票的出库单出错", "Error");
|
});
|
}
|
|
//清空
|
clearJs() {
|
this.deliveryFromDate = "";
|
this.deliveryToDate = "";
|
this.deliveryOrderNo = "";
|
this.contactName = "";
|
this.isShowSpinner = true;
|
this.showTable = false;
|
cleanUp({
|
accountid: this.accountid,
|
agencyProType: this.agencyProType,
|
userWorkLocation: this.userWorkLocation
|
})
|
.then((r) => {
|
r = JSON.parse(JSON.stringify(r));
|
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;
|
}
|
this.message = r.msg;
|
if (this.message == "没有搜索到相关出库单") {
|
this.showMyToast("搜索失败", this.message, "Error");
|
} else {
|
this.showMyToast("搜索成功", this.message, "Success");
|
}
|
this.isShowSpinner = false;
|
this.showTable = true;
|
} else {
|
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) {
|
this.recordsToDisplay = event.detail.recordsToDisplay;
|
this.preSelected = event.detail.preSelected;
|
if (this.recordsToDisplay && this.recordsToDisplay > 0) {
|
this.rowNumberOffset = this.recordsToDisplay[0].rowNumber - 1;
|
} else {
|
this.rowNumberOffset = 0;
|
}
|
}
|
|
//排序
|
onHandleSort(event) {
|
const { fieldName: sortedBy, sortDirection } = event.detail;
|
const cloneData = [...this.data];
|
cloneData.sort(this.sortBy(sortedBy, sortDirection === "asc" ? 1 : -1));
|
this.data = cloneData;
|
this.sortDirection = sortDirection;
|
this.sortedBy = sortedBy;
|
}
|
|
sortBy(field, reverse, primer) {
|
const key = primer
|
? function (x) {
|
return primer(x[field]);
|
}
|
: function (x) {
|
return x[field];
|
};
|
|
return function (a, b) {
|
a = key(a);
|
b = key(b);
|
return reverse * ((a > b) - (b > a));
|
};
|
}
|
|
dataChange(event) {
|
let fieldName = event.target.getAttribute("data-field");
|
let value = event.detail.value;
|
switch (fieldName) {
|
case "deliveryFromDate":
|
this.deliveryFromDate = value;
|
break;
|
case "deliveryToDate":
|
this.deliveryToDate = value;
|
break;
|
case "deliveryOrderNo":
|
this.deliveryOrderNo = value;
|
break;
|
case "contactName":
|
this.contactName = value;
|
break;
|
default:
|
console.log("no data");
|
}
|
}
|
|
editProductLimit() {
|
this[NavigationMixin.Navigate]({
|
type: "standard__webPage",
|
attributes: {
|
url: "/lexoutboundorderimport"
|
}
|
});
|
}
|
|
showMyToast(title, message, variant) {
|
this.isShowSpinner = false;
|
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() {
|
this.isModalOpen = true;
|
}
|
}
|
