LEX Community Code Deploy0711

buli

2023-07-11 cd05a7b0ab8dd5838f8998fb36fc0435fd9c5b84

 force-app/main/default/lwc/lexSaleAndDelivery/lexSaleAndDelivery.js

@@ -1,435 +1,429 @@
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';
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';
import { loadStyle } from "lightning/platformResourceLoader";
import WrappedHeaderTable from "@salesforce/resourceUrl/lexdatatable";

const columns = [
    {
        label: '出库日',
        fieldName: 'Outbound_Date__c',
        type: 'date',
        hideDefaultActions: true,
        sortable: true,
        wrapText: true
  {
    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"
    },
    {
        label: '出库单号',
        fieldName: 'url',
        type: 'url',
        typeAttributes: {
            label: {
                fieldName: 'Name'
            },
            target: '_blank'
        },
        hideDefaultActions: true,
        sortable: true,
        wrapText: true
    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
    },
    {
        label: '客户名',
        fieldName: 'ShipmentAccount__c',
        hideDefaultActions: true,
        wrapText: true,
        sortable: true
    },
    {
        label: '科室',
        fieldName: 'Order_ForCustomerText__c',
        hideDefaultActions: true,
        wrapText: true
    },
    {
        label: '出库单状态',
        fieldName: 'SummonsStatus_c__c',
        hideDefaultActions: true,
        sortable: true,
        wrapText: true
    },
    {
        label: '开票状态',
        fieldName: 'Billed_Status__c',
        hideDefaultActions: true,
        sortable: true,
        wrapText: true
    },
    {
        label: '未发票金额(元)',
        fieldName: 'InvoiceNotPro_money__c',
        hideDefaultActions: true,
        type: 'number',
        typeAttributes: {
            minimumFractionDigits: 2
        },
        wrapText: true
    },
    {
        label: '创建日期',
        fieldName: 'CreatedDate',
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        type: 'date',
        typeAttributes: {
            timeZone: 'Asia/Shanghai',
            day: 'numeric',
            month: 'numeric',
            year: 'numeric',
            hour: '2-digit',
            minute: '2-digit'
        }
    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
  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;
  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;
  //排序
  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'
            }
  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");
        });
    }
  }

    //已出库未开票的出库单
    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;
  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 {
            this.rowNumberOffset = 0;
          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;
    }
  //排序
  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));
  sortBy(field, reverse, primer) {
    const key = primer
      ? function (x) {
          return primer(x[field]);
        }
      : function (x) {
          return x[field];
        };
    }

    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');
        }
    }
    return function (a, b) {
      a = key(a);
      b = key(b);
      return reverse * ((a > b) - (b > a));
    };
  }

    editProductLimit() {
        this[NavigationMixin.Navigate]({
            type: 'standard__webPage',
            attributes: {
                url: '/lexoutboundorderimport'
            }
        });
  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");
    }
  }

    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);
    }
  editProductLimit() {
    this[NavigationMixin.Navigate]({
      type: "standard__webPage",
      attributes: {
        url: "/lexoutboundorderimport"
      }
    });
  }

    @track isModalOpen = false;
    openModal() {
        this.isModalOpen = true;
  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;
  }
}