| | |
| | | plain |
| | | @click="showTable" |
| | | style="margin-left: 20px" |
| | | :loading="button.queryButton" |
| | | >查询</el-button |
| | | > |
| | | |
| | |
| | | <ExceptionTypeLineChart |
| | | :option="option" |
| | | :is-open-dialog="centerDialogVisible" |
| | | v-loading="chartLoading" |
| | | ></ExceptionTypeLineChart> |
| | | |
| | | <!-- --> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | // 折线图加载中 |
| | | chartLoading:false, |
| | | button:{ |
| | | // 查询按钮 |
| | | queryButton:false, |
| | |
| | | getNextRowData() { |
| | | // 不是表格的第一行 |
| | | if (this.selectedRowIndex !== 0) { |
| | | // 设置上下条按钮不可点击 |
| | | // 点击过程中 锁住上下条按钮 在设置完图形配置项后解锁 |
| | | this.banTouch = 1 |
| | | |
| | | //得到上一行数据索引 |
| | |
| | | this.drawChartTest(); |
| | | this.exceptionTotal = this.exceedingData.length; |
| | | this.button.afterButton = false |
| | | |
| | | this.banTouch = 0 |
| | | |
| | | }); |
| | | } |
| | | // //表格的第一行,则上一条无数据 |
| | | // else { |
| | | // console.log(null); |
| | | // } |
| | | |
| | | }, |
| | | |
| | | // 获取获取表格下一行数据 |
| | | getPreviousRowData() { |
| | | // 不是表格的第一行 |
| | | if (this.selectedRowIndex < this.displayData.length - 1) { |
| | | // 设置上下条按钮不可点击 |
| | | // 点击过程中 锁住上下条按钮 在设置完图形配置项后解锁 |
| | | this.banTouch = 1 |
| | | |
| | | //得到上一行数据索引 |
| | |
| | | this.drawChartTest(); |
| | | this.exceptionTotal = this.exceedingData.length; |
| | | this.button.preButton = false |
| | | |
| | | |
| | | this.banTouch = 0 |
| | | }); |
| | | } |
| | | //表格的第一行,则上一条无数据 |
| | | // else { |
| | | // console.log(null); |
| | | // } |
| | | }, |
| | | |
| | | // ‘查看详情’ 弹出框部分 |
| | |
| | | if (this.drawerData.endTime) { |
| | | params['endTime'] = this.drawerData.endTime; |
| | | } |
| | | |
| | | axiosInstanceInstance |
| | | .get('/fume/exceed', { params: params }) |
| | | .then((response) => { |
| | |
| | | } |
| | | this.loading = true; |
| | | this.button.queryButton = true |
| | | |
| | | axiosInstanceInstance |
| | | .get('/fume/abnormalthree', { params: params }) |
| | | .then((response) => { |
| | |
| | | ] |
| | | }; |
| | | } |
| | | this.banTouch = 0 |
| | | }, |
| | | |
| | | // 功能:点击 ‘查看详情’, ‘下一条’按钮时会 先逻辑计算。最后展示图形 |
| | |
| | | beforeAndAfterTime[2] |
| | | ); |
| | | |
| | | // 折线图加载中效果 |
| | | this.chartLoading = true |
| | | // 请求前半段 |
| | | axiosInstanceInstance |
| | | .get('/fume/history', { params: paramsBefore }) |
| | |
| | | endIndex |
| | | ); |
| | | } |
| | | this.chartLoading = false |
| | | }); |
| | | }); |
| | | }, |