feat:添加监听数据

张含笑

2025-05-15 db44e2c59793de649fdbc4b2c2833be47aed7a67

feat:添加监听数据

 src/views/wel/components/statistics.vue

@@ -9,7 +9,7 @@
        <img src="/src/assets/images/workbench/st2.png" alt="" />
      </div>
    </div>
   

    <div class="grid-container">
      <div v-for="(item, index) in Object.keys(newtitleData)" :key="index" class="device-card">
        <div class="device-title">
@@ -245,36 +245,23 @@
      return statusSelect[statusCode] || `未知状态(${statusCode})`;
  }
};
// const px = {
// '4':0,
//   '0':1,
//   '-1':2
// }
// const status_map = newtitleData.value.plant_list.status_map
// newtitleData.value.plant_list.status_map = Object.entries(status_map).sort((a,b) => {
//   return px[a[0]] - px[b[0]]
// })
// console.log(Object.entries(status_map).sort((a,b) => {
//   return px[a[0]] - px[b[0]]
// }));

const getStaticsList = () => {
  getStatics(userInfo.value.detail.areaCode).then(res => {
    // console.log('permission.value', permission.value);
    console.log('permission.value', permission.value);
    // console.log('设备', res.data.data);
    if (permission.value?.device_statistics_six) {
      const { move_list,monitor_list, ...filteredData } = res.data.data;
      const { move_list, monitor_list, ...filteredData } = res.data.data;
      newtitleData.value = filteredData;

      return;
    }

    for (let key in res.data.data) {
      if (
        permission.value?.device_statistics_four &&
        (key === 'flow_type_list' || key === 'insure_list')
      )
        continue;
      newtitleData.value[key] = res.data.data[key];
      if (permission.value?.device_statistics_four) {
        const { flow_type_list, insure_list, ...filteredData } = res.data.data;
        newtitleData.value = filteredData;
        return;
      }
    }
  });
};
@@ -285,7 +272,15 @@
  monitor: '个',
  mobile: '个',
};

watch(
  () => [
    userInfo.value.detail?.areaCode,
    permission.value.device_statistics_six,
    permission.value?.device_statistics_four,
  ],
  () => getStaticsList(),
  { immediate: true }
);
onMounted(() => {
  getStaticsList();
});
@@ -331,7 +326,7 @@
    // display: grid;
    // grid-template-columns: repeat(4, 1fr);
    display: flex;
   justify-content: space-around;
    justify-content: space-around;
    .device-card {
      display: flex;
      align-items: center;