办事事件列表增加字段

src/views/matter/matter.vue

@@ -55,11 +55,12 @@
           @click="handleDelete"
         >删除</el-button>
       </el-col>
+
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
     <el-table v-loading="loading" :data="deptList" @selection-change="handleSelectionChange">
       <el-table-column label="事项标题" align="center" prop="title" />
-      <el-table-column label="主体类型" align="center" prop="type" />
+      <el-table-column label="主题类型" align="center" prop="type" />
       <el-table-column label="所属部门" align="center" prop="department" />
 
       <el-table-column label="是否展示" align="center" key="operation">
@@ -87,23 +88,34 @@
       <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-edit"
-            @click="handleUpdate(scope.row)"
+            v-if="scope.row.examine != 1"
+          size="mini"
+          type="text"
+          icon="el-icon-edit"
+          @click="handleUpdate(scope.row)"
           >修改</el-button>
+
           <el-button
+            v-if="scope.row.examine != 1"
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
           >删除</el-button>
           <el-button
+            v-if="scope.row.examine != 1"
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleExamine(scope.row)"
           >审核</el-button>
+
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleview(scope.row)"
+          >查看</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -117,13 +129,16 @@
     />
 
     <!-- 添加或修改部门对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="事项标题" prop="title">
           <el-input v-model="form.title" placeholder="请输入事项标题" style="width: 230px;" />
         </el-form-item>
-        <el-form-item label="主体类型" prop="type">
-          <el-select v-model="form.type" placeholder="请选择主体类型">
+        <el-form-item label="正文" prop="content">
+          <editor v-model="form.content" :min-height="122" v-if="open" />
+        </el-form-item>
+        <el-form-item label="主题类型" prop="type">
+          <el-select v-model="form.type" placeholder="请选择主题类型">
             <el-option
               v-for="item in deptLists"
               :key="item.id"
@@ -180,6 +195,63 @@
         <el-button @click="cancelExamine">取消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 详情 -->
+    <el-dialog :title="title" :visible.sync="openSee" width="600px" append-to-body>
+
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+
+        <el-form-item label="事项标题" prop="title" >
+          <el-input v-model="form.title" placeholder="请输入事项标题" style="width: 230px;" :readonly="true" />
+        </el-form-item>
+        <el-form-item label="正文" prop="content" >
+          <editor v-model="form.content" :min-height="122" :readonly="true" />
+        </el-form-item>
+        <el-form-item label="主体类型" prop="type" >
+          <el-select v-model="form.type" placeholder="请选择主体类型" :disabled="true">
+            <el-option
+              v-for="item in deptLists"
+              :readonly="true"
+              :key="item.id"
+              :label="item.deptName"
+              :value="item.deptName"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属部门" prop="department" >
+          <el-select v-model="form.department" placeholder="请输入所属部门":disabled="true">
+            <el-option
+              v-for="item in departmentList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.name"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否常办" >
+          <el-radio-group v-model="form.operation">
+            <el-radio
+              v-for="dict in dict.type.sys_normal_disable"
+              :key="dict.value"
+              :disabled="true"
+              :label="dict.value"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="电话" prop="address" style="width: 300px;" >
+          <el-input v-model="form.address" placeholder="请输入电话" :readonly="true" />
+        </el-form-item>
+        <el-form-item label="地址" prop="phone" style="width: 300px;" >
+          <el-input v-model="form.phone" placeholder="请输入地址" :readonly="true" />
+        </el-form-item>
+        <el-form-item label="图片" prop="picture" >
+          <image-upload v-model="form.picture" :fileSize="10" :limit="1"  />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -202,6 +274,8 @@
         multiple: true,
         // 显示搜索条件
         showSearch: true,
+        // 是否显示详情弹出层
+        openSee: false,
         // 总条数
         dialogVisible: false,
         total: 0,
@@ -226,6 +300,7 @@
           pageNum: 1,
           pageSize: 10,
           email: null,
+          content:null,
           examine:null,
 
         },
@@ -247,7 +322,7 @@
             { required: true, message: "事项标题不能为空", trigger: "blur" }
           ],
           type: [
-            { required: true, message: "主体类型不能为空", trigger: "blur" }
+            { required: true, message: "主题类型不能为空", trigger: "blur" }
           ],
           department: [
             { required: true, message: "所属部门不能为空", trigger: "blur" }
@@ -289,10 +364,32 @@
           this.loading = false;
         });
       },
+      /** 查询事项详情 */
+      handleview(row) {
+        this.reset();
+        console.log("999999999999",row)
+        getDept(row.id).then(response => {
+          this.form = response.data;
+           this.$nextTick(() => {
+            this.form.operation = this.form.operation.toString();
+          });
+          this.openSee = true;
+          this.title = "详情";
+        });
+      },
+  //     getDept(row.id).then(response => {
+  //   this.form = response.data;
+  //   this.$nextTick(() => {
+  //     this.form.operation = this.form.operation.toString();
+  //   });
+  //   this.open = true;
+  //   this.title = "修改事项";
+  // });
       // 取消按钮
       cancel() {
         this.open = false;
         this.reset();
+        this.openSee = false;
       },
       // 表单重置
       reset() {
@@ -300,6 +397,7 @@
           name: null,
           operation: null,
           application: null,
+          content:null,
         };
         this.resetForm("form");
       },
@@ -323,7 +421,7 @@
       handleAdd() {
         this.reset();
         this.open = true;
-        this.title = "添加部门";
+        this.title = "添加事项";
       },
       /** 修改按钮操作 */
       handleUpdate(row) {
@@ -338,7 +436,7 @@
               this.form.operation = this.form.operation.toString();
             });
             this.open = true;
-            this.title = "修改部门";
+            this.title = "修改事项";
           });
         }