| | |
|---|
| | | <template #footer> |
|---|
| | | <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
|---|
| | | <el-button |
|---|
| | | class="save-btn" |
|---|
| | | class="" |
|---|
| | | color="#4C34FF" |
|---|
| | | v-if="!dialogReadonly" |
|---|
| | | :loading="submitting" |
|---|
| | |
|---|
| | | import { gdWorkOrderPageApi } from '../orderManage/orderManageApi' |
|---|
| | | import { gdManageDeviceListApi } from '../orderManage/gdManageDeviceApi' |
|---|
| | | import { pxToRem } from '@/utils/rem' |
|---|
| | | import { airlineListApi } from '@/api/zkxt' |
|---|
| | | |
|---|
| | | // 初始化任务行 |
|---|
| | | const initTaskRow = () => ({ |
|---|
| | |
|---|
| | | const dialogMode = ref('add') // 弹框模式 |
|---|
| | | const submitting = ref(false) // 提交中 |
|---|
| | | const dialogReadonly = computed(() => dialogMode.value === 'view') |
|---|
| | | const titleEnum = ref({ edit: '编辑', view: '查看', add: '新增' }) |
|---|
| | | const titleEnum = ref({ edit: '新增', view: '查看', add: '新增' }) |
|---|
| | | |
|---|
| | | // 工单相关 |
|---|
| | | const workOrderList = ref([]) // 工单列表 |
|---|
| | |
|---|
| | | // 下拉选项 |
|---|
| | | const flyerListMap = ref({}) // 飞手列表，按行索引存储 |
|---|
| | | const deviceList = ref([]) // 设备列表 |
|---|
| | | const routeOptions = ref([ |
|---|
| | | { name: '航线1', id: '1' }, |
|---|
| | | { name: '航线2', id: '2' }, |
|---|
| | | { name: '航线3', id: '3' }, |
|---|
| | | ]) // 航线假数据 |
|---|
| | | const routeOptions = inject('routeOptions') |
|---|
| | | |
|---|
| | | // 子任务列表 |
|---|
| | | const taskList = ref([initTaskRow()]) |
|---|
| | |
|---|
| | | |
|---|
| | | // 获取工单列表 |
|---|
| | | async function getWorkOrderList() { |
|---|
| | | const res = await gdWorkOrderPageApi({ size: 999, workOrderStatus: '20' }) |
|---|
| | | const res = await gdWorkOrderPageApi({ size: 999, workOrderStatus: dialogMode.value ==='add' ? '20' : '' }) |
|---|
| | | workOrderList.value = res?.data?.data?.records ?? [] |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | // 获取设备列表 |
|---|
| | | async function getDeviceList() { |
|---|
| | | const res = await gdManageDeviceListApi({ |
|---|
| | | deviceIds: selectedWorkOrder.value.recommendDeviceIds, |
|---|
| | | deviceIds: selectedWorkOrder.value?.recommendDeviceIds, |
|---|
| | | }) |
|---|
| | | deviceList.value = res?.data?.data ?? [] |
|---|
| | | } |
|---|
| | |
|---|
| | | watch( |
|---|
| | | () => selectedWorkOrderId.value, |
|---|
| | | () => { |
|---|
| | | handleWorkOrderChange(selectedWorkOrderId.value) |
|---|
| | | getDeviceList() |
|---|
| | | } |
|---|
| | | ) |
|---|
| | |
|---|
| | | |
|---|
| | | // 打开弹框 |
|---|
| | | async function open({ mode = 'add', row } = {}) { |
|---|
| | | console.log(row, 'rowrow') |
|---|
| | | dialogMode.value = mode |
|---|
| | | if (mode === 'add') { |
|---|
| | | await getWorkOrderList() |
|---|
| | | if (dialogMode.value === 'add') { |
|---|
| | | selectedWorkOrderId.value = null |
|---|
| | | selectedWorkOrder.value = null |
|---|
| | | taskList.value = [initTaskRow()] |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | getWorkOrderList() |
|---|
| | | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | defineExpose({ open }) |
|---|
