办事事件列表审核更改

src/views/matter/matter.vue

@@ -59,8 +59,17 @@
     </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="department" />
+      <el-table-column label="主题类型" align="center">
+        <template slot-scope="scope">
+          {{ getDepartmentNames(scope.row.type) }}
+        </template>
+      </el-table-column>
+
+      <el-table-column label="所属部门" align="center">
+        <template slot-scope="scope">
+          {{ getDepartmentName(scope.row.department) }}
+        </template>
+      </el-table-column>
       <el-table-column label="是否展示" align="center" key="operation">
         <template slot-scope="scope">
           <el-switch
@@ -71,8 +80,8 @@
           ></el-switch>
         </template>
       </el-table-column>
-      <el-table-column label="电话" align="center" prop="address" />
-      <el-table-column label="地址" align="center" prop="phone" />
+      <el-table-column label="电话" align="center" prop="phone" />
+      <el-table-column label="地址" align="center" prop="address" />
       <el-table-column label="图片" align="center" prop="picture" width="100">
         <template slot-scope="scope">
           <image-preview :src="scope.row.picture" :width="50" :height="50"/>
@@ -135,22 +144,22 @@
           <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-select v-model="form.type * 1" placeholder="请选择主题类型">
             <el-option
               v-for="item in deptLists"
               :key="item.id"
               :label="item.deptName"
-              :value="item.deptName"
+              :value="item.id"
             />
           </el-select>
         </el-form-item>
         <el-form-item label="所属部门" prop="department">
-          <el-select v-model="form.department" placeholder="请输入所属部门">
+          <el-select v-model="form.department*1" placeholder="请输入所属部门">
             <el-option
               v-for="item in departmentList"
               :key="item.id"
               :label="item.name"
-              :value="item.name"
+              :value="item.id"
             />
           </el-select>
         </el-form-item>
@@ -179,8 +188,54 @@
       </div>
     </el-dialog>
     <!-- 审核对话框 -->
-    <el-dialog title="审核" :visible.sync="dialogVisible" width="20%" :before-close="handleDialogClose">
-      <el-form ref="form" :model="form" :rules="rules" label-width="50px">
+    <el-dialog title="审核" :visible.sync="dialogVisible" width="30%" :before-close="handleDialogClose">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <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 * 1" placeholder="请选择主体类型" :disabled="true">
+            <el-option
+              v-for="item in deptLists"
+              :readonly="true"
+              :key="item.id"
+              :label="item.deptName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属部门" prop="department" >
+          <el-select v-model="form.department * 1" placeholder="请输入所属部门":disabled="true">
+            <el-option
+              v-for="item in departmentList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </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="phone" style="width: 300px;" >
+          <el-input v-model="form.phone" placeholder="请输入电话" :readonly="true" />
+        </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="picture" >
+          <image-upload v-model="form.picture" :fileSize="10" :limit="1"  />
+        </el-form-item>
         <el-form-item label="审核" prop="examine">
           <el-select v-model="form.examine" placeholder="请选择此事项审核状态">
             <el-option v-for="dict in dict.type.examine_state" :key="dict.value" :label="dict.label" :value="dict.value" />
@@ -205,23 +260,23 @@
           <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-select v-model="form.type * 1" placeholder="请选择主体类型" :disabled="true">
             <el-option
               v-for="item in deptLists"
               :readonly="true"
               :key="item.id"
               :label="item.deptName"
-              :value="item.deptName"
+              :value="item.id"
             />
           </el-select>
         </el-form-item>
         <el-form-item label="所属部门" prop="department" >
-          <el-select v-model="form.department" placeholder="请输入所属部门":disabled="true">
+          <el-select v-model="form.department * 1" placeholder="请输入所属部门":disabled="true">
             <el-option
               v-for="item in departmentList"
               :key="item.id"
               :label="item.name"
-              :value="item.name"
+              :value="item.id"
             />
           </el-select>
         </el-form-item>
@@ -335,6 +390,10 @@
       this.getgrid();
       this.getdepartment();
     },
+    mounted() {
+      this.getdepartment();
+      this.getgrid();
+    },
     methods: {
       /** 查询部门列表 */
       getList() {
@@ -361,10 +420,17 @@
           this.loading = false;
         });
       },
+      getDepartmentName(departmentId) {
+        const department = this.departmentList.find(item => item.id == departmentId);
+        return department ? department.name : '';
+      },
+      getDepartmentNames(typeId) {
+        const type = this.deptLists.find(item => item.id == typeId);
+        return type ? type.deptName : '';
+      },
       /** 查询事项详情 */
       handleview(row) {
         this.reset();
-        console.log("999999999999",row)
         getDept(row.id).then(response => {
           this.form = response.data;
            this.$nextTick(() => {