对飞行巡检和审核辅助对话框逻辑写成组件

zmc

2023-12-08 9c1d136e4f5ed9b5bce100147edbb52486da985a

 src/views/exception/components/AnalysisCard.vue

@@ -62,7 +62,6 @@
        type:Boolean,
        default:false
    }

  },
  emits:['getAbnormalDataByClick'],
  components: {
@@ -70,10 +69,7 @@
    NoDataStatus
  },
  data() {
    return {
      // 审核辅助按钮显示
      // auditButton:false,
    }
    return {}
  },

  computed: {
@@ -104,16 +100,27 @@
      <!-- <slot/> -->
      <img :src="icon" height="24" width="24" />
      <div class="exception-name">{{ exceptionName }}</div>
      <el-button type="danger" size="small" class="audit-button" v-show="auditButton_1" @click="openDetail">审核</el-button>
        <el-button
          type="danger"
          size="small"
          class="audit-button"
          v-show="auditButton_1"
          @click="openDetail"
          >审核</el-button
        >
    </div>

      <div class="exception-num">
        <div><span class="exception-num-text">异常站点占比</span>  <span>{{ siteNum }}/{{ siteNumAll }}</span>
            <span>
       ({{ ((siteNum/siteNumAll) * 100).toFixed(1) }}%)</span>
        <div>
          <span class="exception-num-text">异常站点占比</span>
          <span>{{ siteNum }}/{{ siteNumAll }}</span>
          <span> ({{ ((siteNum / siteNumAll) * 100).toFixed(1) }}%)</span>
        </div>

        <div><span class="exception-num-text">异常数占比</span> <span>{{ ((exceptionNum / exceptionAllNum) * 100).toFixed(1) }}%</span></div>
        <div>
          <span class="exception-num-text">异常数占比</span>
          <span>{{ ((exceptionNum / exceptionAllNum) * 100).toFixed(1) }}%</span>
        </div>
      </div>
    </template>

@@ -121,7 +128,7 @@
    <el-scrollbar max-height="190px">
      <DustExceptionText
        :site-name="item.name"
        :exception-type=exceptionType
          :exception-type="exceptionType"
        :begin-time="beginTime"
        :end-time="endTime"
        @submit-exception-data="getAbnormalDataByClick"
@@ -143,7 +150,6 @@
.icon-text {
    display:flex;
    margin-bottom:10px;
    
}
.audit-button {
  margin-left:auto;
@@ -161,6 +167,6 @@
color:#666666;
}
.exception-num-text {
    margin-right: 4px
  margin-right: 4px;
}
</style>