From cf1669ce8595989f3f5ebbb9b109785c8bd2410f Mon Sep 17 00:00:00 2001
From: WeiRan <2392355487@qq.com>
Date: Wed, 28 Aug 2024 01:04:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E6=AD=A5=E5=AE=9E=E7=8E=B0=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/authentication/message.js         |   9 +
 src/api/background/company.js             |  17 ++
 src/router/index.js                       |  12 ++
 src/utils/request.js                      |   2 +-
 src/views/background/company/index.vue    | 241 ++++++++++++++++++++++
 src/views/market/authentication/index.vue | 201 ++++++++++++++++++
 src/views/market/easymessage/index.vue    | 121 +++++++++++
 src/views/market/product/index.vue        |  13 +-
 8 files changed, 609 insertions(+), 7 deletions(-)
 create mode 100644 src/api/authentication/message.js
 create mode 100644 src/api/background/company.js
 create mode 100644 src/views/background/company/index.vue
 create mode 100644 src/views/market/authentication/index.vue
 create mode 100644 src/views/market/easymessage/index.vue

diff --git a/src/api/authentication/message.js b/src/api/authentication/message.js
new file mode 100644
index 0000000..bd7b4b1
--- /dev/null
+++ b/src/api/authentication/message.js
@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+
+export function linkemail(data){
+  return request({
+    url:"/market/company/list",
+    method: "POST",
+    data: data
+  })
+}
diff --git a/src/api/background/company.js b/src/api/background/company.js
new file mode 100644
index 0000000..4841ef7
--- /dev/null
+++ b/src/api/background/company.js
@@ -0,0 +1,17 @@
+import request from "@/utils/request";
+
+export function selectcompanyList(data){
+  return request({
+    url:"/background/company/list",
+    method: "POST",
+    data: data
+  })
+}
+
+export function selectcompanystatus(data){
+  return request({
+    url:"/background/company/companystatus",
+    method: "POST",
+    data: data
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 718fccc..87207fb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -104,6 +104,18 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/authentication',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'authentication',
+        component: () => import('@/views/market/authentication/index.vue'),
+        meta: { title: '实名认证', icon: 'form' }
+      }
+    ]
+  },
 ]
 
 // 动态路由，基于用户权限动态去加载
diff --git a/src/utils/request.js b/src/utils/request.js
index 406490d..f97c5eb 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -17,7 +17,7 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  timeout: 20000
 })
 
 // request拦截器
diff --git a/src/views/background/company/index.vue b/src/views/background/company/index.vue
new file mode 100644
index 0000000..7f7785a
--- /dev/null
+++ b/src/views/background/company/index.vue
@@ -0,0 +1,241 @@
+<template>
+  <div>
+    <span>企业管理/待审核企业</span>
+    <el-container style="height: 500px; border: 1px solid #eee">
+      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
+        <span @click="choseall()">全部</span>
+        <div v-for="(companyStatus,index1) in companystatusList" :key="index1">
+          <span @click="chosetype(index1)" v-if="companyStatus==0">待审核企业</span>
+          <span @click="chosetype(index1)" v-if="companyStatus==1">审核通过企业</span>
+          <span @click="chosetype(index1)" v-if="companyStatus==2">审核未通过企业</span>
+        </div>
+      </el-aside>
+
+      <el-container>
+        <el-main>
+          <!--企业审核列表-->
+          <el-table
+            :data="tableData"
+            style="width: 100%">
+            <el-table-column
+              label="序号"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.companyId }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="注册人姓名"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.registrantName }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="注册人手机号码"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.registrantPhone }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="职位"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.registrantPosition }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="公司名称"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.companyName }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="地址"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.companyAddress }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="注册日期"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.registrantDate }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="社会统一信用代码"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.name }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="公司营业执照"
+              width="180">
+              <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.businessLicense }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作">
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                <el-button
+                  size="mini"
+                  type="danger"
+                  @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <!--分页-->
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="ruleForm.pageNum"
+            :page-sizes="[5, 7, 9, 11]"
+            :page-size="ruleForm.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total">
+          </el-pagination>
+        </el-main>
+      </el-container>
+    </el-container>
+
+
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {selectcompanyList, selectcompanystatus} from "@/api/background/company";
+
+export default {
+    name: "Company",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {
+        tableData:[],
+        ruleForm:{
+          pageNum:1,
+          pageSize:8,
+          reviewStatus:''
+        },
+        total:0,
+        companyStatus:{},
+        companystatusList:[]
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      //查询企业列表
+      getList(){
+        selectcompanyList(this.ruleForm).then(response=>{
+          console.log(response)
+          this.tableData=response.data.companytotalList
+          this.total=response.data.total
+        })
+      },
+      //分页
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.ruleForm.pageSize=val
+        this.getList()
+      },
+      handleCurrentChange(val) {
+        console.log(`当前页: ${val}`);
+        this.ruleForm.pageNum=val
+        this.getList()
+      },
+      //产品类型
+      getcompanystatusList(){
+        selectcompanystatus().then(response=>{
+          this.companystatusList=response.data
+        })
+      },
+      //选择类型
+      chosetype(index){
+        this.ruleForm.reviewStatus=this.companystatusList[index]
+        this.getList()
+      },
+      //选择全部
+      choseall(){
+        this.ruleForm.reviewStatus=''
+        this.getList()
+      },
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+      this.getList()
+      this.getcompanystatusList()
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>
diff --git a/src/views/market/authentication/index.vue b/src/views/market/authentication/index.vue
new file mode 100644
index 0000000..3a4885e
--- /dev/null
+++ b/src/views/market/authentication/index.vue
@@ -0,0 +1,201 @@
+<template>
+  <div>
+    <h2>实名认证</h2>
+    <el-divider></el-divider>
+    <span style="color: #1482f0">！实名认证决定了账号属性。实名认证一经通过，后续付款方的银行开户名必须与聚合实名信息一致，否则不给予入账！且个人和企业认证不能互转。</span><br><br>
+    <h4>选择认证类型：</h4>
+    <center>
+      <!--个人认证-->
+      <div style="width: 70%;">
+        <el-row style="border: 2px solid #e0e0e0;">
+          <el-col :span="4"><div class="grid-content bg-purple"><center><h2>个人认证</h2></center></div></el-col>
+          <el-col :span="12"><div class="grid-content bg-purple-light">
+            <el-row>
+              <el-col :span="24"><div class="grid-content bg-purple-dark">
+                <span style="color: #1482f0">认证方式</span> 支持个人身份证认证、人脸识别实时认证
+              </div></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24"><div class="grid-content bg-purple-dark">
+                <span style="color: #1482f0">使用限制</span> 个人基础认证不支持部分「企业专用」类接口
+              </div></el-col>
+            </el-row>
+          </div></el-col>
+          <el-col :span="4" style="margin-top: 20px;"><div class="grid-content bg-purple">
+            <center> <el-button type="primary" @click="tocompanyauthentication(1)">立即认证</el-button></center>
+          </div></el-col>
+        </el-row>
+      </div><br><br><br>
+      <!--企业认证-->
+      <div style="width: 70%;">
+        <el-row style="border: 2px solid #e0e0e0;">
+          <el-col :span="4"><div class="grid-content bg-purple"><center><h2>企业认证</h2></center></div></el-col>
+          <el-col :span="12"><div class="grid-content bg-purple-light">
+            <el-row>
+              <el-col :span="24"><div class="grid-content bg-purple-dark">
+                <span style="color: #1482f0">适用群体</span> 企业、党政及国家机关、事业单位、民办非企业单位、社会团体、个体工商户等
+              </div></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24"><div class="grid-content bg-purple-dark">
+                <span style="color: #1482f0">基础认证</span> 上传企业营业执照快速认证，支持程序代码方式（api）调用接口
+              </div></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24"><div class="grid-content bg-purple-dark">
+                <span style="color: #1482f0">高级认证</span> 通过对公打款、法人手机验证等方式进行认证，支持API购买（余额支付、支付宝支付、微信支付）
+              </div></el-col>
+            </el-row>
+          </div></el-col>
+          <el-col :span="4" style="margin-top: 20px;"><div class="grid-content bg-purple">
+            <center> <el-button type="primary" @click="tocompanyauthentication(2)">立即认证</el-button></center>
+          </div></el-col>
+        </el-row>
+      </div>
+    </center>
+
+    <!--企业认证页面对话框-->
+    <el-dialog
+      :title="dialogtitle"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <!--个人认证-->
+      <div v-if="this.index==1">
+
+      </div>
+      <!--企业认证-->
+      <div v-if="this.index==2">
+        <h2>基本信息填写</h2><br>
+        <el-form :model="companyForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+          <el-form-item label="企业营业执照副本：" prop="pass">
+            <el-upload
+              action="/dev-api/market/company/upload"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove"
+              :on-success="handleSuccess">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisiblepicture">
+              <img width="100%" :src="dialogImageUrl" alt="">
+            </el-dialog>
+            <span>请上传清晰完整的营业执照副本照片</span>
+          </el-form-item>
+          <el-form-item label="公司名称：" prop="companyName">
+            <el-input type="text" v-model="companyForm.companyName" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="社会统一编码：" prop="USCI">
+            <el-input type="text" v-model="companyForm.USCI" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="企业法人姓名：" prop="companyLeader">
+            <el-input type="text" v-model="companyForm.companyLeader" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人姓名：" prop="registrantName">
+            <el-input type="text" v-model="companyForm.registrantName" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人电话：" prop="registrantPhone">
+            <el-input type="text" v-model="companyForm.registrantPhone" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人职位：" prop="registrantPosition">
+            <el-input type="text" v-model="companyForm.registrantPosition" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="公司地址：" prop="companyAddress">
+            <el-input type="text" v-model="companyForm.companyAddress" autocomplete="off"></el-input>
+          </el-form-item>
+        </el-form>
+
+      </div>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="yes()">提交审核</el-button>
+  </span>
+    </el-dialog>
+  </div>
+</template>
+
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  export default {
+    name: "Authentication",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {
+        dialogVisible:false,
+        index:'',
+        dialogtitle:'',
+        companyForm:{},
+        dialogImageUrl: '',
+        dialogVisiblepicture: false
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      //去企业实名认证页面
+      tocompanyauthentication(index){
+        this.index=index
+        if (this.index === 1) {
+          this.dialogtitle= '个人认证';
+        } else if (this.index === 2) {
+          this.dialogtitle= '企业认证';
+        }
+        this.dialogVisible=true
+
+      },
+      handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {});
+      },
+      yes(){
+        this.index=''
+        this.dialogVisible=false
+      },
+      //图片上传
+      handleRemove(file, fileList) {
+        console.log(file, fileList);
+      },
+      handlePictureCardPreview(file) {
+        this.dialogImageUrl = file.url;
+        this.dialogVisible = true;
+      },
+      handleSuccess(response,file,fileList){
+        this.companyForm.businessLicense=response.data
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>
diff --git a/src/views/market/easymessage/index.vue b/src/views/market/easymessage/index.vue
new file mode 100644
index 0000000..72d272b
--- /dev/null
+++ b/src/views/market/easymessage/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="8"><div class="grid-content bg-purple">
+
+      </div></el-col>
+      <el-col :span="16"><div class="grid-content bg-purple">
+        <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+          <el-form-item label="用户名" prop="userName">
+            {{ruleForm.userName}}
+          </el-form-item>
+          <el-form-item label="用户类型" prop="">
+            <span>个人</span>
+          </el-form-item>
+          <el-form-item label="手机号" prop="phonenumber">
+            {{ruleForm.phonenumber}}
+          </el-form-item>
+          <el-form-item label="绑定邮箱" prop="email">
+            {{ruleForm.email}}  <span style="color: #1482f0" @click="toemail">去绑定>></span>
+          </el-form-item>
+          <el-form-item label="认证信息" prop="userName">
+            <span style="color: #1482f0" @click="toauthentication">去实名认证>>>></span>
+          </el-form-item>
+        </el-form>
+      </div></el-col>
+    </el-row>
+
+    <!--绑定邮箱-->
+    <el-dialog
+      title="邮箱绑定"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <el-form :model="EmailForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="邮箱" prop="email">
+          <el-input type="text" v-model="EmailForm.email" autocomplete="off" placeholder="请输入绑定的邮箱"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="yes(EmailForm)">确 定</el-button>
+  </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  import {linkemail} from "@/api/authentication/message";
+
+export default {
+    name: "Easymessage",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+
+      return {
+        ruleForm:{},
+        EmailForm:{},
+        dialogVisible: false
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      //绑定邮箱
+      toemail(){
+        this.dialogVisible=true
+      },
+      //关闭绑定邮箱对话框
+      handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {});
+      },
+      //提交邮箱绑定
+      yes(EmailForm){
+        linkemail(EmailForm).then(response=>{
+          if (response.code===200){
+            this.dialogVisible=false
+          }
+        })
+      },
+      //去实名认证
+      toauthentication(){
+        this.$router.push("/authentication/index")
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>
diff --git a/src/views/market/product/index.vue b/src/views/market/product/index.vue
index 9103ae9..9bed3da 100644
--- a/src/views/market/product/index.vue
+++ b/src/views/market/product/index.vue
@@ -111,6 +111,12 @@ export default {
       submitForm(){
         this.getList()
       },
+      //产品类型
+      gettypeList(){
+        selectTypeList().then(response=>{
+          this.typeList=response.data
+        })
+      },
       //选择类型
       chosetype(index1){
         this.ruleForm.productType=this.typeList[index1]
@@ -148,12 +154,7 @@ export default {
         this.ruleForm.pageNum=val
         this.getList()
       },
-      //产品类型
-      gettypeList(){
-        selectTypeList().then(response=>{
-          this.typeList=response.data
-        })
-      }
+
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
     created() {