vueconf

operationSupport/src/views/propertyManagement/index.vue

@@ -88,7 +88,7 @@
                         <p class="complaint-content">
                             <span>
                                 <span class="complaint-content-left" style="margin-left: 12px">投诉人：</span>
-                                <span class="complaint-content-right">{{ complaintName }}</span>
+                                <span class="complaint-content-right">{{ rowData.userName }}</span>
                             </span>
                             <span>
                                 <span class="complaint-content-left">手机号：</span>
@@ -116,7 +116,7 @@
                             <span v-if="mediaList.length > 0">
                                 <span v-for="(item, index) in mediaList" :key="index">
                                     <span v-if="typeVideo(item)">
-                                        <video class="images" :src="item" @click="lookVideos(item)"></video>
+                                        <video class="images videos" :src="item" @click="lookVideos(item)"></video>
                                     </span>
                                     <span v-else>
                                         <el-image class="images" :src="item" :preview-src-list="[item]"></el-image>
@@ -143,7 +143,7 @@
                                 <div class="recored-detali-rows">
                                     <div class="record-left" v-if="rowData.complaintStatus != '1'"></div>
                                     <span class="font-size-small"
-                                        >{{ item.replyUserName }}:{{ item.replyContent ? item.replyContent : '--' }}</span
+                                        >{{ item.replyUserName }}: {{ item.replyContent ? item.replyContent : '--' }}</span
                                     >
                                 </div>
                             </div>
@@ -300,7 +300,8 @@ export default {
                 {
                     label: '内容',
                     prop: 'content',
-                    slot: 'content'
+                    slot: 'content',
+                    width: 260
                 },
                 {
                     label: '状态',
@@ -456,7 +457,7 @@ export default {
                     this.mediaList = res.data.imageUrl.split(',');
                 } else {
                     this.rowData = row;
-                    this.$message('获取详情失败!请稍后重试');
+                    this.$message.error(msg);
                 }
             });
             let query = {
@@ -471,7 +472,7 @@ export default {
         message(status, text) {
             if (status === 0) {
                 this.$message({
-                    message: `${text}成功`,
+                    message: `${text}`,
                     type: 'success'
                 });
                 this.centerDialogVisible = false;
@@ -479,8 +480,8 @@ export default {
                 this.mixins_search();
             } else {
                 this.$message({
-                    message: `${text}失败请稍后重试`,
-                    type: 'warning'
+                    message: `${text}`,
+                    type: 'error'
                 });
             }
         }

operationSupport/src/views/propertyManagement/inform.vue

@@ -391,7 +391,8 @@ export default {
             cols: [
                 {
                     label: '标题',
-                    prop: 'title'
+                    prop: 'title',
+                    width: 300
                 },
                 {
                     label: '所属社区',
@@ -472,7 +473,6 @@ export default {
     },
     created() {
         this.getCommunityList();
-
         this.mixins_post;
         this.mixins_dataUrl = '/sc-community-web/notice/page';
         this.mixins_query = {};

operationSupport/src/views/propertyManagement/neighbor.vue

@@ -90,7 +90,13 @@
                             <span class="complaint-content-left">图片/视频：</span>
                             <span v-if="mediaList.length > 0" class="complaint-content-media">
                                 <span v-for="(item, index) in mediaList" :key="index" class="media">
-                                    <video v-if="typeVideo(item)" id="video" class="images" :src="item" @click="lookVideos(item)"></video>
+                                    <video
+                                        v-if="typeVideo(item)"
+                                        id="video"
+                                        class="images videos"
+                                        :src="item"
+                                        @click="lookVideos(item)"
+                                    ></video>
                                     <el-image v-else class="images" :src="item" :preview-src-list="srcList"></el-image>
                                 </span>
                             </span>
@@ -103,19 +109,6 @@
                     </div>
                     <div class="record">
                         <div class="recored-detali" v-if="detailData">
-                            <!-- v-for="(item, index) in 3" :key="index" -->
-                            <!-- <div>
-                                <div class="recored-detali-row last-row">
-                                    <div>
-                                        <img class="circle" src="../../assets/img/point_yiwancheng@2x.png" alt="" />
-                                        <span>2021-09-22 10:01:01</span>
-                                    </div>
-                                    <el-button class="last-row-right" type="primary" plain @click="deletes">删除</el-button>
-                                </div>
-                                <div class="recored-detali-rows">
-                                    <span class="font-size-small">欢迎欢迎</span>
-                                </div>
-                            </div> -->
                             <div v-for="(item, index) of detailData.commentList" :key="index">
                                 <div class="recored-detali-row last-row">
                                     <div>
@@ -197,7 +190,8 @@ export default {
                 },
                 {
                     label: '动态内容',
-                    prop: 'content'
+                    prop: 'content',
+                    width: 300
                 },
                 {
                     label: '评论',
@@ -322,6 +316,7 @@ export default {
         },
         /** 查看处理详情*/
         clickEdit(type, row) {
+            this.mediaList = '';
             if (type == 'endit') {
                 this.rowData = row;
                 this.$http.get('/sc-community-web/neighbourhood/find/' + row.id).then((res) => {
@@ -336,10 +331,10 @@ export default {
                             this.srcList = this.mediaList.filter((item) => {
                                 return item !== 'mp4';
                             });
-                            this.centerDialogVisible = true;
-                            this.enditShow = true;
-                            this.detailData = res.data;
                         }
+                        this.centerDialogVisible = true;
+                        this.enditShow = true;
+                        this.detailData = res.data;
                     } else {
                         this.$message.error('获取详情失败！请稍后重试');
                     }
@@ -389,4 +384,11 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import './style.scss';
+.videos {
+    width: 25%;
+    height: 90px;
+    vertical-align: middle;
+    border-radius: 4px;
+    margin-right: 10px;
+}
 </style>

operationSupport/src/views/propertyManagement/style.scss

@@ -89,12 +89,12 @@ $fontSizeSmall: 14px;
         margin-top: 33px;
         margin-left: 20px;
         display: block;
-        max-height: 70px;
+        max-height: 90px;
     }
     // 图片/视频样式
     .images {
         width: 25%;
-        height: 70px;
+        height: 90px;
         vertical-align: middle;
         border-radius: 4px;
         margin-right: 10px;
@@ -105,9 +105,6 @@ $fontSizeSmall: 14px;
         }
     }
 
-    .videos {
-        @extend .images;
-    }
     // 记录部分
     .record {
         padding: 10px;
@@ -328,11 +325,6 @@ $fontSizeSmall: 14px;
 
 // 通知公告样式
 .inform {
-    /deep/ .cell.el-tooltip p {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
     // 添加弹框样式
     .dialog-info {
         /deep/ .el-dialog__header {
@@ -682,3 +674,17 @@ s {
 /deep/ iframe {
     width: 99% !important;
 }
+/deep/ .cell.el-tooltip p {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+/deep/ .el-table td div {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+// 视频样式
+.videos {
+    object-fit: fill !important;
+}

operationSupport/vue.config.js

@@ -33,9 +33,10 @@ module.exports = {
             .options({
                 viewportWidth: 1920 //传参
             });
-        // // 配置每次打包浏览器缓存文件名的随机性
-        // const filename = path.posix.join('js', `${new Date().getTime()}_[name].js`);
-        // config.mode('production').devtool(false).output.filename(filename).chunkFilename(filename);
+
+        // 配置每次打包浏览器缓存文件名的随机性
+        const filename = path.posix.join('js', `${new Date().getTime()}_[name].js`);
+        config.mode('production').devtool(false).output.filename(filename).chunkFilename(filename);
     },
     // 配置全局样式变量
     css: {
@@ -60,9 +61,9 @@ module.exports = {
             //     })
         },
         extract: {
-            // // 打包后css文件名称添加时间戳
-            // filename: `css/[name].${new Date().getTime()}.css`,
-            // chunkFilename: `css/chunk.[id].${new Date().getTime()}.css`
+            // 打包后css文件名称添加时间戳
+            filename: `css/[name].${new Date().getTime()}.css`,
+            chunkFilename: `css/chunk.[id].${new Date().getTime()}.css`
         }
     },
     configureWebpack: {