|
|
@@ -1,30 +1,75 @@
|
|
|
<template>
|
|
|
<div class="page">
|
|
|
- <div class="tabs">
|
|
|
- <div class="text1">个人认证已完成</div>
|
|
|
- <div class="text2">
|
|
|
- <span>账户实名认证后不能修改</span>
|
|
|
+ <div v-if="!form.org">
|
|
|
+ <div class="tabs">
|
|
|
+ <div class="text1">个人认证已完成</div>
|
|
|
+ <div class="text2">
|
|
|
+ <span>账户实名认证后不能修改</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">姓名</div>
|
|
|
+ <div class="text2">{{ form.realName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">手机号码</div>
|
|
|
+ <div class="text2">{{ form.phone }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">电子邮箱</div>
|
|
|
+ <div class="text2">{{ form.email }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">身份证号</div>
|
|
|
+ <div class="text2">{{ form.idNo }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">身份证照片</div>
|
|
|
+ <div class="text2">已上传</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="text1">姓名</div>
|
|
|
- <div class="text2">{{ form.realName }}</div>
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div class="text1">手机号码</div>
|
|
|
- <div class="text2">{{ form.phone }}</div>
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div class="text1">电子邮箱</div>
|
|
|
- <div class="text2">{{ form.email }}</div>
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div class="text1">身份证号</div>
|
|
|
- <div class="text2">{{ form.idNo }}</div>
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div class="text1">身份证照片</div>
|
|
|
- <div class="text2">已上传</div>
|
|
|
+
|
|
|
+ <div v-else>
|
|
|
+ <div class="tabs">
|
|
|
+ <div class="text1">企业认证已完成</div>
|
|
|
+ <div class="text2">
|
|
|
+ <span>账户实名认证后不能修改</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">法人姓名</div>
|
|
|
+ <div class="text2">{{ form.realName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">身份证照片</div>
|
|
|
+ <div class="text2">已上传</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">企业名称</div>
|
|
|
+ <div class="text2">{{ form.orgName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">身份证号</div>
|
|
|
+ <div class="text2" v-if="form.idNo">{{ idNo }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">身份证照片</div>
|
|
|
+ <div class="text2">已上传</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">工商营业执照注册号/统一社会信用代码</div>
|
|
|
+ </div>
|
|
|
+ <div class="text4">{{ form.orgNo }}</div>
|
|
|
+
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">工商营业执照有效日期截止时间</div>
|
|
|
+ <div class="text2" v-if="form.orgLicenseExpire">{{ form.orgLicenseExpire }}</div>
|
|
|
+ <div class="text2 text3" v-else>长期</div>
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="text1">营业执照</div>
|
|
|
+ <div class="text2">已上传</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -36,6 +81,11 @@ export default {
|
|
|
form: {}
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ idNo() {
|
|
|
+ return this.form.idNo.slice(0, 4) + ' ********** ' + this.form.idNo.slice(14, 18);
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.$http
|
|
|
.post(
|
|
|
@@ -50,6 +100,7 @@ export default {
|
|
|
.then(res => {
|
|
|
if (!res.empty) {
|
|
|
this.form = res.content[0];
|
|
|
+ console.log(this.form.org);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
@@ -74,7 +125,12 @@ export default {
|
|
|
margin-top: 4px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+.text4 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #939599;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
.info {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -92,6 +148,9 @@ export default {
|
|
|
font-size: 16px;
|
|
|
color: #939599;
|
|
|
line-height: 24px;
|
|
|
+ &.text3 {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&:not(:last-child) {
|