| | |
|---|
| | | clearable |
|---|
| | | filterable |
|---|
| | | :disabled="dialogMode !== 'add'" |
|---|
| | | @change="handleWorkOrderChange" |
|---|
| | | > |
|---|
| | | <el-option v-for="item in workOrderList" :key="item.id" :label="item.workOrderName" :value="item.id" /> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 子任务表格表单 --> |
|---|
| | | <div class="task-table-section" v-if="selectedWorkOrderId"> |
|---|
| | | <div |
|---|
| | | class="task-table-section" |
|---|
| | | :class="{ 'disabled-section': !selectedWorkOrderId }" |
|---|
| | | @click="handleTaskSectionClick" |
|---|
| | | > |
|---|
| | | <div class="detail-title" :style="{ marginTop: pxToRem(10) }">添加子任务</div> |
|---|
| | | <div class="task-table-container"> |
|---|
| | | <el-table :data="taskList"> |
|---|
| | |
|---|
| | | 任务执行时间 |
|---|
| | | </template> |
|---|
| | | <template v-slot="{ row }"> |
|---|
| | | <!-- gd-date-picker-popper--> |
|---|
| | | <!-- gd-date-picker-popper--> |
|---|
| | | <el-date-picker |
|---|
| | | class="gd-date-picker" |
|---|
| | | popper-class="" |
|---|
| | |
|---|
| | | import { computed, ref, onMounted } from 'vue' |
|---|
| | | import { ElMessage } from 'element-plus' |
|---|
| | | import { Plus, Delete } from '@element-plus/icons-vue' |
|---|
| | | import { getDictLabel } from '@ztzf/utils' |
|---|
| | | import { geomAnalysis, getDictLabel } from '@ztzf/utils' |
|---|
| | | import { gdPatrolTaskSaveApi, gdFlyerPageApi, gdPatrolTaskAuditApi } from './inspectionRequestApi' |
|---|
| | | import { gdWorkOrderPageApi } from '../orderManage/orderManageApi' |
|---|
| | | import { gdManageDeviceListApi } from '../orderManage/gdManageDeviceApi' |
|---|
| | |
|---|
| | | const routeOptions = inject('routeOptions') |
|---|
| | | |
|---|
| | | // 子任务列表 |
|---|
| | | const taskList = ref([initTaskRow(), initTaskRow(), initTaskRow(), initTaskRow(), initTaskRow()]) |
|---|
| | | const taskList = ref([initTaskRow()]) |
|---|
| | | |
|---|
| | | // 处理工单选择变化 |
|---|
| | | function handleWorkOrderChange(val) { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 处理任务区域点击事件（未选择工单时提示） |
|---|
| | | function handleTaskSectionClick() { |
|---|
| | | if (!selectedWorkOrderId.value) { |
|---|
| | | ElMessage.warning('请先选择工单') |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 获取工单列表 |
|---|
| | | async function getWorkOrderList() { |
|---|
| | | const res = await gdWorkOrderPageApi({ size: 999, workOrderStatus: dialogMode.value === 'add' ? '20' : '' }) |
|---|
| | |
|---|
| | | await getFlyerList(index, skilledTaskType) |
|---|
| | | } |
|---|
| | | |
|---|
| | | import * as turf from '@turf/turf' |
|---|
| | | |
|---|
| | | function getPolygonCenter(rawData) { |
|---|
| | | const coordinates = [rawData.map(p => [p.longitude, p.latitude])]; |
|---|
| | | const polygon = turf.polygon(coordinates); |
|---|
| | | const center = turf.centroid(polygon); |
|---|
| | | const [centerLon, centerLat] = center.geometry.coordinates; |
|---|
| | | return {longitude: centerLon, latitude: centerLat}; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | // 获取飞手列表 |
|---|
| | | async function getFlyerList(index, skilledTaskType) { |
|---|
| | | const obj = getPolygonCenter(geomAnalysis(selectedWorkOrder.value.geom)) |
|---|
| | | const res = await gdFlyerPageApi({ |
|---|
| | | size: 999, |
|---|
| | | current: 1, |
|---|
| | | skilledTaskType, |
|---|
| | | longitude: obj.longitude || '', |
|---|
| | | latitude: obj.latitude || '', |
|---|
| | | }) |
|---|
| | | flyerListMap.value[index] = res?.data?.data?.records ?? [] |
|---|
| | | } |
|---|
| | |
|---|
| | | color: #f56c6c; |
|---|
| | | margin-right: 4px; |
|---|
| | | } |
|---|
| | | :deep(.el-table__header th) { |
|---|
| | | font-weight: normal !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .grayText { |
|---|
| | | color: #9f9f9f !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 禁用区域样式 - 使用 pointer-events: none 禁用所有子元素的点击 |
|---|
| | | .disabled-section { |
|---|
| | | .task-table-container { |
|---|
| | | * { |
|---|
| | | pointer-events: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | opacity: 0.6; |
|---|
| | | cursor: not-allowed; |
|---|
| | | } |
|---|
| | | </style> |
|---|
