xioayue
/
why_in_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

用户认证页面部分修改优化

master
wanghongjun 2 years ago
parent
7438046864
commit
6ef0d56d5c
2 changed files with 177 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      api/verify.js
  2. 199
      pages/user/mycertinfo/orgverify.vue

4
api/verify.js
View File

@ -32,4 +32,8 @@ export const upload = files => {
.then(result => resolve(result.map(item => item.data.fileInfo.file_id), result))
.catch(reject)
})
}
export function getUploadUrl() {
return api.cerscan_url
}

199
pages/user/mycertinfo/orgverify.vue
View File

@ -137,11 +137,11 @@
<input class="form-item--input" placeholder="法人姓名" v-model="legalsName"/>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="法人证件类型" v-model="legalsName"/>
<input class="form-item--input" placeholder="法人证件类型" v-model="legalsType"/>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="法人证件号" v-model="legalsName"/>
<input class="form-item--input" placeholder="法人证件号" v-model="legalsIdnum"/>
</view>
<view class="form-item">
@ -149,12 +149,12 @@
</view>
<view class="form-item">
<input class="form-item--input" placeholder="营业执照有效期"/>
<input class="form-item--input" v-model="licenseDate" placeholder="营业执照有效期"/>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="法人手机号"/>
<input class="form-item--input" v-model="legalsCellPhone" placeholder="法人手机号"/>
</view>
<view class="form-item">
@ -162,32 +162,42 @@
</view>
<view class="form-item">
<input class="form-item--input" placeholder="开户人"/>
<input class="form-item--input" v-model="bankAccountName" placeholder="开户人"/>
</view>
<view class="form-item">
<view class="">银行卡类型</view>
<radio-group>
<radio></radio>
<view class="title_left">银行卡类型</view>
<radio-group class="title_radio">
<radio id="jjk" class="title_left_radio">借记卡</radio>
<radio id="dwjs" class="title_left_radio">单位结算卡</radio>
</radio-group>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="开户行名称"/>
<input class="form-item--input" v-model="bankName" placeholder="开户行名称"/>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="银行行号"/>
<input class="form-item--input" v-model="bankType" placeholder="银行行号"/>
</view>
<view class="form-item">
<picker mode="multiSelector">
<text>开户银行所在地</text>
</picker>
<text class="title_left">开户银行所在地</text>
<picker class="picker" mode="multiSelector" :range="region" range-key="name" :value="bankIndex" @change="pickerBankChange"
@columnchange="pickerBankColumnChange">
<view class="pbox" :class="{'pbox_hover':bankStr != '请选择省市区'}">
<view>{{bankStr}}</view>
<text class="iconfont icon-you"></text>
</view>
</picker>
</view>
<view class="form-item">
<input class="form-item--input" placeholder="开户银行预留手机号"/>
<input class="form-item--input" v-model="certIdnum" placeholder="开户人身份证号码"/>
</view>
<view class="form-item">
<input class="form-item--input" v-model="bankCellPhone" placeholder="开户银行预留手机号"/>
</view>
@ -200,13 +210,22 @@
<button class="form-item--input" @click="chooseImage('jfr_idbfile')">营业执照/事业单位法人证书扫描件</button>
</view>
<view class="form-item">
<button class="form-item--input">法人身份证正反面扫描件（指纹或盖章）</button>
<view class="image-list" v-if="fr_idbfile!=''">
<view class="image-preview" v-for="(image, imageIndex) in fr_idbfile[0]">
<image class="image" mode="aspectFill" :src="image.path"></image>
</view>
</view>
<view class="form-item" v-else>
<button class="form-item--input" @click="chooseImage('fr_idbfile')">法人身份证正反面扫描件（指纹或盖章）</button>
</view>
<view class="form-item">
<button class="form-item--input">门头照</button>
<view class="image-list" v-if="door_idbfile!=''">
<view class="image-preview" v-for="(image, imageIndex) in door_idbfile[0]">
<image class="image" mode="aspectFill" :src="image.path"></image>
</view>
</view>
<view class="form-item" v-else>
<button class="form-item--input" @click="chooseImage('door_idbfile')">门头照</button>
</view>
<!-- 推荐中介服务机构 -->
<view class="form-item">
@ -218,7 +237,10 @@
</view>
<view class="form-item">
<input placeholder="身份"/>
<view class="title_left">身份</view>
<u-checkbox class="title_left_radio" v-model="buyer_identity">买方</u-checkbox>
<u-checkbox class="title_left_radio" v-model="seller_identity">卖方</u-checkbox>
<u-checkbox class="title_left_radio" v-model="agency_identity">中介服务机构</u-checkbox>
</view>
<view class="form-item">
@ -235,7 +257,7 @@
</view>
<!-- 提交按钮 -->
<view class="vf-button" @click="handleLogin">
<view class="vf-button" @click="handleSubmit">
<text>提交认证</text>
</view>
@ -253,13 +275,39 @@
import * as VerifyApi from '@/api/verify'
import * as cityjson from 'utils/json/city.json'
import region from 'utils/json/pca.json';
import UCheckbox from "../../../uview-ui/components/u-checkbox/u-checkbox";
//
//const citydata = cityjson
export default {
data() {
components: {UCheckbox},
data() {
return {
// 机构名称
desc: "",
// 法人名称
legalsName: "",
// 法人证件类型
legalsType: "",
// 法人证件号
legalsIdnum: "",
// 银行账号
publicAccount: "",
// 开户行名称
bankName: "",
// 银行行号
bankType: "",
// 开户人身份证号码
certIdnum: "",
// 开户银行预留手机号
bankCellPhone: "",
// 营业执照有效期
licenseDate: "",
// 法人手机号
legalsCellPhone: "",
// 开户人
bankAccountName: "",
// 认证步骤
step:3,
// 当前标签索引
@ -279,6 +327,8 @@
// 经办人身份证
jfr_idafile:[],
jfr_idbfile:[],
fr_idbfile:[],
door_idbfile:[],
// 行业id
industryType:0,
// 行业列表
@ -299,9 +349,24 @@
regionIndex: [0, 0, 0],
// 处理后的数组
region: [[],[],[]],
// 省区地址
bankProvince:"",
// 请选择省/市/区
bankStr:"请选择省/市/区",
//选择省市区的下标Index 传则默认选中传递的
bankIndex: [0, 0, 0],
// 处理后的数组
bank: [[],[],[]],
//原数组
oldRegion: region,
// 隐私政策
isTick: false,
buyer_identity: false,
seller_identity: false,
agency_identity: false,
new_privacy_pers: false,
new_user_pers: false,
new_exceptions_pers: false,
}
},
mounted() {
@ -488,6 +553,57 @@
}
},
// ++++++++++++++++++++++++++
// +++++++++++++++++++++++++++
pickerBankChange(e) {
this.bankIndex = e.detail.value;
this.bankStr = this.region[0][this.bankIndex[0]].name + ' ' + this.region[1][this.bankIndex[1]].name + ' ' +
this.region[2][this.bankIndex[2]].name;
// 组件传值
this.$emit('region', [this.region[0][this.bankIndex[0]].name , this.region[1][this.bankIndex[1]].name,
this.region[2][this.bankIndex[2]].name]);
},
pickerBankColumnChange(e) {
if (e.detail.column === 0) {
// 声明城市数组
let cityArr = [];
let countyArr = [];
// 设置下标
this.bankIndex = [e.detail.value, 0, 0];
// 改变城市列表
this.region[1] = this.oldRegion[e.detail.value].children.map(item => {
cityArr.push({
name: item.name,
code: item.code
});
})
this.$set(this.region, 1, cityArr);
// 改变县区列表
this.oldRegion[e.detail.value].children[0].children.map(item => {
countyArr.push({
name: item.name,
code: item.code
});
})
this.$set(this.region, 2, countyArr);
}
if (e.detail.column === 1) {
this.bankIndex[1] = e.detail.value;
this.bankIndex[2] = 0;
let countyArr = [];
this.oldRegion[this.bankIndex[0]].children[this.bankIndex[1]].children.map(item => {
countyArr.push({
name: item.name,
code: item.code
});
})
this.$set(this.bank, 2, countyArr);
}
if (e.detail.column === 2) {
this.bankIndex[2] = e.detail.value;
}
},
// ++++++++++++++++++++++++++
// 选择图片
chooseImage( item) {
@ -503,6 +619,17 @@
//app.formData[index].imageList = oldImageList.concat(tempFiles)
//oldImageList.concat(tempFiles)
oldImageList.push(tempFiles)
uni.uploadFile({
url: VerifyApi.getUploadUrl(), //仅为示例，非真实的接口地址
filePath: tempFiles[0].path,
name: 'file',
success: (uploadFileRes) => {
let res = JSON.parse(uploadFileRes.data)
if (res.resultCode != '00000000' ) {
alert('上传失败')
}
}
});
}
});
console.log(oldImageList.length)
@ -539,7 +666,18 @@
}))
.then(resolve, reject)
})
}
},
readpri() {
this.isTick = true;
},
handleSubmit() {
let institutionsdata = {
};
}
}
}
@ -759,7 +897,16 @@
}
}
}
.title_left {
padding-right: 20rpx;
}
.title_radio .title_left_radio {
margin-right: 20rpx;
}
.title_radio .title_left_radio.last-child {
margin-right: 0;
}
}
}

Write Preview
Loading…
Cancel
Save