update

src/api/applySupermarket/personBack/index.js

@@ -32,3 +32,12 @@ export function getList(id) {
     method: "get",
   });
 }
+
+// 修改人员审核相关
+export function modifyPerson(data) {
+  return request({
+    url: "/prepare/verification/",
+    method: "put",
+    data,
+  });
+}

src/views/applySupermarket/businessConsulting/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="enterpriseService">
+  <div class="enterpriseService loveflow">
     <div class="flexSpaceBetween">
       <div class="tableOperator"></div>
       <div class="searchWrap">
@@ -110,7 +110,6 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-@import url("../index.less");
 .enterpriseService {
   height: 100%;
   overflow: hidden;

src/views/applySupermarket/index.vue

@@ -784,7 +784,7 @@ export default {
   }
 
   .msgDetailTop {
-    margin-bottom: 12px;
+    margin: 20px 0 24px;
   }
 
   .tableWrap {
@@ -796,6 +796,18 @@ export default {
       td.el-table__cell {
       background-color: transparent;
     }
+
+    .el-table {
+      border: none;
+      .el-table__body-wrapper .el-table__body tbody tr td {
+        border-bottom: solid 1px rgba(82, 107, 127, 0.7);
+        border-left: solid 1px rgba(82, 107, 127, 0.7);
+
+        .el-radio {
+          color: #ffffff;
+        }
+      }
+    }
   }
 }
 </style>

src/views/applySupermarket/keyPerson/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="enterpriseService">
+  <div class="enterpriseService loveflow">
     <div class="flexSpaceBetween">
       <div class="tableOperator"></div>
       <div class="searchWrap">
@@ -110,7 +110,6 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-@import url("../index.less");
 .enterpriseService {
   height: 100%;
   overflow: hidden;

src/views/applySupermarket/legalAdvice/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="enterpriseService">
+  <div class="enterpriseService loveflow">
     <div class="flexSpaceBetween">
       <div class="tableOperator"></div>
       <div class="searchWrap">
@@ -110,7 +110,6 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-@import url("../index.less");
 .enterpriseService {
   height: 100%;
   overflow: hidden;

src/views/applySupermarket/personBack/components/detailDialog.vue

@@ -14,7 +14,7 @@
             <div class="msgDetailValue">{{ dataInfo.companyName }}</div>
           </div>
           <div class="msgDetailItem">
-            <div class="msgDetailLabel">提交时间：</div>
+            <div class="msgDetailLabel">申请时间：</div>
             <div class="msgDetailValue">{{ dataInfo.createTime }}</div>
           </div>
           <div class="msgDetailItem">
@@ -39,16 +39,14 @@
           :tableData="tableList"
           :columns="columns"
           rowKey="id"
-          :pagination="false"
-          @pageSizeChange="handlePageSizeChange"
-          @currentPageChange="handleCurrentPageChange"
+          :pagination="{}"
         >
           <template v-slot:optSlot="{ scope }">
             <el-image
-              v-if="scope.row.photo"
-              style="width: 100px; height: 100px"
-              :src="scope.row.photo"
-              :preview-src-list="[scope.row.photo]"
+              v-if="scope.row.picUrl"
+              style="width: 60px; height: 68px"
+              :src="scope.row.picUrl"
+              :preview-src-list="[scope.row.picUrl]"
             >
             </el-image>
           </template>
@@ -67,14 +65,7 @@ export default {
       dialogVisible: false,
       columns: [
         {
-          prop: "cmy",
-          label: "公司名称",
-          attrs: {
-            width: 240,
-          },
-        },
-        {
-          prop: "name",
+          prop: "username",
           label: "姓名",
           attrs: {
             width: 100,
@@ -85,33 +76,20 @@ export default {
           label: "照片",
           slot: "optSlot",
           attrs: {
-            width: 120,
+            width: 160,
           },
         },
         {
           prop: "card",
           label: "身份证号",
-          attrs: {
-            width: 180,
-          },
         },
         {
           prop: "reason",
           label: "审查原因",
         },
-        {
-          prop: "time",
-          label: "审查时间",
-          attrs: {
-            width: 180,
-          },
-        },
         {
           prop: "scjg",
           label: "审查结果",
-          attrs: {
-            width: 100,
-          },
         },
       ],
       dataInfo: {},

src/views/applySupermarket/personBack/components/examineDialog.vue

@@ -0,0 +1,127 @@
+<template>
+  <el-dialog
+    title="人员背景审核结果"
+    :visible.sync="dialogVisible"
+    width="80%"
+    :before-close="handleClose"
+    :close-on-click-modal="false"
+  >
+    <div class="ahsqDialogPanel">
+      <div class="msgDetailTop">
+        <div class="msgDetailLine">
+          <div class="msgDetailItem">
+            <div class="msgDetailLabel">企业名称：</div>
+            <div class="msgDetailValue">{{ dataInfo.companyName }}</div>
+          </div>
+          <div class="msgDetailItem">
+            <div class="msgDetailLabel">申请时间：</div>
+            <div class="msgDetailValue">{{ dataInfo.createTime }}</div>
+          </div>
+          <div class="msgDetailItem">
+            <div class="msgDetailLabel">审查人数：</div>
+            <div class="msgDetailValue">
+              {{ (dataInfo.details && dataInfo.details.length) || 0 }}人
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          border
+          stripe
+          ref="gMainTable"
+          :tableData="tableList"
+          :columns="columns"
+          rowKey="id"
+          :pagination="{}"
+        >
+          <template v-slot:photoSlot="{ scope }">
+            <el-image
+              v-if="scope.row.picUrl"
+              style="width: 60px; height: 68px"
+              :src="scope.row.picUrl"
+              :preview-src-list="[scope.row.picUrl]"
+            >
+            </el-image>
+          </template>
+          <template v-slot:optSlot="{ scope }">
+            <el-radio v-model="scope.row.auditResult" label="正常"
+              >正常</el-radio
+            >
+            <el-radio v-model="scope.row.auditResult" label="异常"
+              >异常</el-radio
+            >
+          </template>
+        </gMainTable>
+      </div>
+
+      <div class="flex-end">
+        <el-button type="primary" @click="sureExamine">确定提交</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+  
+  <script>
+import { getList, modifyPerson } from "@/api/applySupermarket/personBack";
+
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      columns: [
+        {
+          prop: "username",
+          label: "姓名",
+          attrs: {
+            width: 100,
+          },
+        },
+        {
+          prop: "photo",
+          label: "照片",
+          slot: "photoSlot",
+          attrs: {
+            width: 160,
+          },
+        },
+        {
+          prop: "card",
+          label: "身份证号",
+        },
+        {
+          prop: "reason",
+          label: "审查原因",
+        },
+        {
+          prop: "auditResult",
+          label: "审核处理",
+          slot: "optSlot",
+          attrs: {
+            width: 200,
+          },
+        },
+      ],
+      dataInfo: {},
+      tableList: [],
+    };
+  },
+  methods: {
+    openDialog(obj) {
+      this.dialogVisible = true;
+
+      getList(obj.id).then((res) => {
+        if (res.code == 200) {
+          this.tableList = res.data.details || [];
+          this.dataInfo = res.data;
+        }
+      });
+    },
+    sureExamine() {},
+    handleClose() {
+      this.dialogVisible = false;
+    },
+  },
+};
+</script>
+  

src/views/applySupermarket/personBack/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="enterpriseService">
+  <div class="enterpriseService loveflow">
     <div class="flexSpaceBetween">
       <div class="tableOperator"></div>
       <div class="searchWrap">
         <el-form :inline="true" :model="queryParam" class="demo-form-inline">
           <el-form-item label="企业名称">
-            <el-input v-model="queryParam.name" placeholder="请输入"></el-input>
+            <el-input v-model="queryParam.companyName" placeholder="请输入"></el-input>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="searchQuery">查询</el-button>
@@ -44,13 +44,13 @@
               </div>
               <div class="opt">
                 <div
-                  class=""
+                  class="optBtn mr14"
                   v-if="item.auditState == '1'"
                   @click="examine(item)"
                 >
                   审查
                 </div>
-                <div class="" @click="checkDetail(item)">详情</div>
+                <div class="optBtn" @click="checkDetail(item)">详情</div>
               </div>
             </div>
           </el-col>
@@ -68,14 +68,16 @@
       </gMainTable>
     </div>
     <detailDialog ref="detailDialog"></detailDialog>
+    <examineDialog ref="examineDialog"></examineDialog>
   </div>
 </template>
 <script>
 import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
 import detailDialog from "./components/detailDialog.vue";
+import examineDialog from "./components/examineDialog.vue";
 export default {
   mixins: [tableListMixins],
-  components: { detailDialog },
+  components: { examineDialog, detailDialog },
   data() {
     return {
       ipagination: {
@@ -100,7 +102,9 @@ export default {
     this.searchQuery();
   },
   methods: {
-    examine(obj) {},
+    examine(obj) {
+      this.$refs.examineDialog.openDialog(obj);
+    },
     checkDetail(obj) {
       this.$refs.detailDialog.openDialog(obj);
     },
@@ -108,7 +112,6 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-@import url("../index.less");
 .enterpriseService {
   height: 100%;
   overflow: hidden;
@@ -161,9 +164,11 @@ export default {
         display: flex;
         justify-content: flex-end;
         color: #30c4ff;
-        &:hover {
-          color: #409eff;
-          cursor: pointer;
+        .optBtn {
+          &:hover {
+            color: #409eff;
+            cursor: pointer;
+          }
         }
       }
     }