feat:工作台调整

张含笑

2025-05-14 df9ef7178a6d3b8a65cf0f606c7101d783d8b172

feat:工作台调整

 src/views/wel/components/statistics.vue

@@ -123,7 +123,7 @@
    img: titleImg2,
  },
  flow_type_list: {
    name: '机巢流量',
    name: '无人机流量',
    img: titleImg3,
  },
  monitor_list: {
@@ -146,9 +146,9 @@
  '-1': '离线中',
};
const flowStatus = {
  0: '流量无忧',
  1: '流量到期',
  2: '流量不足',
  0: '无忧',
  1: '到期',
  2: '不足',
};
const monitorStatus = {
  0: '离线中',
@@ -170,7 +170,7 @@
    1: { class: 'normal', color: '#1B94FF', background: '#1B94FF' },
  },

  机巢流量: {
  无人机流量: {
    0: { class: 'offline', color: '#11CE3E', background: '#11CE3E' },
    1: { class: 'flying', color: '#1B94FF', background: '#1B94FF' },
    2: { class: 'flying', color: '#7C8091', background: '#7C8091' },
@@ -202,8 +202,6 @@
//   }
// ]



const getStatusStyle = (name, statusIndex) => {
  const styleConfig = statusStyles[name] || statusStyles.default;
  return styleConfig[statusIndex]?.class || '';
@@ -219,7 +217,7 @@
};
const getStatusLabel = (itemName, statusCode) => {
  switch (itemName) {
    case '机巢流量':
    case '无人机流量':
      return flowStatus[statusCode] || statusSelect[statusCode];
    case '监控设备':
      return monitorStatus[statusCode] || statusSelect[statusCode];
@@ -231,33 +229,41 @@
      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('设备', res.data.data);
    // for (let key in res.data.data) {
    //  if (
    //    permission.value?.device_statistics_six &&
    //     key === 'move_list'
    //   )
    //   continue;
    //   newtitleData.value[key] = res.data.data[key];
    // }

    if (permission.value?.device_statistics_six) {
      newtitleData.value = res.data.data;
      // 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]]
      // }));
      

      return;
    }

    for (let key in res.data.data) {
      if (
        permission.value?.device_statistics_four &&
        (key === 'flow_type_list' || key === 'insure_list')
        (key === 'flow_type_list' || key === 'insure_list' )
      )
        continue;
      newtitleData.value[key] = res.data.data[key];
@@ -412,7 +418,7 @@
  }

  .grid-container1 {
    padding: 0 14px 0 21px;
    // padding: 0 14px 0 21px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);