Browse Source

修改课堂图片样式

SanHQin 1 year ago
parent
commit
7e7728344f

+ 3 - 10
src/components/pages/classroomObservation/components/baseMessage.vue

@@ -111,26 +111,24 @@
 						<span>(建议图片比例16:9,最多上传3张)</span>
 					</div>
 					<div class="m-m-formImage" v-loading="uploadImageLoading">
-						<div class="m-m-fi-imageList">
-							<div class="m-m-fi-imageList">
 								<div
 									class="m-m-fi-imageItem"
 									v-for="(value, key, index) in imageList"
 									:key="index"
 									v-if="(key == 'fileList1' || key == 'fileList2' || key == 'fileList3') && value.length >0"
 									@click.stop="previewImg(value[0].url)"
-									style="max-width: 32%;"
+									style="max-width:32%;"
 								>
 									<el-image
 										class="itemUrl"
 										:src="value[0].url"
 										fit="cover"
+										style="width: 100%;"
 									></el-image>
 									<span @click.stop="delImage(key)">x</span>
 									<!-- <img class="itemUrl" :src="value[0].url" alt="" /> -->
 								</div>
 								<!-- 图片区域 -->
-							</div>
 
 							<div
 								class="m-m-fi-imageItem"
@@ -159,7 +157,6 @@
 								</div>
 							</div>
 							<!-- 图片区域 -->
-						</div>
 						<!-- <div class="m-m-fi-btn" >添加课堂图片</div> -->
 					</div>
 				</div>
@@ -169,8 +166,6 @@
 						<span>(建议图片比例16:9,最多上传1个)</span>
 					</div>
 					<div class="m-m-formImage" v-loading="uploadVideoLoading">
-						<div class="m-m-fi-imageList">
-							<div class="m-m-fi-imageList">
 								<div
 									class="m-m-fi-imageItem"
 									v-for="(item, index) in imageList.videoList?imageList.videoList:[]"
@@ -185,7 +180,6 @@
 									></el-image>
 									<span @click.stop="delVideo('videoList')">x</span>
 								</div>
-							</div>
 
 							<div
 								class="m-m-fi-imageItem"
@@ -209,8 +203,6 @@
 									点击上传视频
 								</div>
 							</div>
-							<!-- 图片区域 -->
-						</div>
 						<!-- <div class="m-m-fi-btn" >添加课堂图片</div> -->
 					</div>
 				</div>
@@ -587,6 +579,7 @@ export default {
 }
 
 .m-m-fi-imageList {
+	width: 100%;
 	height: auto;
 	display: flex;
 	flex-wrap: wrap;

+ 2 - 2
src/components/pages/classroomObservation/components/messageArea.vue

@@ -867,7 +867,7 @@ export default {
 				this.imageList.jsonData.videoList = [];
 				this.imageList.jsonData.videoList.push(newVideo)
 			}else{
-				this.$message.error("最多只能上传3张图片");
+				this.$message.error("最多只能上传1个视频");
 				return;
 			}
 			this.imageList.json_data = JSON.stringify(this.imageList.jsonData);
@@ -877,7 +877,7 @@ export default {
 			this.imageList.jsonData[key] = [];
 			this.imageList.json_data = JSON.stringify(this.imageList.jsonData);
 			this.saveData(this.imageList).then(res=>{
-				this.$message.success("删除图片成功")
+				this.$message.success("删除成功")
 			});
 		},
 		// 切换录音文件