修改物业管理，邻里社区和投诉建议详情修改图片和视频的播放

operationSupport/src/views/propertyManagement/index.vue

@@ -111,18 +111,18 @@
                             <span>
                                 <el-image
                                     class="images"
-                                    v-for="(item, index) in srcList"
+                                    v-for="(item, index) in imgList"
                                     :src="item"
-                                    :preview-src-list="srcList"
+                                    :preview-src-list="imgList"
                                     :key="index"
                                 >
                                 </el-image>
-                                <!-- <span @click="clickVideo">
+                                <span @click="clickVideo">
                                     <video id="video" :controls="videoControls" class="videos">
-                                        <source src="../../assets/mov.mp4" type="video/mp4" />
+                                        <source :src="videoList" type="video/mp4" />
                                         您的浏览器暂不支持播放视频
                                     </video></span
-                                > -->
+                                >
                             </span>
                             <span v-if="srcList.length == 0"> 暂无图片 </span>
                         </div>
@@ -210,6 +210,8 @@ export default {
             videoControls: false,
             // 弹框显示图片
             srcList: [],
+            imgList: [],
+            videoList: [],
             // 物业回复
             replayForm: {
                 replay: ''
@@ -411,6 +413,15 @@ export default {
             this.rowData = row;
             this.$http.post(`/sc-community-web/feedback/find/${row.id}`).then((res) => {
                 this.rowData = res.data;
+                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';
+                });
+                this.videoList = files.filter((item) => {
+                    return item.substr(-3) === 'mp4';
+                });
                 console.log('查看处理详情返回rowData', this.rowData);
             });
             let query = {

operationSupport/src/views/propertyManagement/neighbor.vue

@@ -91,19 +91,20 @@
                             <span>
                                 <el-image
                                     class="images"
-                                    v-for="(item, index) in srcList"
+                                    v-for="(item, index) in imgList"
                                     :src="item"
-                                    :preview-src-list="srcList"
+                                    :preview-src-list="imgList"
                                     :key="index"
                                 >
                                 </el-image>
                                 <span @click="clickVideo">
                                     <video id="video" :controls="videoControls" class="videos">
-                                        <source src="../../assets/mov.mp4" type="video/mp4" />
+                                        <source :src="videoList" type="video/mp4" />
                                         您的浏览器暂不支持播放视频
                                     </video></span
                                 >
                             </span>
+                            <span v-if="srcList.length == 0"> 暂无图片/视频 </span>
                         </div>
                     </div>
                     <div class="complaint-title">
@@ -173,10 +174,9 @@ export default {
         let _this = this;
         return {
             // 弹框显示图片
-            srcList: [
-                'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                'http://114.135.61.186:21020/sc-operation/img/img_logo2.efb6785f.png'
-            ],
+            srcList: [],
+            imgList: [],
+            videoList: [],
             // 视频获得焦点
             videoControls: false,
             // 查询的时间
@@ -246,6 +246,17 @@ 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: {
@@ -313,6 +324,12 @@ export default {
                 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);