diff --git a/api/verify.js b/api/verify.js new file mode 100644 index 0000000..010cfd1 --- /dev/null +++ b/api/verify.js @@ -0,0 +1,30 @@ +//认证api + +import request from '@/utils/request' + +// api地址 +const api = { + // 扫描证书上传接口 + cerscan_url: 'Paymentlist/entuiprise/v1/user/cer-scan', + // 行业类目 + industry:"slb/userself/v1/industry/0", +} + +/** + * 扫描证书上传 + */ +export const cerscan = (data) => { + return request.post(api.cerscan_url, data ) +} + +// do upload +export const upload = files => { + // 文件上传大小, 2M + const maxSize = 1024 * 1024 * 2 + // 执行上传 + return new Promise((resolve, reject) => { + request.urlFileUpload({ files, maxSize }) + .then(result => resolve(result.map(item => item.data.fileInfo.file_id), result)) + .catch(reject) + }) +} \ No newline at end of file diff --git a/pages/user/mycertinfo/orgverify.vue b/pages/user/mycertinfo/orgverify.vue index 798b336..74bb61f 100644 --- a/pages/user/mycertinfo/orgverify.vue +++ b/pages/user/mycertinfo/orgverify.vue @@ -47,22 +47,104 @@ + + + + + 选择身份 + + 法 人 + 经办人 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -183,6 +320,43 @@ } } + .ver-form{ + // todo o + } + + .sfsel{ + float: left; + width: 100%; + + .sf-tit{ + width: 20%; + padding: 10rpx 0; + display: flex; + flex-direction: center; + } + + .sf-item{ + background: #EAEAEA; + width: 80%; + display: flex; + text-align: center; + color: #333; + border-radius: 12rpx; + + .sfiv{ + width: 50%; + padding: 10rpx; + + &.active{ + border-radius: 12rpx; + background: #487AEE; + color: #fff; + } + } + + } + } + // 输入框元素 .form-item { display: flex; @@ -205,6 +379,76 @@ } + .image-list { + display: flex; + padding: 0 20rpx; + margin-top: 20rpx; + margin-bottom: -20rpx; + + &:after { + clear: both; + content: " "; + display: table; + } + + .image { + display: block; + width: 100%; + height: 100%; + } + + .image-picker, + .image-preview { + width: 196rpx; + height: 196rpx; + margin-right: 30rpx; + margin-bottom: 30rpx; + float: left; + + &:nth-child(3n+0) { + margin-right: 0; + } + } + + .image-picker { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border: 1rpx dashed #ccc; + color: #ccc; + + .choose-icon { + font-size: 48rpx; + margin-bottom: 6rpx; + } + + .choose-text { + font-size: 24rpx; + } + } + + .image-preview { + position: relative; + + .image-delete { + position: absolute; + top: -15rpx; + right: -15rpx; + height: 42rpx; + width: 42rpx; + line-height: 42rpx; + background: rgba(0, 0, 0, 0.64); + border-radius: 50%; + color: #fff; + font-weight: bolder; + font-size: 22rpx; + z-index: 10; + text-align: center; + } + } + } + } }