| | |
| | | DustLineChart, |
| | | ButtonClick, |
| | | AreaAndmonitorType, |
| | | AnalysisCard, |
| | | AnalysisCard |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | exception4:true, |
| | | exception5:true, |
| | | exception6:true, |
| | | exception7:true, |
| | | exception7: true |
| | | }, |
| | | // eslint-disable-next-line no-undef |
| | | // 对话框显示 |
| | |
| | | banTouch: 0, |
| | | // 0代表分页,1代表不分页 |
| | | originClick: 0 |
| | | }, |
| | | |
| | | } |
| | | } |
| | | }, |
| | | setup() { |
| | |
| | | }, |
| | | computed: { |
| | | exceptionAllNum() { |
| | | let sum = this.exception.exception0Num + |
| | | let sum = |
| | | this.exception.exception0Num + |
| | | this.exception.exception1Num + |
| | | this.exception.exception2Num + |
| | | this.exception.exception3Num + |
| | |
| | | } |
| | | }, |
| | | long_time_notchange(){ |
| | | let sum = this.exception.exception0Num + |
| | | let sum = |
| | | this.exception.exception0Num + |
| | | this.exception.exception1Num + |
| | | this.exception.exception2Num + |
| | | this.exception.exception3Num + |
| | |
| | | }else{ |
| | | return ( |
| | | 100 - |
| | | (this.exception.exception0Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception1Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception2Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception4Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception5Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception6Num / |
| | | this.exceptionAllNum) * |
| | | 100 - |
| | | (this.exception.exception7Num / |
| | | this.exceptionAllNum) * |
| | | 100 |
| | | (this.exception.exception0Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception1Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception2Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception4Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception5Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception6Num / this.exceptionAllNum) * 100 - |
| | | (this.exception.exception7Num / this.exceptionAllNum) * 100 |
| | | ).toFixed(1) |
| | | } |
| | | }, |
| | |
| | | siteNum:this.exception.exception3.length, |
| | | exceptionNum:this.exception.exception3Num, |
| | | isNoDataStatus:this.isNoData.exception3 |
| | | }, |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | |
| | | this.isNoData.exception7=false |
| | | }) |
| | | |
| | | |
| | | /* 异常异常数量 */ |
| | | this.$http |
| | | .get('/dust/exceptionnum', { |
| | |
| | | }) |
| | | .then((result) => { |
| | | this.exception.exception0Num = result.data.data |
| | | |
| | | }) |
| | | this.$http |
| | | .get('/dust/exceptionnum', { |
| | |
| | | .then((result) => { |
| | | this.exception.exception7Num = result.data.data |
| | | }) |
| | | |
| | | |
| | | |
| | | }, |
| | | |
| | | /** |
| | |
| | | this.total = response.data.data.total |
| | | // 移除空数据状态 |
| | | }) |
| | | |
| | | }, |
| | | |
| | | /** |
| | |
| | | } |
| | | this.isTableShow = true |
| | | this.total = response.data.data.total |
| | | |
| | | }) |
| | | }, |
| | | |
| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <TimeShortCuts |
| | | timeType="day" |
| | | @submit-time="giveTime" |
| | | ></TimeShortCuts> |
| | | <TimeShortCuts timeType="day" @submit-time="giveTime"></TimeShortCuts> |
| | | </el-form-item > |
| | | |
| | | <el-form-item> |
| | |
| | | :loading="loading.queryButton" |
| | | :havaIcon="false" |
| | | @do-search="handleSubmit" |
| | | ><img src="@/assets/exception/riskButton.png" height="24" class="img-button"></ButtonClick> |
| | | |
| | | ><img src="@/assets/exception/riskButton.png" height="24" class="img-button" |
| | | /></ButtonClick> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | | |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | |
| | | <el-row :gutter="20" class="card-row"> |
| | | <el-col :span="6"> |
| | | <AnalysisCard :site-name="cardRow1[0].siteName" :exception-type="cardRow1[0].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow1[0].exceptionName" :site-num="cardRow1[0].siteNum" :exception-num="cardRow1[0].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow1[0].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception4.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow1[0].siteName" |
| | | :exception-type="cardRow1[0].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow1[0].exceptionName" |
| | | :site-num="cardRow1[0].siteNum" |
| | | :exception-num="cardRow1[0].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow1[0].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception4.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <AnalysisCard :site-name="cardRow1[1].siteName" :exception-type="cardRow1[1].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow1[1].exceptionName" :site-num="cardRow1[1].siteNum" :exception-num="cardRow1[1].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow1[1].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception5.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow1[1].siteName" |
| | | :exception-type="cardRow1[1].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow1[1].exceptionName" |
| | | :site-num="cardRow1[1].siteNum" |
| | | :exception-num="cardRow1[1].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow1[1].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception5.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <AnalysisCard :site-name="cardRow1[2].siteName" :exception-type="cardRow1[2].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow1[2].exceptionName" :site-num="cardRow1[2].siteNum" :exception-num="cardRow1[2].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow1[2].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception6.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow1[2].siteName" |
| | | :exception-type="cardRow1[2].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow1[2].exceptionName" |
| | | :site-num="cardRow1[2].siteNum" |
| | | :exception-num="cardRow1[2].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow1[2].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception6.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <AnalysisCard :site-name="cardRow1[3].siteName" :exception-type="cardRow1[3].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow1[3].exceptionName" :site-num="cardRow1[3].siteNum" :exception-num="cardRow1[3].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow1[3].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception7.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow1[3].siteName" |
| | | :exception-type="cardRow1[3].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow1[3].exceptionName" |
| | | :site-num="cardRow1[3].siteNum" |
| | | :exception-num="cardRow1[3].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow1[3].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception7.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6" > |
| | | <AnalysisCard :site-name="cardRow2[0].siteName" :exception-type="cardRow2[0].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow2[0].exceptionName" :site-num="cardRow2[0].siteNum" :exception-num="cardRow2[0].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow2[0].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception0.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow2[0].siteName" |
| | | :exception-type="cardRow2[0].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow2[0].exceptionName" |
| | | :site-num="cardRow2[0].siteNum" |
| | | :exception-num="cardRow2[0].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow2[0].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception0.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6" > |
| | | <AnalysisCard :site-name="cardRow2[1].siteName" :exception-type="cardRow2[1].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow2[1].exceptionName" :site-num="cardRow2[1].siteNum" :exception-num="cardRow2[1].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow2[1].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception1.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow2[1].siteName" |
| | | :exception-type="cardRow2[1].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow2[1].exceptionName" |
| | | :site-num="cardRow2[1].siteNum" |
| | | :exception-num="cardRow2[1].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow2[1].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception1.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6" > |
| | | <AnalysisCard :site-name="cardRow2[2].siteName" :exception-type="cardRow2[2].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow2[2].exceptionName" :site-num="cardRow2[2].siteNum" :exception-num="cardRow2[2].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow2[2].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception2.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow2[2].siteName" |
| | | :exception-type="cardRow2[2].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow2[2].exceptionName" |
| | | :site-num="cardRow2[2].siteNum" |
| | | :exception-num="cardRow2[2].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow2[2].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception2.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | <el-col :span="6" > |
| | | <AnalysisCard :site-name="cardRow2[3].siteName" :exception-type="cardRow2[3].exceptionType" :begin-time="beginTime" :end-time="endTime" :exception-name="cardRow2[3].exceptionName" :site-num="cardRow2[3].siteNum" :exception-num="cardRow2[3].exceptionNum" :exception-all-num="exceptionAllNum" :site-num-all="siteTotal" :isNoDataStatus="cardRow2[3].isNoDataStatus" @get-abnormal-data-by-click="getAbnormalDataByClick"> |
| | | <img src="@/assets/exception/exception3.png" height="24" width="24"> |
| | | <AnalysisCard |
| | | :site-name="cardRow2[3].siteName" |
| | | :exception-type="cardRow2[3].exceptionType" |
| | | :begin-time="beginTime" |
| | | :end-time="endTime" |
| | | :exception-name="cardRow2[3].exceptionName" |
| | | :site-num="cardRow2[3].siteNum" |
| | | :exception-num="cardRow2[3].exceptionNum" |
| | | :exception-all-num="exceptionAllNum" |
| | | :site-num-all="siteTotal" |
| | | :isNoDataStatus="cardRow2[3].isNoDataStatus" |
| | | @get-abnormal-data-by-click="getAbnormalDataByClick" |
| | | > |
| | | <img src="@/assets/exception/exception3.png" height="24" width="24" /> |
| | | </AnalysisCard> |
| | | </el-col> |
| | | |
| | | |
| | | </el-row> |
| | | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <!-- 表格 --> |
| | | <el-row v-show="isTableShow"> |
| | | <el-col> |
| | | |
| | | <el-table |
| | | ref="table" |
| | | :data="displayData" |
| | |
| | | <el-table-column prop="region" label="区域" align="center" show-overflow-tooltip /> |
| | | <el-table-column prop="beginTime" label="开始时间" align="center" show-overflow-tooltip /> |
| | | <el-table-column prop="endTime" label="结束时间" align="center" show-overflow-tooltip /> |
| | | <el-table-column prop="typename" label="场景" align="center" width="82" show-overflow-tooltip /> |
| | | <el-table-column |
| | | prop="typename" |
| | | label="场景" |
| | | align="center" |
| | | width="82" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column prop="address" label="地址" align="center" show-overflow-tooltip /> |
| | | <el-table-column prop="dutyCompany" label="运维商" align="center" show-overflow-tooltip /> |
| | | |
| | |
| | | <div class="diag-head"> |
| | | <div class="diag-head-text"> |
| | | <div><span class="diag-head-text1">站点名称:</span>{{ tableCurrentRowData.name }}</div> |
| | | <div><span class="diag-head-text1">设备编号:</span>{{ tableCurrentRowData.mnCode }}</div> |
| | | <div><span class="diag-head-text1">运维商:</span>{{ tableCurrentRowData.dutyCompany }}</div> |
| | | <div> |
| | | <span class="diag-head-text1">设备编号:</span>{{ tableCurrentRowData.mnCode }} |
| | | </div> |
| | | <div> |
| | | <span class="diag-head-text1">运维商:</span>{{ tableCurrentRowData.dutyCompany }} |
| | | </div> |
| | | <!-- <div> |
| | | <span class="diag-head-text1">异常类型:</span> |
| | | <span v-if="tableCurrentRowData.exceptionType == '0'">数据缺失异常</span> |
| | |
| | | >下条异常</el-button |
| | | > |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | </template> |
| | | |
| | | <style lang="scss" scoped> |
| | | |
| | | .el-row { |
| | | margin-left: 10px; |
| | | } |
| | |
| | | margin-right: 5px; |
| | | } |
| | | .head-container-search { |
| | | |
| | | float: right; |
| | | } |
| | | |
| | |
| | | /* 条件查询模块结束 */ |
| | | |
| | | /* 异常分析模块的样式 */ |
| | | |
| | | |
| | | .card-text1 { |
| | | /* 黑体的异常名字部分 */ |
| | |
| | | font-size: 1.2em; |
| | | } |
| | | /* 隐藏表格按钮组样式结束 */ |
| | | |
| | | |
| | | |
| | | /* 表格模块的样式 */ |
| | | .el-table { |