审核一次上传多张附件

pages/task/audit/Issueandreceipt_task_approval.vue

@@ -309,7 +309,7 @@
 								</view>
 								<view class="flex audit_img">
 									<view v-for="(items,indexs) in item.fileUrl" class="url_css">
-										<image :src="items" mode="" class="url_img" @click="openDocument(items)">
+										<image :src="items" mode="aspectFill" class="url_img" @click="openDocument(items)">
 										</image>
 									</view>
 								</view>
@@ -353,12 +353,14 @@
 				</view>
 				<view class="upload_css">
 					上传附件
-					<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="2"
+					<upload class="upload" :width="150" ref="upload" :action="action" :max-size="maxSize" :max-count="99"
 						:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
 						@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
 				</view>
+				<view class="audit_btn">
 				<view @click='close()' class="cancel">取消</view>
 				<view @click='passSubmit()' class="confirm">确定</view>
+				</view>
 			</view>
 		</view>
 		<u-toast ref="uToast" />
@@ -1276,8 +1278,7 @@
 			}
 		}
 	}
-
-	.shade {
+.shade {
 		position: fixed;
 		top: 0;
 		left: 0;
@@ -1285,7 +1286,8 @@
 		width: 100%;
 		background: rgba(0, 0, 0, 0.4);
 		z-index: 3;
-
+		overflow-y: scroll;
+	
 		.wrap {
 			position: absolute;
 			left: 0;
@@ -1295,9 +1297,11 @@
 			margin: auto;
 			background: #fff;
 			width: calc(100% - 198rpx);
-			height: 820rpx;
+			height: 770rpx;
+			overflow-y: scroll;
+			// overflow: hidden;
 			border-radius: 20rpx;
-
+	
 			.alert-top {
 				padding: 33rpx;
 				display: flex;
@@ -1305,42 +1309,52 @@
 				align-items: center;
 				position: relative;
 			}
-
+	
 			.title {
 				font-size: 32rpx;
 				font-weight: 600;
 				color: #333333;
 			}
-
+	
 			.close {
 				position: absolute;
 				right: 33rpx;
 			}
-
+	
 			.upload_css {
 				margin-left: 20rpx;
+	
+				.upload {
+					// width: 80px;
+					// height: 80px;
+				}
 			}
 		}
 	}
-
+	
+	.audit_btn {
+		display: flex;
+		top: 0px;
+	}
+	
 	.cancel,
 	.confirm {
-		position: absolute;
-		display: inline-block;
+		// position: absolute;
+		// display: inline-block;
 		width: 50%;
 		text-align: center;
-		bottom: 0;
+		// bottom: 0;
 		padding: 10px;
 		border-top: 1px solid #eee;
 		font-size: 34rpx;
+		margin: auto;
 	}
-
+	
 	.cancel {
 		left: 0;
 		border-right: 1px solid #eee;
 		color: #AFB3BF;
 	}
-
 	.confirm {
 		right: 0;
 		color: #22C572;
@@ -1469,14 +1483,14 @@
 					flex-wrap: wrap;
 
 					.url_css {
-						border: 1px solid #999999;
+						// border: 1px solid #999999;
 						border-radius: 10px;
 						margin-top: 10px;
 						margin-right: 10px;
 
 						.url_img {
-							width: 80px;
-							height: 80px;
+							width: 66px;
+							height: 66px;
 							border-radius: 10px;
 						}
 					}

pages/task/audit/Issueandreceipt_task_details.vue

@@ -286,7 +286,7 @@
 								</view>
 								<view v-if='item.fileUrl' class="flex audit_img">
 									<view v-for="(items,indexs) in item.fileUrl" class="url_css">
-										<image :src="items" mode="" class="url_img" @click="openDocument(items)">
+										<image :src="items" mode="aspectFill" class="url_img" @click="openDocument(items)">
 										</image>
 									</view>
 								</view>
@@ -774,13 +774,13 @@
 				.audit_img {
 					flex-wrap: wrap;
 					.url_css {
-						border: 1px solid #999999;
+						// border: 1px solid #999999;
 						border-radius: 10px;
 						margin-top: 10px;
 						margin-right: 10px;
 						.url_img {
-							width: 80px;
-							height: 80px;
+							width: 66px;
+							height: 66px;
 							border-radius: 10px;
 						}
 					}

pages/task/audit/acquisitioncontract.vue

@@ -273,7 +273,7 @@
 							</view>
 							<view class="flex audit_img">
 								<view v-for="(items,indexs) in item.fileUrl" class="url_css">
-									<image :src="items" mode="" class="url_img" @click="auditFile(items)">
+									<image :src="items" mode="aspectFill" class="url_img" @click="auditFile(items)">
 									</image>
 								</view>
 							</view>
@@ -322,12 +322,14 @@
 				</view>
 				<view class="upload_css">
 					上传附件
-					<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="2"
+					<upload class="upload" :width="150" ref="upload" :action="action" :max-size="maxSize" :max-count="99"
 						:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
 						@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
 				</view>
+				<view class="audit_btn">
 				<view @click='close()' class="cancel">取消</view>
 				<view @click='passSubmit()' class="confirm">确定</view>
+				</view>
 			</view>
 		</view>
 
@@ -897,7 +899,8 @@
 		width: 100%;
 		background: rgba(0, 0, 0, 0.4);
 		z-index: 3;
-
+		overflow-y: scroll;
+	
 		.wrap {
 			position: absolute;
 			left: 0;
@@ -907,9 +910,11 @@
 			margin: auto;
 			background: #fff;
 			width: calc(100% - 198rpx);
-			height: 820rpx;
+			height: 770rpx;
+			overflow-y: scroll;
+			// overflow: hidden;
 			border-radius: 20rpx;
-
+	
 			.alert-top {
 				padding: 33rpx;
 				display: flex;
@@ -917,41 +922,52 @@
 				align-items: center;
 				position: relative;
 			}
-
+	
 			.title {
 				font-size: 32rpx;
 				font-weight: 600;
 				color: #333333;
 			}
-
+	
 			.close {
 				position: absolute;
 				right: 33rpx;
 			}
+	
 			.upload_css {
 				margin-left: 20rpx;
+	
+				.upload {
+					// width: 80px;
+					// height: 80px;
+				}
 			}
 		}
 	}
-
+	
+	.audit_btn {
+		display: flex;
+		top: 0px;
+	}
+	
 	.cancel,
 	.confirm {
-		position: absolute;
-		display: inline-block;
+		// position: absolute;
+		// display: inline-block;
 		width: 50%;
 		text-align: center;
-		bottom: 0;
+		// bottom: 0;
 		padding: 10px;
 		border-top: 1px solid #eee;
 		font-size: 34rpx;
+		margin: auto;
 	}
-
+	
 	.cancel {
 		left: 0;
 		border-right: 1px solid #eee;
 		color: #AFB3BF;
 	}
-
 	.confirm {
 		right: 0;
 		color: #22C572;
@@ -1095,14 +1111,14 @@
 					margin: 0 20rpx;
 				
 					.url_css {
-						border: 1px solid #999999;
+						// border: 1px solid #999999;
 						border-radius: 10px;
 						margin-top: 10px;
 						margin-right: 10px;
 				
 						.url_img {
-							width: 80px;
-							height: 80px;
+							width: 66px;
+							height: 66px;
 							border-radius: 10px;
 						}
 					}

pages/task/audit/charge_against_revenue.vue

@@ -269,17 +269,19 @@
 					<view class="right-bottom">
 						{{auditMind.length}}/1000个字
 					</view>
-					<u-input :clearable='false' class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="250"
+					<u-input :clearable='false' class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="240"
 						maxlength="1000" />
 				</view>
 				<view class="upload_css">
 					上传附件
-					<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="2"
+					<upload class="upload" :width="150" ref="upload" :action="action" :max-size="maxSize" :max-count="99"
 						:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
 						@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
 				</view>
+				<view class="audit_btn">
 				<view @click='close()' class="cancel">取消</view>
 				<view @click='passSubmit()' class="confirm">确定</view>
+				</view>
 			</view>
 		</view>
 		<u-toast ref="uToast" />
@@ -1182,7 +1184,8 @@
 		width: 100%;
 		background: rgba(0, 0, 0, 0.4);
 		z-index: 3;
-
+		overflow-y: scroll;
+	
 		.wrap {
 			position: absolute;
 			left: 0;
@@ -1192,10 +1195,11 @@
 			margin: auto;
 			background: #fff;
 			width: calc(100% - 198rpx);
-			height: 840rpx;
+			height: 780rpx;
+			overflow-y: scroll;
+			// overflow: hidden;
 			border-radius: 20rpx;
-			// overflow: scroll;
-
+	
 			.alert-top {
 				padding: 33rpx;
 				display: flex;
@@ -1203,46 +1207,53 @@
 				align-items: center;
 				position: relative;
 			}
-
+	
 			.title {
 				font-size: 32rpx;
 				font-weight: 600;
 				color: #333333;
 			}
-
+	
 			.close {
 				position: absolute;
 				right: 33rpx;
 			}
+	
 			.upload_css {
 				margin-left: 20rpx;
+	
+				.upload {
+					// width: 80px;
+					// height: 80px;
+				}
 			}
 		}
 	}
-
+	
+	.audit_btn {
+		display: flex;
+		top: 0px;
+	}
+	
 	.cancel,
 	.confirm {
-		position: absolute;
-		display: inline-block;
+		// position: absolute;
+		// display: inline-block;
 		width: 50%;
 		text-align: center;
-		bottom: 0;
+		// bottom: 0;
 		padding: 10px;
 		border-top: 1px solid #eee;
 		font-size: 34rpx;
+		margin: auto;
 	}
-
+	
 	.cancel {
 		left: 0;
 		border-right: 1px solid #eee;
 		color: #AFB3BF;
 	}
 
-	.confirm {
-		right: 0;
-		color: #22C572;
-	}
-
 	.u-textarea-style {
 		margin: 20rpx;
 		background: #F9F9FA;

pages/task/audit/purchasecontract.vue

@@ -296,7 +296,7 @@
 							</view>
 							<view class="flex audit_img">
 								<view v-for="(items,indexs) in item.fileUrl" class="url_css">
-									<image :src="items"  imageMode='aspectFill' class="url_img" @click="auditFile(items)"></image>
+									<image :src="items" mode='aspectFill'  imageMode='aspectFill' class="url_img" @click="auditFile(items)"></image>
 								</view>
 							</view>
 						</view>
@@ -343,12 +343,14 @@
 				</view>
 				<view class="upload_css">
 					上传附件
-					<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="2"
+					<upload class="upload" :width="150" ref="upload" :action="action" :max-size="maxSize" :max-count="99"
 						:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
 						@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
 				</view>
+				<view class="audit_btn">
 				<view @click='close()' class="cancel">取消</view>
 				<view @click='passSubmit()' class="confirm">确定</view>
+				</view>
 			</view>
 		</view>
 		<view @click='imgShow=false' v-if="imgShow" class="shade">
@@ -878,7 +880,8 @@
 		width: 100%;
 		background: rgba(0, 0, 0, 0.4);
 		z-index: 3;
-
+		overflow-y: scroll;
+	
 		.wrap {
 			position: absolute;
 			left: 0;
@@ -888,9 +891,11 @@
 			margin: auto;
 			background: #fff;
 			width: calc(100% - 198rpx);
-			height: 820rpx;
+			height: 770rpx;
+			overflow-y: scroll;
+			// overflow: hidden;
 			border-radius: 20rpx;
-
+	
 			.alert-top {
 				padding: 33rpx;
 				display: flex;
@@ -898,35 +903,46 @@
 				align-items: center;
 				position: relative;
 			}
-
+	
 			.title {
 				font-size: 32rpx;
 				font-weight: 600;
 				color: #333333;
 			}
-
+	
 			.close {
 				position: absolute;
 				right: 33rpx;
 			}
+	
 			.upload_css {
 				margin-left: 20rpx;
+	
+				.upload {
+					// width: 80px;
+					// height: 80px;
+				}
 			}
 		}
 	}
+	.audit_btn {
+		display: flex;
+		top: 0px;
+	}
 
 	.cancel,
 	.confirm {
-		position: absolute;
-		display: inline-block;
+		// position: absolute;
+		// display: inline-block;
 		width: 50%;
 		text-align: center;
-		bottom: 0;
+		// bottom: 0;
 		padding: 10px;
 		border-top: 1px solid #eee;
 		font-size: 34rpx;
+		margin: auto;
 	}
-
+	
 	.cancel {
 		left: 0;
 		border-right: 1px solid #eee;
@@ -1077,14 +1093,14 @@
 					margin: 0 20rpx;
 				
 					.url_css {
-						border: 1px solid #999999;
+						// border: 1px solid #999999;
 						border-radius: 10px;
 						margin-top: 10px;
 						margin-right: 10px;
 				
 						.url_img {
-							width: 80px;
-							height: 80px;
+							width: 66px;
+							height: 66px;
 							border-radius: 10px;
 						}
 					}

pages/task/audit/salecontract.vue

@@ -311,7 +311,7 @@
 						</view>
 						<view class="flex audit_img">
 							<view v-for="(items,indexs) in item.fileUrl" class="url_css">
-								<image :src="items" mode="" class="url_img" @click="auditFile(items)"></image>
+								<image :src="items" mode="aspectFill" class="url_img" @click="auditFile(items)"></image>
 							</view>
 						</view>
 					</view>
@@ -358,12 +358,14 @@
 				</view>
 				<view class="upload_css">
 					上传附件
-					<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="2"
+					<upload class="upload" :width="150" ref="upload" :action="action" :max-size="maxSize" :max-count="99"
 						:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
 						@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
 				</view>
+				<view class="audit_btn">
 				<view @click='close()' class="cancel">取消</view>
 				<view @click='passSubmit()' class="confirm">确定</view>
+				</view>
 			</view>
 		</view>
 		<view @click='imgShow=false' v-if="imgShow" class="shade">
@@ -940,7 +942,8 @@
 		width: 100%;
 		background: rgba(0, 0, 0, 0.4);
 		z-index: 3;
-
+		overflow-y: scroll;
+	
 		.wrap {
 			position: absolute;
 			left: 0;
@@ -950,9 +953,11 @@
 			margin: auto;
 			background: #fff;
 			width: calc(100% - 198rpx);
-			height: 820rpx;
+			height: 770rpx;
+			overflow-y: scroll;
+			// overflow: hidden;
 			border-radius: 20rpx;
-
+	
 			.alert-top {
 				padding: 33rpx;
 				display: flex;
@@ -960,35 +965,47 @@
 				align-items: center;
 				position: relative;
 			}
-
+	
 			.title {
 				font-size: 32rpx;
 				font-weight: 600;
 				color: #333333;
 			}
-
+	
 			.close {
 				position: absolute;
 				right: 33rpx;
 			}
+	
 			.upload_css {
 				margin-left: 20rpx;
+	
+				.upload {
+					// width: 80px;
+					// height: 80px;
+				}
 			}
 		}
 	}
-
+	
+	.audit_btn {
+		display: flex;
+		top: 0px;
+	}
+	
 	.cancel,
 	.confirm {
-		position: absolute;
-		display: inline-block;
+		// position: absolute;
+		// display: inline-block;
 		width: 50%;
 		text-align: center;
-		bottom: 0;
+		// bottom: 0;
 		padding: 10px;
 		border-top: 1px solid #eee;
 		font-size: 34rpx;
+		margin: auto;
 	}
-
+	
 	.cancel {
 		left: 0;
 		border-right: 1px solid #eee;
@@ -1143,14 +1160,14 @@
 					margin: 0 20rpx;
 				
 					.url_css {
-						border: 1px solid #999999;
+						// border: 1px solid #999999;
 						border-radius: 10px;
 						margin-top: 10px;
 						margin-right: 10px;
 				
 						.url_img {
-							width: 80px;
-							height: 80px;
+							width: 66px;
+							height: 66px;
 							border-radius: 10px;
 						}
 					}