From 2162dec5e0acc98f8e22fa9907cdc5f70eba6dcc Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 23 十一月 2023 17:57:39 +0800
Subject: [PATCH] 1.修改了风险模型页面有效率,在线率的展示百分比 2.站点审核辅助页面增加了标识

---
 src/views/exception/SiteAuditAssistance.vue |  432 ++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 306 insertions(+), 126 deletions(-)

diff --git a/src/views/exception/SiteAuditAssistance.vue b/src/views/exception/SiteAuditAssistance.vue
index 0fa2676..c56b980 100644
--- a/src/views/exception/SiteAuditAssistance.vue
+++ b/src/views/exception/SiteAuditAssistance.vue
@@ -12,6 +12,14 @@
 import { ElMessage, ElMessageBox } from 'element-plus'
 import ButtonClick from '@/sfc/ButtonClick.vue'
 import index from '@/utils/exception_common_function/index.js'
+import DaySelect from '@/sfc/DaySelect.vue';
+// import {useLoginUserStore} from '@/stores/user.js'
+import { useLoginUserStore } from '@/stores/user'
+import historyApi from '@/api/historyApi.js'
+import time from '@/utils/time.js'
+import lineChart from '@/utils/chartFunction/lineChart.js'
+import exceptionOption from '@/utils/chartFunction/exceptionOption.js'
+
 export default {
   components: {
     ExceptionType,
@@ -19,7 +27,8 @@
     TimeShortCuts,
     DustLineChart,
     AreaAndmonitorType,
-    ButtonClick
+    ButtonClick,
+    DaySelect
   },
   data() {
     return {
@@ -30,6 +39,9 @@
         // 閫夋嫨鐨勫紓甯哥被鍨�
         exceptionName: []
       },
+      // 鏃ユ湡閫夋嫨
+      day:'',
+      // 鏃ユ湡鏃堕棿閫夋嫨
       beginTime: '',
       endTime: '',
       // 杩斿洖鐨勬暟鎹�
@@ -109,23 +121,25 @@
   },
   setup() {
     const { isExceedOneMonth } = useCommonFunction()
+    const userName = useLoginUserStore()
+
     return {
-      isExceedOneMonth
+      isExceedOneMonth,userName
     }
   },
   // 鐩戝惉  鍒ゆ柇鎸夐挳鏄惁鍙偣鍑�
   watch: {
     selectedRowIndex(newVaue) {
-      // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
-      if (newVaue === this.displayData.length - 1) {
-        this.dialog.isPreCantouch = true
+        // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+        if (newVaue === 0) {
+          this.dialog.isPreCantouch = true
         //鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
         if (this.dialog.isNextCantouch == true) {
           this.dialog.isNextCantouch = false
         }
       }
-      // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笅涓�鏉♀�欐寜閽笉鍙偣
-      else if (newVaue === 0) {
+      // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+      else if (newVaue === this.displayData.length - 1) {
         this.dialog.isNextCantouch = true
         //鐢ㄦ埛鍏堢偣浜嗚〃鏍兼渶鍚庝竴鏉�,next涓簍rue,鐒跺悗鐐瑰嚮绗竴鏉★紝pre涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
         if (this.dialog.isPreCantouch == true) {
@@ -137,6 +151,7 @@
         this.dialog.isPreCantouch = false
         this.dialog.isNextCantouch = false
       }
+
     },
 
     dialogTableVisible() {
@@ -184,9 +199,64 @@
   mounted() {
     this.backExceptionDataAWeekAgo()
     this.calTableHeight()
+ 
   },
 
   methods: {
+        /**
+     * 鏈夋晥鐜囧紓甯� 璁剧疆鎶樼嚎鍥鹃厤缃」
+     * @param锛� 
+     * @returns锛�
+     */
+    validProcess() {
+      // x杞存暟鎹�
+      let xList = time.ascTime(
+        this.tableCurrentRowData.beginTime,
+        this.tableCurrentRowData.endTime,
+        15
+      )
+
+      // y杞存暟鎹�
+      let yList = []
+      xList.forEach((item) => {
+        // 鏌ユ壘璇ユ椂闂寸殑鏁版嵁
+        let r = lineChart.findDate(this.dialog.historyData, item)
+        if (r) {
+          yList.push(r.dustValue)
+        } else {
+          yList.push(null)
+        }
+      })
+      // 棰滆壊鑳屾櫙鍖洪棿
+      // 寰楀埌鏃犳暟鎹殑鏃堕棿鐐规垨flag涓嶇瓑浜嶯鐨勬椂闂寸偣
+      let noDataTime = time.invalidTime(this.dialog.historyData, xList)
+      let rangeTime = time.seriesTime(noDataTime, 15)
+      // let rangeTime_1 = time.splitTime(rangeTime)
+      // 寰楀埌鑳屾櫙鍖洪棿鐨勯厤缃�
+      let areaObj = lineChart.getMarkArea(rangeTime, '寮傚父')
+
+      // 浼犲叆鍙傛暟
+      this.dialog.option = exceptionOption.setExceptionChartOption(
+        xList,
+        yList,
+        '',
+        '',
+        '',
+        '',
+        this.tableCurrentRowData.exception,
+        areaObj,
+        '',
+        this.tableCurrentRowData.exceptionType
+      )
+    },
+
+    giveDay(val){
+      // 灏嗕腑鍥芥爣鍑嗘椂闂磋浆涓烘寚瀹氭牸寮�(璇ョ粍浠惰繑鍥炵殑鏍囧噯鏃堕棿鐨勬牸寮忥紝鎵�浠ュ繀椤荤殑鍔犺繖涓嚱鏁�)
+
+        this.beginTime = dayjs(val).format('YYYY-MM-DD 00:00:00');
+        this.endTime = dayjs(val).format('YYYY-MM-DD 23:59:59');
+    },
+
     /**
      * 瀹¤鍐呭淇濆瓨涓鸿崏绋�
      * @param锛�
@@ -208,6 +278,7 @@
         this.auditData = res.data.data
       })
     },
+
     /**
      * 澶氶�夊垪锛堝凡瀹℃牳鐨勮涓嶄細鍔犲叆鍏朵腑锛�
      * @param
@@ -262,25 +333,7 @@
       })
     },
     close() {
-      // if (this.auditDialog.checkerNotes || this.auditDialog.enterpriseNotes) {
-      //   ElMessageBox.confirm('杩欏皢浼氾紝纭畾瑕佸叧闂悧', '鎻愮ず',
-      //     {
-      //       confirmButtonText: '纭畾',
-      //       cancelButtonText: '鍙栨秷',
-      //       type: 'warning',
-      //       center :'true',
-      //       icon: markRaw(Delete),
-      //       draggable: true,
-      //     }).then(() => {
-      //       ElMessage({
-      //         type: 'success',
-      //         message: '宸插叧闂�',
-      //       })
-      //       this.auditDialog.visible = false
-      //     })
-      // }else{
-      //   this.auditDialog.visible = false
-      // }
+      
       this.auditDialog.visible = false
     },
     // 琛ㄦ牸琛岀殑棰滆壊
@@ -365,6 +418,10 @@
     submitAudit() {
       // 鍚屾椂濉啓浜嗗鏍镐汉鍛樺拰浼佷笟鐨勫娉�
       this.loading.submitAudit = true
+      // 鎶婄櫥闄嗙殑鐢ㄦ埛濮撳悕缁欏鏍镐汉
+      if(this.userName.getUserName != '-1'){
+        this.auditDialog.checker = this.userName.getUserName
+      }
       if (this.auditDialog.checkerNotes && this.auditDialog.enterpriseNotes) {
         this.sendAudit(
           this.auditDialog.checker,
@@ -435,11 +492,21 @@
     openAuditDiag(row) {
       this.auditDialog.visible = true
       this.tableCurrentRowData = row
-
       // 杩涘叆瀹℃牳椤垫椂锛屽皢琛ㄦ牸褰撳墠琛岀殑瀹℃牳淇℃伅缁欒緭鍏ユ
       this.auditDialog.checkerNotes = this.tableCurrentRowData.checkerContent
       this.auditDialog.enterpriseNotes = this.tableCurrentRowData.enterpriseContent
+      
+      // // 鏈鏍�  灏辨妸褰撳墠鐧婚檰鍚嶇粰瀹℃牳浜�
+      // if(this.tableCurrentRowData.uiRealName == null){
+      //   this.auditDialog.checker = this.userName.getUserName
+      // }
+      // // 宸插鏍�
+      // else{
+      //   this.auditDialog.checker = this.tableCurrentRowData.uiRealName
+      // }
+
     },
+
 
     /**
      * description锛氱偣鍑诲紓甯哥珯鐐瑰悕瀛楁椂 杩斿洖鐨勬暟鎹�
@@ -544,6 +611,14 @@
         // 鏂數鎴栨柇缃�  鏃堕棿娈�
         case '0':
           this.dialog.option = {
+            title: {
+            text: this.tableCurrentRowData.exception,
+            left: '1%',
+            textStyle:{
+              fontSize:14
+            }
+          },
+         
             tooltip: {},
             toolbox: {
               // 宸ュ叿鏍�
@@ -597,7 +672,16 @@
           break
         // 瓒呮爣
         case '2':
+        case '5':
+        case '6':
           this.dialog.option = {
+            title: {
+            text: this.tableCurrentRowData.exception,
+            left: '1%',
+            textStyle:{
+              fontSize:14
+            }
+          },
             tooltip: {},
             toolbox: {
               // 宸ュ叿鏍�
@@ -710,6 +794,13 @@
         // 鏁版嵁瓒呬綆 鍙湁鏃堕棿鐐�
         case '1':
           this.dialog.option = {
+            title: {
+            text: this.tableCurrentRowData.exception,
+            left: '1%',
+            textStyle:{
+              fontSize:14
+            }
+          },
             tooltip: {},
             toolbox: {
               // 宸ュ叿鏍�
@@ -805,6 +896,13 @@
           break
         case '3':
           this.dialog.option = {
+            title: {
+            text: this.tableCurrentRowData.exception,
+            left: '1%',
+            textStyle:{
+              fontSize:14
+            }
+          },
             tooltip: {},
             toolbox: {
               // 宸ュ叿鏍�
@@ -888,14 +986,20 @@
           }
           break
         case '4':
+        case '7':
           this.dialog.option = {
+            title: {
+            text: this.tableCurrentRowData.exception,
+            left: '1%',
+            textStyle:{
+              fontSize:14
+            }
+          },
             tooltip: {},
             toolbox: {
               // 宸ュ叿鏍�
               feature: {
-                //     dataZoom: {
-                //   yAxisIndex: 'none'
-                // },
+    
                 // 淇濆瓨涓哄浘鐗�
                 saveAsImage: {}
               }
@@ -1013,20 +1117,42 @@
 
         // 寰楀埌涓婁竴琛岀殑鏁版嵁
         this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-        let params = index.requestGetParms(
-          this.tableCurrentRowData.name,
-          this.tableCurrentRowData.beginTime,
-          this.tableCurrentRowData.endTime
-        )
         this.loading.preButton = true
-        this.$http.get('/dust/history', { params: params }).then((response) => {
+
+        historyApi.queryHistoryData({
+          siteName:this.tableCurrentRowData.name,
+          beginTime:this.tableCurrentRowData.beginTime,
+          endTime:this.tableCurrentRowData.endTime
+        }).then(response => {
           // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
           this.dialog.historyData = response.data.data
           this.dialog.exceptionTotal = response.data.data.length
           // 閫昏緫澶勭悊
-          this.timeAndDataProcessed()
+
+          if (this.tableCurrentRowData.exceptionType != '8') {
+            this.timeAndDataProcessed()
+          } else {
+            this.loading.lineChart = true
+            this.validProcess()
+            this.loading.lineChart = false
+            this.flag.banTouch = 0
+          }
           this.loading.preButton = false
         })
+        
+        // let params = index.requestGetParms(
+        //   this.tableCurrentRowData.name,
+        //   this.tableCurrentRowData.beginTime,
+        //   this.tableCurrentRowData.endTime
+        // )
+        // this.$http.get('/dust/history', { params: params }).then((response) => {
+        //   // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+        //   this.dialog.historyData = response.data.data
+        //   this.dialog.exceptionTotal = response.data.data.length
+        //   // 閫昏緫澶勭悊
+        //   this.timeAndDataProcessed()
+        //   this.loading.preButton = false
+        // })
       }
     },
     /**
@@ -1044,21 +1170,44 @@
 
         // 寰楀埌涓婁竴琛岀殑鏁版嵁
         this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
-        let params = index.requestGetParms(
-          this.tableCurrentRowData.name,
-          this.tableCurrentRowData.beginTime,
-          this.tableCurrentRowData.endTime
-        )
         this.loading.afterButton = true
-        this.$http.get('/dust/history', { params: params }).then((response) => {
+
+        historyApi.queryHistoryData({
+          siteName:this.tableCurrentRowData.name,
+          beginTime:this.tableCurrentRowData.beginTime,
+          endTime:this.tableCurrentRowData.endTime
+        }).then(response => {
           // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
           this.dialog.historyData = response.data.data
           this.dialog.exceptionTotal = response.data.data.length
           // 閫昏緫澶勭悊
-          this.timeAndDataProcessed()
+
+          if (this.tableCurrentRowData.exceptionType != '8') {
+            this.timeAndDataProcessed()
+          } else {
+            this.loading.lineChart = true
+            this.validProcess()
+            this.loading.lineChart = false
+            this.flag.banTouch = 0
+          }
           this.loading.afterButton = false
         })
+
+
+        // let params = index.requestGetParms(
+        //   this.tableCurrentRowData.name,
+        //   this.tableCurrentRowData.beginTime,
+        //   this.tableCurrentRowData.endTime
+        // )
+        
+        // this.$http.get('/dust/history', { params: params }).then((response) => {
+        //   // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+        //   this.dialog.historyData = response.data.data
+        //   this.dialog.exceptionTotal = response.data.data.length
+        //   // 閫昏緫澶勭悊
+        //   this.timeAndDataProcessed()
+        //   this.loading.afterButton = false
+        // })
       }
     },
 
@@ -1081,24 +1230,44 @@
       // 瀵硅姹傚埌鐨勬暟鎹繘琛岄灏炬嫾鎺�
       // 寰楀埌鍓嶅悗瀹屾暣鏁版嵁杩涜缁樺埗鍥惧舰
 
-      let params = {}
-      if (row.name) {
-        params['siteName'] = row.name
-      }
-      if (row.beginTime) {
-        params['beginTime'] = row.beginTime
-      }
-      if (row.endTime) {
-        params['endTime'] = row.endTime
-      }
+      historyApi.queryHistoryData({
+          siteName:row.name,
+          beginTime:row.beginTime,
+          endTime:row.endTime
+        }).then(response => {
+          // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+          this.dialog.historyData = response.data.data
+          this.dialog.exceptionTotal = response.data.data.length
+          // 閫昏緫澶勭悊
 
-      this.$http.get('/dust/history', { params: params }).then((response) => {
-        // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
-        this.dialog.historyData = response.data.data
-        this.dialog.exceptionTotal = response.data.data.length
-        // 閫昏緫澶勭悊
-        this.timeAndDataProcessed()
-      })
+          if (this.tableCurrentRowData.exceptionType != '8') {
+            this.timeAndDataProcessed()
+          } else {
+            this.loading.lineChart = true
+            this.validProcess()
+            this.loading.lineChart = false
+            this.flag.banTouch = 0
+          }
+        })
+
+      // let params = {}
+      // if (row.name) {
+      //   params['siteName'] = row.name
+      // }
+      // if (row.beginTime) {
+      //   params['beginTime'] = row.beginTime
+      // }
+      // if (row.endTime) {
+      //   params['endTime'] = row.endTime
+      // }
+
+      // this.$http.get('/dust/history', { params: params }).then((response) => {
+      //   // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+      //   this.dialog.historyData = response.data.data
+      //   this.dialog.exceptionTotal = response.data.data.length
+      //   // 閫昏緫澶勭悊
+      //   this.timeAndDataProcessed()
+      // })
     },
 
     /**
@@ -1110,12 +1279,12 @@
         alert('鏃堕棿璺ㄥ害涓嶈兘瓒呰繃涓�涓湀')
         return
       }
-
       this.flag.originClick = 0
-
+      
       let params = {}
       params['page'] = this.currentPage
       params['pageSize'] = this.pageSize
+      
       if (this.form.name) {
         params['siteName'] = this.form.name
       }
@@ -1126,6 +1295,9 @@
       params['endTime'] = this.endTime
       this.loading.tableLoading = true
       this.loading.queryButton = true
+
+      console.log('绔欑偣锛�',params['siteName']);
+      console.log('绫诲瀷',params['exceptionType']);
       this.$http.get('/dust/exceptiondata', { params: params }).then((response) => {
         // 淇濆瓨杩斿洖鐨�
         // this.tableData = response.data.data.rows;
@@ -1155,6 +1327,8 @@
       if (this.form.name) {
         params['siteName'] = this.form.name
       }
+
+
       if (this.form.exceptionName) {
         params['exceptionType'] = this.form.exceptionName
       }
@@ -1193,7 +1367,7 @@
       const h2 = this.$refs.h2.$el.offsetHeight
       const h4 = this.$refs.h4.$el.offsetHeight
       // 鍏朵腑涓�涓�40鏄洅瀛愮殑鎬诲杈硅窛
-      this.tableHeight = `calc(100vh - ${h1}px - ${h2}px  - ${h4}px - 20px - 100px - var(--el-main-padding) * 2)`
+      this.tableHeight = `calc(100vh - ${h1}px - ${h2}px  - ${h4}px - 20px - 10px - var(--el-main-padding) * 2)`
       // this.tableHeight = `calc(100vh - ${h1}px  - ${h4}px - 100px - var(--el-main-padding) * 2)`;
     },
 
@@ -1245,23 +1419,31 @@
         <el-form :inline="true">
           <div class="head-container-text">
             <el-form-item>
-              <AreaAndmonitorType></AreaAndmonitorType>
+              <AreaAndmonitorType :isHideArea="1"></AreaAndmonitorType>
             </el-form-item>
+
             <el-form-item>
               <InputSearch isNeedDefaultSite="0" isNeedRealTimeAdvice="1" :exceptionType="form.exceptionName" :beginTime="beginTime" :endTime="endTime" @submit-value="(n) => (form.name = n)">
               </InputSearch>
             </el-form-item>
 
             <el-form-item>
+              <DaySelect
+                @submit-time="giveDay"
+                :day-begin="beginTime"
+              ></DaySelect>
+            </el-form-item>
+
+            <el-form-item>
               <TimeShortCuts
                 @submit-time="giveTime"
                 timeType="day"
+                :begin-and-end-time="[beginTime,endTime]"
               ></TimeShortCuts>
             </el-form-item>
 
             <el-form-item>
-              <!-- <el-button type="warning" :loading="loading.queryButton" @click="handleSubmit"><el-icon
-                style="margin-right: 6px;font-size: 1.2em;"><i-ep-Search /></el-icon>鏌ヨ</el-button> -->
+             
               <ButtonClick
                 content="鎼滅储"
                 type="warning"
@@ -1288,7 +1470,7 @@
     <el-col>
       <div class="checknum">
         <div class="checknum-text">
-          <el-tag>搴斿鏍告暟</el-tag><span>{{ total }} ({{ checkedRate }}%)</span>
+          <el-tag>搴斿鏍告暟</el-tag><span >{{ total }} ({{ checkedRate }}%)</span>
         </div>
 
         <div class="checknum-text">
@@ -1329,13 +1511,13 @@
           fixed
           :index="indexMethod1"
         />
-        <el-table-column prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
-        <el-table-column prop="mnCode" label="璁惧缂栧彿" align="center" show-overflow-tooltip />
+        <el-table-column prop="name" label="鐐逛綅鍚嶇О" show-overflow-tooltip />
+        <el-table-column prop="mnCode" label="璁惧缂栫爜" align="center" show-overflow-tooltip />
         <el-table-column prop="exception" label="寮傚父绫诲瀷" align="center" show-overflow-tooltip />
-        <el-table-column prop="region" label="鍖哄煙" align="center" show-overflow-tooltip />
+        <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" 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 />
         <el-table-column label="鎿嶄綔" align="center" width="200" fixed="right">
@@ -1413,7 +1595,7 @@
 
     <el-form label-position="top">
       <el-form-item label="瀹℃牳浜�">
-        <el-input v-model="auditDialog.checker"></el-input>
+        <el-input v-model="userName.getUserName"></el-input>
       </el-form-item>
       <el-form-item label="瀹℃牳鎯呭喌">
         <el-input
@@ -1471,19 +1653,10 @@
     <template #header>
       <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>
-            <span v-if="tableCurrentRowData.exceptionType == '0'">鏁版嵁缂哄け寮傚父</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '1'">鏁版嵁瓒呬綆</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '2'">瓒呮爣</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '3'">鏁版嵁闀挎椂闂存棤娉㈠姩</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '4'">閲忕骇绐佸彉寮傚父</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '5'">涓磋繎瓒呮爣寮傚父</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '6'">鍗曟棩瓒呮爣娆℃暟涓寸晫寮傚父</span>
-            <span v-else-if="tableCurrentRowData.exceptionType == '7'">婊戝姩骞冲潎鍊煎紓甯�</span>
-          </div>
+          <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.beginTime }} ~
@@ -1496,14 +1669,14 @@
             type="danger"
             :loading="loading.preButton"
             :disabled="dialog.isPreCantouch || flag.banTouch"
-            @click="getPreviousRowData"
+            @click="getNextRowData"
             >涓婃潯寮傚父</el-button
           >
           <el-button
             type="danger"
             :loading="loading.afterButton"
             :disabled="dialog.isNextCantouch || flag.banTouch"
-            @click="getNextRowData"
+            @click="getPreviousRowData"
             >涓嬫潯寮傚父</el-button
           >
         </div>
@@ -1529,35 +1702,42 @@
           fixed
           :index="indexMethod2"
         ></el-table-column>
-        <el-table-column fixed prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
-        <el-table-column prop="mnCode" label="璁惧缂栧彿" align="center" show-overflow-tooltip />
-        <el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
+        
         <el-table-column prop="lst" label="閲囬泦鏃堕棿" align="center" show-overflow-tooltip />
         <el-table-column
           prop="dustValue"
-          label="棰楃矑鐗╂祿搴�(mg/m鲁)"
+          label="TSP(mg/m鲁)"
           align="center"
           show-overflow-tooltip
         />
+        <el-table-column prop="flag" label="鏁版嵁鏍囪瘑" align="center" show-overflow-tooltip />
       </el-table>
     </div>
     <template #footer>
-      <el-tag type="success" class="mx-1" effect="dark" round
-        ><span class="table-line-lable" v-show="tableCurrentRowData.exceptionType == '0'"
-          >缂哄け鏁版嵁锛�
-        </span>
-        <span
-          v-show="
-            tableCurrentRowData.exceptionType == '1' ||
-            tableCurrentRowData.exceptionType == '2' ||
-            tableCurrentRowData.exceptionType == '3' ||
-            tableCurrentRowData.exceptionType == '4'
-          "
-          >寮傚父鏁版嵁锛�</span
-        >
-        <span class="table-line-num">{{ dialog.exceptionTotal }}鏉�</span>
-        <span v-show="tableCurrentRowData.exceptionType === '0'"> (閫昏緫璁$畻)</span>
-      </el-tag>
+      <div class="dialog-footer">
+        <el-tag type="success" class="mx-1" effect="dark" round
+          ><span class="table-line-lable" v-show="tableCurrentRowData.exceptionType == '0'"
+            >缂哄け鏁版嵁锛�
+          </span>
+          <span
+            v-show="
+              tableCurrentRowData.exceptionType == '1' ||
+              tableCurrentRowData.exceptionType == '2' ||
+              tableCurrentRowData.exceptionType == '3' ||
+              tableCurrentRowData.exceptionType == '4' ||
+              tableCurrentRowData.exceptionType == '5' ||
+              tableCurrentRowData.exceptionType == '6' ||
+              tableCurrentRowData.exceptionType == '7' ||
+              tableCurrentRowData.exceptionType == '8'
+            "
+            >寮傚父鏁版嵁锛�</span
+          >
+          <span class="table-line-num">{{ dialog.exceptionTotal }}鏉�</span>
+          <span v-show="tableCurrentRowData.exceptionType == '0'"> (閫昏緫璁$畻)</span>
+        </el-tag>
+        <el-text v-show="tableCurrentRowData.exceptionType == '8'" type="warning" class="dialog-footer-text">鏁版嵁鏍囪瘑A涓烘暟鎹暱鏈熺己澶�,绯荤粺鑷姩琛ュ叏</el-text>
+        <!-- <el-text class="mx-1" type="warning">Warning</el-text> -->
+      </div>
     </template>
   </el-dialog>
 </template>
@@ -1574,7 +1754,7 @@
 .head-container-search {
   display: flex;
   justify-content: space-between;
-  // float: right;
+  
 }
 .head-describtion-text {
   justify-content: flex-end;
@@ -1585,9 +1765,7 @@
 /* 鏉′欢鏌ヨ妯″潡缁撴潫 */
 
 /*鍒嗘瀽 */
-
 .checknum {
-  // border: 2px solid orange;
   margin: 10px 5px 20px 20px;
   display: flex;
 }
@@ -1597,6 +1775,7 @@
 }
 .el-tag {
   font-size: 14px;
+  vertical-align: baseline;
 }
 
 .checknum-rate {
@@ -1616,7 +1795,7 @@
 :global(.el-table .deep-gray-row) {
   color: #7f9fcf;
 }
-//瀵硅瘽妗嗘爣棰�
+/* 瀵硅瘽妗嗘爣棰� */
 .el-form-item__labe {
   font-weight: bold;
 }
@@ -1625,7 +1804,6 @@
   margin-right: 20px;
 }
 .check-button {
-  // justify-content: flex-end;
   float: right;
   margin-top: 10px;
   margin-right: 20px;
@@ -1636,19 +1814,15 @@
 /* 琛ㄦ牸妯″潡缁撴潫 */
 
 /* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-.diag-head {
-  // 瀵硅瘽妗嗗ご閮ㄥ尯鍩�
-  // min-height: 200px;
-  // border: 1px solid #fdc2db;
-}
+
 
 .diag-head-text1 {
-  // 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮�
+  /* 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮� */
   font-weight: bold;
 }
 
 .diag-head-text > div {
-  // 瀵硅瘽妗嗗紓甯告椂闂存
+  /* 瀵硅瘽妗嗗紓甯告椂闂存 */
   margin-top: 15px;
 }
 
@@ -1660,16 +1834,13 @@
 }
 
 .chart-jump-button {
-  // 鈥樹笂涓�鏉♀�欙紝鈥樹笅涓�鏉♀�� 鎸夐挳
-  // min-height: 30px;
-  // width: 200px;
-  // float: right;
+ 
   display: flex;
   justify-content: right;
 }
 
 .line-chart {
-  // 寮傚父鎶樼嚎鍥�
+  /*  寮傚父鎶樼嚎鍥� */
   width: 920px;
   height: 300px;
   margin-bottom: 20px;
@@ -1681,6 +1852,15 @@
   left: 10px;
   bottom: 10px;
 }
+.dialog-footer{
+  display: flex;
+}
+.dialog-footer-text {
+  justify-content: flex-end;
+  margin-left: auto;
+  font-size: 14px;
+  /* color: #333333; */
+}
 
 /* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃粨鏉� */
 </style>

--
Gitblit v1.9.3