feat:设备统计样式调整

张含笑

2025-05-15 ed7e34dfde7797eb983a2ac9541fbd01ac3d8c3a

 src/views/wel/components/backlog.vue

@@ -39,7 +39,6 @@

<script setup>
import st7 from '@/assets/images/workbench/st7.png';

import { getdaiban } from '@/api/home/index';
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
@@ -47,8 +46,9 @@
const router = useRouter();
const store = useStore();
const permission = computed(() => store.getters.permission);
const userInfo = computed(() => store.getters.userInfo)
const todos = ref([]);

const loading = ref(false);
const statusMap = {
  0: '待处理',
  2: '待审核',
@@ -95,34 +95,54 @@
  }
};
const getListMatter = async () => {
  console.log('permission.value.o_and_m_p_jump', permission.value.o_and_m_p_jump);

  if (permission.value.o_and_m_p_jump === true) {
    const res = await getdaiban(0);
    todos.value = res.data.data?.slice(0, 5);
  } else {
    const res = await getdaiban(1);
    todos.value = res.data.data?.slice(0, 5);
  loading.value = true;
  try {
    if (permission.value.o_and_m_p_jump === true) {
      const res = await getdaiban(0, userInfo.value.detail.areaCode);
      todos.value = res.data.data?.slice(0, 5) || [];
      loading.value = false;
    } else {
      const res = await getdaiban(1, userInfo.value.detail.areaCode);
      todos.value = res.data.data?.slice(0, 5) || [];
      loading.value = false;
    }
  } catch (error) {}
};
const isDataReady = computed(() => {
  return userInfo.value.detail?.areaCode && permission.value.o_and_m_p_jump;
});
const autoFetchData = () => {
  if (isDataReady.value) {
    getListMatter();
  }
};
watch(
  () => [userInfo.value.detail?.areaCode, permission.value.o_and_m_p_jump],
  () => autoFetchData(),
  { immediate: true }
);

const jumporder = val => {
  if (permission.value.o_and_m_p_jump === true) {
    const id = val.id;
    router.push({
      path: `/tickets/orderLog?id=${id}`,
      path: `/tickets/orderLog`,
      query: {
        id: id,
        id
      },
    });
  } else {
    const orderNumber = val.event_num;
    router.push({
      path: `/tickets/ticket?orderNumber=${orderNumber}`,
      path: `/tickets/ticket`,
       query: {
        orderNumber,
      },
    });
  }
};
onMounted(() => {
  getListMatter();
  autoFetchData();
});
</script>