feat: 根据工单范围进行过滤航线

罗广辉

2026-02-28 f82dfc25cab5b60d38c6722af5479df72bf191cc

 applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue

@@ -249,21 +249,21 @@
<script setup>
import { computed, ref, onMounted } from 'vue'
import { ElMessage } from 'element-plus'
import { fieldRules, flyVisual, getDictLabel } from '@ztzf/utils'
import { fieldRules, flyVisual, getDictLabel, geomAnalysis } from '@ztzf/utils'
import {
   gdPatrolTaskRepublish,
   gdFlyerPageApi,
   gdPatrolTaskAuditApi,
   gdPatrolTaskDetailApi,
} from './inspectionRequestApi'
import { gdWorkOrderFlowListApi, gdWorkOrderFlowPatrolListApi, gdWorkOrderPageApi } from '../orderManage/orderManageApi'
import { gdWorkOrderFlowListApi, gdWorkOrderFlowPatrolListApi, gdWorkOrderDetailApi } from '../orderManage/orderManageApi'
import { gdManageDeviceListApi } from '../orderManage/gdManageDeviceApi'
import { pxToRem } from '@/utils/rem'
import CommonCesiumMap from '@/components/map-container/common-cesium-map.vue'
import { gdTaskResultListApi } from '@/views/orderView/orderManage/clueEvents/achievementApi'
import RefuseOrderDialog1 from '@/views/orderView/orderManage/inspectionRequest/RefuseOrderDialog1.vue'
import { Check } from '@element-plus/icons-vue'
import { queryAirById } from '@/api/zkxt'
import { queryAirById, airlineListApi } from '@/api/zkxt'
import * as Cesium from 'cesium'
import { useStore } from 'vuex'

@@ -296,12 +296,14 @@
const taskStatus = computed(() => formData.value.taskStatus)
const refuseOrderDialogRef = ref(null)

// 下拉选项
const flyerList = ref([])
const deviceList = ref([])
const workOrderList = ref([])
const routeOptions = inject('routeOptions')
const getAirName = inject('getAirName')
const workOrderDetail = ref(null) // 工单详情
const routeOptions = ref([]) // 航线选项（根据工单范围获取）
const getAirName = id => {
   const item = routeOptions.value.find(item => item.id === id)
   return item ? item.name : id
}

const gdStatusObj = {
   '0': { reason: '拒绝原因', operationType: '2', title: '拒绝签收' },
@@ -371,14 +373,8 @@

// 获取工单名称
function getWorkOrderName(id) {
   const item = workOrderList.value.find(item => item.id === id)
   return item ? item.workOrderName : id
}

// 获取工单列表
async function getWorkOrderList() {
   const res = await gdWorkOrderPageApi({ size: 999 })
   workOrderList.value = res?.data?.data?.records ?? []
   if (workOrderDetail.value?.id === id) return workOrderDetail.value.workOrderName
   return id
}

// 获取飞手列表
@@ -507,10 +503,30 @@
   dialogMode.value = mode
   const res = await gdPatrolTaskDetailApi({ id: row.id })
   formData.value = { ...initForm(), ...res.data.data }
   // 获取工单详情并根据geom范围获取航线列表
   await getWorkOrderDetail(formData.value.workOrderId)
   ;['6', '7', '8'].includes(row.taskStatus) && await getTaskResultList()
   loadList()
   initMap()
   getAirDetails()
}

// 获取工单详情
async function getWorkOrderDetail(workOrderId) {
   if (!workOrderId) return
   try {
      const res = await gdWorkOrderDetailApi({ id: workOrderId })
      workOrderDetail.value = res?.data?.data ?? null
      // 根据工单geom范围获取航线列表
      const geom = workOrderDetail.value?.geom
      if (!geom) return
      const coordinates = geomAnalysis(geom)
      if (!coordinates || !coordinates.length) return
      const airRes = await airlineListApi(coordinates)
      routeOptions.value = airRes.data.data || []
   } catch (e) {
      console.error('获取工单详情或航线列表失败', e)
   }
}

// 初始化地图实例
@@ -521,7 +537,6 @@
}

onMounted(() => {
   getWorkOrderList()
   getFlyerList()
   getDeviceList()
})