无人机管理后台前端(已迁走)
shuishen
2025-05-19 2dfc8dc4bcd3d3cd4aed1b6054e073e140eba9c8
src/views/wel/components/backlog.vue
@@ -3,7 +3,7 @@
    <div class="block">
      <div class="title">待办事项</div>
      <div class="todo-items">
      <div class="todo-items" v-if="todos.length>0">
        <div
          v-for="(item, index) in todos"
          :key="index"
@@ -33,6 +33,13 @@
          </div>
        </div>
      </div>
      <div v-else>
        <el-empty >
            <template #description>
               <span class="custom-text">暂无数据</span>
            </template>
         </el-empty>
      </div>
    </div>
  </div>
</template>
@@ -46,7 +53,7 @@
const router = useRouter();
const store = useStore();
const permission = computed(() => store.getters.permission);
const userInfo = computed(() => store.getters.userInfo)
const userInfo = computed(() => store.getters.userInfo);
const todos = ref([]);
const loading = ref(false);
const statusMap = {
@@ -94,19 +101,6 @@
    return statusMapColor[statusIndex]?.color || '#999';
  }
};
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 getListMatter = async () => {
  loading.value = true;
  try {
@@ -121,20 +115,34 @@
    }
  } 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`,
      query: {
        id
        id,
      },
    });
  } else {
    const orderNumber = val.event_num;
    router.push({
      path: `/tickets/ticket`,
       query: {
      query: {
        orderNumber,
      },
    });
@@ -156,6 +164,7 @@
  .block {
    margin: 11px 21px 13px 22px;
    .title {
      font-family: 'Source Han Sans CN';
      font-weight: bold;
      font-size: 16px;
      color: #363636;
@@ -255,5 +264,9 @@
      }
    }
  }
  .custom-text {
  font-size: 14px;
color: #7C8091;
  }
}
</style>