| | |
| | | </ExceptionType> |
| | | |
| | | <TimeSelect @submit-time="giveTime"></TimeSelect> |
| | | <!-- </div> --> |
| | | </div> |
| | | <div |
| | | ref="h2" |
| | |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | @click="showTable" |
| | | style="margin-left: 20px" |
| | | :loading="button.queryButton" |
| | | @click="showTable" |
| | | >查询</el-button |
| | | > |
| | | |
| | |
| | | </div> |
| | | <div style="display: flex; justify-content: right; margin-right: 40px"> |
| | | <span class="collapse-header-text"> |
| | | 静安区 {{ beginTime }} —— {{ endTime }} 油烟检测异常信息汇总</span |
| | | 静安区 {{ beginTime }} —— {{ endTime }} 油烟监测异常信息汇总</span |
| | | > |
| | | </div> |
| | | <br /> |
| | |
| | | |
| | | <div class="box-card-label"> |
| | | <el-scrollbar> |
| | | <span class="box-card-label">店铺数量:</span> |
| | | <span class="box-card-label">异常店铺占比:</span> |
| | | <span style="font-size: 20px" |
| | | >{{ exception0.length }} /{{ shopsTotal }}</span |
| | | >{{ exception0.length }} /{{ shopsTotal }} |
| | | </span |
| | | > |
| | | <span style="margin-left: 150px; font-size: 14px"> |
| | | 占比:{{ |
| | | ((exception0.length / shopsTotal) * 100).toFixed(1) |
| | | }}%</span |
| | | <span style="font-size: 17px"> |
| | | ({{ |
| | | ((exception0.length/shopsTotal)*100).toFixed(1) |
| | | }}%)</span |
| | | > |
| | | {{ shopsTotal}} |
| | | <span class="right-text"> |
| | | 异常数占比:{{ ((exception0Num/exceptionAllNum) * 100).toFixed(1) }}% |
| | | </span> |
| | | </el-scrollbar> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | <div class="box-card-label"> |
| | | <el-scrollbar> |
| | | <span class="box-card-label">店铺数量:</span> |
| | | <span class="box-card-label">异常店铺占比:</span> |
| | | <span style="font-size: 20px" |
| | | >{{ exception1.length }} /{{ shopsTotal }}</span |
| | | > |
| | | <span style="margin-left: 150px; font-size: 14px"> |
| | | 占比:{{ |
| | | ((exception1.length / shopsTotal) * 100).toFixed(1) |
| | | }}%</span |
| | | <span style="font-size: 17px"> |
| | | ({{ |
| | | ((exception1.length/shopsTotal)*100).toFixed(1) |
| | | }}%)</span |
| | | > |
| | | <span class="right-text"> |
| | | 异常数占比:{{ ((exception1Num/exceptionAllNum) * 100).toFixed(1) }}% |
| | | </span> |
| | | </el-scrollbar> |
| | | </div> |
| | | |
| | |
| | | margin-top: 5px; |
| | | margin-left: 4px; |
| | | " |
| | | >掉线</span |
| | | >联网异常</span |
| | | > |
| | | </div> |
| | | <div class="box-card-label"> |
| | | <el-scrollbar> |
| | | <span class="box-card-label">店铺数量:</span> |
| | | <span class="box-card-label">异常店铺占比:</span> |
| | | <span style="font-size: 20px" |
| | | >{{ exception2.length }} /{{ shopsTotal }}</span |
| | | > |
| | | <span style="margin-left: 150px; font-size: 14px"> |
| | | 占比:{{ |
| | | ((exception2.length / shopsTotal) * 100).toFixed(1) |
| | | }}%</span |
| | | <span style="font-size: 17px"> |
| | | ({{ |
| | | (((exception2.length)/shopsTotal)*100).toFixed(1) |
| | | }}%)</span |
| | | > |
| | | <span class="right-text"> |
| | | 异常数占比:{{ connectException }}% |
| | | </span> |
| | | </el-scrollbar> |
| | | </div> |
| | | <hr /> |
| | |
| | | </el-card> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | <!-- <hr/> |
| | | <br> --> |
| | | |
| | | <h4 class="table-text">异常数据</h4> |
| | | <!-- --> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | <el-card class="table-page" v-show="!isNoData"> |
| | | <el-table |
| | | ref="tableH" |
| | | size="small" |
| | | v-loading="loading" |
| | | :data="displayData" |
| | | style="width: 100%" |
| | |
| | | :cell-class-name="tableCellClassName" |
| | | |
| | | > |
| | | <el-table-column prop="diName" label="店铺名称"> |
| | | <el-table-column prop="diName" label="店铺名称" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.diName"> |
| | | <div class="cell ellipsis">{{ row.diName }}</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column prop="devId" label="设备编号"> |
| | | <el-table-column prop="devId" label="设备编号" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.devId"> |
| | | <div class="cell ellipsis">{{ row.devId }}</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column prop="exception" label="异常分类"> |
| | | <el-table-column prop="diSupplier" label="供应商" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.diSupplier"> |
| | | <div class="cell ellipsis">{{ row.diSupplier }}</div> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | |
| | | <el-table-column prop="exception" label="异常分类" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.exception"> |
| | | <div class="cell ellipsis">{{ row.exception }}</div> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="异常类型"> |
| | | <el-table-column label="异常类型" align="center"> |
| | | <template #default="{ row }"> |
| | | <span v-if="row.exceptionType == '0'">油烟数据超标</span> |
| | | <span v-else-if="row.exceptionType == '1'">疑似供电异常</span> |
| | | <span v-else-if="row.exceptionType == '2'">掉线</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="region" label="地区"> |
| | | <el-table-column prop="region" label="地区" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.region"> |
| | | <div class="cell ellipsis">{{ row.region }}</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column prop="beginTime" label="开始时间"> |
| | | <el-table-column prop="beginTime" label="开始时间" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.beginTime"> |
| | | <div class="cell ellipsis">{{ row.beginTime }}</div> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="endTime" label="结束时间"> |
| | | <el-table-column prop="endTime" label="结束时间" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-tooltip effect="dark" :content="row.endTime"> |
| | | <div class="cell ellipsis">{{ row.endTime }}</div> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作"> |
| | | <el-table-column label="操作" align="center"> |
| | | <template #default="{ row }"> |
| | | <el-button |
| | | type="primary" |
| | |
| | | {{ rowEndTime }} |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="dialog-button-position"> |
| | | <el-button |
| | | type="danger" |
| | | :disabled="isPreCantouch" |
| | | :loading="button.preButton" |
| | | :disabled="isPreCantouch || banTouch" |
| | | @click="getPreviousRowData" |
| | | >上条异常</el-button |
| | | > |
| | | <el-button |
| | | type="danger" |
| | | :disabled="isNextCantouch" |
| | | :loading="button.afterButton" |
| | | :disabled="isNextCantouch || banTouch" |
| | | @click="getNextRowData" |
| | | >下条异常</el-button |
| | | > |
| | |
| | | <ExceptionTypeLineChart |
| | | :option="option" |
| | | :is-open-dialog="centerDialogVisible" |
| | | v-loading="chartLoading" |
| | | ></ExceptionTypeLineChart> |
| | | |
| | | <!-- --> |
| | |
| | | border |
| | | style="margin-top: 25px" |
| | | > |
| | | <el-table-column fixed prop="diName" label="店铺名称" /> |
| | | <el-table-column prop="mvStatCode" label="设备编号" /> |
| | | |
| | | <el-table-column prop="mvDataTime" label="采集时间" /> |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | width="60px" |
| | | align="center" |
| | | fixed |
| | | :index="indexMethod" |
| | | |
| | | ></el-table-column> |
| | | <el-table-column fixed prop="diName" label="店铺名称" show-overflow-tooltip/> |
| | | <el-table-column prop="mvStatCode" label="设备编号" align="center" show-overflow-tooltip/> |
| | | <el-table-column prop="diSupplier" label="供应商" align="center" show-overflow-tooltip/> |
| | | <el-table-column prop="mvDataTime" label="采集时间" align="center" show-overflow-tooltip/> |
| | | |
| | | <el-table-column |
| | | prop="mvFumeConcentration2" |
| | | label="油烟浓度(mg/m³)" |
| | | align="center" |
| | | show-overflow-tooltip |
| | | /> |
| | | </el-table> |
| | | </div> |
| | |
| | | import ExceptionType from '../sfc/ExceptionType.vue'; |
| | | import TimeSelect from '../sfc/TimeSelect.vue'; |
| | | import ExceptionText from '../sfc/ExceptionText.vue'; |
| | | |
| | | import * as XLSX from 'xlsx/xlsx.mjs'; |
| | | import dayjs from 'dayjs'; |
| | | import axiosInstanceInstance from '../utils/request.js'; |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | exception0Num:0, |
| | | exception1Num:0, |
| | | exception2Num:0, |
| | | // 折线图加载中 |
| | | chartLoading:false, |
| | | button:{ |
| | | // 查询按钮 |
| | | queryButton:false, |
| | | // 上一条按钮 |
| | | preButton:false, |
| | | // 下一条按钮 |
| | | afterButton:false, |
| | | // |
| | | banTouch:0 |
| | | }, |
| | | // 异常折线图的配置 |
| | | option: {}, |
| | | // 折线图展示 |
| | |
| | | rowEndTime: '', |
| | | // 异常的设备编号 |
| | | rowMvStatCode: '', |
| | | |
| | | // 供应商 |
| | | rowDiSupplier:'', |
| | | // 表格的一行数据 |
| | | rowTable: [], |
| | | //拼接的所有数据 |
| | |
| | | window.addEventListener('resize', this.updateChart); |
| | | } |
| | | }, |
| | | |
| | | computed:{ |
| | | exceptionAllNum(){ |
| | | let sum = this.exception0Num+this.exception1Num+this.exception2Num |
| | | return sum == 0?1:sum |
| | | }, |
| | | connectException(){ |
| | | let sum = this.exception0Num+this.exception1Num+this.exception2Num |
| | | if(sum == 0){ |
| | | return 0 |
| | | } |
| | | else{ |
| | | return (100 - ((exception0Num/sum) * 100) - ((exception1Num/sum) * 100)).toFixed(1) |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | | // 从接口获取店铺名称 给级联下拉框 |
| | | this.getDeviceInfo(); |
| | |
| | | window.addEventListener('resize', this.updateChart); |
| | | }, |
| | | methods: { |
| | | // 功能:对话框表格序号递增 |
| | | // 时间:2023-8-17 |
| | | indexMethod(index) { |
| | | return index + 1 ; |
| | | }, |
| | | |
| | | // 功能:改变表格某个单元格的颜色 |
| | | tableCellClassName({ row, column, rowIndex, columnIndex }) { |
| | | if(columnIndex == 3){ |
| | | if(columnIndex == 4){ |
| | | if (row.exceptionType == '0') { |
| | | return 'exceeding-row'; |
| | | } else if (row.exceptionType == '1') { |
| | |
| | | let current = timePoints[i]; |
| | | let next = timePoints[i + 1]; |
| | | while (this.isTimeDifferenceGreaterThan10Minutes(current, next)) { |
| | | console.log('generateTimePoints'); |
| | | current = dayjs(current) |
| | | .add(10, 'minute') |
| | | .format('YYYY-MM-DD HH:mm:ss'); |
| | |
| | | const year2 = date2.getFullYear(); |
| | | const month2 = date2.getMonth(); |
| | | const day2 = date2.getDate(); |
| | | console.log(month1, month2); |
| | | |
| | | // 判断两个日期是否相差一个月 |
| | | if (year1 === year2) { |
| | |
| | | this.rowBeginTime = this.displayData[index].beginTime; |
| | | this.rowEndTime = this.displayData[index].endTime; |
| | | this.rowMvStatCode = this.displayData[index].devId; |
| | | this.rowDiSupplier = this.displayData[index].diSupplier |
| | | }, |
| | | |
| | | //功能: 供电异常和掉线时的表格数据 |
| | |
| | | this.exceedingData.push({ |
| | | mvStatCode: this.rowMvStatCode, |
| | | diName: this.rowShopName, |
| | | diSupplier:this.rowDiSupplier, |
| | | mvDataTime: abnormalTimeTenMinute[i], |
| | | mvFumeConcentration2: '' |
| | | }); |
| | |
| | | getNextRowData() { |
| | | // 不是表格的第一行 |
| | | if (this.selectedRowIndex !== 0) { |
| | | // 点击过程中 锁住上下条按钮 在设置完图形配置项后解锁 |
| | | this.banTouch = 1 |
| | | |
| | | //得到上一行数据索引 |
| | | this.selectedRowIndex = this.selectedRowIndex - 1; |
| | | //请求数据 改变exceedingData |
| | |
| | | if (this.drawerData.endTime) { |
| | | params['endTime'] = this.displayData[this.selectedRowIndex].endTime; |
| | | } |
| | | |
| | | this.button.afterButton = true |
| | | axiosInstanceInstance |
| | | .get('/fume/exceed', { params: params }) |
| | | .then((response) => { |
| | | // 保存返回的超标数据 |
| | | this.exceedingData = response.data.data; |
| | | // this.chart = null; |
| | | // this.drawChart(); |
| | | this.drawChartTest(); |
| | | this.exceptionTotal = this.exceedingData.length; |
| | | this.button.afterButton = false |
| | | }); |
| | | } |
| | | //表格的第一行,则上一条无数据 |
| | | else { |
| | | console.log(null); |
| | | } |
| | | |
| | | }, |
| | | |
| | | // 获取获取表格下一行数据 |
| | | getPreviousRowData() { |
| | | // 不是表格的第一行 |
| | | if (this.selectedRowIndex < this.displayData.length - 1) { |
| | | //得到上一行数据索引 |
| | | // 点击过程中 锁住上下条按钮 在设置完图形配置项后解锁 |
| | | this.banTouch = 1 |
| | | |
| | | //得到上一行数据索引 |
| | | this.selectedRowIndex = this.selectedRowIndex + 1; |
| | | console.log('上', this.selectedRowIndex); |
| | | |
| | | //请求数据 改变exceedingData |
| | | this.setinfo(this.selectedRowIndex); |
| | |
| | | if (this.drawerData.endTime) { |
| | | params['endTime'] = this.displayData[this.selectedRowIndex].endTime; |
| | | } |
| | | this.button.preButton = true |
| | | axiosInstanceInstance |
| | | .get('/fume/exceed', { params: params }) |
| | | .then((response) => { |
| | | // 保存返回的超标数据 |
| | | this.exceedingData = response.data.data; |
| | | console.log(this.exceedingData); |
| | | this.drawChartTest(); |
| | | this.exceptionTotal = this.exceedingData.length; |
| | | this.button.preButton = false |
| | | }); |
| | | } |
| | | //表格的第一行,则上一条无数据 |
| | | else { |
| | | console.log(null); |
| | | } |
| | | }, |
| | | |
| | |
| | | if (this.drawerData.endTime) { |
| | | params['endTime'] = this.drawerData.endTime; |
| | | } |
| | | |
| | | axiosInstanceInstance |
| | | .get('/fume/exceed', { params: params }) |
| | | .then((response) => { |
| | |
| | | if (this.exceptionValue.length != 0) { |
| | | params['exceptionValue'] = this.exceptionValue.join(); |
| | | } |
| | | console.log('原', this.exceptionValue); |
| | | console.log('处理', this.exceptionValue.join()); |
| | | |
| | | if (this.beginTime) { |
| | | params['beginTime'] = this.beginTime; |
| | | } |
| | |
| | | params['endTime'] = this.endTime; |
| | | } |
| | | this.loading = true; |
| | | this.button.queryButton = true |
| | | |
| | | axiosInstanceInstance |
| | | .get('/fume/abnormalthree', { params: params }) |
| | | .then((response) => { |
| | | this.abnormalData = response.data.data; |
| | | this.total = this.abnormalData.length; |
| | | this.loading = false; |
| | | this.button.queryButton = false |
| | | if (response.data.data.length == 0) { |
| | | ElMessage('该时段无数据'); |
| | | this.isNoData = true; |
| | |
| | | // 移除空数据状态 |
| | | this.isNoData = false; |
| | | this.handleCurrentChange(1); |
| | | console.log('返回的数据', this.abnormalData); |
| | | console.log('长度', response.data.data.total); |
| | | |
| | | }); |
| | | }, |
| | | handleSizeChange(val) { |
| | |
| | | // 计算结束时间减去开始时间中间相差多少个十分钟 |
| | | const diffInMinutes = end.diff(start, 'minute'); |
| | | const diffInTenMinutes = Math.floor(diffInMinutes / 10); |
| | | console.log('几个10分钟', diffInTenMinutes); |
| | | return diffInTenMinutes; |
| | | }, |
| | | |
| | |
| | | ] |
| | | }; |
| | | } |
| | | this.banTouch = 0 |
| | | }, |
| | | |
| | | // 功能:点击 ‘查看详情’, ‘下一条’按钮时会 先逻辑计算。最后展示图形 |
| | |
| | | beforeAndAfterTime[2] |
| | | ); |
| | | |
| | | // 折线图加载中效果 |
| | | this.chartLoading = true |
| | | // 请求前半段 |
| | | axiosInstanceInstance |
| | | .get('/fume/history', { params: paramsBefore }) |
| | | .then((result1) => { |
| | | this.beforeData = result1.data.data; |
| | | console.log('beforeData:', this.beforeData); |
| | | // 请求后半段 |
| | | axiosInstanceInstance |
| | | .get('/fume/history', { params: paramsAfter }) |
| | | .then((result2) => { |
| | | this.afterData = result2.data.data; |
| | | console.log('afterData:', this.afterData); |
| | | //保存异常区间的值 |
| | | let tempArr = []; |
| | | // 保存异常区间前后的值 |
| | |
| | | |
| | | after = this.shallowCopyList(this.afterData); |
| | | // after = this.afterData |
| | | console.log('after:', after); |
| | | } |
| | | // 超标 |
| | | else { |
| | |
| | | |
| | | // 将前后区间数据 与 异常区间数据 合并 |
| | | this.allExceptionTimeData = [...before, ...tempArr, ...after]; |
| | | console.log('组合数据:', this.allExceptionTimeData); |
| | | // x轴日期时间 |
| | | let dateList = []; |
| | | // y轴 超标油烟浓度 |
| | |
| | | |
| | | dateList = timeAndValue['xAxis']; |
| | | fumeExceeding = timeAndValue['yAxis']; |
| | | |
| | | console.log('dateList:', dateList); |
| | | console.log('fumeExceeding:', fumeExceeding); |
| | | |
| | | // 提取异常起始时间点在整个区间内的数据索引 |
| | | let startIndex = dateList.findIndex( |
| | |
| | | endIndex |
| | | ); |
| | | } |
| | | this.chartLoading = false |
| | | }); |
| | | }); |
| | | }, |
| | |
| | | ] |
| | | }; |
| | | }); |
| | | console.log(this.optionsShop); |
| | | }); |
| | | }, |
| | | exportDom() { |
| | |
| | | }) |
| | | .then((result) => { |
| | | this.exception0 = result.data.data; |
| | | console.log('异常0', this.exception0); |
| | | console.log('异常0数量', this.exception0.length); |
| | | }); |
| | | axiosInstanceInstance |
| | | .get('/fume/shopname', { |
| | |
| | | .then((result) => { |
| | | this.exception2 = result.data.data; |
| | | }); |
| | | |
| | | /* 异常数量 */ |
| | | axiosInstanceInstance |
| | | .get('/fume/exceptionnum', { |
| | | params: { |
| | | exceptionType: '0', |
| | | beginTime: this.beginTime, |
| | | endTime: this.endTime |
| | | } |
| | | }) |
| | | .then((result) => { |
| | | this.exception0Num = result.data.data; |
| | | }); |
| | | axiosInstanceInstance |
| | | .get('/fume/exceptionnum', { |
| | | params: { |
| | | exceptionType: '1', |
| | | beginTime: this.beginTime, |
| | | endTime: this.endTime |
| | | } |
| | | }) |
| | | .then((result) => { |
| | | this.exception1Num = result.data.data; |
| | | }); |
| | | axiosInstanceInstance |
| | | .get('/fume/exceptionnum', { |
| | | params: { |
| | | exceptionType: '2', |
| | | beginTime: this.beginTime, |
| | | endTime: this.endTime |
| | | } |
| | | }) |
| | | .then((result) => { |
| | | this.exception2Num = result.data.data; |
| | | }); |
| | | }, |
| | | |
| | | // 页面加载时默认展示7天异常表数据 |
| | | getRecentSevenDays() { |
| | | // 给级联选择器设置默认的选择项 |
| | | this.devId = ['付小姐在成都', 'qinshi_31010320210010']; |
| | | console.log(this.currentDateTime, this.oneWeekAgoDateTime); |
| | | let params = {}; |
| | | params['beginTime'] = this.beginTime; |
| | | params['endTime'] = this.endTime; |
| | | axiosInstanceInstance |
| | | .get('/fume/abnormalone', { params: params }) |
| | | .get('/fume/abnormalthree', { params: params }) |
| | | .then((response) => { |
| | | if (response.data.data.length == 0) { |
| | | ElMessage('该时段无数据'); |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | /* .exception-root-container { |
| | | margin: 20px; |
| | | padding: 10px; |
| | | border: 1px; |
| | | height: 615px; |
| | | |
| | | } */ |
| | | .header-container { |
| | | display: flex; |
| | | margin-left: 20px; |
| | |
| | | /* 异常分析数据与按钮 */ |
| | | .exception-container { |
| | | display: flex; |
| | | /* direction: column; */ |
| | | /* flex-grow: 2,1; */ |
| | | } |
| | | .example-showcase .el-loading-mask { |
| | | z-index: 9; |
| | |
| | | font-size: 18px; |
| | | } |
| | | .collapse-header-text { |
| | | /* margin-right: 150px; */ |
| | | margin-top: 5px; |
| | | font-size: 14px; |
| | | color: gray; |
| | |
| | | .box-card-label { |
| | | font-size: 14px; |
| | | white-space: nowrap; |
| | | /* overflow-x: auto; */ |
| | | } |
| | | |
| | | .right-text { |
| | | /* float :right; */ |
| | | /* text-align: right; */ |
| | | margin-left:80px; |
| | | } |
| | | :deep().el-card { |
| | | border-radius: 9px; |
| | | } |
| | | |
| | | /* ‘查看详情’ 的弹出框高度调整 */ |
| | | :deep().el-dialog { |
| | | height: 98%; |
| | |
| | | .table-page { |
| | | margin-left: 20px; |
| | | } |
| | | :deep().table-page .el-card__body { |
| | | /* padding: 0px; */ |
| | | } |
| | | |
| | | .table-text { |
| | | font-size: 18px; |
| | | margin: 5px 0px 10px 20px; |
| | |
| | | .box-card { |
| | | height: 190px; |
| | | } |
| | | :deep().box-card .el-card__body { |
| | | /* padding: 5px; */ |
| | | } |
| | | |
| | | .sub-box-card { |
| | | height: 100px; |
| | | border: 0px; |
| | | } |
| | | :deep().sub-box-card .el-card__body { |
| | | /* padding: 0px; */ |
| | | } |
| | | |
| | | .mx-1 { |
| | | margin-bottom: 0px; |
| | | } |
| | |
| | | justify-content: right; |
| | | margin-bottom: 10px; |
| | | } |
| | | /* :global(.el-table .exceeding-row) { |
| | | --el-table-expanded-cell-bg-color: #f53f3f; |
| | | } |
| | | :global(.el-table .abnormal-power-supply) { |
| | | --el-table-expanded-cell-bg-color: #ffcf8b; |
| | | } |
| | | |
| | | :global(.el-table .disconnect) { |
| | | --el-table-expanded-cell-bg-color: #ff7d00; |
| | | } */ |
| | | |
| | | :deep().el-table__row .exceeding-row{ |
| | | background-color: #F53F3F; |
| | |
| | | |
| | | .el-table { |
| | | color: #000000; |
| | | } |
| | | /* 表格的内边距 */ |
| | | :deep().el-table .el-table__cell { |
| | | padding: 2px; |
| | | } |
| | | |
| | | |