认证权限

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

@@ -3,7 +3,7 @@
         <div class="top"></div>
         <!-- <img class="top" :src="userInfo.avatar" alt="" /> -->
         <div class="top1">
-            <div class="title" @click="Fans">
+            <div class="title" @click="all('/fans')">
                 <div class="title1">{{ userInfo.follows }}</div>
                 <div class="title2" :class="{ active }">粉丝</div>
             </div>
@@ -24,11 +24,7 @@ export default {
             active: ''
         };
     },
-    methods: {
-        Fans() {
-            this.$router.push('/fans');
-        }
-    },
+    methods: {},
     computed: {
         ...mapState(['userInfo'])
     }

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

@@ -24,10 +24,10 @@
                             <el-dropdown-item command="nickname" style="word-break: keep-all"
                                 >{{ userInfo.username }}
                             </el-dropdown-item>
-                            <div class="border1"></div>
+                            <div class="border"></div>
                             <el-dropdown-item command="supply" style="word-break: keep-all">去认证 </el-dropdown-item>
                             <el-dropdown-item command="edit" style="word-break: keep-all">编辑资料 </el-dropdown-item>
-                            <div class="border1"></div>
+                            <div class="border"></div>
                             <el-dropdown-item command="logout">退出登录 </el-dropdown-item>
                         </el-dropdown-menu>
                     </el-dropdown>
@@ -57,6 +57,11 @@ export default {
             return this.userInfo.avatar
                 ? this.userInfo.avatar
                 : 'https://zhirongip.oss-cn-hangzhou.aliyuncs.com/image/2021-06-30-17-02-42uzAOUPcw.jpeg';
+        },
+        type() {
+            return this.userInfo.authorities.find(item => {
+                return item.name == 'ROLE_INSTITUTION' || item.name == 'ROLE_PERSONAL';
+            });
         }
     },
     mounted() {
@@ -84,6 +89,24 @@ export default {
             } else if (command === 'logout') {
                 localStorage.removeItem('webToken');
                 this.$router.push('/');
+            } else if (command === 'supply') {
+                if (this.type) {
+                    if (this.type.name == 'ROLE_INSTITUTION') {
+                        this.$nextTick(() => {
+                            // if (this.institutionInfo.status == 'PASS') {
+                            this.$router.push('/enterpriseauthentication');
+                            // }
+                        });
+                    } else if (this.type.name == 'ROLE_PERSONAL') {
+                        this.$nextTick(() => {
+                            // if (this.institutionInfo.status == 'PASS') {
+                            this.$router.push('/userauthentication');
+                            // }
+                        });
+                    }
+                } else {
+                    this.$router.push('/authentication');
+                }
             }
         }
     }
@@ -94,23 +117,23 @@ export default {
     font-weight: bold;
     text-align: center;
 }
-.border1 {
+.border {
     margin: 6px 16px;
     height: 1px;
     background: #f2f3f5;
 }
+/deep/ .el-tabs__nav-scroll {
+    padding-left: 13px;
+}
+/deep/ .el-tabs__item {
+    font-weight: bold;
+    font-size: 14px;
+    width: 300px;
+}
 .container {
     height: 90px;
     background: #0f1111;
     width: 100%;
-    // /deep/ .el-tabs__nav-scroll {
-    //     padding-left: 13px;
-    // }
-    // /deep/ .el-tabs__item {
-    //     font-weight: bold;
-    //     font-size: 14px;
-    //     width: 300px;
-    // }
 
     .header {
         display: flex;

src/main/pc-space/src/mixins/common.js

@@ -58,6 +58,9 @@ export default {
                 return Promise.resolve(res.data);
             });
         },
+        all(link) {
+            this.$router.push(link);
+        },
         getImg(imgs = '', type = '') {
             if (!imgs) {
                 imgs = '';

src/main/pc-space/src/plugins/http.js

@@ -4,9 +4,9 @@ import qs from 'qs';
 let baseUrl = 'http://localhost:8080';
 switch (process.env.NODE_ENV) {
     case 'development':
-        // baseUrl = 'https://nft.9space.vip';
+        baseUrl = 'https://nft.9space.vip';
         // baseUrl = 'http://192.168.50.190:8080';
-        baseUrl = 'http://localhost:8080';
+        // baseUrl = 'http://localhost:8080';
         // baseUrl = 'http://192.168.50.190:8080';
         break;
     case 'test':

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

@@ -127,7 +127,7 @@ const routes = [
                 name: 'enterpriseauthentication',
                 component: () => import('../views/user/EnterpriseAuthentication.vue'),
                 meta: {
-                    title: '个人认证'
+                    title: '企业认证'
                 }
             }
         ]

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

@@ -55,7 +55,7 @@
                     <div class="text2">登录账号</div>
                     <div class="text3">{{ Phone }}</div>
                 </div>
-                <div class="text4" @click="Security">修改</div>
+                <div class="text4" @click="all('security')">修改</div>
             </div>
             <div class="box">
                 <div class="text">
@@ -85,7 +85,7 @@
                         <span class="el-icon-lock"></span>
                     </div>
                     <div class="text2">实名认证</div>
-                    <div class="text3">当前未实名认证</div>
+                    <div class="text3">{{ Status }}</div>
                 </div>
                 <div class="text4" @click="Auths">修改</div>
             </div>
@@ -104,14 +104,45 @@ export default {
         ...mapState(['userInfo']),
         Phone() {
             return this.userInfo.phone.slice(0, 2) + ' ******* ' + this.userInfo.phone.slice(9, 11);
+        },
+        type() {
+            return this.userInfo.authorities.find(item => {
+                return item.name == 'ROLE_INSTITUTION' || item.name == 'ROLE_PERSONAL';
+            });
+        },
+        Status() {
+            if (this.userInfo.authStatus === 'NOT_AUTH') {
+                return '未认证';
+            } else if (this.userInfo.authStatus === 'PENDING') {
+                return '认证中';
+            } else if (this.userInfo.authStatus === 'SUCCESS') {
+                return '已认证';
+            } else {
+                return '认证失败';
+            }
         }
     },
     methods: {
-        Security() {
-            this.$router.push('/security');
-        },
         Auths() {
-            this.$router.push('/authentication');
+            if (this.type) {
+                if (this.type.name == 'ROLE_INSTITUTION') {
+                    this.$nextTick(() => {
+                        // if (this.institutionInfo.status == 'PASS') {
+                        this.$router.push('/enterpriseauthentication');
+                        // }
+                    });
+                } else if (this.type.name == 'ROLE_PERSONAL') {
+                    this.$nextTick(() => {
+                        // if (this.institutionInfo.status == 'PASS') {
+                        this.$router.push('/userauthentication');
+                        // }
+                    });
+                }
+            } else {
+                this.$router.push('/authentication');
+            }
+            // ROLE_INSTITUTION 企业
+            // ROLE_PERSONAL 个人
         }
     }
 };

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

@@ -4,16 +4,16 @@
         <div class="name">认证信息暂不允许修改，且无法替换认证类型，请谨慎选择</div>
         <div class="box">
             <div class="box1">
-                <img class="img" src="" alt="" />
+                <img class="img" src="../../assets/renzheng-icon-geren@3x.png" alt="" />
                 <div class="text1">个人认证</div>
                 <div class="text2">个人通过实名认证后，绑定相对应银 行卡即可进行交易售卖</div>
-                <el-button>重新登录</el-button>
+                <el-button @click="all('/userauthentication')">个人认证</el-button>
             </div>
             <div class="box1">
-                <img class="img" src="" alt="" />
+                <img class="img" src="../../assets/renzheng-icon-qiye@3x.png" alt="" />
                 <div class="text1">企业认证</div>
                 <div class="text2">企业通过营业执照认证后，并签署 相应合同即可进行售卖，冰箱周部 分定制化服务</div>
-                <el-button>重新登录</el-button>
+                <el-button @click="all('/enterpriseauthentication')">企业认证</el-button>
             </div>
         </div>
     </div>

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

@@ -4,41 +4,67 @@
         <div class="box">
             <div class="name">企业认证 <span>账户实名认证后不能修改</span></div>
             <div class="border"></div>
-            <el-form ref="form" :label-position="labelPosition" :model="sizeForm" :rules="registerRule">
-                <el-form-item label="法人姓名" prop="nickname">
-                    <el-input
-                        style="width: 300px"
-                        placeholder="请输入您的真实姓名"
-                        v-model="sizeForm.nickname"
-                    ></el-input>
-                </el-form-item>
+            <div class="fail" v-if="userInfo.authStatus === 'PENDING' || userInfo.authStatus === 'FAIL'">
+                <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                <div class="text2">已提交企业认证</div>
+                <div class="text3">等待后台审核信息，预计1-3个工作日内完成</div>
+                <div class="botn" @click="Jump">返回</div>
+            </div>
+            <div v-if="userInfo.authStatus === 'NOT_AUTH' || userInfo.authStatus === 'SUCCESS'">
+                <el-form ref="form" :label-position="labelPosition" :model="sizeForm" :rules="registerRule">
+                    <el-form-item label="法人姓名" prop="nickname">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="请输入您的真实姓名"
+                            v-model="sizeForm.nickname"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="法人身份证号" prop="IDs">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="请输入18位身份证号"
+                            v-model="sizeForm.IDs"
+                        ></el-input>
+                    </el-form-item>
 
-                <el-form-item label="本人身份证 (正面图)" prop="photoFront">
-                    <single-upload class="upload" v-model="sizeForm.photoFront"></single-upload>
-                </el-form-item>
-                <div class="description">{{ explain }}</div>
-                <el-form-item label="本人身份证 (反面图)" prop="photoBackside">
-                    <single-upload class="upload" v-model="sizeForm.photoBackside"></single-upload>
-                </el-form-item>
-                <div class="description">{{ explain }}</div>
-                <el-form-item label="企业名称" prop="email">
-                    <el-input style="width: 300px" placeholder="请输入企业名称" v-model="sizeForm.email"></el-input>
-                </el-form-item>
-                <el-form-item label="工商营业执照注册号/统一社会信用代码" prop="documentNumber">
-                    <el-input
-                        style="width: 300px"
-                        placeholder="请输入18位身份证号"
-                        v-model="sizeForm.documentNumber"
-                    ></el-input>
-                </el-form-item>
-                <el-form-item label="营业执照" prop="photoBackside">
-                    <single-upload class="upload" v-model="sizeForm.photoBackside"></single-upload>
-                </el-form-item>
-                <div class="description">请上传清晰图片，格式JPG或PNG，大小不得超过 2 M</div>
-            </el-form>
-            <div class="btn">
-                <el-button type="primary" @click="onSubmit">提交审核</el-button>
-                <div class="btn1" @click="Jump">返回</div>
+                    <el-form-item label="法人身份证 (正面图)" prop="photoFront">
+                        <single-upload class="upload" v-model="sizeForm.photoFront"></single-upload>
+                    </el-form-item>
+                    <div class="description">{{ explain }}</div>
+                    <el-form-item label="法人身份证 (反面图)" prop="photoBackside">
+                        <single-upload class="upload" v-model="sizeForm.photoBackside"></single-upload>
+                    </el-form-item>
+                    <div class="description">{{ explain }}</div>
+                    <el-form-item label="企业名称" prop="name">
+                        <el-input style="width: 300px" placeholder="请输入企业名称" v-model="sizeForm.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="工商营业执照注册号/统一社会信用代码" prop="uscc">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="工商营业执照注册号/统一社会信用代码"
+                            v-model="sizeForm.uscc"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item prop="establishedAt" label="工商营业执照有效日期截止时间">
+                        <el-date-picker
+                            v-model="sizeForm.establishedAt"
+                            type="date"
+                            style="width: 300px"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期"
+                        >
+                        </el-date-picker>
+                    </el-form-item>
+                    <div class="description">证照有效截止日期需大于60天，如证照上日期为长期或无，请勾选长期</div>
+                    <el-form-item label="营业执照" prop="businessLicense">
+                        <single-upload class="upload" v-model="sizeForm.businessLicense"></single-upload>
+                    </el-form-item>
+                    <div class="description">请上传清晰图片，格式JPG或PNG，大小不得超过 2 M</div>
+                </el-form>
+                <div class="btn">
+                    <el-button type="primary" @click="onSubmit">提交审核</el-button>
+                    <div class="btn1" @click="Jump">返回</div>
+                </div>
             </div>
         </div>
     </div>
@@ -52,21 +78,27 @@ export default {
             labelPosition: 'right',
             sizeForm: {
                 nickname: '',
-                documentNumber: '',
+                uscc: '',
                 photoFront: '',
+                businessLicense: '',
                 photoBackside: '',
-                phone: '',
-                email: '',
-                type: 'ID_CARD'
+                name: '',
+                establishedAt: '',
+                // phone: '',
+                IDs: ''
             },
             typeFl: {},
             registerRule: {
-                documentNumber: { required: true, message: '请输入您的证件编号', trigger: 'blur' },
+                uscc: { required: true, min: 18, max: 18, message: '请输入18位统一社会信用代码', trigger: 'blur' },
+                IDs: { required: true, min: 18, max: 18, message: '请输入18位身份证号', trigger: 'blur' },
                 nickname: { required: true, message: '请输入您的真实姓名', trigger: 'blur' },
-                phone: { required: true, message: '请输入您的联系方式', trigger: 'blur' },
+                establishedAt: { required: true, message: '请选择', trigger: 'blur' },
+                name: { required: true, message: '请输入企业名称', trigger: 'blur' },
+                // phone: { required: true, message: '请输入您的联系方式', trigger: 'blur' },
                 email: { type: 'email', required: true, message: '请输入您的邮箱', trigger: 'blur' },
-                photoFront: { required: true, message: '请添加您的身份证（正面）', trigger: 'blur' },
-                photoBackside: { required: true, message: '请添加您的身份证（反面）', trigger: 'blur' }
+                photoFront: { required: true, message: '请添加您的法人身份证（正面）', trigger: 'blur' },
+                photoBackside: { required: true, message: '请添加您的法人身份证（反面）', trigger: 'blur' },
+                businessLicense: { required: true, message: '请添加营业执照', trigger: 'blur' }
             }
         };
     },
@@ -85,25 +117,26 @@ export default {
             });
         }
     },
-    created() {
-        this.$http
-            .get('/personal/my')
-            .then(res => {
-                this.sizeForm = {
-                    ...res,
-                    nickname: this.userInfo.nickname,
-                    phone: this.userInfo.phone,
-                    avatar: this.userInfo.avatar,
-                    email: this.userInfo.email
-                };
-            })
-            .catch(e => {
-                console.log(e);
-            });
-        this.sizeForm.nickname == this.userInfo.nickname, this.sizeForm.phone == this.userInfo.phone;
-    },
+    // created() {
+    //     this.$http
+    //         .get('/personal/my')
+    //         .then(res => {
+    //             this.sizeForm = {
+    //                 ...res,
+    //                 nickname: this.userInfo.nickname,
+    //                 phone: this.userInfo.phone,
+    //                 avatar: this.userInfo.avatar,
+    //                 email: this.userInfo.email
+    //             };
+    //         })
+    //         .catch(e => {
+    //             console.log(e);
+    //         });
+    // },
     methods: {
-        Jump() {},
+        Jump() {
+            this.$router.go(-1);
+        },
         onSubmit() {
             this.$refs.form.validate(valid => {
                 if (valid) {
@@ -124,36 +157,34 @@ export default {
                 ...this.userInfo,
                 nickname: this.sizeForm.nickname,
                 phone: this.sizeForm.phone,
-                avatar: this.sizeForm.avatar,
+                avatar: this.userInfo.avatar,
                 email: this.sizeForm.email
             };
             userInfo.authorities = [
                 ...userInfo.authorities,
                 {
-                    name: 'ROLE_PERSONAL'
+                    name: 'ROLE_INSTITUTION'
                 }
             ];
-
-            this.$http
-                .post('user/save', userInfo, {
-                    body: 'json'
-                })
-                .then(res => {
-                    this.sizeForm.avatar = res.avatar;
-                    this.$store.dispatch('getUserInfo');
-                    return this.$http.post('/personal/save', data, { body: 'json' }).then(res => {
-                        console.log(res);
-                        this.sizeForm = res;
-                        this.saving = false;
-                        this.$store.dispatch('getUserInfo');
-                        // this.$router.push('/Authentication');
-                    });
-                })
-                .catch(e => {
-                    console.log(e);
-                    this.saving = false;
-                    this.$message.error(e.error);
-                });
+            console.log(userInfo);
+            // this.$http
+            //     .post('user/save', userInfo, {
+            //         body: 'json'
+            //     })
+            //     .then(res => {
+            //         this.sizeForm.avatar = res.avatar;
+            //         this.$store.dispatch('getUserInfo');
+            //         return this.$http.post('/institution/save', data, { body: 'json' }).then(res => {
+            //             this.sizeForm = res;
+            //             this.saving = false;
+            //             this.$store.dispatch('getUserInfo');
+            //         });
+            //     })
+            //     .catch(e => {
+            //         console.log(e);
+            //         this.saving = false;
+            //         this.$message.error(e.error);
+            //     });
         }
     }
 };
@@ -192,6 +223,7 @@ export default {
             width: 130px;
             height: 36px;
             background: #c4c7cc;
+            cursor: pointer;
             border-radius: 4px;
             color: #ffffff;
             font-size: 13px;
@@ -216,14 +248,46 @@ export default {
         margin: -11px 0 20px 294px;
     }
     .box {
-        height: 1277px;
         background: #1c1e26;
         padding: 17px 16px;
+        padding-bottom: 200px;
         .border {
             height: 1px;
             background: #494a4d;
             margin: 17px 0 60px;
         }
+        .fail {
+            text-align: center;
+            .text1 {
+                width: 68px;
+                height: 68px;
+            }
+            .text2 {
+                font-size: 20px;
+                font-weight: bold;
+                color: #00ffcb;
+                line-height: 26px;
+                margin: 20px 0 10px;
+            }
+            .text3 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 24px;
+            }
+            .botn {
+                width: 130px;
+                height: 36px;
+                font-size: 13px;
+                color: #ffffff;
+                cursor: pointer;
+                line-height: 36px;
+                text-align: center;
+                background: linear-gradient(133deg, #00ffcb 0%, #006eff 100%);
+                border-radius: 4px;
+                margin: 87px 0 0 518px;
+            }
+        }
         .name {
             font-size: 16px;
             font-weight: bold;

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="Jump2">返回</div>
+                    <div class="btn2" @click="all('/accountdata')">返回</div>
                 </div>
             </div>
             <div v-else>
@@ -113,9 +113,6 @@ export default {
         Jump() {
             this.flag = true;
             this.ruleForm.phone = this.userInfo.phone;
-        },
-        Jump2() {
-            this.$router.push('/accountdata');
         }
     }
 };
@@ -190,6 +187,7 @@ export default {
     /deep/ .el-input__inner {
         border: 1px solid #494a4d;
         background: #1c1e26;
+        color: #ffffff;
     }
     .title {
         height: 42px;

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

@@ -4,44 +4,52 @@
         <div class="box">
             <div class="name">个人认证 <span>账户实名认证后不能修改</span></div>
             <div class="border"></div>
-            <el-form ref="form" :label-position="labelPosition" :model="sizeForm" :rules="registerRule">
-                <el-form-item label="姓名" prop="nickname">
-                    <el-input
-                        style="width: 300px"
-                        placeholder="请输入您的真实姓名"
-                        v-model="sizeForm.nickname"
-                    ></el-input>
-                </el-form-item>
-                <el-form-item label="手机号码" prop="phone">
-                    <el-input
-                        style="width: 300px"
-                        placeholder="请输入您的联系方式"
-                        :disabled="true"
-                        v-model="sizeForm.phone"
-                    ></el-input>
-                </el-form-item>
-                <el-form-item label="电子邮箱" prop="email">
-                    <el-input style="width: 300px" placeholder="请输入邮箱" v-model="sizeForm.email"></el-input>
-                </el-form-item>
-                <el-form-item label="身份证号" prop="documentNumber">
-                    <el-input
-                        style="width: 300px"
-                        placeholder="请输入18位身份证号"
-                        v-model="sizeForm.documentNumber"
-                    ></el-input>
-                </el-form-item>
-                <el-form-item label="本人身份证 (正面图)" prop="photoFront">
-                    <single-upload class="upload" v-model="sizeForm.photoFront"></single-upload>
-                </el-form-item>
-                <div class="description">{{ explain }}</div>
-                <el-form-item label="本人身份证 (反面图)" prop="photoBackside">
-                    <single-upload class="upload" v-model="sizeForm.photoBackside"></single-upload>
-                </el-form-item>
-                <div class="description">{{ explain }}</div>
-            </el-form>
-            <div class="btn">
-                <el-button type="primary" @click="onSubmit">提交审核</el-button>
-                <div class="btn1" @click="Jump">返回</div>
+            <div class="fail" v-if="userInfo.authStatus === 'PENDING' || userInfo.authStatus === 'FAIL'">
+                <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                <div class="text2">已提交个人认证</div>
+                <div class="text3">等待后台审核信息，预计1-3个工作日内完成</div>
+                <div class="botn" @click="Jump">返回</div>
+            </div>
+            <div v-if="userInfo.authStatus === 'NOT_AUTH' || userInfo.authStatus === 'SUCCESS'">
+                <el-form ref="form" :label-position="labelPosition" :model="sizeForm" :rules="registerRule">
+                    <el-form-item label="姓名" prop="nickname">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="请输入您的真实姓名"
+                            v-model="sizeForm.nickname"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="手机号码" prop="phone">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="请输入您的联系方式"
+                            :disabled="true"
+                            v-model="sizeForm.phone"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="电子邮箱" prop="email">
+                        <el-input style="width: 300px" placeholder="请输入邮箱" v-model="sizeForm.email"></el-input>
+                    </el-form-item>
+                    <el-form-item label="身份证号" prop="documentNumber">
+                        <el-input
+                            style="width: 300px"
+                            placeholder="请输入18位身份证号"
+                            v-model="sizeForm.documentNumber"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="本人身份证 (正面图)" prop="photoFront">
+                        <single-upload class="upload" v-model="sizeForm.photoFront"></single-upload>
+                    </el-form-item>
+                    <div class="description">{{ explain }}</div>
+                    <el-form-item label="本人身份证 (反面图)" prop="photoBackside">
+                        <single-upload class="upload" v-model="sizeForm.photoBackside"></single-upload>
+                    </el-form-item>
+                    <div class="description">{{ explain }}</div>
+                </el-form>
+                <div class="btn">
+                    <el-button type="primary" @click="onSubmit">提交审核</el-button>
+                    <div class="btn1" @click="Jump">返回</div>
+                </div>
             </div>
         </div>
     </div>
@@ -59,8 +67,7 @@ export default {
                 photoFront: '',
                 photoBackside: '',
                 phone: '',
-                email: '',
-                type: 'ID_CARD'
+                email: ''
             },
             typeFl: {},
             registerRule: {
@@ -89,28 +96,34 @@ export default {
         }
     },
     created() {
-        this.$http
-            .get('/personal/my')
-            .then(res => {
-                this.sizeForm = {
-                    ...res,
-                    nickname: this.userInfo.nickname,
-                    phone: this.userInfo.phone,
-                    avatar: this.userInfo.avatar,
-                    email: this.userInfo.email
-                };
-            })
-            .catch(e => {
-                console.log(e);
-            });
-        this.sizeForm.nickname == this.userInfo.nickname, this.sizeForm.phone == this.userInfo.phone;
+        //     this.$http
+        //         .get('/personal/my')
+        //         .then(res => {
+        //             this.sizeForm = {
+        //                 ...res,
+        //                 nickname: this.userInfo.nickname,
+        //                 phone: this.userInfo.phone,
+        //                 avatar: this.userInfo.avatar,
+        //                 email: this.userInfo.email
+        //             };
+        //         })
+        //         .catch(e => {
+        //             console.log(e);
+        //         });
+        (this.sizeForm.nickname = this.userInfo.nickname), (this.sizeForm.phone = this.userInfo.phone);
     },
     methods: {
-        Jump() {},
+        Jump() {
+            this.$router.go(-1);
+        },
         onSubmit() {
             this.$refs.form.validate(valid => {
                 if (valid) {
-                    this.$confirm('提交资料需要审核，确定吗?', '提示', { type: 'warning' }).then(() => {
+                    this.$confirm(
+                        '保证提交的所有资料证真实有效且确属本人，如有假冒信息，一切法律后果自行承担！',
+                        '提示',
+                        { type: 'warning' }
+                    ).then(() => {
                         this.preservation();
                     });
                 }
@@ -136,27 +149,26 @@ export default {
                     name: 'ROLE_PERSONAL'
                 }
             ];
-
-            this.$http
-                .post('user/save', userInfo, {
-                    body: 'json'
-                })
-                .then(res => {
-                    this.sizeForm.avatar = res.avatar;
-                    this.$store.dispatch('getUserInfo');
-                    return this.$http.post('/personal/save', data, { body: 'json' }).then(res => {
-                        console.log(res);
-                        this.sizeForm = res;
-                        this.saving = false;
-                        this.$store.dispatch('getUserInfo');
-                        // this.$router.push('/Authentication');
-                    });
-                })
-                .catch(e => {
-                    console.log(e);
-                    this.saving = false;
-                    this.$message.error(e.error);
-                });
+            console.log(userInfo);
+            // this.$http
+            //     .post('user/save', userInfo, {
+            //         body: 'json'
+            //     })
+            //     .then(res => {
+            //         this.sizeForm.avatar = res.avatar;
+            //         this.$store.dispatch('getUserInfo');
+            //         return this.$http.post('/personal/save', data, { body: 'json' }).then(res => {
+            //             console.log(res);
+            //             this.sizeForm = res;
+            //             this.saving = false;
+            //             this.$store.dispatch('getUserInfo');
+            //         });
+            //     })
+            //     .catch(e => {
+            //         console.log(e);
+            //         this.saving = false;
+            //         this.$message.error(e.error);
+            //     });
         }
     }
 };
@@ -197,6 +209,7 @@ export default {
             background: #c4c7cc;
             border-radius: 4px;
             color: #ffffff;
+            cursor: pointer;
             font-size: 13px;
             text-align: center;
             line-height: 36px;
@@ -219,14 +232,46 @@ export default {
         margin: -11px 0 20px 94px;
     }
     .box {
-        height: 1000px;
         background: #1c1e26;
         padding: 17px 16px;
+        padding-bottom: 200px;
         .border {
             height: 1px;
             background: #494a4d;
             margin: 17px 0 60px;
         }
+        .fail {
+            text-align: center;
+            .text1 {
+                width: 68px;
+                height: 68px;
+            }
+            .text2 {
+                font-size: 20px;
+                font-weight: bold;
+                color: #00ffcb;
+                line-height: 26px;
+                margin: 20px 0 10px;
+            }
+            .text3 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 24px;
+            }
+            .botn {
+                width: 130px;
+                height: 36px;
+                font-size: 13px;
+                cursor: pointer;
+                color: #ffffff;
+                line-height: 36px;
+                text-align: center;
+                background: linear-gradient(133deg, #00ffcb 0%, #006eff 100%);
+                border-radius: 4px;
+                margin: 87px 0 0 518px;
+            }
+        }
         .name {
             font-size: 16px;
             font-weight: bold;

src/main/pc-space/yarn.lock

@@ -3025,8 +3025,8 @@ dashdash@^1.12.0:
 
 dayjs@^1.10.7:
   version "1.10.7"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.7.tgz#2cf5f91add28116748440866a0a1d26f3a6ce468"
-  integrity sha512-P6twpd70BcPK34K26uJ1KT3wlhpuOAPoMwJzpsIWUxHZ7wpmbdZL/hQqBDfz7hGurYSa5PhzdhDHtt319hL3ig==
+  resolved "https://registry.nlark.com/dayjs/download/dayjs-1.10.7.tgz#2cf5f91add28116748440866a0a1d26f3a6ce468"
+  integrity sha1-LPX5Gt0oEWdIRAhmoKHSbzps5Gg=
 
 de-indent@^1.0.2:
   version "1.0.2"