| | |
| | | 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 { |