| | |
| | | <el-table |
| | | id="batteryrTimequeryTable" |
| | | stripe |
| | | row-key="num" |
| | | size="small" |
| | | :data="table1.datas" |
| | | height="100%" |
| | | class="tableCent" |
| | | ref="unconfirmTable" |
| | | tooltip-effect="light" |
| | | @selection-change="handleSelect" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="50" |
| | | align="center" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column label="编号" type="index" width="50"> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total1" |
| | | ></el-pagination> |
| | | <el-button |
| | | type="danger" |
| | | size="mini" |
| | | @click="batchOkAlarm()" |
| | | >批量确认告警</el-button |
| | | > |
| | | <!-- <el-button type="primary" round size="mini" icon="el-icon-wallet">全部选中</el-button> --> |
| | | </div> |
| | | </flex-layout> |
| | |
| | | deletionRecord /* 删除 */, |
| | | reporTemergency /* 确认告警 */, |
| | | CancelTheAlarm /* 取消告警 */, |
| | | reporTemergencyBatch, |
| | | } from "./js/batteryrTimequery.js"; |
| | | import { |
| | | searchProvince, |
| | |
| | | four: 0, |
| | | }, |
| | | detailsVisible: false, |
| | | selectedRows: [], |
| | | }; |
| | | }, |
| | | components: { |
| | |
| | | "电池告警-待处理", |
| | | ][idx - 1]; |
| | | export_json_to_excel(tHeader, excelData, fileName); |
| | | }, |
| | | isRowSelectable(row, index) { |
| | | return row.alarmLevel != 1; |
| | | }, |
| | | toggleRowSelection(row, selected) { |
| | | if (selected) { |
| | | this.selectedRows.push(row); |
| | | } else { |
| | | this.selectedRows = this.selectedRows.filter(r => r !== row); |
| | | } |
| | | }, |
| | | |
| | | handleSelect(data) { |
| | | // console.log('handleSelect', data, '============='); |
| | | this.selectedRows = data; |
| | | |
| | | }, |
| | | // 批量确认 |
| | | batchOkAlarm() { |
| | | const selectedData = this.selectedRows; |
| | | if (selectedData.length === 0) { |
| | | this.$message.error("请至少选择一条数据"); |
| | | return false; |
| | | } |
| | | if (selectedData.some(row => row.alarmLevel == 1)) { |
| | | this.$message.error("一级告警不能批量确认"); |
| | | return false; |
| | | } |
| | | |
| | | |
| | | let nums = selectedData.map(row => row.num); |
| | | // console.log('nums', nums, '============='); |
| | | |
| | | let loading = this.$layer.loading(); |
| | | reporTemergencyBatch(nums).then((res) => { |
| | | let { code, data } = res.data; |
| | | this.$layer.close(loading); |
| | | if (code && data) { |
| | | this.$message.success("操作成功"); |
| | | this.sendMessage(); |
| | | } else { |
| | | this.$message.error("操作失败"); |
| | | } |
| | | }) |
| | | .catch((err) => { |
| | | this.$layer.close(loading); |
| | | console.log(err); |
| | | }); |
| | | |
| | | }, |
| | | /* 维护区 */ |
| | | async vindicateData() { |
| | |
| | | monNum: item.monNum == 0 ? "-" : item.monNum, |
| | | almValue: item.almValue, |
| | | almLevel: item.almLevelName, |
| | | alarmLevel: item.almLevel, |
| | | almStartTime: item.almStartTime, |
| | | almConfirmedTime: "", |
| | | almIsConfirmed: false, |
| | |
| | | this.exportFile(list, 1); |
| | | } else { |
| | | this.table1.datas = list; |
| | | // this.updateSelectionState(); |
| | | } |
| | | } else { |
| | | this.total1 = 0; |
| | |
| | | this.sendMessage(); |
| | | }, |
| | | sendMessage() { |
| | | if (!this.isWSOpen) { |
| | | return false; |
| | | } |
| | | let params = this.formatParams(); |
| | | console.log("====", params, JSON.stringify(params)); |
| | | this.SOCKET.send(JSON.stringify(params)); |
| | |
| | | background-color: #ccc; |
| | | } |
| | | } |
| | | /* 隐藏表头选择框 */ |
| | | :deep(.el-table__header-wrapper .el-table-column--selection .cell .el-checkbox) { |
| | | // display: none; |
| | | } |
| | | </style> |