import { LightningElement, wire, api, track } from 'lwc';
|
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
|
import { NavigationMixin } from 'lightning/navigation';
|
import initPage from '@salesforce/apex/LexTopPageController.initPage';
|
import initTotalNum from '@salesforce/apex/LexConsumableGoodsInfo.initTotalNum';
|
import initArrDet from '@salesforce/apex/LexConsumableGoodsInfo.initArrDet';
|
import initArrDetAll from '@salesforce/apex/LexConsumableGoodsInfo.initArrDetAll';
|
import initDeliveryDet from '@salesforce/apex/LexConsumableGoodsInfo.initDeliveryDet';
|
import initDeliveryDetAll from '@salesforce/apex/LexConsumableGoodsInfo.initDeliveryDetAll';
|
import initNotArrDet from '@salesforce/apex/LexConsumableGoodsInfo.initNotArrDet';
|
import initNotArrDetAll from '@salesforce/apex/LexConsumableGoodsInfo.initNotArrDetAll';
|
import initMoreThan7 from '@salesforce/apex/LexConsumableGoodsInfo.initMoreThan7';
|
import initMoreThan7All from '@salesforce/apex/LexConsumableGoodsInfo.initMoreThan7All';
|
//table css
|
import { loadStyle } from 'lightning/platformResourceLoader';
|
import WrappedHeaderTable from '@salesforce/resourceUrl/lexdatatable';
|
|
export default class LexTopPage extends NavigationMixin(LightningElement) {
|
@track title = [];
|
@track raesList = [];
|
@track column = [];
|
@track overlimitdateorderdetails = [];
|
@track productLimitRecords = [];
|
@track accountInfo;
|
@track accountId;
|
@track userPro_Type;
|
@track pageRecords = [];
|
@track csvData = [];
|
@track product_Limit;
|
@track over_view = false;
|
@track overlimit = false;
|
@track hasHos = false;
|
@track activeSections = ['A', 'B', 'C'];
|
@track isRender = false;
|
@track consumableorderdetailsRecordsview;
|
@track showSpinner = true;
|
@track showPage = false;
|
//
|
@track showPop = false;
|
@track popTitle;
|
@track totalNum;
|
@track orderNumberArrived;
|
@track deliveryDetailCount;
|
@track orderNumberNotarrive;
|
@track moreThanSevenDays;
|
stylesLoaded = false;
|
|
@track showTable = false;
|
@track hidecheckboxcolumn = true;
|
//排序
|
defaultSortDirection = 'asc';
|
sortDirection = 'asc';
|
sortedBy;
|
|
//分页start
|
@track sortBy = '';
|
@track pageSize = 10;
|
error;
|
records;
|
currentPageToken = 0;
|
nextPageToken = this.pageSize;
|
@track totalRecords = 0;
|
@track loader = false;
|
@track pageNumber = 1;
|
@track paginationVisibility = false;
|
@track totalPages = 1;
|
pageSizeOptions = [10, 25, 50, 100];
|
@track recordStart = 0;
|
@track recordEnd = 0;
|
//end
|
|
//是否一直显示提示
|
@track isNoteStay = true;
|
|
//未全部发货订单明细col
|
@track colms = [
|
{
|
label: '消耗品订单名称',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'Name' },
|
type: 'Title',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
// initialWidth: 200,
|
wrapText: true
|
},
|
{
|
label: 'SAP合同号',
|
fieldName: 'ContractNo__c',
|
hideDefaultActions: true,
|
wrapText: true,
|
initialWidth: 180
|
},
|
{
|
label: '订单总数',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'Total_num__c' },
|
type: 'TotalNum',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
initialWidth: 100
|
},
|
{
|
label: '已到货数量',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'OrderNumber_arrived__c' },
|
type: 'ArrDet',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
initialWidth: 100
|
},
|
{
|
label: '待系统操作入库数量',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'Delivery_detail_count__c' },
|
type: 'DeliveryDet',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
initialWidth: 150
|
},
|
{
|
label: '还没发货数量',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'OrderNumber_notarrive__c' },
|
type: 'NotArrDet',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
initialWidth: 120
|
},
|
{
|
label: '发货七天还未到货数',
|
type: 'customOutputGood',
|
typeAttributes: {
|
outputValue: { fieldName: 'More_than_seven_days__c' },
|
type: 'MoreThan7',
|
recordId: { fieldName: 'Id' }
|
},
|
hideDefaultActions: true,
|
initialWidth: 150
|
},
|
{
|
label: '最新发货日期',
|
fieldName: 'Shipment_date__c',
|
hideDefaultActions: true,
|
initialWidth: 105
|
},
|
{
|
label: '首次发货日期',
|
fieldName: 'First_Delivery__c',
|
hideDefaultActions: true,
|
initialWidth: 105
|
}
|
];
|
|
@track colms2 = [
|
{ label: '产品型号', fieldName: 'prodModel', hideDefaultActions: true },
|
{
|
label: '数量',
|
fieldName: 'recordCount',
|
hideDefaultActions: true,
|
initialWidth: 60,
|
cellAttributes: { alignment: 'center' }
|
}
|
];
|
|
//使用期限小于一年的产品col
|
@track colm3 = [
|
{ label: '产品型号', fieldName: 'prodName', hideDefaultActions: true },
|
{
|
label: '数量',
|
fieldName: 'countid',
|
hideDefaultActions: true,
|
cellAttributes: { alignment: 'left' }
|
},
|
{
|
label: '单位',
|
fieldName: 'BoxPiece',
|
hideDefaultActions: true,
|
cellAttributes: { alignment: 'left' }
|
}
|
];
|
|
//经销商库存上下限col
|
@track colm4 = [
|
{ label: '产品型号', fieldName: 'prodName', hideDefaultActions: true },
|
{
|
label: '库存下限',
|
fieldName: 'limitLow',
|
hideDefaultActions: true,
|
cellAttributes: { alignment: 'left' }
|
},
|
{
|
label: '库存上限',
|
fieldName: 'limitUp',
|
hideDefaultActions: true,
|
cellAttributes: { alignment: 'left' }
|
}
|
];
|
@track columns = [
|
{
|
label: '消耗品名称',
|
fieldName: 'Name__c',
|
type: 'Name',
|
sortable: true,
|
hideDefaultActions: true,
|
wrapText: true,
|
cellAttributes: { alignment: 'left' }
|
},
|
{
|
label: '规格',
|
fieldName: 'packing_list',
|
cellAttributes: { alignment: 'right' },
|
initialWidth: 50,
|
wrapText: true,
|
hideDefaultActions: true
|
},
|
{
|
label: '第三分类',
|
fieldName: 'Category3__c',
|
initialWidth: 85,
|
cellAttributes: { alignment: 'left' },
|
hideDefaultActions: true,
|
wrapText: true
|
},
|
{
|
label: '第四分类',
|
fieldName: 'Category4__c',
|
cellAttributes: { alignment: 'left' },
|
initialWidth: 85,
|
hideDefaultActions: true,
|
wrapText: true
|
},
|
{
|
label: '第五分类',
|
fieldName: 'Category5__c',
|
cellAttributes: { alignment: 'left' },
|
initialWidth: 85,
|
hideDefaultActions: true,
|
wrapText: true,
|
sortable: true
|
},
|
{
|
label: 'CFDA状态',
|
fieldName: 'SFDA_Status__c',
|
cellAttributes: { alignment: 'left' },
|
initialWidth: 80,
|
hideDefaultActions: true
|
},
|
{
|
label: '注册证编码号',
|
fieldName: 'approbation_No',
|
cellAttributes: { alignment: 'left' },
|
wrapText: true,
|
initialWidth: 155,
|
hideDefaultActions: true
|
},
|
{
|
label: '注册证效期',
|
fieldName: 'expiration_Date',
|
cellAttributes: { alignment: 'left' },
|
wrapText: true,
|
hideDefaultActions: true,
|
initialWidth: 100
|
},
|
{
|
label: '产品数量下限',
|
fieldName: 'lowerlimit',
|
cellAttributes: { alignment: 'right' },
|
wrapText: true,
|
hideDefaultActions: true,
|
initialWidth: 100
|
},
|
{
|
label: '使用期限',
|
fieldName: 'guaranteeperiod',
|
cellAttributes: { alignment: 'left' },
|
hideDefaultActions: true,
|
initialWidth: 95
|
},
|
|
{
|
label: '有效期内库存',
|
type: 'customInventoryColor',
|
cellAttributes: { alignment: 'right' },
|
typeAttributes: {
|
value: { fieldName: 'limitCount' },
|
upperlimit: { fieldName: 'upperlimit' },
|
lowerlimit: { fieldName: 'lowerlimit' },
|
boxPrice: { fieldName: 'BoxPiece' }
|
},
|
hideDefaultActions: true,
|
|
initialWidth: 95
|
},
|
{
|
label: '过期库存',
|
fieldName: 'overlimitCount',
|
hideDefaultActions: true,
|
cellAttributes: { alignment: 'right' },
|
initialWidth: 75
|
},
|
{
|
label: '单位',
|
fieldName: 'BoxPiece',
|
cellAttributes: { alignment: 'left' },
|
initialWidth: 50,
|
wrapText: true,
|
hideDefaultActions: true
|
}
|
];
|
|
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() {
|
this.loader = true;
|
this.init();
|
}
|
init() {
|
this.showSpinner = true;
|
initPage({
|
pageSizeLWC: this.pageSize,
|
pageTokenLWC: this.currentPageToken
|
})
|
.then((result) => {
|
this.isNoteStay = result.isNoteStay;
|
console.log('isNoteStay:' + result.isNoteStay);
|
if (result.result == 'Success') {
|
//分页start
|
this.nextPageToken = result.paginatedAccounts.nextPageToken;
|
this.totalRecords = result.paginatedAccounts.totalRecords;
|
this.recordStart = result.paginatedAccounts.recordStart;
|
this.recordEnd = result.paginatedAccounts.recordEnd;
|
this.totalPages = Math.ceil(
|
result.paginatedAccounts.totalRecords / this.pageSize
|
);
|
console.log('this.totalPages = ' + this.totalPages);
|
this.paginationVisibility =
|
this.totalPages > 1 ? true : false;
|
console.log('this.sortDirection = ' + this.sortDirection);
|
this.loader = false;
|
//分页end
|
this.title = result.title;
|
this.totalNum = result.totalNum;
|
this.orderNumberArrived = result.orderNumberArrived;
|
this.deliveryDetailCount = result.deliveryDetailCount;
|
this.orderNumberNotarrive = result.orderNumberNotarrive;
|
this.moreThanSevenDays = result.moreThanSevenDays;
|
this.raesList = result.raesList;
|
this.raesList.push({
|
Id: '1',
|
Name: '待操作入库订单汇总',
|
Total_num__c: this.totalNum,
|
OrderNumber_arrived__c: this.orderNumberArrived,
|
Delivery_detail_count__c: this.deliveryDetailCount,
|
OrderNumber_notarrive__c: this.orderNumberNotarrive,
|
More_than_seven_days__c: this.moreThanSevenDays
|
});
|
this.column = result.column;
|
this.accountInfo = result.accountInfo;
|
this.accountId = result.accountInfo.Id;
|
this.pageRecords = result.pageRecords;
|
this.overlimitdateorderdetails =
|
result.overlimitdateorderdetails;
|
this.over_view = result.over_view;
|
this.overlimit = result.overlimit;
|
this.hasHos = result.hasHos;
|
this.product_Limit = result.product_Limit;
|
console.log('result==>' + JSON.stringify(result));
|
for (var i in this.pageRecords) {
|
this.pageRecords[i]['Name__c'] =
|
this.pageRecords[i].Prod.Name__c;
|
this.pageRecords[i]['Category3__c'] =
|
this.pageRecords[i].Prod.Category3__c;
|
this.pageRecords[i]['Category4__c'] =
|
this.pageRecords[i].Prod.Category3__c;
|
this.pageRecords[i]['Category5__c'] =
|
this.pageRecords[i].Prod.Category3__c;
|
this.pageRecords[i]['SFDA_Status__c'] =
|
this.pageRecords[i].Prod.SFDA_Status__c;
|
}
|
//hasHos = true 医院特价
|
if (this.hasHos) {
|
let object1 = {
|
label: '医院特价',
|
fieldName: 'hospitalSpecialOffer',
|
hideDefaultActions: true,
|
type: 'boolean',
|
cellAttributes: { alignment: 'left' },
|
initialWidth: 75
|
};
|
this.columns.push(object1);
|
console.log(' this.columns' + this.columns);
|
for (var j in this.pageRecords) {
|
this.pageRecords[j]['Name__c'] =
|
this.pageRecords[j].Prod.Name__c;
|
this.pageRecords[j]['Category3__c'] =
|
this.pageRecords[j].Prod.Category3__c;
|
this.pageRecords[j]['Category4__c'] =
|
this.pageRecords[j].Prod.Category3__c;
|
this.pageRecords[j]['Category5__c'] =
|
this.pageRecords[j].Prod.Category3__c;
|
this.pageRecords[j]['SFDA_Status__c'] =
|
this.pageRecords[j].Prod.SFDA_Status__c;
|
this.pageRecords[j]['hospitalSpecialOffer__c'] =
|
this.pageRecords[j].hospitalSpecialOffer;
|
}
|
}
|
this.showTable = true;
|
if (
|
this.product_Limit != null &&
|
this.product_Limit != ''
|
) {
|
var records = this.product_Limit.split(',');
|
for (var i in records) {
|
var parms = records[i].split('|');
|
var record = new Object();
|
record['prodName'] = parms[0];
|
record['limitLow'] = parms[1];
|
record['limitUp'] = parms[2];
|
this.productLimitRecords.push(record);
|
}
|
}
|
// this.productLimitRecords = records;
|
console.log(
|
'productLimitRecords:' +
|
JSON.stringify(this.productLimitRecords)
|
);
|
console.log('product_Limit:' + this.product_Limit);
|
this.consumableorderdetailsRecordsview =
|
result.consumableorderdetailsRecordsview;
|
//add by WangXueqin 2023/05/05
|
this.userPro_Type = result.userPro_Type;
|
console.log('this.accountId:' + this.accountId);
|
console.log(
|
'this.accountInfo:' + JSON.stringify(this.accountInfo)
|
);
|
this.showSpinner = false;
|
this.showPage = true;
|
// this.showMyToast('初始化页面成功', '', 'success');
|
} else {
|
this.showPage = true;
|
this.showSpinner = false;
|
console.log('Error:' + result.errorMsg);
|
this.showMyToast(
|
'初始化页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
})
|
.catch((error) => {
|
this.showSpinner = false;
|
console.log('Error:' + error);
|
this.showMyToast(
|
'初始化页面失败',
|
JSON.stringify(error),
|
'error'
|
);
|
});
|
}
|
|
//点击链接
|
clickLick(event) {
|
var outputValue = event.detail.data.value;
|
var outputType = event.detail.data.type;
|
var recordId = event.detail.data.recordId;
|
console.log(
|
'click:' + outputValue + '---' + outputType + '---' + recordId
|
);
|
if (outputType == 'Title') {
|
const config = {
|
type: 'standard__webPage',
|
attributes: {
|
url: '/lexarrivegoods?ESetId=' + recordId
|
}
|
};
|
this[NavigationMixin.Navigate](config);
|
} else if (outputType == 'TotalNum') {
|
this.popTitle = '所有产品一览';
|
initTotalNum({ ordId: recordId, type: '' }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载所有产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
} else if (outputType == 'ArrDet') {
|
if (recordId == '1') {
|
this.popTitle = '所有已到货产品一览';
|
initArrDetAll({ type: '' }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载所有已到货产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
} else {
|
this.popTitle = '已到货产品一览';
|
initArrDet({ orderId: recordId }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载已到货产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
}
|
} else if (outputType == 'DeliveryDet') {
|
if (recordId == '1') {
|
this.popTitle = '所有已发货还没到货产品一览';
|
initDeliveryDetAll({ type: '' }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载所有已发货还没到货产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
} else {
|
this.popTitle = '未到货产品一览';
|
initDeliveryDet({ orderId: recordId }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载未到货产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
}
|
} else if (outputType == 'NotArrDet') {
|
if (recordId == '1') {
|
this.popTitle = '所有还没发货产品一览';
|
initNotArrDetAll({ type: '' }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载所有还没发货产品一览页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
} else {
|
this.popTitle = '还没发货数量';
|
initNotArrDet({ orderId: recordId }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载还没发货数量页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
}
|
} else if (outputType == 'MoreThan7') {
|
if (recordId == '1') {
|
this.popTitle = '所有发货七天还未到货数';
|
initMoreThan7All({ type: '' }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载所有发货七天还未到货数页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
} else {
|
this.popTitle = '发货七天还未到货数';
|
initMoreThan7({ orderId: recordId }).then((result) => {
|
if (result.result == 'Success') {
|
this.recordList = result.recordList;
|
console.log('data:' + JSON.stringify(this.recordList));
|
this.showPop = true;
|
} else {
|
this.showMyToast(
|
'加载发货七天还未到货数页面失败',
|
result.errorMsg,
|
'error'
|
);
|
}
|
});
|
}
|
}
|
}
|
|
//关闭弹窗
|
closePop() {
|
this.showPop = false;
|
}
|
|
editProductLimit(event) {
|
//add by Wang Xueqin 2023/05/05
|
//let url =
|
// '/LexProductLimitEdit?accountid=' +
|
// this.accountId +
|
// '&userPro_Type=' +
|
// this.userPro_Type;
|
let url =
|
'/lexproductlimitedit?accountid=' +
|
this.accountId +
|
'&userPro_Type=' +
|
this.userPro_Type;
|
const config = {
|
type: 'standard__webPage',
|
attributes: {
|
url: url
|
}
|
};
|
this[NavigationMixin.Navigate](config);
|
}
|
|
//新建消耗品订单
|
newOrder() {
|
this[NavigationMixin.Navigate]({
|
type: 'standard__objectPage',
|
attributes: {
|
objectApiName: 'Consumable_order__c',
|
actionName: 'new'
|
},
|
state: {
|
useRecordTypeCheck: 1
|
}
|
});
|
}
|
|
showMyToast(title, message, variant) {
|
console.log('show custom message');
|
var iconName = '';
|
var content = '';
|
if (variant == '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);
|
// var mode;
|
// if(this.isNoteStay){
|
// mode ='sticky';
|
// }else{
|
// mode = 'dismissable';
|
// }
|
// const evt = new ShowToastEvent({
|
// title: title,
|
// message: message,
|
// variant: variant,
|
// mode: mode
|
// });
|
// this.dispatchEvent(evt);
|
}
|
//排序
|
|
sortByMethod(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));
|
};
|
}
|
|
onHandleSort(event) {
|
console.log('Sort');
|
this.sortBy = event.detail.fieldName;
|
this.sortDirection = event.detail.sortDirection;
|
this.currentPageToken = 0;
|
console.log('this.sortBy = ' + this.sortBy);
|
console.log('this.sortDirection = ' + this.sortDirection);
|
const { fieldName: sortedBy, sortDirection } = event.detail;
|
const cloneData = [...this.pageRecords];
|
cloneData.sort(
|
this.sortByMethod(sortedBy, sortDirection === 'asc' ? 1 : -1)
|
);
|
this.pageRecords = cloneData;
|
this.sortDirection = sortDirection;
|
this.sortedBy = sortedBy;
|
}
|
//分页
|
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;
|
}
|
}
|
handlePrevious() {
|
this.currentPageToken =
|
Number(this.currentPageToken) - Number(this.pageSize);
|
this.init();
|
}
|
|
handleNext() {
|
this.currentPageToken =
|
Number(this.currentPageToken) + Number(this.pageSize);
|
this.init();
|
}
|
handleFirst() {
|
this.currentPageToken = 0;
|
this.init();
|
}
|
|
handleLast() {
|
this.currentPageToken =
|
this.totalPages > 1 ? (this.totalPages - 1) * this.pageSize : 0;
|
this.init();
|
}
|
|
handlePageschange(event) {
|
console.log(event.detail);
|
this.pageSize = event.detail;
|
this.currentPageToken = 0;
|
this.init();
|
}
|
get previousButtonDisabled() {
|
return this.currentPageToken === 0;
|
}
|
|
get nextButtonDisabled() {
|
return this.nextPageToken === undefined;
|
}
|
}
|
