添加物业管理-投诉建议和邻里社区模块的图片验证

operationSupport/src/views/propertyManagement/index.vue

@@ -77,13 +77,15 @@
                             </span>
                             <span>
                                 <span class="complaint-content-left">地址：</span>
-                                <span class="complaint-content-right">{{ rowData.unitName }}{{ rowData.roomNumber }}</span>
+                                <span class="complaint-content-right"
+                                    >{{rowData.buildingName}}{{ rowData.unitName }}{{ rowData.roomNumber }}</span
+                                >
                             </span>
                         </p>
                         <p class="complaint-content">
                             <span>
                                 <span class="complaint-content-left" style="margin-left: 12px">投诉人：</span>
-                                <span class="complaint-content-right">{{ rowData.userName }}</span>
+                                <span class="complaint-content-right">{{ complaintName }}</span>
                             </span>
                             <span>
                                 <span class="complaint-content-left">手机号：</span>
@@ -106,25 +108,26 @@
                                 <span class="complaint-content-right" style="margin: 0">{{ rowData.content }}</span>
                             </span>
                         </div>
-                        <div class="complaint-images">
+                        <div class="complaint-images complaint-content">
                             <span class="complaint-content-left">图片/视频：</span>
-                            <span>
-                                <el-image
-                                    class="images"
-                                    v-for="(item, index) in imgList"
-                                    :src="item"
-                                    :preview-src-list="imgList"
-                                    :key="index"
-                                >
-                                </el-image>
+                            <span v-if="srcList.length ">
+                                <span v-for="(item, index) in imgList" :key="index">
+                                    <el-image class="images" :src="item" :preview-src-list="imgList"> </el-image
+                                ></span>
                                 <span @click="clickVideo">
-                                    <video id="video" :controls="videoControls" class="videos">
-                                        <source :src="videoList" type="video/mp4" />
+                                    <video
+                                        id="video"
+                                        v-for="(item, index) in videoList"
+                                        :key="index"
+                                        :controls="videoControls"
+                                        class="videos"
+                                    >
+                                        <source :src="item" type="video/mp4" />
                                         您的浏览器暂不支持播放视频
                                     </video></span
                                 >
                             </span>
-                            <span v-if="srcList.length == 0"> 暂无图片 </span>
+                            <span v-els> 暂无图片 </span>
                         </div>
                     </div>
                     <div class="record">
@@ -206,6 +209,8 @@ export default {
         return {
             // 处理记录
             recordData: [],
+            // 投诉人
+            complaintName:'',
             // 视频获得焦点
             videoControls: false,
             // 弹框显示图片
@@ -409,27 +414,35 @@ export default {
         },
         /** 查看处理详情*/
         clickEdit(row) {
-            this.centerDialogVisible = true;
-            this.rowData = row;
+
+            // 获取处理内容
             this.$http.post(`/sc-community-web/feedback/find/${row.id}`).then((res) => {
+                if(res.status===0){
                 this.rowData = res.data;
+                 this.centerDialogVisible = true;
+                this.complaintName = row.userName;
+                if(res.data.imageUrl){
                 let file = res.data.imageUrl;
                 let files = file.split(',');
                 this.srcList = files;
                 this.imgList = files.filter((item) => {
-                    return item.substr(-3) == 'png' || item.substr(-3) == 'jpg';
+                    return item.substr(-3) == 'png' || item.substr(-3) == 'jpg'||item.substr(-4)=='jpeg';
                 });
                 this.videoList = files.filter((item) => {
-                    return item.substr(-3) === 'mp4';
+                    return item.substr(-3) == 'mp4';
                 });
+                }
+                }else{
+                    this.rowData = row;
+                    this.$message('获取详情失败!请稍后重试')
+                }
+
                 console.log('查看处理详情返回rowData', this.rowData);
             });
             let query = {
                 fid: row.id
-                // replyContent: this.replayForm.replay
-                // 回复状态this.complaintStatus
             };
-            // // 处理记录/sc-community-web/feedback/speed/list
+            // 获取处理记录
             this.$http.get('/sc-community-web/feedback/speed/list', query).then((res) => {
                 this.recordData = res.data;
             });

operationSupport/src/views/propertyManagement/neighbor.vue

@@ -53,11 +53,11 @@
                         <p class="complaint-content">
                             <span>
                                 <span class="complaint-content-left">所属社区：</span>
-                                <span class="complaint-content-right">{{ rowData.communityId }}</span>
+                                <span class="complaint-content-right">{{ rowData.communityName }}</span>
                             </span>
                             <span>
                                 <span class="complaint-content-left">房间地址：</span>
-                                <span class="complaint-content-right">{{ rowData.houseId }}</span>
+                                <span class="complaint-content-right">{{ rowData.address }}</span>
                             </span>
                         </p>
                         <p class="complaint-content">
@@ -86,20 +86,22 @@
                                 <span class="complaint-content-right" style="margin: 0">{{ rowData.content }}</span>
                             </span>
                         </div>
-                        <div class="complaint-images">
+                        <div class="complaint-content complaint-images">
                             <span class="complaint-content-left">图片/视频：</span>
+                            <!-- <el-image src="/sc-community-web/upload/2021/12/15/db4376cf4ab541f9a282145a5ddf2919.jpeg"></el-image> -->
                             <span v-if="srcList">
-                                <el-image
-                                    class="images"
-                                    v-for="(item, index) in imgList"
-                                    :src="item"
-                                    :preview-src-list="imgList"
-                                    :key="index"
-                                >
-                                </el-image>
+                                <span v-for="(item, index) in imgList" :key="index">
+                                    <el-image class="images" :src="item" :preview-src-list="imgList"> </el-image
+                                ></span>
                                 <span @click="clickVideo">
-                                    <video id="video" :controls="videoControls" class="videos">
-                                        <source :src="videoList" type="video/mp4" />
+                                    <video
+                                        id="video"
+                                        v-for="(item, index) in videoList"
+                                        :key="index"
+                                        :controls="videoControls"
+                                        class="videos"
+                                    >
+                                        <source :src="item" type="video/mp4" />
                                         您的浏览器暂不支持播放视频
                                     </video></span
                                 >
@@ -235,6 +237,7 @@ export default {
             enditShow: false,
             // 删除的id
             rowId: '',
+            // 弹框评论
             detailData: []
         };
     },
@@ -246,17 +249,6 @@ export default {
         this.mixins_dataUrl = '/sc-community-web/neighbourhood/page';
         this.mixins_query = {};
         this.mixins_search();
-        let file = '0.mp4,1.png,2.JPG,3.jpg,4.mp4';
-        let files = file.split(',');
-        let imgList = files.filter((item) => {
-            return item.substr(-3) == 'png' || item.substr(-3) == 'jpg';
-        });
-        let videoList = files.filter((item) => {
-            return item.substr(-3) == 'mp4';
-        });
-        console.log('====================================');
-        console.log('==imgList==================================', imgList);
-        console.log('==videoList==================================', videoList);
     },
     mounted() {},
     methods: {
@@ -319,23 +311,30 @@ export default {
         },
         /** 查看处理详情*/
         clickEdit(type, row) {
+            if (type == 'endit') {
             this.rowData = row;
             this.$http.get('/sc-community-web/neighbourhood/find/' + row.id).then((res) => {
-                let file = res.data.file;
-                let files = file.split(',');
-                this.srcList = files;
-                this.imgList = files.filter((item) => {
-                    return item.substr(-3) == 'png' || item.substr(-3) == 'jpg';
-                });
-                this.videoList = files.filter((item) => {
-                    return item.substr(-3) === 'mp4';
-                });
-                this.detailData = res.data;
-            });
-            console.log('查看处理详情', row, this.centerDialogVisible);
-            if (type == 'endit') {
+                if(res.status===0){
+                if(res.data.file){
+                    let file = res.data.file;
+                    let files = file.split(',');
+                    this.srcList = files;
+                    console.log('file',this.srcList);
+
+                    this.imgList = files.filter((item) => {
+                        return item.substr(-3) == 'png' || item.substr(-3) == 'jpg'||item.substr(-4)=='jpeg';
+                    });
+                    this.videoList = files.filter((item) => {
+                        return item.substr(-3) === 'mp4';
+                    });
                 this.centerDialogVisible = true;
                 this.enditShow = true;
+                this.detailData = res.data;
+                }
+                }else{
+                    this.$message('获取详情失败！请稍后重试')
+                }
+            });
             } else {
                 this.deleteName = row.name;
                 this.dialogVisibleDelete = true;

operationSupport/src/views/propertyManagement/style.scss

@@ -82,6 +82,7 @@ $fontSizeSmall: 14px;
     .complaint-images {
         margin-top: 33px;
         margin-left: 20px;
+        display: block;
     }
     // 图片/视频样式
     .images {