realNameAuth.vue
2.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<template>
<view class="container">
<Navbar title="实名认证" canBack></Navbar>
<view class="userCardCss mr10">
<basisCellCard title="用户信息" :list="userList"></basisCellCard>
</view>
<view class="idCardCss mr10">
<basisCellCard title="证件信息">
<view class="text-gray margin-top">
身份证信息
</view>
<view class="flex justify-between margin-top-sm">
<view class="">
<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="1" multiple
:maxCount="1" width="150" height="100px">
<u-image src="" mode="widthFix" width="150px" height="100px"></u-image>
</u-upload>
</view>
<view class="">
<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="2" multiple
:maxCount="1" width="150" height="100px">
<u-image src="" mode="widthFix" width="150px" height="100px"></u-image>
</u-upload>
</view>
</view>
<view class="margin-top-sm">
<view class="text-gray">
营业执照信息
</view>
<view class="margin-top-sm">
<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="3" multiple
:maxCount="1" width="250" height="150">
<view class="businessLicenseImgCss">
<u-image src="" mode="widthFix" width="100%" height="150px"></u-image>
</view>
</u-upload>
</view>
</view>
</basisCellCard>
</view>
</view>
</template>
<script>
import basisCellCard from '@/components/basisCellCard/basisCellCard'
export default {
components: {
basisCellCard
},
data() {
return {
userList: [{
name: "头像",
type: "avatar",
src: ""
}, {
name: "姓名",
value: "张三"
}, {
name: "性别",
value: "男"
}, {
name: "电话",
value: "18654972301"
}, {
name: "地址",
value: "湖北省武汉市洪山区青菱街道青菱寺西路白沙洲农副产品大市场"
}, {
name: "楼层",
value: "1"
}, {
name: "电梯",
value: "无"
}, {
name: "用户类型",
value: "居民"
}],
fileList: [],
};
}
}
</script>
<style lang="scss">
.container {
padding-bottom: 10px;
}
.mr10 {
margin: 10px;
}
.userCardCss {}
.businessLicenseImgCss {
width: 84vw;
}
</style>