zmc
2023-11-14 045e502fa06255c7ebe1ad6bb4ff503825006cbe
src/views/exception/FlightInspection.vue
@@ -18,7 +18,7 @@
    DustLineChart,
    ButtonClick,
    AreaAndmonitorType,
    AnalysisCard,
    AnalysisCard
  },
  data() {
    return {
@@ -55,7 +55,7 @@
        exception4:true,
        exception5:true,
        exception6:true,
        exception7:true,
        exception7: true
      },
      // eslint-disable-next-line no-undef
      // 对话框显示
@@ -131,8 +131,7 @@
        banTouch: 0,
        // 0代表分页,1代表不分页
        originClick: 0
      },
      }
    }
  },
  setup() {
@@ -202,7 +201,8 @@
  },
  computed: {
    exceptionAllNum() {
      let sum = this.exception.exception0Num +
      let sum =
        this.exception.exception0Num +
        this.exception.exception1Num +
        this.exception.exception2Num +
        this.exception.exception3Num +
@@ -217,7 +217,8 @@
      }
    },
    long_time_notchange(){
      let sum = this.exception.exception0Num +
      let sum =
        this.exception.exception0Num +
        this.exception.exception1Num +
        this.exception.exception2Num +
        this.exception.exception3Num +
@@ -230,27 +231,13 @@
      }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)
      }
    },
@@ -332,7 +319,7 @@
          siteNum:this.exception.exception3.length,
          exceptionNum:this.exception.exception3Num,
          isNoDataStatus:this.isNoData.exception3
        },
        }
      ]
      }
  },
@@ -1166,7 +1153,6 @@
          this.isNoData.exception7=false
        })
      /* 异常异常数量 */
      this.$http
        .get('/dust/exceptionnum', {
@@ -1178,7 +1164,6 @@
        })
        .then((result) => {
          this.exception.exception0Num = result.data.data
        })
      this.$http
        .get('/dust/exceptionnum', {
@@ -1259,9 +1244,6 @@
        .then((result) => {
          this.exception.exception7Num = result.data.data
        })
    },
    /**
@@ -1362,7 +1344,6 @@
        this.total = response.data.data.total
        // 移除空数据状态
      })
    },
    /**
@@ -1393,7 +1374,6 @@
        }
        this.isTableShow = true
        this.total = response.data.data.total
      })
    },
@@ -1468,10 +1448,7 @@
          </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>
@@ -1482,12 +1459,10 @@
              :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>
@@ -1509,52 +1484,145 @@
        <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>
@@ -1571,7 +1639,6 @@
  <!-- 表格 -->
  <el-row v-show="isTableShow">
    <el-col>
      <el-table
        ref="table"
        :data="displayData"
@@ -1595,7 +1662,13 @@
        <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 />
        
@@ -1637,8 +1710,12 @@
      <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>
@@ -1689,7 +1766,6 @@
            >下条异常</el-button
          >
        </div>
      </div>
    </template>
@@ -1748,7 +1824,6 @@
</template>
<style lang="scss" scoped>
.el-row {
  margin-left: 10px;
}
@@ -1761,7 +1836,6 @@
  margin-right: 5px;
}
.head-container-search {
  float: right;
}
@@ -1778,7 +1852,6 @@
/* 条件查询模块结束 */
/* 异常分析模块的样式 */
.card-text1 {
  /* 黑体的异常名字部分 */
@@ -1849,8 +1922,6 @@
  font-size: 1.2em;
}
/* 隐藏表格按钮组样式结束 */
/* 表格模块的样式 */
.el-table {