From de6553819fc180cba6acffc379c7d24a2a2ef4a4 Mon Sep 17 00:00:00 2001
From: wangwei <1610949092@qq.com>
Date: Tue, 23 May 2023 14:30:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B3=A8=E5=86=8C=20=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth/registComPer.js                 |  24 +
 src/api/login.js                             |  10 +
 src/api/sup/userPerson.js                    |  25 +
 src/permission.js                            |   2 -
 src/router/index.js                          |   6 +
 src/views/improveInfo.vue                    | 209 +++--
 src/views/myLogin.vue                        |  31 +-
 src/views/purchase/cert/supCertAddDialog.vue |  28 +-
 src/views/userManage/customerManage.vue      | 603 +++++++++++++
 src/views/userManage/customerUser.vue        | 446 ++++++++++
 src/views/userManage/registerManage.vue      | 878 +++++++++++++++++++
 11 files changed, 2179 insertions(+), 83 deletions(-)
 create mode 100644 src/api/sup/userPerson.js
 create mode 100644 src/views/userManage/customerManage.vue
 create mode 100644 src/views/userManage/customerUser.vue
 create mode 100644 src/views/userManage/registerManage.vue

diff --git a/src/api/auth/registComPer.js b/src/api/auth/registComPer.js
index d001d06..c5ddd50 100644
--- a/src/api/auth/registComPer.js
+++ b/src/api/auth/registComPer.js
@@ -15,6 +15,30 @@ export function saveAllInfo(param) {
   });
 }
 
+export function selectReslist(param) {
+  return request({
+    url: "/admin/auth/register/list",
+    method: "post",
+    data :param
+  });
+}
+
+export function NotApproved(param) {
+  return request({
+    url: "/admin/auth/register/NotApproved",
+    method: "post",
+    data :param
+  });
+}
+
+
+
+
+
+
+
+
+
 
 
 
diff --git a/src/api/login.js b/src/api/login.js
index 92b7572..304aa74 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -95,3 +95,13 @@ export function registerSave(data) {
     data,
   });
 }
+
+  //加密解密
+  export function encrypts(data) {
+    return request({
+      url: "/admin/auth/register/encrypt",
+      method: "post",
+      data :data
+    });
+  }
+
diff --git a/src/api/sup/userPerson.js b/src/api/sup/userPerson.js
new file mode 100644
index 0000000..f1ca13f
--- /dev/null
+++ b/src/api/sup/userPerson.js
@@ -0,0 +1,25 @@
+import request from "@/utils/request";
+export function filterList(param) {
+  return request({
+    url: "/sup/company/person/filterList",
+    method: "get",
+    params :param
+  });
+}
+
+
+export function updatePerSon(param) {
+  return request({
+    url: "/sup/company/person/updatePerSon",
+    method: "post",
+    data :param
+  });
+}
+
+export function daletePerSon(param) {
+  return request({
+    url: "/sup/company/person/daletePerSon",
+    method: "post",
+    data :param
+  });
+}
diff --git a/src/permission.js b/src/permission.js
index f4b3f44..56d715c 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -19,7 +19,6 @@ const whiteList = [
 ];
 
 router.beforeEach((to, from, next) => {
-  debugger
   NProgress.start();
   if (getToken()) {
     to.meta.title && store.dispatch("settings/setTitle", to.meta.title);
@@ -55,7 +54,6 @@ router.beforeEach((to, from, next) => {
     // 没有token
     if (whiteList.indexOf(to.path) !== -1) {
       // 在免登录白名单，直接进入
-      debugger
       next();
     } else {
       next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
diff --git a/src/router/index.js b/src/router/index.js
index 6e0abe2..94b7233 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -51,6 +51,12 @@ export const constantRoutes = [
     component: (resolve) => require([`@/views/improveInfo`], resolve),
     hidden: true,
   },
+  // {
+  //   path: "/myresgister",
+  //   component: (resolve) => require([`@/views/myresgister`], resolve),
+  //   hidden: true,
+  // },
+
   {
     path: "/register",
     component: (resolve) => require([`@/views/myLogin`], resolve),
diff --git a/src/views/improveInfo.vue b/src/views/improveInfo.vue
index 855c62d..1578be1 100644
--- a/src/views/improveInfo.vue
+++ b/src/views/improveInfo.vue
@@ -8,6 +8,11 @@
       label-width="500px"
     >
       <el-card class="el-card">
+        <div>
+          <span>
+            企业信息：
+          </span>
+        </div>
         <div style=" margin-left: 40%">
           <span>
             本企业信息审核状态：
@@ -15,13 +20,6 @@
              {{checkSupFlag[inputQuery.ucstatus] }}
               </el-tag>
           </span>
-          <span>
-            说明：
-           <el-tag>
-             {{inputQuery.ucstatus }}
-              </el-tag>
-          </span>
-
         </div>
 
 
@@ -31,6 +29,7 @@
             size="mini"
             icon="search"
             @click="onModifySubmit()"
+            :disabled ="inputQuery.ucstatus == 1 || inputQuery.ucstatus ==3"
           >草稿保存
           </el-button>
 
@@ -39,14 +38,37 @@
             size="mini"
             icon="search"
             @click="onModifySubmit('key')"
+            :disabled ="inputQuery.ucstatus == 1 || inputQuery.ucstatus ==3"
           >提交审核
           </el-button>
         </div>
+
         <el-row
           :gutter="20"
           class="el-row"
           type="flex"
           style="margin-top: 25px"
+        >
+          <el-col :span="10" class="el-col">
+            <el-form-item
+              label=" 说明:"
+              label-width="150px"
+              prop="reason"
+            >
+              <el-input
+                size="small"
+                disabled
+                v-model="inputQuery.reason"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+
+        </el-row>
+        <el-row
+          :gutter="20"
+          class="el-row"
+          type="flex"
         >
           <el-col :span="10" class="el-col">
             <el-form-item
@@ -89,27 +111,6 @@
         </el-row>
 
 
-        <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 0px">
-          <el-col :span="10" class="el-col">
-
-              <el-form-item
-                label="邮箱:"
-                label-width="150px"
-                prop="email"
-              >
-                <el-input
-                  size="small"
-                  splaceholder="请输入内容"
-                  v-model="inputQuery.email"
-                ></el-input>
-              </el-form-item>
-
-            </el-col>
-
-
-        </el-row>
-
-
         <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 0px">
           <el-col :span="10" class="el-col">
             <el-form-item label="企业类型:" label-width="150px" prop="bussinessStatus">
@@ -219,7 +220,7 @@
           style="margin-top: 25px"
         >
           <el-col :span="10" class="el-col">
-            <el-form-item label="手机:" label-width="150px" prop="mobile">
+            <el-form-item label="注册手机:" label-width="150px" prop="mobile">
               <el-input
                 size="small"
                 placeholder="请输入内容"
@@ -228,6 +229,38 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row
+          :gutter="20"
+          class="el-row"
+          type="flex"
+        >
+          <el-col :span="10" class="el-col">
+            <el-form-item label="注册人名称:" label-width="150px" prop="realName">
+              <el-input
+                size="small"
+                placeholder="请输入内容"
+                v-model="inputQuery.realName"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row
+          :gutter="20"
+          class="el-row"
+          type="flex"
+        >
+          <el-col :span="10" class="el-col">
+            <el-form-item label="法人联系电话:" label-width="150px" prop="fmobile">
+              <el-input
+                size="small"
+                placeholder="请输入内容"
+                v-model="inputQuery.fmobile"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
         <el-row
           :gutter="20"
           class="el-row"
@@ -363,6 +396,7 @@
             size="mini"
             icon="search"
             @click="addCert()"
+            :disabled ="inputQuery.ucstatus == 1 || inputQuery.ucstatus ==3"
             style="text-align: right"
           >添加资质证书
           </el-button>
@@ -384,21 +418,24 @@
           <el-table-column label="证书编号" prop="code"></el-table-column>
           <el-table-column label="生效期" prop="vailDate"></el-table-column>
           <el-table-column label="失效期" prop="expireDate"></el-table-column>
-          <el-table-column label="确认状态" prop="status" width="120">
+          <el-table-column label="确认状态" prop="checkStatus" width="120">
             <template slot-scope="scope">
-              <el-tag >
+              <el-tag :type="scope.row.checkStatus | statusFilterType">
+                {{ checkFlag[scope.row.checkStatus]}}
               </el-tag>
             </template>
           </el-table-column>
           <el-table-column
             label="确认说明"
-            prop="auditComment"
+            prop="checkComment"
             show-overflow-tooltip
           ></el-table-column>
-          <el-table-column label="状态" prop="checkStatus" width="120">
+          <el-table-column label="状态" prop="status" width="120">
             <template slot-scope="scope">
-              <el-tag >
+              <el-tag :type="scope.row.status | statusFilterType">
+                {{ statusFlag[scope.row.status]}}
               </el-tag>
+
             </template>
           </el-table-column>
 
@@ -409,6 +446,7 @@
               <el-button
                 type="text"
                 size="small"
+                :disabled ="inputQuery.ucstatus == 1 || inputQuery.ucstatus ==3"
                 @click.native="addCert(scope.row)"
               >编辑</el-button
               >
@@ -421,6 +459,7 @@
               <el-button
                 type="text"
                 size="small"
+                :disabled ="inputQuery.ucstatus == 1 || inputQuery.ucstatus ==3"
                 @click.native="deleteCompanyCert(scope.row)"
               >删除</el-button
               >
@@ -483,6 +522,8 @@ import {filterCompanyCert,deleteCert,updateCert} from "@/api/sup/userCert";
 import { previewImage } from "@/api/purchase/supCompany";
 import ElImageViewer from "element-ui/packages/image/src/image-viewer";
 import {isBlank} from "@/utils/strUtil";
+import {encrypts} from "@/api/login";
+
 
 
 
@@ -567,10 +608,59 @@ export default {
             trigger: "change",
           },
         ],
-        updateCause: [
+        legalIdCard: [
           {
             required: true,
-            message: "请输入变更原因",
+            message: "请输入法人身份证号",
+            trigger: "change",
+          },
+        ],
+        legalPerson: [
+          {
+            required: true,
+            message: "请输入法人名称",
+            trigger: "change",
+          },
+        ],
+        registerAddress: [
+          {
+            required: true,
+            message: "请输入注册地址",
+            trigger: "change",
+          },
+        ],
+        realName: [
+          {
+            required: true,
+            message: "请输入注册人名称",
+            trigger: "change",
+          },
+        ],
+        fmobile: [
+          {
+            required: true,
+            message: "请输入法人电话",
+            trigger: "change",
+          },
+        ],
+        qq: [
+          {
+            required: true,
+            message: "请输入系统负责人qq",
+            trigger: "change",
+          },
+        ],
+        weChat: [
+          {
+            required: true,
+            message: "请输入系统负责人微信",
+            trigger: "change",
+          },
+        ],
+        xemail: [
+          {
+            required: true,
+            message: "请输入系统负责人邮箱",
             trigger: "change",
           },
         ],
@@ -617,10 +707,9 @@ export default {
       editTye: 1,
       checkFlag: {
         0: "未认证",
-        1: "已确认",
+        1: "通过",
         2: "已拒绝",
-        3: "变更未确认",
-        6: "未确认",
+        3: "待审核",
       },
       checkSupFlag: {
         0: "未认证",
@@ -629,8 +718,8 @@ export default {
         3: "待审核",
       },
       statusFlag: {
-        0: "有效",
-        1: "失效",
+        1: "有效",
+        0: "失效",
       },
       formName: 1,
       formMap: {
@@ -640,11 +729,12 @@ export default {
       selectCertVisible: false,
     };
   },
+
   created() {
-    this.mobile=this.$route.query.mobile;
-    this.inputQuery.mobile=this.$route.query.mobile;
-    this.getInfo();
-    this.getCert();
+
+    this.yz();
+  //  this.getInfo();
+
 
 
   },
@@ -714,15 +804,33 @@ export default {
       })
     },
 
+    yz(){
+      var phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;
+      let param={
+        mobile:this.$route.query.mobile,
+        captcha:this.$route.query.captcha,
+      }
+      encrypts(param).then((res)=>{
+        if(res.code == 20000){
+          if(phoneReg.test(res.data.mobile) && res.data.captcha.length == 6) {
+            this.mobile = res.data.mobile;
+            this.inputQuery.mobile = res.data.mobile;
+            this.getInfo();
+          }
+        }else{
+          this.$router.push({path:"/404"})
+        }
+      })
+
+    },
+
     getInfo(){
-      debugger
       let param ={
         mobile :this.mobile
       }
       insertInitial(param)
         .then((res)=>{
           if(!isBlank(res.data['registComPerResponse'])){
-            debugger
             this.inputQuery =res.data['registComPerResponse'];
             // this.upId=res.data['registComPerResponse'].upId;
             this.urId=res.data['registComPerResponse'].id;
@@ -732,8 +840,10 @@ export default {
             this.urId=res.data['urId'];
             this.ucId=res.data['ucId'];
           }
+          this.getCert();
         })
 
+
     },
 
     getCert(){
@@ -839,9 +949,8 @@ export default {
 }
 
 .el-card {
-  margin-right: 20px;
-  margin-top: 15px;
-  /*width: 50%;*/
+  margin: 15px 25%;
+  width: 50%;
 
   /*transition: all .5s;*/
 }
diff --git a/src/views/myLogin.vue b/src/views/myLogin.vue
index b0eb43f..b54a737 100644
--- a/src/views/myLogin.vue
+++ b/src/views/myLogin.vue
@@ -65,7 +65,7 @@
             style="width: 60%; margin-bottom: 30px"
             :loading="loading"
             @click.native="handleLogin()"
-            >登录/注册
+            >注册
           </el-button>
 
         </div>
@@ -92,7 +92,7 @@ import Verify from "vue2-verify";
 import axios from "axios";
 import Cookies from "js-cookie";
 import { decrypt, encrypt } from "@/utils/jsencrypt";
-import {checkCode,getCheckcode} from "@/api/login";
+import {checkCode,getCheckcode,encrypts} from "@/api/login";
 
 export default {
   data() {
@@ -106,6 +106,8 @@ export default {
       }
     };
     return {
+      yzm:"",
+      jmobile:"",
       inputQuery :{
         mobile : "",
         checkCode : "",
@@ -124,12 +126,29 @@ export default {
       btnTitle: "获取验证码",
     };
   },
-  methods: {
+
+
+    methods: {
     handleLogin(){
       checkCode(this.inputQuery).then( (res) => {
         if(res.code == 20000 ){
-          //跳转到完善信息页面
-          this.$router.push({path: "/improveInfo",query:{mobile:res.data}});
+          //加密验证码
+           this.jmobile=res.data;
+
+          let param={
+            mobile:this.jmobile,
+            captcha:this.yzm,
+            key:"key",
+          }
+          encrypts(param).then((res)=>{
+            if(res.code == 20000){
+              //跳转到完善信息页面
+              this.$router.push({path: "/improveInfo",query:{mobile:res.data.mobile,captcha:res.data.captcha}});
+
+            }else{
+              this.$message.error(res.message)
+            }
+          })
         }else{
           this.$message.error(res.message);
         }
@@ -137,12 +156,14 @@ export default {
 
     },
 
+
     getCheckCode() {
       let tquery = {
         mobile: this.inputQuery.mobile,
       };
       getCheckcode(tquery).then((response) => {
         if (response.code === 20000) {
+          this.yzm=response.data;
           this.validateBtn();
         } else {
           this.$message.error(response.message);
diff --git a/src/views/purchase/cert/supCertAddDialog.vue b/src/views/purchase/cert/supCertAddDialog.vue
index 15c2851..3940569 100644
--- a/src/views/purchase/cert/supCertAddDialog.vue
+++ b/src/views/purchase/cert/supCertAddDialog.vue
@@ -74,34 +74,9 @@
 
 
         <el-row>
-
           <el-col :span="3">
             <div class="ao-text">
-              <span>证书状态：</span>
-            </div>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item prop="remark">
-              <el-select
-                size="small"
-                v-model="formData.status"
-                placeholder="证书状态"
-                style="width: 100%"
-              >
-                <el-option
-                  label="未确认"
-                  value="0"
-                ></el-option>
-                <el-option label="无效" value="1"></el-option>
-                <el-option label="有效" value="2"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-
-          <el-col :span="3">
-            <div class="ao-text">
-              <span>备注：</span>
+              <span>证书备注：</span>
             </div>
           </el-col>
           <el-col :span="8">
@@ -110,6 +85,7 @@
             </el-form-item>
           </el-col>
 
+
         </el-row>
 
 
diff --git a/src/views/userManage/customerManage.vue b/src/views/userManage/customerManage.vue
new file mode 100644
index 0000000..66e3739
--- /dev/null
+++ b/src/views/userManage/customerManage.vue
@@ -0,0 +1,603 @@
+<template>
+  <div>
+    <el-card>
+      <el-form :inline="true" :model="filterQuery" class="query-form" size="mini" label-width="100px">
+        <el-row>
+          <el-form-item label="企业名称:">
+            <el-input
+              v-model="filterQuery.companyName"
+              placeholder="企业名称"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button-group>
+              <el-button
+                type="primary"
+                icon="el-icon-refresh"
+                @click="onReset"
+              >重置</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+              >查询
+              </el-button
+              >
+            </el-button-group>
+          </el-form-item>
+        </el-row>
+      </el-form>
+
+      <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column
+          label="企业名称"
+          prop="companyName"
+        ></el-table-column>
+        <el-table-column
+          label="社会统一信用号"
+          prop="creditNum"
+        ></el-table-column>
+
+        <el-table-column label="企业类型" prop="bussinessStatus">
+          <template slot-scope="scope">
+            <span>{{ bussinessFlag[scope.row.bussinessStatus] }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="法人名称"
+          prop="legalPerson"
+        >
+        </el-table-column>
+        <el-table-column
+          label="法人身份证号"
+          prop="legalIdCard"
+        >
+        </el-table-column>
+        <el-table-column
+          label="法人电话"
+          prop="contactWay"
+        >
+        </el-table-column>
+
+        <el-table-column
+          label="详细地址"
+          prop="registerAddress"
+          :show-overflow-tooltip="true"
+        >
+        </el-table-column>
+        <el-table-column
+          label="注册时间"
+          prop="registerTime"
+          width="230"
+        ></el-table-column>
+
+
+
+        <!--<el-table-column label="角色" prop="role"></el-table-column>-->
+
+        <!--<el-table-column label="操作" width="180" fixed="right">-->
+        <!--  <template slot-scope="scope">-->
+        <!--    <el-button-group>-->
+        <!--      <el-button-->
+        <!--        type="text"-->
+        <!--        size="mini"-->
+        <!--        style="margin-right: 20px"-->
+        <!--        @click.native.stop="customerkDialog(scope.row)"-->
+        <!--      >查看用户-->
+        <!--      </el-button-->
+        <!--      >-->
+
+        <!--      <el-button-->
+        <!--        type="text"-->
+        <!--        size="mini"-->
+        <!--        style="float: right"-->
+        <!--        @click.native.stop="contractDialog(scope.row)"-->
+        <!--      >查看联系人-->
+        <!--      </el-button-->
+        <!--      >-->
+        <!--    </el-button-group>-->
+        <!--  </template>-->
+        <!--</el-table-column-->
+        <!--&gt;-->
+        <el-table-column label="操作" fixed="right">
+          <template slot-scope="scope">
+                    <el-button
+                      type="text"
+                      size="mini"
+                      style="margin-right: 20px"
+                      @click.native.stop="customerkDialog(scope.row)"
+                    >查看用户
+                    </el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="checkDialog(scope.row)"
+            >编辑
+            </el-button
+            >
+
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-dialog title="企业信息编辑" :visible.sync="formVisible" width="60%">
+        <el-form :model="formData" ref="dataForm" label-width="100px">
+          <el-row >
+            <el-col :span="11">
+                <el-form-item label="企业名称:" prop="companyName" >
+                  <el-input
+                    v-model="formData.companyName"
+                    style="width: 90%"
+                    disabled
+                    size="small"
+                  ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="11" >
+              <el-form-item label="统一信用号:" prop="creditNum">
+                <el-input
+                  v-model="formData.creditNum"
+                  style="width: 90%"
+                  size="small"
+                  disabled
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+          <el-row >
+            <el-col :span="11">
+              <el-form-item label="企业类型:" prop="bussinessStatus" >
+                <el-select
+                  v-model="formData.bussinessStatus"
+                  size="small"
+                  disabled
+                  style="width: 90%"
+                >
+                  <el-option label="生产企业" value="1"></el-option>
+                  <el-option label="流通企业" value="2"></el-option>
+                  <el-option label="医疗机构" value="3"></el-option>
+                  <el-option label="监管机构" value="4"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="11" >
+              <el-form-item label="法人名称:" prop="legalPerson">
+                <el-input
+                  v-model="formData.legalPerson"
+                  style="width: 90%"
+                  disabled
+                  size="small"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+          <el-row >
+            <el-col :span="11">
+              <el-form-item label="法人身份证号:" prop="legalIdCard" >
+                <el-input
+                  v-model="formData.legalIdCard"
+                  style="width: 90%"
+                  disabled
+                  size="small"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="11" >
+              <el-form-item label="法人电话:" prop="contactWay">
+                <el-input
+                  v-model="formData.contactWay"
+                  style="width: 90%"
+                  disabled
+                  size="small"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <el-row >
+            <el-col :span="11">
+              <el-form-item label="详细地址:" prop="registerAddress" >
+                <el-input
+                  v-model="formData.registerAddress"
+                  style="width: 90%"
+                  disabled
+                  size="small"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="11" >
+              <el-form-item label="注册时间:" prop="registerTime">
+                <el-input
+                  v-model="formData.registerTime"
+                  style="width: 90%"
+                  disabled
+                  size="small"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+
+
+          <!--<el-form-item label="分配角色：">-->
+          <!--  <el-radio-group v-model="check" @change="handleCheckedChange">-->
+          <!--    <el-radio v-for="item in roles" :key="item.roleId" :label="item.roleId">{{-->
+          <!--        item.roleName-->
+          <!--      }}-->
+          <!--    </el-radio>-->
+          <!--  </el-radio-group>-->
+          <!--</el-form-item>-->
+        </el-form>
+        <el-table
+          v-loading="certLoading"
+          :data="certList"
+          style="width: 100%"
+          border
+          highlight-current-row
+        >
+          <el-table-column
+            type="index"
+            label="序号"
+            width="50"
+          ></el-table-column>
+          <el-table-column label="证书名称" prop="name"></el-table-column>
+          <el-table-column label="证书编号" prop="code"></el-table-column>
+          <el-table-column label="有效期" prop="vailDate"></el-table-column>
+          <el-table-column label="失效期" prop="expireDate"></el-table-column>
+          <el-table-column label="确认状态" prop="checkStatus" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.checkStatus | statusFilterType">
+                {{ checkFlag[scope.row.checkStatus] }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="确认说明"
+            prop="checkComment"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column label="状态" prop="status" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.status | statusType">
+                {{ statusFlag[scope.row.status] }}
+              </el-tag>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="备注" prop="remark"></el-table-column>
+
+          <el-table-column label="操作" width="180">
+            <template slot-scope="scope">
+
+              <el-button
+                type="text"
+                size="small"
+                @click.native="showImgViewer(scope.row)"
+              >预览</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div slot="footer" class="dialog-footer">
+          <el-button @click.native="cancelDialog" size="small">取消</el-button>
+          <el-button type="primary" size="small" @click.native="formSubmit()"
+          >提交
+          </el-button
+          >
+        </div>
+      </el-dialog>
+
+      <el-dialog title="客户联系人" :visible.sync="contractVisible" width="60%">
+        <el-form :model="contractData" ref="dataForm">
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col :span="10" class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item label="真实姓名:" prop="userName">
+                  <el-input
+                    v-model="contractData.contacts"
+                    style="width: 80%"
+                    size="small"
+                    :disabled="true"
+                  ></el-input>
+                </el-form-item>
+              </div>
+            </el-col>
+            <el-col :span="10" class="el-col">
+              <div class="text item">
+                <div class="text item">
+                  <el-form-item label="手机:" prop="employeeName">
+                    <el-input
+                      v-model="contractData.mobile"
+                      size="small"
+                      style="width: 80%"
+                      type="number"
+                      :disabled="true"
+                    ></el-input>
+                  </el-form-item>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col :span="10" class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item label="联系电话:" prop="tel">
+                  <el-input
+                    v-model="contractData.tel"
+                    style="width: 80%"
+                    size="small"
+                    :disabled="true"
+                  ></el-input>
+                </el-form-item>
+              </div>
+            </el-col>
+            <el-col :span="10" class="el-col">
+              <div class="text item">
+                <div class="text item">
+                  <el-form-item label="邮箱:" prop="email">
+                    <el-input
+                      v-model="contractData.email"
+                      size="small"
+                      style="width: 80%"
+                      :disabled="true"
+                    ></el-input>
+                  </el-form-item>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </el-form>
+
+        <div slot="footer" class="dialog-footer">
+          <el-button @click.native="cancelDialog" size="small">确定</el-button>
+        </div>
+      </el-dialog>
+
+      <div v-if="customerVisible">
+        <el-dialog
+          title="系统用户"
+          :visible.sync="customerVisible"
+          width="60%"
+          append-to-body
+          :modal-append-to-body="false"
+          :close-on-click-modal="false"
+          @close="closeCustomerDialog"
+        >
+          <customerUser :currentCustomer="currentCustomer"
+                        :closeCustomerDialog="closeCustomerDialog" ></customerUser>
+        </el-dialog>
+      </div>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+    </el-card>
+    <el-image-viewer
+      v-if="imgViewerVisible"
+      style="z-index: 9999"
+      :on-close="closeImgViewer"
+      :url-list="imgList"
+    />
+  </div>
+</template>
+
+<script>
+import { search } from "@/api/sup/userComany";
+import {filterCompanyCert} from "@/api/sup/userCert";
+import {previewImage} from "@/api/purchase/supCompany";
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+import customerUser from "./customerUser";
+
+
+
+
+export default {
+  data() {
+    return {
+      BASE_URL: process.env.VUE_APP_BASE_API,
+      imgList:[],
+      imgViewerVisible: false,
+      certLoading: false,
+      certList:[],
+      filterQuery: {
+        companyName: "",
+        page: 1,
+        limit: 20,
+      },
+      query:{
+        businessId:"",
+        page: 1,
+        limit: 20,
+      },
+      value: "",
+      total: 0,
+      checkFlag: {
+        3: "未审核",
+        1: "已通过",
+        2: "已拒绝",
+        0:"未认证",
+      },
+
+      bussinessFlag: {
+        1: "生产企业",
+        2: "流通企业",
+        3:  "医疗机构",
+        4: "监管机构",
+      },
+      list: [],
+      statusFlag: {
+        1: "有效",
+        0: "失效",
+      },
+      formVisible: false,
+      contractVisible: false,
+      customerVisible: false,
+      timer: "",
+      formData: {
+        customerName: "111",
+        userMax: "",
+        isInfoLink: "",
+        infoLink: "",
+        customerId: "",
+        userFlag: "",
+        roleId: "",
+        pdfTemplateId: "",
+      },
+      contractData: {
+        contacts: "",
+        mobile: "",
+        tel: "",
+        email: "",
+      },
+      currentCustomer: "",
+      check: "",
+      roles: [],
+      pdfTemplates: [],
+    };
+  },
+  filters: {
+    statusType(status) {
+      const statusMap = {
+        1: "success",
+        0: "danger",
+      };
+      return statusMap[status];
+    },
+  },
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        companyName: "",
+        page: 1,
+        limit: 20,
+      };
+      this.getList();
+      this.filterQuery.page = 1;
+    },
+    formSubmit() {
+      this.formVisible=false;
+    },
+    onSubmit() {
+      this.filterQuery.page = 1;
+      this.filterQuery.searchKey= this.filterQuery.companyName;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      search(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+
+    showImgViewer(row) {
+      this.certFileUrl =
+        this.BASE_URL +
+        "/udiwms/image/register/file/getImage?type=image2&name=";
+      this.imgList = [];
+      previewImage({
+        imageUrl: row.filePath,
+        certFileUrl: this.certFileUrl,
+      }).then((response) => {
+        if (response.code === 20000) {
+          this.imgList = response.data;
+        }
+        console.log(this.imgList);
+        this.imgViewerVisible = true;
+      });
+      const m = (e) => {
+        e.preventDefault();
+      };
+      document.body.style.overflow = "hidden";
+      document.addEventListener("touchmove", m, false); // 禁止页面滑动
+    },
+
+    closeImgViewer() {
+      this.imgViewerVisible = false;
+      const m = (e) => {
+        e.preventDefault();
+      };
+      document.body.style.overflow = "auto";
+      document.removeEventListener("touchmove", m, true);
+    },
+
+    getCertList(){
+      filterCompanyCert(this.query).then((res) =>{
+        this.certList = res.data.list || []
+        this.certTotal = res.data.total;
+      })
+    },
+
+    hideForm() {
+      this.customerVisible = false;
+    },
+    cancelDialog() {
+      this.formVisible = false;
+      this.contractVisible = false;
+    },
+
+    handleSizeChange(val) {
+      this.filterQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+    handleCheckedChange(val) {
+    },
+
+    customerkDialog(row) {
+      this.currentCustomer = row.id;
+      this.customerVisible = true;
+    },
+
+    closeCustomerDialog() {
+      this.currentCustomer = null;
+      this.customerVisible = false;
+    },
+    checkDialog(row) {
+       this.formData=row;
+      this.formVisible = true;
+      this.query.businessId=row.id;
+      this.getCertList();
+    },
+
+    contractDialog(row) {
+      (this.contractData = {
+        contacts: row.contacts,
+        mobile: row.mobile,
+        tel: row.tel,
+        email: row.email,
+      }),
+        (this.contractVisible = true);
+    },
+
+  },
+  components: {ElImageViewer,customerUser
+  },
+
+
+
+  created() {
+    this.getList();
+  },
+};
+</script>
diff --git a/src/views/userManage/customerUser.vue b/src/views/userManage/customerUser.vue
new file mode 100644
index 0000000..6886788
--- /dev/null
+++ b/src/views/userManage/customerUser.vue
@@ -0,0 +1,446 @@
+<template>
+  <div>
+    <el-card>
+    <el-form  :model="query" class="query-form" label-width="120px">
+      <el-row>
+        <el-col :span="7">
+      <el-form-item label="用户账号:" >
+        <el-input v-model="query.userName" style="width: 100%" placeholder="请输入用户账号" clearable></el-input>
+      </el-form-item>
+        </el-col>
+        <el-col :span="7">
+      <!--<el-form-item label="状态:">-->
+      <!--  <el-select v-model="query.userFlag" style="width: 100%" placeholder="请选择状态">-->
+      <!--    <el-option label="全部" value=""></el-option>-->
+      <!--    <el-option label="禁用" value="0"></el-option>-->
+      <!--    <el-option label="正常" value="1"></el-option>-->
+      <!--    <el-option label="未验证" value="2"></el-option>-->
+      <!--  </el-select>-->
+      <!--</el-form-item>-->
+        </el-col>
+      <!--
+            <el-form-item class="query-form-item">
+                <el-select v-model="query.roleId" placeholder="角色">
+                    <el-option label="全部角色" value=""></el-option>
+                    <el-option v-for="item in roles" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
+            </el-form-item>
+-->
+        <el-col :span="9">
+      <el-form-item>
+        <el-button-group>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            @click="onReset"
+          ></el-button>
+          <el-button type="primary" icon="search" @click="onSubmit"
+            >查询</el-button
+          >
+          <!--<el-button type="primary" v-if="currentCustomerId === 110" @click.native="handleForm(null, null)"-->
+          <!--  >新增</el-button-->
+          <!--&gt;-->
+        </el-button-group>
+      </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table v-loading="loading" :data="list" style="width: 100%"  border highlight-current-row>
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column label="用户账号" prop="userName" > </el-table-column>
+      <el-table-column label="系统负责人名称" prop="name" >
+      </el-table-column>
+      <el-table-column label="系统负责人电话" prop="tel" >
+      </el-table-column>
+      <el-table-column label="系统负责人qq" prop="qq" >
+      </el-table-column>
+      <el-table-column label="系统负责人微信" prop="weChat" >
+      </el-table-column>
+      <el-table-column label="系统负责人邮箱" prop="email" >
+      </el-table-column>
+      <el-table-column label="创建时间" prop="createTime" >
+      </el-table-column>
+
+
+      <el-table-column label="操作" >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click.native="handleForm(scope.$index, scope.row)"
+            >编辑
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click.native="handleDel(scope.$index, scope.row)"
+            >删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="query.limit"
+        :page.sync="query.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+
+    <!--表单-->
+    <el-dialog
+      :title="formMap[formName]"
+      :visible.sync="formVisible"
+      :before-close="hideForm"
+      append-to-body
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      width="60%"
+    >
+      <el-form :model="formData" :rules="formRules" ref="dataForm"   label-width="120px">
+        <el-row >
+          <el-col :span="11" >
+                <el-form-item label="系统负责人名称" prop="name">
+                  <el-input
+                    v-model="formData.name"
+                    style="width: 90%"
+                    size="small"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+          </el-col>
+
+          <el-col :span="11" >
+
+              <el-form-item label="用户账号" prop="userName">
+                <el-input v-model="formData.userName" size="small" style="width: 90%" clearable></el-input>
+              </el-form-item>
+          </el-col>
+
+        </el-row>
+
+        <el-row>
+          <el-col :span="11" >
+              <el-form-item label="登录密码" prop="password">
+                <el-input
+                  type="password"
+                  size="small"
+                  v-model="formData.password"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+
+          </el-col>
+          <el-col :span="11" >
+                <el-form-item label="确认密码" prop="checkPassword">
+                  <el-input
+                    type="password"
+                    size="small"
+                    v-model="formData.checkPassword"
+                    style="width: 90%"
+                  ></el-input>
+                </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="11" >
+            <el-form-item label="系统负责人电话" prop="tel">
+              <el-input
+                size="small"
+                v-model="formData.tel"
+                style="width: 90%"
+              ></el-input>
+            </el-form-item>
+
+          </el-col>
+          <el-col :span="11" >
+            <el-form-item label="系统负责人qq" prop="qq">
+              <el-input
+                size="small"
+                v-model="formData.qq"
+                style="width: 90%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="11" >
+            <el-form-item label="系统负责人微信" prop="weChat">
+              <el-input
+                size="small"
+                v-model="formData.weChat"
+                style="width: 90%"
+              ></el-input>
+            </el-form-item>
+
+          </el-col>
+          <el-col :span="11" >
+            <el-form-item label="系统负责人邮箱" prop="email">
+              <el-input
+                size="small"
+                v-model="formData.email"
+                style="width: 90%"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="hideForm" size="small">取消</el-button>
+        <el-button
+          type="primary"
+          size="small"
+          @click.native="formSubmit()"
+          :loading="formLoading"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+      </el-card>
+  </div>
+</template>
+
+<script>
+import { filterList ,updatePerSon,daletePerSon} from "@/api/sup/userPerson";
+
+
+const formJson = {
+  id: "",
+  userName: "",
+  name: "",
+  tel: "",
+  qq: "",
+  weChat: "",
+  email: "",
+  createTime: "",
+  companyId:"",
+};
+export default {
+  name: "currentCustomer",
+  props: {
+    currentCustomer: "",
+
+    closeCustomerDialog: {
+      type: Function,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      roles: [],
+      query: {
+        userName: "",
+        name: "",
+        page: 1,
+        limit: 20,
+        tel: "",
+        qq: "",
+        weChat: "",
+        email: "",
+        createTime: "",
+        companyId:"",
+      },
+      list: [],
+      total: 0,
+      loading: true,
+      index: null,
+      formName: null,
+      formMap: {
+        add: "新增",
+        edit: "编辑",
+      },
+
+      userInfo: {
+        customerId: "",
+        userId: "",
+        roles: [],
+      },
+      formLoading: false,
+      formVisible: false,
+      formData: formJson,
+      formRules: {},
+      addRules: {
+        userName: [{ required: true, message: "请输入用户账号", trigger: "blur" }],
+        password: [
+          { required: true, message: "请输入密码", trigger: "blur" },
+          { validator: validatePass, trigger: "blur" },
+        ],
+        checkPassword: [
+          {
+            required: true,
+            message: "请再次输入密码",
+            trigger: "blur",
+          },
+          { validator: validatePass2, trigger: "blur" },
+        ],
+        userFlag: [
+          { required: true, message: "请选择状态", trigger: "change" },
+        ],
+      },
+      editRules: {
+        userName: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+        userFlag: [
+          { required: true, message: "请选择状态", trigger: "change" },
+        ],
+      },
+      deleteLoading: false,
+      currentCustomerId: this.$store.getters.customerId
+    };
+    let validatePass = (rule, value, callback) => {
+      debugger
+      if (value === "") {
+        callback(new Error("请输入密码"));
+      } else {
+        callback();
+      }
+    };
+    let validatePass2 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("请再次输入密码"));
+      } else if (value !== this.formData.password) {
+        callback(new Error("两次输入密码不一致!"));
+      } else {
+        callback();
+      }
+    };
+  },
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.query = {
+        userName: "",
+        userFlag: "",
+        page: 1,
+        limit: 20,
+        roleId: "",
+        customerId: this.currentCustomer,
+      };
+      this.getList();
+    },
+    onSubmit() {
+      this.$router.push({
+        path: "",
+        query: this.query,
+      });
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.query.page = val;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      filterList(this.query)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+          this.roles = [];
+        });
+    },
+
+    // 刷新表单
+    resetForm() {
+      if (this.$refs["dataForm"]) {
+        // 清空验证信息表单
+        this.$refs["dataForm"].clearValidate();
+        // 刷新表单
+        this.$refs["dataForm"].resetFields();
+      }
+    },
+
+    // 隐藏表单
+    hideForm() {
+      // 更改值
+      this.formVisible = !this.formVisible;
+      // 清空表单
+      this.$refs["dataForm"].resetFields();
+      return true;
+    },
+
+    // 显示表单
+    handleForm(index, row) {
+      this.formVisible = true;
+
+      this.formData = JSON.parse(JSON.stringify(formJson));
+      if (row !== null) {
+        this.formData = Object.assign({}, row);
+      }
+      this.formName = "add";
+      this.formRules = this.addRules;
+      if (index !== null) {
+        this.index = index;
+        this.formName = "edit";
+        this.formRules = this.editRules;
+      }
+    },
+
+    formSubmit() {
+      this.$refs["dataForm"].validate((valid) => {
+          if (valid) {
+            updatePerSon(this.formData)
+              .then((res) => {
+                if (res.code == 20000) {
+                  this.$message({
+                    type: "success",
+                    message: "提交成功！",
+                  });
+                  this.closeCustomerDialog();
+                }
+              })
+          }
+      });
+    },
+    // 删除
+    handleDel(index, row) {
+      this.$confirm("是否删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(()=>{
+        let param={
+          id:row.id
+        }
+        daletePerSon(param)
+          .then((res)=>{
+            if(res.code == 20000){
+              this.$message({
+                type: "success",
+                message: "删除成功！",
+              });
+            }
+            this.closeCustomerDialog();
+          })
+
+
+      }).catch(()=>{
+
+      })
+
+
+
+    },
+  },
+
+
+  created() {
+   this.query.companyId = this.currentCustomer;
+    this.getList();
+  },
+
+};
+</script>
+
+<style type="text/scss" lang="scss">
+</style>
diff --git a/src/views/userManage/registerManage.vue b/src/views/userManage/registerManage.vue
new file mode 100644
index 0000000..8dc716d
--- /dev/null
+++ b/src/views/userManage/registerManage.vue
@@ -0,0 +1,878 @@
+<template>
+  <div>
+    <el-card>
+      <el-form :model="filterQuery" class="query-form" label-width="120px" inline>
+        <el-row>
+          <el-form-item label="企业名称">
+            <el-input
+              v-model="filterQuery.companyName"
+              style="width: 90%"
+              placeholder="请输入企业名称"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="审核状态">
+            <el-select v-model="filterQuery.checkStatus" style="width: 90%" placeholder="请选择审核状态">
+              <el-option label="未审核" value="3"></el-option>
+              <el-option label="已审核" value="1"></el-option>
+              <el-option label="未通过" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button-group>
+              <el-button
+                type="primary"
+                icon="el-icon-refresh"
+                @click="onReset"
+              >重置
+              </el-button>
+              <el-button type="primary" icon="search" @click="onSubmit"
+              >查询
+              </el-button
+              >
+            </el-button-group>
+          </el-form-item>
+        </el-row>
+      </el-form>
+
+      <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row class="table-fixed">
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column
+          label="企业名称"
+          prop="companyName"
+          width="230"
+        ></el-table-column>
+        <el-table-column
+          label="社会信用号"
+          prop="creditNum"
+          width="230"
+        ></el-table-column>
+        <el-table-column label="企业类型" prop="bussinessStatus">
+          <template slot-scope="scope">
+            <span>{{ bussinessFlag[scope.row.bussinessStatus] }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="注册时间"
+          prop="registerTime"
+          width="230"
+        ></el-table-column>
+
+        <el-table-column
+          label="法人名称"
+          prop="legalPerson"
+          width="230"
+        ></el-table-column>
+
+        <el-table-column
+          label="法人身份证"
+          prop="legalPerson"
+          width="230"
+        ></el-table-column>
+
+        <el-table-column
+          label="注册地址"
+          prop="registerAddress"
+          width="230"
+        ></el-table-column>
+
+        <el-table-column label="注册人名称" prop="realName" width="220"></el-table-column>
+
+        <!--<el-table-column-->
+        <!--  label="联系人"-->
+        <!--  prop="legalPerson"-->
+        <!--  width="160"-->
+        <!--&gt;</el-table-column>-->
+        <el-table-column label="注册手机" prop="mobile" width="120"></el-table-column>
+        <el-table-column label="法人电话" prop="fmobile" width="120"></el-table-column>
+        <el-table-column label="邮箱" prop="email" width="180"></el-table-column>
+
+        <el-table-column label="审核状态" prop="checkType" width="120">
+          <template slot-scope="scope">
+            <span>{{ checkFlag[scope.row.checkStatus] }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" width="60px" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              :disabled="scope.row.checkType == 1"
+              @click.native.stop="checkDialog(scope.row)"
+            >审核
+            </el-button
+            >
+
+            <!-- <el-button
+              type="text"
+              size="small"
+              @click.native.stop="deleteDialog(scope.row)"
+              >删除</el-button
+            > -->
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-dialog
+        title="详情"
+        :visible.sync="details"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        width="60%"
+      >
+        <el-form :model="rowCertData"  label-width="100px">
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="证书名称:" prop="name">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.name"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="证书编号:" prop="code">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.code"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="有效期:" prop="vailDate">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.vailDate"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="失效期:" prop="expireDate">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.expireDate"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="确认状态:" prop="checkStatus">
+                <el-select
+                  v-model="rowCertData.checkStatus"
+                  :disabled="true"
+                  size="small"
+                  style="width: 90%"
+                >
+                  <el-option label="未审核" value="3"></el-option>
+                  <el-option label="拒绝" value="2"></el-option>
+                  <el-option label="已通过" value="1"></el-option>
+                  <el-option label="未认证" value="0"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="确认说明:" prop="checkComment">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.checkComment"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="状态:" prop="status">
+                <el-select
+                  v-model="rowCertData.status"
+                  :disabled="true"
+                  size="small"
+                  style="width: 90%"
+                >
+                  <el-option label="确认" value="0"></el-option>
+                  <el-option label="未确认" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="备注:" prop="remark">
+                <el-input
+                  size="small"
+                  v-model="rowCertData.remark"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+        <el-button @click="details = false">取消</el-button>
+         <el-button
+           type="primary"
+           @click.native="determine"
+         >通过</el-button
+         >
+       <el-button
+         type="primary"
+         @click.native="addCert"
+       >不通过</el-button
+       >
+      </span>
+
+
+      </el-dialog>
+
+      <el-dialog
+        title="新企业审核"
+        :visible.sync="centerDialogVisible"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        width="60%"
+        center
+      >
+        <el-form :model="rowData" :rules="rowDataRules" ref="rowDataForm" label-width="100px">
+
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="企业名称:" prop="companyName">
+                <el-select
+                  v-model="rowData.companyName"
+                  filterable
+                  remote
+                  :disabled="rowData.companyName != null && rowData.companyName != ''"
+                  clearable="true"
+                  reserve-keyword
+                  placeholder="请输入企业名称"
+                  :remote-method="findMethod"
+                  size="small"
+                  style="width: 90%"
+                  :loading="loading"
+                >
+                  <el-option
+                    v-for="item in fromOptions"
+                    :key="item.name"
+                    :label="item.name"
+                    :value="item.name"
+                  >
+                    <span style="float: left">{{ item.name }}</span>
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="社会信用号:" prop="creditNum">
+                <el-input
+                  size="small"
+                  v-model="rowData.creditNum"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+
+            <el-col :span="11">
+              <el-form-item label="企业类型:" prop="bussinessStatus">
+                <el-input
+                  size="small"
+                  v-model="bussinessFlag[rowData.bussinessStatus]"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="11">
+              <el-form-item label="注册时间:" prop="registerTime">
+                <el-input
+                  size="small"
+                  v-model="rowData.registerTime"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+
+          </el-row>
+
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="法人名称:" prop="legalPerson">
+                <el-input
+                  size="small"
+                  v-model="rowData.legalPerson"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="法人身份证:" prop="legalIdCard">
+                <el-input
+                  size="small"
+                  v-model="rowData.legalIdCard"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="注册地址:" prop="registerAddress">
+                <el-input
+                  size="small"
+                  v-model="rowData.registerAddress"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="注册人名称:" prop="realName" >
+                <el-input
+                  size="small"
+                  v-model="rowData.realName"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="注册手机:" prop="mobile">
+                <el-input
+                  size="small"
+                  v-model="rowData.mobile"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="11">
+              <el-form-item label="法人电话:" prop="fmobile" >
+                <el-input
+                  size="small"
+                  v-model="rowData.fmobile"
+                  :disabled="true"
+                  style="width: 90%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+        </el-form>
+
+        <span slot="footer" class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">取消</el-button>
+        <el-button type="primary"  :disabled="this.check != 3" @click="passRegister">通过</el-button>
+        <el-button type="primary"  :disabled="this.check != 3" @click="noPassRegister">不通过</el-button>
+      </span>
+        <el-table
+          v-loading="certLoading"
+          :data="certList"
+          style="width: 100%"
+          border
+          highlight-current-row
+        >
+          <el-table-column
+            type="index"
+            label="序号"
+            width="50"
+          ></el-table-column>
+          <el-table-column label="证书名称" prop="name"></el-table-column>
+          <el-table-column label="证书编号" prop="code"></el-table-column>
+          <el-table-column label="有效期" prop="vailDate"></el-table-column>
+          <el-table-column label="失效期" prop="expireDate"></el-table-column>
+          <el-table-column label="确认状态" prop="checkStatus" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.checkStatus | statusFilterType">
+                {{ checkFlag[scope.row.checkStatus] }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="确认说明"
+            prop="checkComment"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column label="状态" prop="status" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.status | statusType">
+                {{ statusFlag[scope.row.status] }}
+              </el-tag>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="备注" prop="remark"></el-table-column>
+
+          <el-table-column label="操作" width="180">
+            <template slot-scope="scope">
+
+              <el-button
+                type="text"
+                size="small"
+                v-if="check == 3"
+                @click.native="determine1(scope.row)"
+              >审核</el-button
+              >
+              <el-button
+                type="text"
+                size="small"
+                @click.native="showImgViewer(scope.row)"
+              >预览</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="certTotal > 0"
+          :total="certTotal"
+          :limit.sync="query.limit"
+          :page.sync="query.page"
+          @pagination="certHandleCurrentChange"
+        ></pagination>
+
+      </el-dialog>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+    </el-card>
+
+    <el-image-viewer
+      v-if="imgViewerVisible"
+      style="z-index: 9999"
+      :on-close="closeImgViewer"
+      :url-list="imgList"
+    />
+
+
+
+  </div>
+</template>
+
+<script>
+import {selectReslist,NotApproved} from "@/api/auth/registComPer";
+import {filterCompanyCert,deleteCert,updateCert} from "@/api/sup/userCert";
+import { previewImage } from "@/api/purchase/supCompany";
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+
+import draggable from "vuedraggable";
+
+
+
+export default {
+  data() {
+    return {
+      certTotal: 0,
+      details:false,
+      imgList:[],
+      certLoading: false,
+      imgViewerVisible: false,
+      BASE_URL: process.env.VUE_APP_BASE_API,
+      filterQuery: {
+        companyName: "",
+        checkStatus: "",
+        page: 1,
+        limit: 20,
+      },
+      query:{
+        businessId:"",
+        page: 1,
+        limit: 20,
+      },
+      certList:[],
+      formData:{
+        name:"",
+        code:"",
+        vailDate:"",
+        expireDate:"",
+        remark:"",
+      },
+      rowCertData:{},
+      value: "",
+      total: 0,
+      checkFlag: {
+        3: "未审核",
+        1: "已通过",
+        2: "已拒绝",
+        0:"未认证",
+      },
+      statusFlag: {
+        1: "有效",
+        0: "失效",
+      },
+      bussinessFlag: {
+        1: "生产企业",
+        2: "流通企业",
+        3: "医疗机构",
+        4: "监管机构",
+      },
+      checkQuery: {
+        id: "",
+        checkType: "",
+        roles: "",
+        companyName: ""
+
+      },
+      rowDataRules: {
+        nickName: [
+          {required: true, message: "请输入用户名称", trigger: "blur"},
+        ],
+        check:[
+          {required: true, message: "请选择角色", trigger: "blur"}
+        ],
+      },
+      list: [],
+      roles: [],
+      addDialogVisible: false,
+      centerDialogVisible: false,
+      check: "",
+      rId:"",
+      rowData: {},
+      sOptions: [],
+      sValue: [],
+      sList: [],
+      sLoading: false,
+      sSelectStatus: false,
+      registerConfigMap: {
+        companyCheckStatus: true
+      },
+      fileUrl: "",
+      fromOptions: [],
+    };
+  },
+
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        companyName: "",
+        checkType: "",
+        page: 1,
+        limit: 20,
+      };
+      this.getList();
+    },
+    onSubmit() {
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      selectReslist(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    certHandleCurrentChange(val){
+      this.query.page = val.page;
+      this.getCertList(this.query);
+
+    },
+
+    showImgViewer(row) {
+      this.certFileUrl =
+        this.BASE_URL +
+        "/udiwms/image/register/file/getImage?type=image2&name=";
+      this.imgList = [];
+      previewImage({
+        imageUrl: row.filePath,
+        certFileUrl: this.certFileUrl,
+      }).then((response) => {
+        if (response.code === 20000) {
+          this.imgList = response.data;
+        }
+        console.log(this.imgList);
+        this.imgViewerVisible = true;
+      });
+      const m = (e) => {
+        e.preventDefault();
+      };
+      document.body.style.overflow = "hidden";
+      document.addEventListener("touchmove", m, false); // 禁止页面滑动
+    },
+    closeImgViewer() {
+      this.imgViewerVisible = false;
+      const m = (e) => {
+        e.preventDefault();
+      };
+      document.body.style.overflow = "auto";
+      document.removeEventListener("touchmove", m, true);
+    },
+
+    addCert(){
+      this.$prompt('请输入结果说明', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({value}) => {
+        let params ={
+          checkComment :value,
+          id:this.rowCertData.id,
+          checkStatus:2,
+          name:this.rowCertData.name,
+          createUser: this.$store.getters.name,
+          key:"key"
+        }
+        updateCert(params).then((res)=>{
+          if (res.code === 20000) {
+            this.$message.success("提交成功");
+            this.getCertList(this.query);
+            this.details=false;
+          }
+        })
+
+
+      }).catch(() => {
+      });
+    },
+
+    determine1(row){
+      this.details=true;
+      this.rowCertData=row;
+      console.log(this.rowCertData)
+    },
+
+    determine(){
+      this.$confirm("是否审核通过?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        let params ={
+          id:this.rowCertData.id,
+          checkStatus:1,
+          checkComment:"",
+          name:this.rowCertData.name,
+          createUser:this.$store.getters.name,
+          key:"key"
+        }
+        updateCert(params).then((res)=>{
+          if (res.code === 20000) {
+            this.$message.success("提交成功");
+            this.getCertList(this.query);
+            this.details=false;
+          }
+        })
+
+
+      }).catch(() => {
+      });
+    },
+
+
+    selectOne(event) {
+      this.checkQuery.companyName = this.sOptions.find(item => item.id == event).name
+      this.checkQuery.companyId = this.sOptions.find(item => item.id == event).erpId;
+      this.sSelectStatus = true;
+    },
+    remoteMethod(query) {
+      if (query !== '') {
+        this.sLoading = true;
+        let tQuery = {
+          key: query,
+          page: 1,
+          limit: 20,
+        };
+        getBasicUnitMaintains2(tQuery)
+          .then((response) => {
+            this.sLoading = false;
+            this.sOptions = response.data.list
+          })
+          .catch(() => {
+            this.sLoading = false;
+            this.sOptions = [];
+          });
+      } else {
+        this.sOptions = [];
+      }
+    },
+    cancelDialog() {
+      this.addDialogVisible = false;
+    },
+
+    handleCheckedChange(val) {
+    },
+
+    handleSizeChange(val) {
+      this.filterQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+    findMethod(query) {
+      this.fromOptions = [];
+      let cQuery = {
+        key: query,
+      };
+      getBasicUnitMaintains(cQuery)
+        .then((response) => {
+          this.loading = false;
+          this.fromOptions = response.data.page.list || [];
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    checkDialog(row) {
+      this.check=row.checkStatus;
+      this.rId=row.id;
+      this.rowData=row;
+      this.query.businessId=row.ucId;
+      this.getCertList(this.query);
+      this.centerDialogVisible = true;
+    },
+
+    getCertList(){
+      filterCompanyCert(this.query).then((res) =>{
+        this.certList = res.data.list || []
+        this.certTotal = res.data.total;
+      })
+    },
+
+    passRegister() {
+      this.$confirm("是否审核通过?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        let param={
+          ucId: this.query.businessId,
+          reviewer:this.$store.getters.name,
+           xemail:this.rowData.email,
+          name:this.rowData.name,
+          checkStatus:1,
+          id:this.rId,
+          isPass:'isPass'
+        }
+        NotApproved(param).then((res)=>{
+          if(res.code == 20000){
+            this.$message({
+              type: "success",
+              message: "审核成功！",
+            });
+            this.centerDialogVisible = false;
+          }else{
+            this.$message.error(res.message);
+          }
+        })
+
+      })
+
+
+
+    },
+    noPassRegister() {
+      this.$prompt('请输入结果说明', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({value}) => {
+         let params={
+           ucId:this.query.businessId,
+           reason:value,
+           reviewer:this.$store.getters.name,
+           checkStatus:2,
+           id:this.rId
+         }
+        NotApproved(params).then((res)=>{
+          if(res.code == 20000){
+            this.$message({
+              type: "success",
+              message: "审核成功！",
+            });
+            this.centerDialogVisible = false;
+          }
+        })
+      }).catch(() => {
+      });
+
+
+    },
+
+
+
+  },
+
+  mounted() {
+  },
+  created() {
+   this.getList();
+
+  },
+  components: {
+    ElImageViewer,
+  },
+  filters: {
+    statusFilterType(status) {
+      const statusMap = {
+        0: "warning",
+        1: "success",
+        2: "danger",
+        3: "warning",
+      };
+      return statusMap[status];
+    },
+
+    statusType(status) {
+      const statusMap = {
+        1: "success",
+        0: "danger",
+      };
+      return statusMap[status];
+    },
+  },
+};
+
+
+</script>
+
+
+<style lang="scss" scoped>
+
+
+
+</style>