| | |
| | | <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' |
| | | |
| | |
| | | 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: '拒绝签收' }, |
| | |
| | | |
| | | // 获取工单名称 |
| | | 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 |
| | | } |
| | | |
| | | // 获取飞手列表 |
| | |
| | | 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) |
| | | } |
| | | } |
| | | |
| | | // 初始化地图实例 |
| | |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getWorkOrderList() |
| | | getFlyerList() |
| | | getDeviceList() |
| | | }) |