认证

src/main/pc-space/src/components/SecurityPhone.vue

@@ -61,7 +61,6 @@ export default {
                             this.$message.warning('更改成功');
                             localStorage.removeItem('webToken');
                             this.$store.commit('updateUserInfo', null);
-                            this.$router.push('/Login');
                         })
                         .catch(e => {
                             this.$message.error(e.error);
@@ -119,6 +118,7 @@ export default {
             height: 36px;
             background: #c4c7cc;
             border-radius: 4px;
+            cursor: pointer;
             color: #ffffff;
             font-size: 13px;
             text-align: center;

src/main/pc-space/src/router/index.js

@@ -13,7 +13,7 @@ import eventBus from '../eventBus';
 const routes = [
     {
         path: '/',
-        redirect: 'security'
+        redirect: 'home'
     },
     {
         path: '/',
@@ -105,6 +105,14 @@ const routes = [
                 meta: {
                     title: '账户与安全'
                 }
+            },
+            {
+                path: '/authentication',
+                name: 'authentication',
+                component: () => import('../views/user/Authentication.vue'),
+                meta: {
+                    title: '账户与安全'
+                }
             }
         ]
     }

src/main/pc-space/src/views/CollectionDetail.vue

@@ -225,7 +225,6 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
-    padding: 50px 0 200px;
     background: #1a1a1a;
     .top {
         display: flex;

src/main/pc-space/src/views/Index.vue

@@ -5,7 +5,7 @@
             <el-main class="main">
                 <router-view />
             </el-main>
-            <el-footer v-if="this.$route.name !== 'security'">
+            <el-footer v-if="this.$route.name !== 'security' && this.$route.name !== 'authentication'">
                 <div class="footer center-content">
                     <div class="footer-l">
                         <img class="logo" src="../assets/img/nav_logo@3x.png" alt="" />

src/main/pc-space/src/views/user/AccountData.vue

@@ -87,7 +87,7 @@
                     <div class="text2">实名认证</div>
                     <div class="text3">当前未实名认证</div>
                 </div>
-                <div class="text4">修改</div>
+                <div class="text4" @click="Auths">修改</div>
             </div>
         </div>
     </div>
@@ -102,6 +102,9 @@ export default {
     methods: {
         Security() {
             this.$router.push('/security');
+        },
+        Auths() {
+            this.$router.push('/authentication');
         }
     }
 };

src/main/pc-space/src/views/user/Authentication.vue

@@ -0,0 +1,108 @@
+<template>
+    <div class="container center-content">
+        <div class="title">认证信息</div>
+        <div class="name">认证信息暂不允许修改，且无法替换认证类型，请谨慎选择</div>
+        <div class="box">
+            <div class="box1">
+                <img class="img" src="" alt="" />
+                <div class="text1">个人认证</div>
+                <div class="text2">个人通过实名认证后，绑定相对应银 行卡即可进行交易售卖</div>
+                <el-button>重新登录</el-button>
+            </div>
+            <div class="box1">
+                <img class="img" src="" alt="" />
+                <div class="text1">企业认证</div>
+                <div class="text2">企业通过营业执照认证后，并签署 相应合同即可进行售卖，冰箱周部 分定制化服务</div>
+                <el-button>重新登录</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.container {
+    .btn {
+        display: flex;
+        justify-content: center;
+        margin: 80px 0 0 110px;
+        .btn2 {
+            width: 130px;
+            height: 36px;
+            background: #c4c7cc;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 13px;
+            text-align: center;
+            line-height: 36px;
+            margin-left: 20px;
+        }
+    }
+    .title {
+        height: 42px;
+        font-size: 32px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 42px;
+        padding-top: 60px;
+    }
+    .name {
+        font-size: 12px;
+        font-weight: 400;
+        color: #939599;
+        line-height: 22px;
+        margin: 10px 0 40px;
+    }
+    .box {
+        display: flex;
+        margin-left: 178px;
+        .box1 {
+            width: 400px;
+            height: 484px;
+            background: #1c1e26;
+            border-radius: 8px;
+            margin-right: 52px;
+            text-align: center;
+            .img {
+                width: 56px;
+                height: 56px;
+                margin-top: 90px;
+            }
+            .text1 {
+                font-size: 16px;
+                font-weight: bold;
+                color: #ffffff;
+                line-height: 26px;
+                margin: 20px 0 10px;
+            }
+            .text2 {
+                width: 192px;
+                height: 66px;
+                font-size: 12px;
+                text-align: center;
+                font-weight: 400;
+                color: #939599;
+                line-height: 22px;
+                margin: 0 auto;
+            }
+            /deep/ .el-button {
+                width: 130px;
+                height: 36px;
+                background: linear-gradient(133deg, #00ffcb 0%, #006eff 100%);
+                border-radius: 4px;
+                margin-top: 60px;
+                color: #ffffff;
+            }
+        }
+    }
+}
+</style>

src/main/pc-space/src/views/user/Security.vue

@@ -36,7 +36,7 @@
                 </el-form>
                 <div class="btn">
                     <el-button type="primary" @click="codeSend">确认</el-button>
-                    <div class="btn2" @click="Jump">返回</div>
+                    <div class="btn2" @click="Jump2">返回</div>
                 </div>
             </div>
             <div v-else>
@@ -113,6 +113,9 @@ export default {
         Jump() {
             this.flag = true;
             this.ruleForm.phone = this.userInfo.phone;
+        },
+        Jump2() {
+            this.$router.push('/accountdata');
         }
     }
 };
@@ -160,6 +163,7 @@ export default {
             height: 36px;
             background: #c4c7cc;
             border-radius: 4px;
+            cursor: pointer;
             color: #ffffff;
             font-size: 13px;
             text-align: center;