src/sfc/ExceptionType.vue
@@ -1,4 +1,3 @@
<!-- 异常类型复选框组件  
    自动获取扬尘历史表中不同异常类型
    将选中的多个异常以数组形式返回给父组件 
@@ -10,6 +9,18 @@
<script>
  export default {
  props: {
    // 禁用
    isDisabled: {
      type: Boolean,
      default: false
    },
    // 异常类型
    exception: {
      type: Number,
      default:-1
    }
  },
    emits:['submitValue'],
    data() {
      return{
@@ -19,23 +30,31 @@
        checkedList: [],
        // 全选
        checkAll:false,
        isIndeterminate:false,
      isIndeterminate: false
      }
    },
    mounted() {
    this.$watch(() => [this.exception], () => {
      if (this.exception != -1) {
        console.log('异常类型:',this.exception)
        this.checkedList.push(this.exception)
      }
    });
        this.getExceptionType()
    },
    methods: {
        // 获取不同的异常名称
        getExceptionType(){
            this.$http.get('/dust/exceptiontype').then(response=>{
      this.$http.get('/dust/exceptiontype').then((response) => {
                // this.exceptionType = response.data.data
                response.data.data.forEach(item => {
        response.data.data.forEach((item) => {
                    this.exceptionType.push(item.exceptionType)
                });
        })
                // console.log('获取到的异常类型:',this.exceptionType);
                let a = ['0','1','2','3','4','5','6','7']
                a.forEach(item=>{
        let a = ['0', '1', '2', '3', '4', '5', '6', '7','8']
        a.forEach((item) => {
                  if(this.exceptionType.indexOf(item) == -1){
                    this.exceptionType.push(item)
                  }
@@ -65,20 +84,22 @@
    :indeterminate="isIndeterminate"
    @change="handleCheckAllChange"
    class="select-text"
     :disabled="isDisabled"
    >全选</el-checkbox
  >
    <el-checkbox-group  v-model="checkedList"  @change="handleCheckedExceptionChange">
    <el-checkbox-group v-model="checkedList" @change="handleCheckedExceptionChange" :disabled="isDisabled">
    <el-checkbox :label="item"  v-for="item in exceptionType" :key="item">
      <template #default>
        <!-- <div style="display: flex; flex-flow: row wrap;">  -->
        <span v-if="item == '0'">断电或断网</span>
          <span v-if="item == '0'">数据缺失</span>
        <span v-else-if="item == '1'">数据超低</span>
        <span v-else-if="item == '2'">超标</span>
        <span v-else-if="item == '3'">数据长时段无波动</span>
        <span v-else-if="item == '4'">量级突变异常</span>
        <span v-else-if="item == '5'">临近超标异常</span>
        <span v-else-if="item == '6'">单日超标次数临界异常</span>
        <span v-else-if="item == '7'">滑动平均值突变</span>
          <span v-else-if="item == '7'">变化趋势异常</span>
          <span v-else-if="item == '8'">有效率异常</span>
      <!-- </div> -->
      </template>
    </el-checkbox>