油烟 更新了实时监控页面

zmc

2023-10-12 f3acb8ce787f3df0eda633031473be4e6a9ff448

 src/views/IndexView.vue

@@ -240,10 +240,7 @@
          .get('/fume/lastest', { params: params })
          .then((result) => {
            this.outside.realTimeData = result.data.data;
            console.log('66', this.outside.realTimeData);
            // console.log('长度为：',this.outside.realTimeData.length);
            // 渲染折线图
            // this.updateCharts();
     
          });
      }

@@ -258,7 +255,6 @@
            this.inner.inFumeValue.push(item);
          }
        });
        console.log(this.inner.inFumeValue);
      }

      // 合并
@@ -268,10 +264,8 @@
          ...this.inner.inFumeValue,
          ...this.outside.realTimeData
        ];
        console.log('总选数据', this.totalData);
        console.log('长度为：', this.totalData.length);
   
      }, 200);
      console.log('调用了');
    },

    // 点击按钮触发
@@ -427,12 +421,7 @@

            <!-- </el-form-item> -->
          </el-form>
        </el-card>
      </el-collapse-item>
    </el-collapse>
  </div>

  <div>
          <div>
    <el-tooltip
      class="box-item"
      effect="dark"
@@ -452,6 +441,13 @@
    </el-switch>
  </div>

        </el-card>
      </el-collapse-item>
    </el-collapse>
  </div>



  <div>
    <el-row :gutter="20">
      <el-col
@@ -465,26 +461,35 @@
            <div class="card-header">{{ device.siteName }} 
              <img src="@/assets/inner_device.jpg" class="icon-inner"/>
            </div>
           
          </template>
          <div class="report-time-text">数据发布时间：{{ device.time }}</div>
          <DashBoard :data="device.value"></DashBoard>

          <div class="imag-container">
            <img src="@/assets/wind.jpg" class="image"/>
          <span class="chart-below-text"> 风机电流(A)：0 </span>
         
          <span class="chart-below-text2">
            <img src="@/assets/purifier.jpg" class="image"/>
            净化器电流(A)：0
          </span>
         </div>
         <div class="horizontal-line"></div>
          <div >设备编号：{{ device.mnCode }}</div>

          <div class="horizontal-line"></div>
          
          <div class="status" :class="{ exceed: device.value > 1 }">
            {{ device.value >= 1 ? '超标' : '' }}
          </div>
          <br />
          <br />
          <br />
 
        </el-card>


        <!-- 外部设备 -->
        <el-card v-else class="card-font-color">
          <template #header>
            <div class="card-header">
            <div class="card-header out-device">
              {{ device.diName }}
            </div>
          </template>
@@ -669,4 +674,7 @@
  height: 1px;
  background-color: rgb(221, 217, 217);
}
.out-device {
  margin-top:34px;
}
</style>