异常页面表格列的颜色

zmc

2023-08-15 9bfdf6ecef01397978c140aa4fbd8c4840d894fb

 src/views/IndexView.vue

@@ -70,17 +70,9 @@
        checkedShops: []
      }

      // chartInstance: []
      // // 内部设备
      // devices: []
    };
  },
  watch: {
    // 'outside.checkedShops'(){
    //   this.saveOutsideData()
    //     console.log('111');
    // }
  },

  methods: {
    //获取所有店铺名字
    getDeviceInfo() {
@@ -461,7 +453,7 @@
        :key="device.mvStatCode"
      >
        <!-- 内部设备 -->
        <el-card v-if="index < inner.inFumeValue.length" height="1900px">
        <el-card v-if="index < inner.inFumeValue.length"  class="card-font-color" height="1900px">
          <template #header>
            <div class="card-header">{{ device.siteName }} 
              <img src="@/assets/inner_device.jpg" class="icon-inner"/>
@@ -470,8 +462,9 @@
          </template>
          <div class="report-time-text">数据发布时间：{{ device.time }}</div>
          <DashBoard :data="device.value"></DashBoard>

          <div >设备编号：{{ device.mnCode }}</div>
          <!-- <hr class="divider-margin" /> -->

          <div class="horizontal-line"></div>
          
          <div class="status" :class="{ exceed: device.value > 1 }">
@@ -482,7 +475,7 @@
          <br />
        </el-card>
        <!-- 外部设备 -->
        <el-card v-else>
        <el-card v-else class="card-font-color">
          <template #header>
            <div class="card-header">
              {{ device.diName }}
@@ -501,11 +494,11 @@
          </span>
         </div>
         <div class="horizontal-line"></div>
          <!-- <hr class="divider-margin" /> -->

          <div>设备编号：{{ device.mvStatCode }}</div>

          <div class="horizontal-line"></div>
          <!-- <hr class="divider-margin" /> -->

          <div>设备供应商：{{ device.diSupplier }}</div>
          <div
            class="status"
@@ -598,6 +591,11 @@
  color: #999999;
}

.card-font-color {
  color: #000000;
}





@@ -641,10 +639,7 @@
  width: calc(100% / 6);
  // margin-left: 70px;
}
// .input-search {
//   display: flex;
//   justify-content: left;
// }

.save-switch {
  margin-top: 20px;
  margin-left: 20px;