需求变更进行调整

pages-assets/discharge/leaseCancelList.vue

@@ -12,8 +12,8 @@
 					<!-- 合同名称和状态 -->
 					<view class="card-header">
 						<text class="contract-name">{{ item.contractName }}</text>
-						<text :class="['record-status', item.status]">
-							{{ statusText(item.status) }}
+						<text :class="['record-status', statusText(item.status)]">
+							{{ item.status||'未知' }}
 						</text>
 					</view>
 
@@ -22,13 +22,16 @@
 						<!-- 预约时间 -->
 						<view class="info-item">
 							<text class="info-label">申请时间：</text>
-							<text class="info-value"> {{item.applyTime}} </text>
+							<text class="info-value"> {{item.applyDate || ''}} </text>
 						</view>
 						<view class="info-item">
 							<text class="info-label">退租资产：</text>
-							<text class="info-value"> {{item.dischargeItem}} </text>
+							<text class="info-value"> {{item.dischargeItem || ''}} </text>
+						</view>
+                        <view class="info-item">
+							<text class="info-label">审批意见：</text>
+							<text class="info-value"> {{item.remark || ''}} </text>
 						</view>
-
 					</view>
 				</view>
 
@@ -40,9 +43,9 @@
 			</view>
 		</scroll-view>
 		<!-- 底部新增留言按钮 -->
-		<view class="add-btn-container">
+		<!-- <view class="add-btn-container">
 			<button class="add-btn" @click="toApply()">新增退租申请</button>
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -60,12 +63,15 @@
 		methods: {
 			statusText(status) {
 				switch (status) {
-					case 'pending':
-						return '待确认';
-					case 'done':
-						return '已完成';
+					case '申请中':
+					case '已批准':
+						return 'pending';
+					case '退租完成':
+						return 'done';
+					case '已驳回':
+							return 'reject';
 					default:
-						return '未知';
+						return 'unknown';
 				}
 			},
 			formatDate(dateStr) {
@@ -92,7 +98,6 @@
 					WT: this.$getToken()
 				}).then(res => {
 					const rows = res.data.result || [];
-					console.log(rows)
 					if (this.pageNo === 1) this.flowList = [];
 					this.flowList = this.flowList.concat(rows);
 					if (rows.length < this.pageSize) {
@@ -188,14 +193,18 @@
 		border-radius: 4rpx;
 
 		&.done {
-			background: #FCE5E0;
-			color: #ED7748;
+			 background: #FCE5E0; /* 保持原有浅橙色背景 */
+			 color: #ED7748;       /* 保持原有橙色文字 */
 		}
 
 		&.pending {
 			background: #F2F3F7;
 			color: #86868C;
 		}
+		&.reject {
+			  background: #FFE4E1; /* 浅红色背景 */
+			  color: #DC143C;       /* 深红色文字 */
+		}
 	}
 
 	.card-content {