无人机管理后台前端(已迁走)
chenyao
2025-06-09 6264e7823df52fdf738ff6aaad8e8731e7997363
src/views/wel/components/backlog.vue
@@ -28,9 +28,8 @@
          @click="jumporder(item)"
        >
          <div
            class="status-indicator"
            :style="{ backgroundImage: getStatusBackground(item.status) }"
          ></div>
            class="status-indicator"
          ><img :src="getStatus(item.status)" alt=""></div>
          <div class="content-wrapper">
            <div class="main-content">
@@ -60,12 +59,12 @@
</template>
<script setup>
import st7 from '@/assets/images/workbench/st7.png';
import db1 from '@/assets/images/workbench/db1.png';
import db2 from '@/assets/images/workbench/db2.png';
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 st7 from '@/assets/images/workbench/st7.svg';
import db1 from '@/assets/images/workbench/db1.svg';
import db2 from '@/assets/images/workbench/db2.svg';
import db3 from '@/assets/images/workbench/db3.svg';
import db4 from '@/assets/images/workbench/db4.svg';
import db5 from '@/assets/images/workbench/db5.svg';
import { getOrderCountApi, addOrderRecordApi, getOrderOrEventApi } from '@/api/home/index';
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
@@ -119,13 +118,22 @@
  3: { color: '#FF472F', backgroundImage: db2, borderLeftColor: '#FF472F' },
};
// 根据状态获取图标
const getStatusBackground = statusIndex => {
// const getStatusBackground = statusIndex => {
//   if (checked.value === '智飞工单') {
//     const style = zfstatusMapColor[statusIndex];
//     return style ? `url(${style.backgroundImage})` : 'none';
//   } else {
//     const style = statusMapColor[statusIndex];
//     return style ? `url(${style.backgroundImage})` : 'none';
//   }
// };
const getStatus = statusIndex => {
  if (checked.value === '智飞工单') {
    const style = zfstatusMapColor[statusIndex];
    return style ? `url(${style.backgroundImage})` : 'none';
    return style ? style.backgroundImage : '';
  } else {
    const style = statusMapColor[statusIndex];
    return style ? `url(${style.backgroundImage})` : 'none';
    return style ? style.backgroundImage : '';
  }
};
const getStatusStyle = statusIndex => {
@@ -305,9 +313,13 @@
        margin-left: 3px;
        width: 1.6rem;
        height: 1.6rem;
         background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
        img{
        width: 100%;
        height: 100%;
        }
    //      background-position: center;
    // background-repeat: no-repeat;
    // background-size: contain;
      }
      .content-wrapper {