| | |
| | | <!-- 工单详情对话框 --> |
| | | <el-dialog v-model="detailVisible" title="工单详情" width="80%" append-to-body> |
| | | <div class="detail-container"> |
| | | <div class="event-title-center">{{ currentDetail.orderName || '事件名称' }}</div> |
| | | <!-- 工单状态流程 --> |
| | | <div class="custom-steps-container"> |
| | | <!-- 标题行 --> |
| | |
| | | <el-input v-model="currentDetail.orderName" placeholder="请输入工单名称" /> |
| | | </template> |
| | | <!-- 修复任务接收单位为下拉框 --> |
| | | <template v-else-if="currentDetail.status === 0 && row.label1 === '任务接收单位'"> |
| | | <template v-else-if="currentDetail.status === 0 && row.label1 === '发起单位'"> |
| | | <el-select v-model="currentDetail.department" placeholder="请选择任务接收单位" @change="handleDepartmentChange"> |
| | | <el-option v-for="item in departments" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | |
| | | editable: false, |
| | | }, |
| | | { |
| | | label: "任务接收单位", |
| | | label: "发起单位", |
| | | value: this.currentDetail.department, |
| | | editable: false, |
| | | }, |
| | |
| | | { label: "事件地址", value: this.currentDetail.address, editable: false }, |
| | | { label: "工单类型", value: this.currentDetail.type, editable: this.currentDetail.status === 0, type: "select", options: this.types }, |
| | | { label: "关联算法", value: this.currentDetail.aiType, editable: false }, |
| | | { label: "任务接收单位", value: this.currentDetail.department, editable: false }, |
| | | { label: "发起单位", value: this.currentDetail.department, editable: false }, |
| | | { label: "发起任务时间", value: this.currentDetail.startTime, editable: false }, |
| | | { label: "工单内容", value: this.currentDetail.content, editable: this.currentDetail.status === 0, type: "textarea" }, |
| | | ]; |
| | |
| | | { label: "当前状态", value: this.mapStatus(this.currentDetail.status) }, |
| | | { label: "事件地址", value: this.currentDetail.address }, // 包含经纬度信息 |
| | | { label: "关联算法", value: this.currentDetail.aiType }, |
| | | { label: "任务接收单位", value: this.currentDetail.department }, |
| | | { label: "发起单位", value: this.currentDetail.department }, |
| | | { label: "发起任务时间", value: this.currentDetail.startTime }, |
| | | { label: "工单内容", value: this.currentDetail.content }, |
| | | ]; |
| | |
| | | color: #409eff; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .event-title-center { |
| | | text-align: center; |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | margin-bottom: 12px; |
| | | color: #333; |
| | | } |
| | | .custom-steps { |
| | | margin-top: -20px; |
| | | |