吉安感知网项目-前端
张含笑
2026-01-22 c3d1e454e6f6de261fe362a9fbccc14c5df7d9cd
applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
@@ -9,7 +9,7 @@
      :close-on-click-modal="false"
   >
      <div class="content" style="display: flex">
         <div class="processBox" v-if="dialogMode !== 'add'">
         <div class="processBox" v-if="dialogMode !== 'add' && processList.length">
            <el-steps direction="vertical" :active="processList.length">
               <el-step v-for="item in processList" :title="item.flowName" :description="item.flowDesc" />
            </el-steps>
@@ -72,7 +72,6 @@
                     </el-table-column>
                  </el-table>
               </template>
            </div>
            <el-form
               class="gd-dialog-form"
@@ -129,6 +128,7 @@
                           v-model="formData.deviceLoadDemand"
                           placeholder="请选择"
                           clearable
                           @change="loadDemandChange"
                        >
                           <el-option
                              v-for="item in dictObj.deviceLoadDemand"
@@ -161,12 +161,20 @@
         </div>
         <div class="rightBox" v-if="!dialogReadonly">
            <div class="detail-title">推荐设备</div>
            <el-table ref="deviceTableRef" :data="deviceList" row-key="id" @selection-change="handleDeviceSelectionChange">
               <el-table-column type="selection" width="55" :reserve-selection="true" />
               <el-table-column prop="nickname" label="设备名称" />
               <el-table-column prop="deviceName" label="设备型号" />
               <el-table-column prop="devicePayload" label="设备负载" />
            </el-table>
            <template v-if="formData.deviceLoadDemand && pointList.length">
               <el-table
                  ref="deviceTableRef"
                  :data="deviceList"
                  row-key="id"
                  @selection-change="handleDeviceSelectionChange"
               >
                  <el-table-column type="selection" width="55" :reserve-selection="true" />
                  <el-table-column prop="nickname" label="设备名称" />
                  <el-table-column prop="deviceName" label="设备型号" />
                  <el-table-column prop="devicePayload" label="设备负载" />
               </el-table>
            </template>
            <div v-else>请先选择设备需求并绘制范围</div>
         </div>
      </div>
@@ -194,14 +202,14 @@
               >
                  发布
               </el-button>
               <el-button color="#F2F3F5" v-if="gdStatus === '11'">拒单原因</el-button>
               <el-button color="#F2F3F5" v-if="gdStatus === '11'" @click="addDescription(2, 'view')">拒单原因</el-button>
               <el-button color="#F2F3F5" @click="statusChange(3)" v-if="gdStatus === '20'">申请取消</el-button>
               <el-button color="#4C34FF" @click="requestModification" v-if="gdStatus === '20'" class="save-btn">
                  申请修改
               </el-button>
            </template>
            <template v-else>
               <el-button color="#F2F3F5" v-if="gdStatus === '10'" @click="rejectOrders">拒绝接单</el-button>
               <el-button color="#F2F3F5" v-if="gdStatus === '10'" @click="addDescription(2)">拒绝接单</el-button>
               <el-button color="#4C34FF" v-if="gdStatus === '10'" @click="statusChange(1)" class="save-btn">接单</el-button>
               <el-button color="#F2F3F5" v-if="gdStatus === '22'" @click="statusChange(7)">同意修改</el-button>
               <el-button color="#4C34FF" v-if="gdStatus === '22'" @click="statusChange(8)" class="save-btn">
@@ -211,6 +219,7 @@
               <el-button color="#4C34FF" v-if="gdStatus === '21'" @click="statusChange(6)" class="save-btn">
                  不同意取消
               </el-button>
               <el-button color="#F2F3F5" v-if="gdStatus === '30'" @click="addDescription(9)">协商修改</el-button>
            </template>
         </template>
      </template>
@@ -275,9 +284,13 @@
const refuseOrderDialogRef = ref(null)
let viewer
let drawPolygonExample
let pointList = []
let pointList = ref([])
const requester = inject('requester')
const editStatus = inject('editStatus')
const suddenlyEdit = ref(false)
const processList = ref([])
let viewPlane
const hasPatrolTaskList = computed(() => ['30', '40', '50', '60'].includes(String(formData.value.workOrderStatus)))
// 工单状态:0草稿、10发布中_接单中、11发布中_拒绝接单、20响应中_待拆分、21响应中_申请取消、22响应中_申请修改、23响应中_已取消、
// 24响应中_拒绝取消、25响应中_拒绝修改 30执行中_待全部完成、31执行中_协商修改、40完成待验_待全部验收、50验收通过_待结算、60结算完成_已结算
@@ -289,7 +302,7 @@
   executeStartTime: fieldRules(true),
   deviceLoadDemand: fieldRules(true),
}
// 操作类型:1接单,2拒接接单,3申请取消,4申请修改, 5同意取消 6不同意取消 7.同意修改 7.不同意修改
// 操作类型:1接单,2拒接接单,3申请取消,4申请修改, 5同意取消 6不同意取消 7.同意修改 8.不同意修改 9.协商修改
function statusChange(operationType) {
   gdWorkOrderHandleStatusApi({ operationType: operationType, workOrderId: formData.value.id }).then(res => {
      visible.value = false
@@ -297,7 +310,6 @@
   })
}
const suddenlyEdit = ref(false)
function requestModification() {
   suddenlyEdit.value = true
   dialogMode.value = 'edit'
@@ -313,12 +325,24 @@
   emit('success')
}
function rejectOrders() {
// 填写说明
function addDescription(type, mode = 'add') {
   let formLabel = ''
   switch (type) {
      case 2:
         formLabel = '拒绝原因'
         break
      case 9:
         formLabel = '修改原因'
         break
   }
   rejectVisible.value = true
   nextTick(() => {
      refuseOrderDialogRef.value.open({
         mode: 'add',
         mode,
         row: { workOrderId: formData.value.id },
         type,
         formLabel,
      })
   })
}
@@ -326,11 +350,25 @@
// 获取推荐设备列表
async function getDeviceList() {
   try {
      const res = await gdManageDeviceListApi({ current: 1, size: 1000, ids: formData.value.recommendDeviceIds })
      const str = [...pointList.value, pointList.value[0]].map(item => `${item.longitude} ${item.latitude}`).join(',')
      let geom = `POLYGON((${str}))`
      const res = await gdManageDeviceListApi({
         current: 1,
         size: 1000,
         ids: formData.value.recommendDeviceIds,
         devicePayload: dialogMode.value === 'add' ? formData.value.deviceLoadDemand : '',
         geom: dialogMode.value === 'add' ? geom : '',
      })
      deviceList.value = res?.data?.data ?? []
   } catch (error) {
      console.error('获取设备列表失败:', error)
   }
}
function loadDemandChange() {
   formData.value.recommendDeviceIds = ''
   getDeviceList()
   syncSelection()
}
// 设备选择变化
@@ -343,13 +381,13 @@
async function handleSubmit() {
   const isValid = await formRef.value?.validate().catch(() => false)
   if (!isValid) return
   if (!pointList.length) {
   if (!pointList.value.length) {
      ElMessage.warning('请绘制范围')
      return
   }
   submitting.value = true
   try {
      const str = [...pointList, pointList[0]].map(item => `${item.longitude} ${item.latitude}`).join(',')
      const str = [...pointList.value, pointList.value[0]].map(item => `${item.longitude} ${item.latitude}`).join(',')
      formData.value.geom = `POLYGON((${str}))`
      if (!formData.value.id) {
         formData.value.workOrderStatus = '10'
@@ -372,7 +410,6 @@
   }
)
const processList = ref([])
function loadList() {
   gdWorkOrderFlowListApi({ workOrderId: formData.value.id }).then(res => {
      processList.value = res.data.data
@@ -397,19 +434,21 @@
// 绘制完成回调
const drawFinished = async data => {
   pointList = _.cloneDeep(data).map(item => {
   pointList.value = _.cloneDeep(data).map(item => {
      const val = cartesian3Convert(item, viewer)
      return { ...val, lng: val.longitude, lat: val.latitude }
   })
   await getDeviceList()
   syncSelection()
}
// 编辑面
function editPolygon() {
   if (!formData.value?.geom) return
   pointList = geomAnalysis(formData.value.geom)
   pointList.value = geomAnalysis(formData.value.geom)
   drawPolygonExample?.destroy()
   drawPolygonExample = new DrawPolygon(viewer)
   let noClosedList = _.cloneDeep(pointList)
   let noClosedList = _.cloneDeep(pointList.value)
   noClosedList.pop()
   drawPolygonExample.initPolygon(
      viewer,
@@ -418,12 +457,11 @@
   drawPolygonExample.subscribe('getPolygonPositions', drawFinished)
}
let viewPlane
// 查看面
function viewPolygon() {
   if (!formData.value?.geom) return
   pointList = geomAnalysis(formData.value.geom)
   const result = pointList.map(item => [item.longitude, item.latitude]).flat()
   pointList.value = geomAnalysis(formData.value.geom)
   const result = pointList.value.map(item => [item.longitude, item.latitude]).flat()
   viewPlane = viewer.entities?.add({
      customType: 'control_group',
      position: Cesium.Cartesian3.fromDegrees(result[0], result[1]),
@@ -435,7 +473,7 @@
      },
   })
   flyVisual({
      positionsData: pointList.map(i => [i.longitude, i.latitude, i.height || 0]),
      positionsData: pointList.value.map(i => [i.longitude, i.latitude, i.height || 0]),
      viewer,
   })
}
@@ -452,7 +490,6 @@
   })
}
const hasPatrolTaskList = computed(() => ['30','40','50','60'].includes(String(formData.value.workOrderStatus)))
function gdPatrolTaskPage() {
   gdPatrolTaskPageApi({ current: 1, size: 1000, workOrderId: formData.value.id }).then(res => {