feat:设备管理适配

张含笑

2025-05-29 13da4a9bf56510fce17be319d80b7fe401069197

feat:设备管理适配

 src/views/wel/components/backlog.vue

@@ -13,7 +13,7 @@
          >
            <div>
              {{ item.name }}
              <div class="dots">{{ item.number >=100 ?'99+' : item.number}}</div>
              <div class="dots">{{ item.number >= 100 ? '99+' : item.number }}</div>
            </div>
          </div>
        </div>
@@ -37,7 +37,7 @@
              <span class="status-tag" :style="{ color: getStatusColor(item.status) }">{{
                checked == '智飞工单' ? zfstatusMap[item.status] : statusMap[item.status]
              }}</span>
              <span class="reads" :class="item.is_read === 0 ? 'unread' :''"></span>
              <span class="reads" :class="item.is_read === 0 ? 'unread' : ''"></span>
              <span class="todo-text">{{ item.name }}</span>
            </div>

@@ -66,12 +66,7 @@
import db3 from '@/assets/images/workbench/db3.png';
import db4 from '@/assets/images/workbench/db4.png';
import db5 from '@/assets/images/workbench/db5.png';
import {

  getOrderCountApi,
  addOrderRecordApi,
  getOrderOrEventApi,
} from '@/api/home/index';
import { getOrderCountApi, addOrderRecordApi, getOrderOrEventApi } from '@/api/home/index';
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';
@@ -166,7 +161,7 @@
const jumporder = val => {
  if (checked.value === '智飞工单') {
    const id = val.id;
    getaddOrderRecord(id)
    getaddOrderRecord(id);
    router.push({
      path: `/tickets/orderLog`,
      query: {
@@ -174,8 +169,7 @@
      },
    });
  } else {

   getaddOrderRecord(val.id)
    getaddOrderRecord(val.id);
    const orderNumber = val.event_num;
    router.push({
      path: `/tickets/ticket`,
@@ -186,30 +180,27 @@
  }
};
// 标记事件工单或智飞工单已读
const getaddOrderRecord = async (id) => {
const ticketId = id
const getaddOrderRecord = async id => {
  const ticketId = id;
  if (checked.value === '事件工单') {
    loading.value = true;
    const type = 1;
    const res = await addOrderRecordApi(type,ticketId);  
    const res = await addOrderRecordApi(type, ticketId);
  } else if (checked.value === '智飞工单') {
    loading.value = true;
    const type = 2;
    const res = await addOrderRecordApi(type,ticketId);
    const res = await addOrderRecordApi(type, ticketId);
  }
};
// 获取事件工单和智飞工单的数量
const getOrderCount = async () => {
  const res = await getOrderCountApi(userInfo.value.detail.areaCode);
  const data = res.data.data
  const data = res.data.data;
  titleList.value.forEach(item => {

  if(data[item.label] !== undefined){
    item.number = data[item.label]
  }
   
    if (data[item.label] !== undefined) {
      item.number = data[item.label];
    }
  });

};
// 获取事件工单或者智飞工单的信息
const getListMatter = async () => {
@@ -227,9 +218,6 @@
    loading.value = false;
  }
};




onMounted(() => {
  getListMatter();
@@ -354,10 +342,10 @@
          border-radius: 50%;
          margin: 0 4px;
        }
        .reads{
         width: 5px;
        .reads {
          width: 5px;
          height: 5px;
          background: transparent ;
          background: transparent;
          border-radius: 50%;
          margin: 0 4px;
        }
@@ -367,9 +355,10 @@
        display: flex;
        align-items: center;
        margin-right: 42px;
img{
width: 15px;
height: 15px;}
        img {
          width: 15px;
          height: 15px;
        }
        .todo-date {
          font-weight: 400;
          font-size: 14px;