| | |
| | | :data="tableData" |
| | | :row-class-name="tableRowClassName" |
| | | > |
| | | <el-table-column label="序号" type="index" width="60px"> |
| | | <el-table-column label="序号" type="index" width="50"> |
| | | </el-table-column> |
| | | <el-table-column prop="Locale" label="监测点" width="120px"> |
| | | <el-table-column prop="AcquitDate" label="采集时间" width="auto" min-width="20%"> |
| | | </el-table-column> |
| | | <el-table-column prop="Addr" label="安装地址" width="180px"> |
| | | <el-table-column prop="Total" label="设备总数" width="auto" min-width="10%"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="AcquitAtStr" |
| | | label="采集时间" |
| | | width="100px" |
| | | prop="ComplianceCount" |
| | | label="达标数" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="FanStatusStr" |
| | | label="风机状态" |
| | | width="80px" |
| | | prop="CompliancePercent" |
| | | label="达标比例" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="FilterStatusStr" |
| | | label="净化器状态" |
| | | width="95px" |
| | | prop="ExceedStandardCount" |
| | | label="超标数" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="EmissionsConc" |
| | | label="油烟实时浓度(mg/m3)" |
| | | width="110px" |
| | | prop="ExceedStandardPercent" |
| | | label="超标比例" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="CEmissions" |
| | | label="油烟折算浓度(mg/m3)" |
| | | width="110px" |
| | | prop="OnlineCount" |
| | | label="在线数" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="GranuleConc" |
| | | label="颗粒物实时浓度(mg/m3)" |
| | | width="120px" |
| | | prop="OnlinePercent" |
| | | label="在线比例" |
| | | width="auto" min-width="10%" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="CGranule" |
| | | label="颗粒物折算浓度(mg/m3)" |
| | | width="120px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="HydrocarbonConc" |
| | | label="非甲烷总烃实时浓度(mg/m3)" |
| | | width="160px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="CHydrocarbon" |
| | | label="非甲烷总烃折算浓度(mg/m3)" |
| | | width="160px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="StatusStr" label="排放状态" width="80px"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="OnlineStatusStr" |
| | | label="整体状态" |
| | | width="80px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="operation" label="操作" width="550px"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <span @click="handleUpload(scope.row)" |
| | | >一点一档</span |
| | | > |
| | | <span class="line">|</span> |
| | | <span @click="handleDispatch(scope.row)" |
| | | >查看每分钟数据</span |
| | | > |
| | | <span class="line">|</span> |
| | | <span @click="handleLearn(scope.row)" |
| | | >查看10min浓度</span |
| | | > |
| | | <span class="line">|</span> |
| | | <span @click="handleNotDeal(scope.row)" |
| | | >查看小时折算浓度</span |
| | | > |
| | | <span class="line">|</span> |
| | | <span @click="handleNotDeal(scope.row)" |
| | | >监测点设备管理</span |
| | | > |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import MyHeader from "./header/header1.vue"; |
| | | import realTimeApi from "@/api/smoke/realTime"; |
| | | import statisticsApi from "@/api/smoke/statistics"; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | }; |
| | | } |
| | | |
| | | realTimeApi |
| | | .findInTimeList(params) |
| | | .then(({ list, total }) => { |
| | | list.forEach(e => { |
| | | e.AcquitAtStr = this.dateFormat("YYYY-mm-dd HH:MM", new Date(e.AcquitAt)); |
| | | e.FanStatusStr = this.FanStatusStr(e.FanStatus) |
| | | e.FilterStatusStr = this.FanStatusStr(e.FilterStatus) |
| | | e.OnlineStatusStr = this.OnlineStatusStr(e.OnlineStatus) |
| | | e.StatusStr = this.StatusStr(e.Status) |
| | | }); |
| | | this.tableData = list; |
| | | this.totalNum = total; |
| | | statisticsApi |
| | | .findDataDetectorDailyStats(params) |
| | | .then((json) => { |
| | | let res = JSON.parse(json) |
| | | |
| | | this.tableData = res.sumGroupByDates; |
| | | this.totalNum = res.sumGroupByDates.lengtn; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | |
| | | realTimeApi |
| | | .exportInTime(params) |
| | | .then((res) => { |
| | | debugger |
| | | let time = new Date(); |
| | | let deathdate = time.toLocaleDateString(); |
| | | const blob = new Blob([res.data], { |
| | |
| | | if (window.navigator.msSaveBlob) { |
| | | window.navigator.msSaveBlob( |
| | | blob, |
| | | deathdate + "实时数据" + ".xls" |
| | | deathdate + "监测总体情况报表" + ".xls" |
| | | ); |
| | | } else { |
| | | const url = window.URL.createObjectURL(blob); |
| | | const link = document.createElement("a"); |
| | | link.style.display = "none"; |
| | | link.href = url; |
| | | link.download = deathdate + "实时数据" + ".xls"; |
| | | link.download = deathdate + "监测总体情况报表" + ".xls"; |
| | | document.body.appendChild(link); |
| | | link.click(); |
| | | document.body.removeChild(link); |