riku
2023-12-21 c24a5a2a99515b365ebc343b04538bb862790de1
src/views/exception/components/AnalysisCard.vue
@@ -2,7 +2,7 @@
<script>
import DustExceptionText from './DustExceptionText.vue'
import NoDataStatus from './NoDataStatus.vue'
import dayjs from 'dayjs'
export default {
  props: {
    // 异常的站点名称
@@ -33,7 +33,7 @@
      default: '异常'
    },
    // 图标地址
    iconsrc: {
    icon: {
      type: String,
      default: '111'
    },
@@ -57,11 +57,12 @@
      type:Number,
      default:100
    },
    // 是否是无数据
    // 是否无数据
    isNoDataStatus:{
        type:Boolean,
        default:false
    }
  },
  emits:['getAbnormalDataByClick'],
  components: {
@@ -69,13 +70,29 @@
    NoDataStatus
  },
  data() {
    return {}
    return {
      // 审核辅助按钮显示
      // auditButton:false,
    }
  },
  computed: {
    auditButton_1() {
      let today = dayjs().subtract(1,'day').format('YYYY-MM-DD 00:00:00')
        if(this.beginTime >= today && this.isNoDataStatus == false) {
          return  true
      }
      return false
    }
  },
  mounted() {},
  methods: {
    getAbnormalDataByClick(val) {
    this.$emit('getAbnormalDataByClick',val)
    },
    openDetail() {
      this.$router.push(`/AuditDetail/${this.beginTime}/${this.endTime}/${this.exceptionType}`)
    }
  }
}
</script>
@@ -84,9 +101,10 @@
  <el-card>
    <template #header>
    <div class="icon-text">
      <!-- <img :src="iconsrc"  height="24" width="24"> -->
      <slot/>
      <!-- <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>
    </div>
      <div class="exception-num">
@@ -125,6 +143,10 @@
.icon-text {
    display:flex;
    margin-bottom:10px;
}
.audit-button {
  margin-left:auto;
}
.exception-name {
    font-size:18px;