消息通知-添加查看功能

admin-ui/src/views/work/notice/edit.vue

@@ -2,22 +2,22 @@
   <div class="cmain">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="标题" prop="title">
-          <el-input v-model="form.title" placeholder="请输入标题" clearable maxlength="20" show-word-limit/>
+          <el-input v-model="form.title" placeholder="请输入标题" clearable :disabled="param.readonly" maxlength="20" show-word-limit />
         </el-form-item>
         <el-form-item label="是否置顶" prop="top">
-          <el-radio-group v-model="form.top">
+          <el-radio-group v-model="form.top" :disabled="param.readonly">
             <el-radio :label="1">是</el-radio>
             <el-radio :label="0">否</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="状态" prop="state">
-          <el-radio-group v-model="form.state">
+          <el-radio-group v-model="form.state" :disabled="param.readonly">
             <el-radio :label="1">启用</el-radio>
             <el-radio :label="0">停用</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="内容" prop="contents">
-          <editor v-model="form.contents" placeholder="请输入内容" ></editor>
+          <editor v-model="form.contents" placeholder="请输入内容" :readonly="param.readonly"></editor>
         </el-form-item>
       </el-form>
     <div class="mfooter">
@@ -57,7 +57,7 @@ export default {
     },
     layerid: {
       type: String
-    }
+    },
   },
   mounted() {
     if (this.param.id) {

admin-ui/src/views/work/notice/index.vue

@@ -67,6 +67,7 @@
       <el-table-column label="创建时间" align="center" prop="createTime" />
       <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="op('detail', scope.row)" v-hasPermi="['work:notice:list']">查看</el-button>
           <el-button size="mini" type="text" icon="el-icon-edit" @click="op('edit',scope.row)" v-hasPermi="['work:notice:edit']">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="del(scope.row)" v-hasPermi="['work:notice:remove']">删除</el-button>
         </template>
@@ -151,6 +152,10 @@ export default {
               const id = row.id || this.ids[0];
               this.iframe({ obj: edit, param: {id: id}, title:'编辑',width: '50%', height: '50%'});
           }
+          if (tag == 'detail') {
+            const id = row.id || this.ids[0];
+            this.iframe({ obj: edit, param: {id: id,readonly:true}, title:'详情',width: '50%', height: '50%'});
+          }
     },
     del(row) {
         this.$confirm('是否确认删除选中数据?', '警告', { type: 'warning' }).then(() => {