| | |
|---|
| | | this.checkedList = checkedList |
|---|
| | | }, |
|---|
| | | searchQuery() { |
|---|
| | | // 因触底刷新会修改参数时间值，故在此用时间选择器的时间值对参数时间值再次赋值，若不这样做则参数时间值则会与时间选择器上的时间值不一致 |
|---|
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
|---|
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
|---|
| | | |
|---|
| | | if (this.queryParam.typeTree == '1') { |
|---|
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
|---|
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
|---|
| | |
|---|
| | | this.tableHeads = [] |
|---|
| | | this.dataList = [] |
|---|
| | | this.spinning = true |
|---|
| | | // 若日期选择器设置的查询请求数量超过15条则开启懒加载 |
|---|
| | | if (this.requestAllDataSize > this.everyRequestDataSize) { |
|---|
| | | // 开启懒加载后将结束日期设置为开始日期之后的14天，即先查询15天内的数据 |
|---|
| | | this.queryParam.endTime = moment(this.queryParam.startTime).add(this.everyRequestDataSize - 1, 'days').format('YYYYMMDD') |
|---|
| | | this.isLazyRequest = true |
|---|
| | | this.tableScroll.removeEventListener('scroll', this.tableScrollX) // 为避免滚动条有滚动距离后后点击查询按钮触发滚动事件，因此在触发事件前移除事件 |
|---|
| | | } |
|---|
| | | |
|---|
| | | getAction(this.url.list, this.queryParam).then(res => { |
|---|
| | | if (res.success) { |
|---|
| | |
|---|
| | | this.checkSameData1(this.dataList) |
|---|
| | | this.checkSameData2(this.dataList) |
|---|
| | | this.combineCell() |
|---|
| | | this.tableScroll.addEventListener('scroll', this.tableScrollX) |
|---|
| | | } |
|---|
| | | }).finally(() => { |
|---|
| | | this.spinning = false |
|---|
| | |
|---|
| | | handleShowFeedbackModal() { |
|---|
| | | this.$refs.modalForm.formParams = {} |
|---|
| | | this.modalVisible = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 滚动条触底刷新表格数据 |
|---|
| | | tableScrollX() { |
|---|
| | | // 当滚动条触底且懒加载开启时触发滚动条触底刷新 |
|---|
| | | if (Math.ceil(this.tableScroll.scrollLeft + this.tableScroll.clientWidth) + 1 >= this.tableScroll.scrollWidth && this.isLazyRequest) { |
|---|
| | | this.spinning = true |
|---|
| | | this.queryParam.startTime = moment(this.queryParam.endTime).add(1, 'days').format('YYYYMMDD') |
|---|
| | | // 判断设置懒加载后的结束时间是否超过时间选择器中设置的结束时间 |
|---|
| | | if (moment(this.queryParam.endTime).add(this.everyRequestDataSize - 1, 'days').format('YYYYMMDD') - moment(this.dates[1]).format('YYYYMMDD') < 0) { |
|---|
| | | //再次查询后15天内的数据 |
|---|
| | | this.queryParam.endTime = moment(this.queryParam.endTime).add(this.everyRequestDataSize, 'days').format('YYYYMMDD') |
|---|
| | | } else { |
|---|
| | | // 如果不小于时间选择器中设置的时间则设置请求结束日期为时间选择器中设置的结束时间并且关闭懒加载（意味着最后一次触底刷新） |
|---|
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
|---|
| | | this.isLazyRequest = false |
|---|
| | | } |
|---|
| | | getAction(this.url.list, this.queryParam) |
|---|
| | | .then(res => { |
|---|
| | | if (res.success) { |
|---|
| | | this.tableHeads = [...this.tableHeads.slice(0, -2), ...res.result.dates] |
|---|
| | | this.dataList.forEach(item1 => { |
|---|
| | | res.result.mdcEfficiencyList.forEach(item2 => { |
|---|
| | | if (item1.equipmentId === item2.equipmentId) { |
|---|
| | | item1.dataList = [...item1.dataList.slice(0, -2), ...item2.dataList] |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .finally(() => { |
|---|
| | | this.spinning = false |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 获取设备类型列表 |
|---|
