From 6b13e6a3a29a66bd09b5be00a11c4f69929aa3ce Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 02 Feb 2026 11:34:33 +0800
Subject: [PATCH] feat: 材料清单

---
 applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue |   71 ++++++++++++++++-------------------
 1 files changed, 32 insertions(+), 39 deletions(-)

diff --git a/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue b/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
index 610c297..42cb618 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
@@ -9,23 +9,11 @@
 		:close-on-click-modal="false"
 	>
 		<div class="content" style="display: flex">
-			<div class="processBox" v-if="dialogMode !== 'add' && processList.length">
-				<el-timeline class="gd-timeline">
-					<el-timeline-item
-						v-for="(activity, index) in processList"
-						:key="index"
-						:icon="Check"
-						:type="index === processList.length - 1 ? 'success' : 'info'"
-						:color="activity.color"
-						:hollow="activity.hollow"
-						:timestamp="activity.createTime"
-					>
-						<div class="item-content">
-							<div>{{ activity.operator }}</div>
-							<div class="flowName">{{ activity.flowName }}</div>
-						</div>
-					</el-timeline-item>
-				</el-timeline>
+			<div class="processBox" v-if="dialogMode !== 'add'">
+				<div class="detail-title">工单记录</div>
+				<div class="process">
+					<OrderStepBar :processList="processList" />
+				</div>
 			</div>
 			<div class="leftBox">
 				<div v-if="dialogReadonly">
@@ -245,7 +233,7 @@
 			</template>
 			<template v-if="permission.order_controlCancel">
 				<el-button v-if="gdStatus === '21'" @click="statusChange(6)" color="#F2F3F5">驳回</el-button>
-				<el-button v-if="gdStatus === '21'" @click="statusChange(5)" color="#4C34FF">同意</el-button>
+				<el-button v-if="gdStatus === '21'" @click="statusChange(5)" color="#4C34FF">通过</el-button>
 			</template>
 			<el-button v-if="gdStatus === '30' && permission.order_applyNegotiation" @click="addDescription" color="#4C34FF">
 				协商修改
@@ -281,7 +269,7 @@
 import { gdManageDeviceListApi } from './gdManageDeviceApi'
 import { cartesian3Convert } from '@/utils/cesium/mapUtil'
 import * as Cesium from 'cesium'
-import { DrawPolygon } from '@/utils/cesium/DrawPolygon'
+import { DrawPolygon } from '@ztzf/utils'
 import { pxToRem } from '@/utils/rem'
 import dayjs from 'dayjs'
 import RefuseOrderDialog from '@/views/orderView/orderManage/orderManage/RefuseOrderDialog.vue'
@@ -291,6 +279,7 @@
 import droneIcon from '@/assets/images/orderView/orderManage/drone.png'
 import droneActiveIcon from '@/assets/images/orderView/orderManage/droneActive.png'
 import { useStore } from 'vuex'
+import OrderStepBar from '@/views/orderView/orderManage/orderManage/OrderStepBar.vue'
 const store = useStore()
 const permission = computed(() => store.state.user.permission)
 
@@ -334,13 +323,13 @@
 const gdStatusObj = {
 	'10': { reason: '拒单原因', operationType: '2', title: '拒绝接单' },
 	'11': { reason: '拒单原因' },
-	'20': { reason: '取消原因', operationType: '3',title:'申请取消' },
+	'20': { reason: '原因', operationType: '3', title: '申请取消' },
 	'21': { reason: '取消原因' },
 	'23': { reason: '取消原因' },
-	'30': { reason: '协商修改原因', operationType: '9',title:'协商修改' },
-	'31': { reason: '协商修改原因' },
+	'30': { reason: '修改原因', operationType: '9', title: '协商修改' },
+	'31': { reason: '修改原因' },
 	'40': { reason: '' },
-	'50': { reason: '情况说明', operationType: '11',title:'结算' },
+	'50': { reason: '情况说明', operationType: '11', title: '结算' },
 	'60': { reason: '情况说明' },
 }
 
@@ -394,7 +383,7 @@
 			row: formData.value,
 			type: gdStatusObj[gdStatus.value].operationType,
 			formLabel: gdStatusObj[gdStatus.value].reason,
-			title: gdStatusObj[gdStatus.value]?.title || '新增'
+			title: gdStatusObj[gdStatus.value]?.title || '新增',
 		})
 	})
 }
@@ -525,11 +514,17 @@
 	viewPlane = viewer.entities?.add({
 		customType: 'control_group',
 		position: Cesium.Cartesian3.fromDegrees(result[0], result[1]),
+		polygon: {
+			hierarchy: Cesium.Cartesian3.fromDegreesArray(result),
+			material: Cesium.Color.fromBytes(45, 140, 240, 99),
+			outline: false,
+			heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+		},
 		polyline: {
 			positions: Cesium.Cartesian3.fromDegreesArray(result),
 			clampToGround: true,
-			width: 3,
-			material: Cesium.Color.RED,
+			width: 2,
+			material: Cesium.Color.fromBytes(45, 140, 240, 255),
 		},
 	})
 	flyVisual({
@@ -670,7 +665,7 @@
 
 		.gd-cesium {
 			width: 100%;
-			min-height: 380px;
+			min-height: 360px;
 			flex: 1;
 		}
 	}
@@ -687,19 +682,17 @@
 	}
 
 	.processBox {
-		padding: 24px 0;
-		width: 312px;
-		border: 1px solid #e4e4e4;
-		overflow: auto;
+		display: flex;
+		flex-direction: column;
 
-		.item-content {
-			position: relative;
-			.flowName {
-				width: 80px;
-				position: absolute;
-				left: -120px;
-				top: 0px;
-			}
+		.process {
+			height: 100%;
+			padding: 12px 16px 24px 16px;
+			width: 312px;
+			border: 1px solid #e4e4e4;
+			border-radius: 8px;
+			background: #fff;
+			overflow: auto;
 		}
 	}
 }

--
Gitblit v1.9.3