增强办公，新增审批，缺少电子签章功能

components/hrm/detailPanels/travel.vue

@@ -1,6 +1,11 @@
 <template>
 	<!-- 出差申请详情容器，复用统一卡片样式 -->
 	<view class="reimburse-detail-container">
+		<view class="detail-item single-item status-item">
+			<text class="item-icon icon-status"></text>
+			<view class="item-label">出差状态</view>
+			<view class="item-value">{{ travelStatusText }}</view>
+		</view>
 		<!-- 出差类型 - 带分类图标 -->
 		<view class="detail-item single-item">
 			<text class="item-icon icon-travel-type"></text>
@@ -66,6 +71,11 @@
 			<view class="item-label">申请时间</view>
 			<view class="item-value">{{ detail.createTime || '无' }}</view>
 		</view>
+		<view class="detail-item single-item" v-if="detail.actualEndTime">
+			<text class="item-icon icon-end-time"></text>
+			<view class="item-label">实际结束时间</view>
+			<view class="item-value">{{ detail.actualEndTime }}</view>
+		</view>
 		
 		<view class="detail-item single-item">
 		  <text class="item-icon icon-date"></text>
@@ -74,6 +84,10 @@
 				<oa-file-list :files="detail.accessoryApplyIds"></oa-file-list>
 			</view>
 		</view>
+
+		<view class="detail-action-row" v-if="canEarlyEnd">
+			<button class="early-end-btn" @click="handleEarlyEnd">提前结束</button>
+		</view>
 		
 		<view class="detail-item single-item amount-item" @click="openPopup" v-if="detail.projectId">
 			<text class="item-icon icon-creator"></text>
@@ -147,6 +161,14 @@
 				detail: {}
 			}
 		},
+		computed: {
+			travelStatusText() {
+				return this.detail.actualEndTime ? '已结束' : '出差中';
+			},
+			canEarlyEnd() {
+				return !this.detail.actualEndTime;
+			}
+		},
 		watch: {
 			bizId: {
 				handler(newVal) {
@@ -175,6 +197,9 @@
 			},
 			openPopup() {
 				this.$refs.popup.open()
+			},
+			handleEarlyEnd() {
+				this.$emit('early-end', this.detail)
 			}
 		}
 	}