通知公告和新闻咨询完善

vue/src/views/system/notice/index.vue

@@ -53,6 +53,7 @@
         </el-table-column>
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
+                <el-button size="mini" type="text" icon="el-icon-view" @click="openDetailDialog(scope.row.noticeId)">查看</el-button>
                 <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:notice:edit']">修改</el-button>
                 <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:notice:remove']">删除</el-button>
             </template>
@@ -96,6 +97,21 @@
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>
+
+    <!--通知公告详情 -->
+    <el-dialog :title="form.noticeTitle" :visible.sync="openDetail" width="800px" append-to-body>
+        <div style="margin-top:-20px;margin-bottom:10px;">
+            <el-tag size="mini" effect="dark" type="warning" v-if="form.noticeType==2">公告</el-tag>
+            <el-tag size="mini" effect="dark" v-else>信息</el-tag>
+            <span style="margin-left:20px;">{{form.createTime}}</span>
+        </div>
+        <div v-loading="loadingDetail" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
+            <div v-html="form.noticeContent"></div>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="closeDetail"> 关 闭 </el-button>
+        </div>
+    </el-dialog>
 </div>
 </template>
 
@@ -114,7 +130,11 @@ export default {
     data() {
         return {
             // 是否为管理员
-            isAdmin:false,
+            isAdmin: false,
+            // 详情加载
+            loadingDetail: false,
+            // 打开详情
+            openDetail: false,
             // 遮罩层
             loading: true,
             // 选中数组
@@ -164,7 +184,7 @@ export default {
     },
     methods: {
         init() {
-            if (this.$store.state.user.roles.indexOf("tenant") === -1 || this.$store.state.user.roles.indexOf("tenant") === -1) {
+            if (this.$store.state.user.roles.indexOf("tenant") === -1 && this.$store.state.user.roles.indexOf("general") === -1) {
                 this.isAdmin = true
             }
         },
@@ -254,7 +274,23 @@ export default {
                 this.getList();
                 this.$modal.msgSuccess("删除成功");
             }).catch(() => {});
-        }
+        },
+        // 打开信息详情
+        openDetailDialog(id) {
+            this.openDetail = true;
+            this.loadingDetail = true;
+            getNotice(id).then(response => {
+                this.form = response.data;
+                this.openDetail = true;
+                this.loadingDetail = false;
+            });
+        },
+        // 取消按钮
+        closeDetail() {
+            this.titleDetail = "详情";
+            this.openDetail = false;
+            this.reset();
+        },
     }
 };
 </script>