soft5566 2 лет назад
Родитель
Сommit
49233d57e4
2 измененных файлов с 30 добавлено и 18 удалено
  1. 13 7
      src/views/audited/index.vue
  2. 17 11
      src/views/myAgent/index.vue

+ 13 - 7
src/views/audited/index.vue

@@ -74,14 +74,14 @@
 				<div style="margin: 0 10px; width: 230px;">
 				<div style="margin: 0 10px; width: 230px;">
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center;">封面图:</div>
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center;">封面图:</div>
 					<div style="border-radius: 5px; width: 240px;  height: 180px; display: flex; justify-content: center; align-items: center;">
 					<div style="border-radius: 5px; width: 240px;  height: 180px; display: flex; justify-content: center; align-items: center;">
-						<viewer :images="approved_reject_Data.coverImg">
+						<viewer :images="fileInofImage">
 							<img :src="approved_reject_Data.coverImg" style="border-radius: 5px; max-width: 100%; max-height: 100%; cursor: pointer;" alt="">
 							<img :src="approved_reject_Data.coverImg" style="border-radius: 5px; max-width: 100%; max-height: 100%; cursor: pointer;" alt="">
 						</viewer>
 						</viewer>
 					</div>
 					</div>
 				</div>
 				</div>
 				<div style="margin: 0 10px; width: 500px;">
 				<div style="margin: 0 10px; width: 500px;">
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center; ">详情图:</div>
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center; ">详情图:</div>
-					<viewer :images="approved_reject_Data.fileInfoList">
+					<viewer :images="fileInfoListImages">
 						<el-carousel :interval="3000" height="180px" width="500px" style="border-radius: 5px;">
 						<el-carousel :interval="3000" height="180px" width="500px" style="border-radius: 5px;">
 							<el-carousel-item v-for="item in approved_reject_Data.fileInfoList" :key="item.id">
 							<el-carousel-item v-for="item in approved_reject_Data.fileInfoList" :key="item.id">
 								<img :src="item.url" width="500" style="border-radius: 5px; cursor: pointer;">
 								<img :src="item.url" width="500" style="border-radius: 5px; cursor: pointer;">
@@ -119,9 +119,9 @@
 			<div style="display: flex;">
 			<div style="display: flex;">
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
-					<viewer :images="approved_reject_Data.fileInfoList">
+					<viewer :images="fileInfoListImages">
 						<div style="height: 110px; display: flex; justify-content: center; align-items: center;">
 						<div style="height: 110px; display: flex; justify-content: center; align-items: center;">
-							<img style="margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
+							<img style="width: 110px; height: 110px; margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 						</div>
 						</div>
 					</viewer>
 					</viewer>
@@ -154,9 +154,9 @@
 			<div style="display: flex;">
 			<div style="display: flex;">
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
-					<viewer :images="approved_reject_Data.fileInfoList">
+					<viewer :images="fileInfoListImages">
 						<div style="height: 120px; display: flex; justify-content: center; align-items: center;">
 						<div style="height: 120px; display: flex; justify-content: center; align-items: center;">
-							<img style="margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
+							<img style="width: 110px; height: 110px; margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 						</div>
 						</div>
 					</viewer>
 					</viewer>
@@ -212,6 +212,8 @@
 					coverImg: '',
 					coverImg: '',
 					fileInfoList: []
 					fileInfoList: []
 				}, // 审核 驳回 参数
 				}, // 审核 驳回 参数
+				fileInofImage: [], // 缩略图
+				fileInfoListImages: [], // 滚动图片
 				dialogInfoMinsuVisible: false, // 民宿信息维护
 				dialogInfoMinsuVisible: false, // 民宿信息维护
 				dialogevaluateVisible: false, // 评价
 				dialogevaluateVisible: false, // 评价
 				dialogArticleVisible: false // 推文
 				dialogArticleVisible: false // 推文
@@ -248,11 +250,15 @@
 				this.$set(this.approved_reject_Data, 'status', row.status)
 				this.$set(this.approved_reject_Data, 'status', row.status)
 				this.$set(this.approved_reject_Data, 'remark', row.remark)
 				this.$set(this.approved_reject_Data, 'remark', row.remark)
 				this.$set(this.approved_reject_Data, 'coverImg', row.coverImg)
 				this.$set(this.approved_reject_Data, 'coverImg', row.coverImg)
+				this.fileInofImage.push(row.coverImg)
 				this.$set(this.approved_reject_Data, 'workflowRemark', row.workflowRemark)
 				this.$set(this.approved_reject_Data, 'workflowRemark', row.workflowRemark)
 				if (row.fileInfoList.length > 0) {
 				if (row.fileInfoList.length > 0) {
+					for (var i = 0; i < row.fileInfoList.length; i++) {
+						this.fileInfoListImages.push(row.fileInfoList[i].url)
+					}
 					this.$set(this.approved_reject_Data, 'fileInfoList', row.fileInfoList)
 					this.$set(this.approved_reject_Data, 'fileInfoList', row.fileInfoList)
 				} else {
 				} else {
-					this.$set(this.approved_reject_Data, 'fileInfoList', {})
+					this.$set(this.approved_reject_Data, 'fileInfoList', [])
 				}
 				}
 			},
 			},
 			/**
 			/**

+ 17 - 11
src/views/myAgent/index.vue

@@ -53,7 +53,7 @@
 				<div style="margin: 0 10px; width: 230px;">
 				<div style="margin: 0 10px; width: 230px;">
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center;">封面图:</div>
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center;">封面图:</div>
 					<div style="border-radius: 5px; width: 240px;  height: 180px; display: flex; justify-content: center; align-items: center;">
 					<div style="border-radius: 5px; width: 240px;  height: 180px; display: flex; justify-content: center; align-items: center;">
-						<viewer :images="approved_reject_Data.coverImg">
+						<viewer :images="fileInofImage">
 							<img :src="approved_reject_Data.coverImg" style="border-radius: 5px; max-width: 100%; max-height: 100%; cursor: pointer;" alt="">
 							<img :src="approved_reject_Data.coverImg" style="border-radius: 5px; max-width: 100%; max-height: 100%; cursor: pointer;" alt="">
 						</viewer>
 						</viewer>
 					</div>
 					</div>
@@ -61,11 +61,11 @@
 				<div style="margin: 0 10px; width: 500px;">
 				<div style="margin: 0 10px; width: 500px;">
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center; ">详情图:</div>
 					<div style="color: #000; margin: 0 0 10px 0; text-align: center; ">详情图:</div>
 					<el-carousel :interval="3000" height="180px" width="500px" style="border-radius: 5px;">
 					<el-carousel :interval="3000" height="180px" width="500px" style="border-radius: 5px;">
-						<viewer :images="approved_reject_Data.fileInfoList">
-							<el-carousel-item v-for="item in approved_reject_Data.fileInfoList" :key="item.id">
+						<el-carousel-item v-for="item in approved_reject_Data.fileInfoList" :key="item.id">
+							<viewer :images="fileInfoListImages">
 								<img :src="item.url" width="500" style="border-radius: 5px; cursor: pointer;">
 								<img :src="item.url" width="500" style="border-radius: 5px; cursor: pointer;">
-							</el-carousel-item>
-						</viewer>
+							</viewer>
+						</el-carousel-item>
 					</el-carousel>
 					</el-carousel>
 				</div>
 				</div>
 			</div>
 			</div>
@@ -90,9 +90,9 @@
 			<div style="display: flex;">
 			<div style="display: flex;">
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
-					<viewer :images="approved_reject_Data.fileInfoList">
+					<viewer :images="fileInfoListImages">
 						<div style="display: flex; justify-content: center; align-items: center;">
 						<div style="display: flex; justify-content: center; align-items: center;">
-							<img style="margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
+							<img style="width: 110px; height: 110px; margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 						</div>
 						</div>
 					</viewer>
 					</viewer>
@@ -117,10 +117,10 @@
 			<div style="display: flex;">
 			<div style="display: flex;">
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div style="text-align: right; font-weight: bold; width: 100px; height: 100px;">视频/图片:</div>
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
 				<div v-if="approved_reject_Data.fileInfoList.length > 0">
-					<viewer :images="approved_reject_Data.fileInfoList">
+					<viewer :images="fileInfoListImages">
 						<div style="height: 120px; display: flex; justify-content: center; align-items: center;">
 						<div style="height: 120px; display: flex; justify-content: center; align-items: center;">
-							<img style="margin: 0 2px; border-radius: 5px; max-width: 100%; max-height: 100%; cursor: pointer;" v-for="src in approved_reject_Data.fileInfoList"
-								:src="src.url" :key="src.id">
+							<img style="width: 110px; height: 110px; margin: 0 2px; border-radius: 5px; max-width: 110px; max-height: 110px; cursor: pointer;"
+								v-for="src in approved_reject_Data.fileInfoList" :src="src.url" :key="src.id">
 						</div>
 						</div>
 					</viewer>
 					</viewer>
 				</div>
 				</div>
@@ -211,6 +211,8 @@
 					remark: '',
 					remark: '',
 					fileInfoList: []
 					fileInfoList: []
 				}, // 审核 驳回 参数
 				}, // 审核 驳回 参数
+				fileInofImage: [], // 缩略图
+				fileInfoListImages: [], // 滚动图片
 				isLoaded_approve: false, // 控制审核通过盖章
 				isLoaded_approve: false, // 控制审核通过盖章
 				isLoaded_reject: false, // 控制驳回盖章
 				isLoaded_reject: false, // 控制驳回盖章
 			}
 			}
@@ -320,11 +322,15 @@
 				this.$set(this.approved_reject_Data, 'status', row.status)
 				this.$set(this.approved_reject_Data, 'status', row.status)
 				this.$set(this.approved_reject_Data, 'remark', row.remark)
 				this.$set(this.approved_reject_Data, 'remark', row.remark)
 				this.$set(this.approved_reject_Data, 'coverImg', row.coverImg)
 				this.$set(this.approved_reject_Data, 'coverImg', row.coverImg)
+				this.fileInofImage.push(row.coverImg)
 				this.$set(this.approved_reject_Data, 'workflowRemark', row.workflowRemark)
 				this.$set(this.approved_reject_Data, 'workflowRemark', row.workflowRemark)
 				if (row.fileInfoList.length > 0) {
 				if (row.fileInfoList.length > 0) {
+					for (var i = 0; i < row.fileInfoList.length; i++) {
+						this.fileInfoListImages.push(row.fileInfoList[i].url)
+					}
 					this.$set(this.approved_reject_Data, 'fileInfoList', row.fileInfoList)
 					this.$set(this.approved_reject_Data, 'fileInfoList', row.fileInfoList)
 				} else {
 				} else {
-					this.$set(this.approved_reject_Data, 'fileInfoList', {})
+					this.$set(this.approved_reject_Data, 'fileInfoList', [])
 				}
 				}
 			},
 			},
 			/**
 			/**