外宿申请-佐证附件上传与删除

pages/dormitory/outsideAccommodation/index.vue

@@ -166,10 +166,17 @@
 
 					<!-- 卡片操作区 -->
 					<view class="card-actions">
-						<uni-button type="text" size="mini" @click="detail(item)" class="detail-btn"
-							:disabled="!getSafeValue(item, 'id')">
-							<uni-icons type="info" size="14" class="mr-5"></uni-icons>查看详情
-						</uni-button>
+						<view>
+							<uni-button type="text" size="mini" @click="detail(item, '修改')" v-if="item.status == 0 || getRejectInfo(item.outsideAccommodationApprovals).isReject">
+								<uni-icons type="eye-filled" size="14" class="mr-5"></uni-icons>修改
+							</uni-button>
+						</view>
+						<view>
+							<uni-button type="text" size="mini" @click="detail(item, '详情')" class="detail-btn"
+								:disabled="!getSafeValue(item, 'id')">
+								<uni-icons type="info" size="14" class="mr-5"></uni-icons>查看详情
+							</uni-button>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -243,7 +250,7 @@
 				return this.validDataList.length > 0;
 			}
 		},
-		onLoad() {
+		onShow() {
 			this.getUser();
 		},
 		methods: {
@@ -438,7 +445,7 @@
 			},
 
 			/** 查看详情 */
-			detail(item) {
+			detail(item, text) {
 				const id = this.getSafeValue(item, 'id');
 				if (!id) {
 					uni.showToast({
@@ -447,9 +454,15 @@
 					});
 					return;
 				}
-				uni.navigateTo({
-					url: `/pages/dormitory/outsideAccommodation/applicationForm?id=${id}`
-				});
+				if (text == '详情') {
+					uni.navigateTo({
+						url: `/pages/dormitory/outsideAccommodation/applicationForm?id=${id}&type=detail`
+					});
+				} else {
+					uni.navigateTo({
+						url: `/pages/dormitory/outsideAccommodation/applicationForm?id=${id}`
+					});
+				}
 			},
 			// 跳转添加页面
 			addOutsideAccommodation() {
@@ -895,6 +908,8 @@
 	.detail-btn {
 		color: #409eff;
 		font-size: 26rpx;
+		padding: 0 20rpx;
+		margin-left: 20rpx;
 	}
 
 	/* 适配小屏幕 */