走访记录页面修改

ruoyi-ui/src/views/szxc/visitrecard/index.vue

@@ -114,49 +114,57 @@
     </el-row>
 
     <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange" border>
-      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="selection" width="45" align="center" />
-      <el-table-column label="ID" align="center" prop="id" />
+      <el-table-column label="ID" align="center" prop="id" min-width="60" show-overflow-tooltip/>
-      <el-table-column label="提报人" align="center" prop="visiterName" />
+      <el-table-column label="标题" align="center" prop="title" min-width="180" show-overflow-tooltip/>
-      <el-table-column label="提报日期" align="center" prop="submitDate">
+      <el-table-column label="所属网格" align="center" prop="deptName" min-width="120" show-overflow-tooltip/>
+      <el-table-column label="提报人" align="center" prop="visiterName" min-width="120" show-overflow-tooltip/>
+      <el-table-column label="提报日期" align="center" prop="submitDate" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.submitDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="开始时间" align="center" prop="startDate">
+      <el-table-column label="开始时间" align="center" prop="startDate" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.startDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="结束时间" align="center" prop="endDate">
+      <el-table-column label="结束时间" align="center" prop="endDate" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="走访类别" align="center" prop="type" >
+      <el-table-column label="走访类别" align="center" prop="type" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           <dict-tag :options="dict.type.szxc_zf_type" :value="scope.row.type"/>
         </template>
       </el-table-column>
-<!--      <el-table-column label="走访对像id" align="center" prop="jmId" />-->
+      <el-table-column label="走访对象" align="center" prop="visitObj" min-width="120" show-overflow-tooltip/>
-      <el-table-column label="走访对象" align="center" prop="visitObj" />
-      <el-table-column label="标题" align="center" prop="title" />
       <el-table-column label="图片" align="center" prop="picture" >
         <template slot-scope="scope">
           <image-preview :src="scope.row.picture" :width="50" :height="50"/>
         </template>
       </el-table-column>
-      <el-table-column label="内容" align="center" prop="content" />
+      <el-table-column label="内容" align="center" prop="content" min-width="180" show-overflow-tooltip/>
-      <el-table-column label="随行走访人" align="center" prop="flowPeople" />
+      <el-table-column label="随行走访人" align="center" prop="flowPeople" min-width="120" show-overflow-tooltip/>
-      <el-table-column label="审核状态" align="center" prop="zfStatus" >
+      <el-table-column label="审核状态" align="center" prop="zfStatus" min-width="100" show-overflow-tooltip>
         <template slot-scope="scope">
           <dict-tag :options="dict.type.szxc_audit_status" :value="scope.row.zfStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="审核备注" align="center" prop="shRemark" />
+      <el-table-column label="审核部门" align="center" prop="auditDept" min-width="180" show-overflow-tooltip/>
-      <el-table-column label="所属网格" align="center" prop="deptName" />
+      <el-table-column label="审核结果" align="center" prop="auditResult" min-width="180" show-overflow-tooltip>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_audit_status" :value="scope.row.auditResult"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核人" align="center" prop="auditName" min-width="180" show-overflow-tooltip/>
+      <el-table-column label="审核原因" align="center" prop="auditReason" min-width="180" show-overflow-tooltip/>
+      <el-table-column label="审核备注" align="center" prop="shRemark" min-width="180" show-overflow-tooltip/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="220">
         <template slot-scope="scope">
           <el-button
+            v-if="scope.row.zfStatus==='0'"
             size="mini"
             type="text"
             icon="el-icon-edit"
@@ -170,6 +178,26 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['szxc:visitrecard:remove']"
           >删除</el-button>
+          <el-button
+            v-if="scope.row.zfStatus==='0'"
+            size="mini"
+            type="text"
+            @click="handleShenHe(scope.row)"
+            v-hasPermi="['szxc:wish:edit']"
+          >审核</el-button>
+          <el-button
+            v-if="scope.row.zfStatus==='2'"
+            size="mini"
+            type="text"
+            @click="handleUpdate1(scope.row)"
+            v-hasPermi="['szxc:wish:edit']"
+          >重新提交</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleSHJL(scope.row)"
+            v-hasPermi="['szxc:wish:edit']"
+          >审核记录</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -253,30 +281,11 @@
         </el-row>
 
         <el-row :gutter="10">
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="标题" prop="title">
               <el-input v-model="form.title" placeholder="请输入标题" />
             </el-form-item>
           </el-col>
-
-          <el-col :span="12">
-            <el-form-item label="审核状态" prop="zfStatus">
-              <el-select
-                v-model="form.zfStatus"
-                placeholder="审核状态"
-                clearable
-                style="width:100%"
-              >
-                <el-option
-                  v-for="dict in dict.type.szxc_audit_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-
         </el-row>
 
         <el-row :gutter="10">
@@ -298,21 +307,59 @@
         <el-form-item label="走访内容" prop="content">
           <el-input v-model="form.content" type="textarea" placeholder="请输入走访内容" />
         </el-form-item>
-
-        <el-form-item label="审核备注" prop="shRemark">
-          <el-input v-model="form.shRemark" type="textarea" placeholder="请输入审核备注" />
-        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 审核对话框 -->
+    <el-dialog title="审核" :visible.sync="shenHe.open" width="500px" append-to-body>
+      <el-form ref="shenHeForm" :model="shenHe.form" :rules="shenHe.rules" label-width="90px">
+        <el-form-item label="审核结果" prop="auditResult">
+          <el-select
+            v-model="shenHe.form.auditResult"
+            placeholder="请选择审核结果"
+            clearable
+            style="width:100%"
+          >
+            <el-option label="通过" value="1"/>
+            <el-option label="不通过" value="2"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审核原因" prop="auditReason">
+          <el-input v-model="shenHe.form.auditReason" type="textarea" placeholder="请输入审核原因" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="shenHe.form.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="shenHeSubmit">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="审核记录" :visible.sync="shjl.visible" width="1000px" append-to-body>
+      <el-table v-loading="shjl.loading" :data="shjl.list" border>
+        <el-table-column label="审核部门" align="center" prop="auditDept" />
+        <el-table-column label="审核人" align="center" prop="auditName" />
+        <el-table-column label="审核结果" align="center" prop="auditResult" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_audit_status" :value="scope.row.auditResult"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="审核原因" align="center" prop="auditReason" />
+        <el-table-column label="备注" align="center" prop="remark" />
+      </el-table>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
 import { listVisitrecard, getVisitrecard, delVisitrecard, addVisitrecard, updateVisitrecard } from "@/api/szxc/visitrecard";
+import { listXyrecard, addXyrecard } from "@/api/szxc/xyrecard";
 import { deptTreeSelect } from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -407,7 +454,34 @@ export default {
         shRemark: [
           { required: true, message: "审核备注不能为空", trigger: "blur" }
         ],
+      },
+      // 审核
+      shenHe:{
+        row: null,
+        // 是否显示审核弹出层
+        open: false,
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+          auditResult: [
+            { required: true, message: "审核结果不能为空", trigger: "blur" }
+          ],
+          auditReason: [
+            { required: true, message: "审核原因不能为空", trigger: "blur" }
+          ],
         }
+      },
+      // 审核记录信息
+      shjl: {
+        visible: false,
+        // 遮罩层
+        loading: false,
+        // 查询列表
+        list: [],
+        // 选中信息
+        selectedRow: null,
+      },
     };
   },
   created() {
@@ -534,7 +608,83 @@ export default {
       this.download('szxc/visitrecard/export', {
         ...this.queryParams
       }, `visitrecard_${new Date().getTime()}.xlsx`)
+    },
+    /** 审核按钮操作 */
+    handleShenHe(row) {
+      this.shenHe.row = row;
+      this.resetForm("shenHeForm");
+      this.shenHe.form = {
+        id: null,
+        shRecardType: '1',
+        jlId: row.id,
+        auditDept: row.auditDept,
+        auditName: this.$store.state.user.nickName,
+        auditResult: null,
+        auditReason: null,
+        remark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      };
+      this.shenHe.open = true
+    },
+    // 审核提交
+    shenHeSubmit(){
+      this.$refs["shenHeForm"].validate(valid => {
+        if (valid) {
+          this.shenHe.row.auditName = this.shenHe.form.auditName;
+          this.shenHe.row.auditResult =  this.shenHe.form.auditResult;
+          this.shenHe.row.auditReason =  this.shenHe.form.auditReason;
+          this.shenHe.row.shRemark =  this.shenHe.form.remark;
+          if(this.shenHe.form.auditResult==='1'){
+            this.shenHe.row.zfStatus = '1'
+          }
+          if(this.shenHe.form.auditResult==='2'){
+            this.shenHe.row.zfStatus = '2'
           }
+          updateVisitrecard(this.shenHe.row).then(response1 => {
+            addXyrecard(this.shenHe.form).then(response => {
+              this.$modal.msgSuccess("操作成功");
+              this.shenHe.open = false;
+              this.getList();
+            });
+          });
+        }
+      });
+    },
+    // 审核记录信息
+    handleSHJL(row){
+      this.shjl.selectedRow = row;
+      this.shjl.visible = true;
+      this.getlistXyrecard();
+    },
+    /** 查询审核记录信息列表 */
+    getlistXyrecard() {
+      listXyrecard({
+        pageNum: 1,
+        pageSize: 100000000,
+        shRecardType: '1',
+        jlId: this.shjl.selectedRow.id
+      }).then(response => {
+        this.shjl.list = response.rows
+      });
+    },
+    /** 重新提交按钮操作 */
+    handleUpdate1(row) {
+      this.reset();
+      const id = row.id
+      getVisitrecard(id).then(response => {
+        this.form = response.data;
+        this.form.zfStatus = '0';
+        this.form.auditName = '';
+        this.form.auditResult = '';
+        this.form.auditReason = '';
+        this.form.shRemark = '';
+        this.open = true;
+        this.title = "修改走访记录";
+      });
+    },
   }
 };
 </script>

ruoyi-ui/src/views/szxc/xcrecard/index.vue

@@ -677,7 +677,7 @@ export default {
       this.resetForm("shenHeForm");
       this.shenHe.form = {
         id: null,
-        shRecardType: '0',
+        shRecardType: '2',
         jlId: row.id,
         auditDept: row.auditDept,
         auditName: this.$store.state.user.nickName,
@@ -726,7 +726,7 @@ export default {
       listXyrecard({
         pageNum: 1,
         pageSize: 100000000,
-        shRecardType: '0',
+        shRecardType: '2',
         jlId: this.shjl.selectedRow.id
       }).then(response => {
         this.shjl.list = response.rows