web端：新增工作台；异动管理页面与需求说明更新

Made-with: Cursor

web端/运维管理/车辆业务/异动管理-查看.jsx

@@ -82,7 +82,6 @@ const Component = function () {
 			destinationType: '维修站',
 			destinationName: '广州天河维修站',
 			changeType: '维修',
-			plannedMileageKm: '45.50',
 			remark: '车辆需进站检修制动系统，预计两日内完成。',
 			approvalStatus: '审批中',
 			endDateTime: getInitialDateTime('2026-02-22 17:45')
@@ -99,6 +98,7 @@ const Component = function () {
 				brand: '东风',
 				model: 'DFH1180',
 				departParking: '天河智慧停车场',
+				plannedMileageKm: '45.50',
 				startMileageKm: '15230.12',
 				startHydrogen: '28.30',
 				h2Unit: 'MPa',
@@ -159,6 +159,21 @@ const Component = function () {
 					return React.createElement(Input, { value: rowVehicleSelected(r) ? (r.departParking || '-') : '请先选择车辆', disabled: true });
 				}
 			},
+			{
+				title: '预计异动里程',
+				key: 'plannedMileageKm',
+				width: 160,
+				render: function (_, r) {
+					if (!rowVehicleSelected(r)) {
+						return React.createElement(Input, { value: '', disabled: true, placeholder: placeholderSelectVehicle });
+					}
+					return React.createElement(Input, {
+						value: fmtPlannedMileage(r.plannedMileageKm),
+						disabled: true,
+						addonAfter: 'km'
+					});
+				}
+			},
 			{
 				title: '异动开始里程',
 				key: 'startMileageKm',
@@ -256,8 +271,8 @@ const Component = function () {
 		'页面布局与字段与「异动管理-结束异动」一致；另含「审批状态」只读展示。',
 		'所有表单项、表格单元均为禁用只读，仅供查询展示。',
 		'',
-		'1.异动情况：异动开始/预计结束日期、异动目的地、目的地名称、异动类型、预计异动里程、审批状态、异动结束时间、备注 — 全部只读。',
-		'2.车辆信息：与结束异动表列一致（含异动结束里程/氢量/电量）；仅展示单辆车（表格 1 行）— 全部只读；无新增行与删除。',
+		'1.异动情况：第一行开始/预计结束/目的地；第二行目的地名称、异动类型、审批状态（第三列）；第三行异动结束时间（首列）；备注跨三列 — 全部只读（不含预计异动里程）。',
+		'2.车辆信息：在出发停车场后展示预计异动里程（用例值，只读）；其余与结束异动表列一致（含开始/结束里程、氢量、电量）；仅 1 行；无新增行与删除。',
 		'3.底部仅「返回」按钮，返回异动管理列表（原型）。'
 	].join('\n');
 
@@ -323,14 +338,6 @@ const Component = function () {
 							disabled: true
 						})
 					),
-					React.createElement('div', { style: formItemStyle },
-						React.createElement('div', { style: labelStyle }, '预计异动里程'),
-						React.createElement(Input, {
-							value: fmtPlannedMileage(movementReadonly.plannedMileageKm),
-							disabled: true,
-							addonAfter: 'km'
-						})
-					),
 					React.createElement('div', { style: formItemStyle },
 						React.createElement('div', { style: labelStyle }, '审批状态'),
 						React.createElement(Select, {
@@ -340,8 +347,6 @@ const Component = function () {
 							disabled: true
 						})
 					),
-					React.createElement('div', { style: formItemStyle }),
-					React.createElement('div', { style: formItemStyle }),
 					React.createElement('div', { style: formItemStyle },
 						React.createElement('div', { style: labelStyle }, '异动结束时间'),
 						React.createElement(DatePicker, {
@@ -353,6 +358,8 @@ const Component = function () {
 							inputReadOnly: true
 						})
 					),
+					React.createElement('div', { style: formItemStyle }),
+					React.createElement('div', { style: formItemStyle }),
 					React.createElement('div', { style: Object.assign({}, formItemStyle, { gridColumn: 'span 3' }) },
 						React.createElement('div', { style: labelStyle }, '备注'),
 						React.createElement(Input.TextArea, {
@@ -371,7 +378,7 @@ const Component = function () {
 					dataSource: vehicles,
 					size: 'small',
 					pagination: false,
-					scroll: { x: 1780 }
+					scroll: { x: 1940 }
 				})
 			),