Kaynağa Gözat

会员注册流程

jingqu
张泽亮 8 ay önce
ebeveyn
işleme
bf58ed1ce8
3 değiştirilmiş dosya ile 36 ekleme ve 223 silme
  1. +2
    -2
      src/views/project/signUp.vue
  2. +18
    -102
      src/views/register/companyRegister.vue
  3. +16
    -119
      src/views/register/userRegister.vue

+ 2
- 2
src/views/project/signUp.vue Dosyayı Görüntüle

@@ -39,9 +39,9 @@


<p style="margin-bottom:10px;">· 已阅读并知晓:
<span style="color:#C21F3A" @click="show2=true">《竞买人承诺书》</span>
<span style="color:#C21F3A" @click="show2=true">《诚信承诺书》</span>
</p>
<van-dialog v-model="show2" title="竞买人承诺书" confirmButtonText="关闭">
<van-dialog v-model="show2" title="诚信承诺书" confirmButtonText="关闭">

<div class="dialog_content_center" v-html="cnsConfig"></div>



+ 18
- 102
src/views/register/companyRegister.vue Dosyayı Görüntüle

@@ -6,29 +6,23 @@
<div class="block_box">
<div class="block_tt"><i></i>基本信息</div>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="showPicker = false"/>
</van-popup>
<van-field v-model="form.phone" type="tel" label="手机号" placeholder="请输入手机号,作为登录账号!" required :rules="[{ required:true }]" />
<van-field v-model="form.password" type="password" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
<van-field v-model="confirmPassWord" type="password" label="确认密码" placeholder="请再次输入密码" required :rules="[{ required:true }]"/>
<van-field readonly clickable name="picker" :value="value" label="经济类型" placeholder="点击选择经济类型" @click="showPicker = true" required :rules="[{ required:true }]"/>
<van-field v-model="form.companyName" label="公司名称" placeholder="请输入公司名称" required :rules="[{ required:true }]"/>
<van-field v-model="form.companyCode" label="社会信用代码" placeholder="请输入公司的社会信用代码" required :rules="[{ required:true }]"/>
<van-field v-model="form.companyCode" label="社会信用代码" placeholder="请输入公司的社会信用代码" />
<van-field v-model="form.address" label="联系地址" placeholder="请输入联系地址" />

<van-field v-model="form.realname" label="法人姓名" placeholder="请输入法人姓名" required :rules="[{ required:true }]"/>
<van-field v-model="form.idCardNum" label="法人身份证号" placeholder="请输入法人身份证号" required :rules="[{ required:true }]"/>
<van-field name="uploader" label="法人证件照" required>
<van-field v-model="form.idCardNum" label="法人身份证号" placeholder="请输入法人身份证号" />
<van-field name="uploader" label="法人证件照">
<template #input>
<van-uploader :after-read="afterReadFRZJZ" :before-delete="deleteFileFRZJZ" v-model="fileListFRZJZ" multiple :max-count="1" />
</template>
</van-field>
<van-field name="uploader" label="营业执照" required>
<van-field name="uploader" label="营业执照">
<template #input>
<van-uploader :after-read="afterReadYYZZ" :before-delete="deleteFileYYZZ" v-model="fileListYYZZ" multiple :max-count="1" />
</template>
@@ -37,97 +31,39 @@

<div class="block_box">
<div class="block_tt"><i></i>银行信息</div>
<van-field name="uploader" label="开户证明" required>
<van-field name="uploader" label="开户证明">
<template #input>
<van-uploader :after-read="afterReadKHZM" :before-delete="deleteFileKHZM" v-model="fileListKHZM" multiple :max-count="1" />
</template>
</van-field>
<van-field v-model="form.bankCardName" label="开户姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
<van-field v-model="form.bankCardNum" label="开户账号" placeholder="请输入开户账号" required :rules="[{ required:true }]"/>

<van-field
v-model="accountType"
is-link
readonly
required
:rules="[{ required:true }]"
label="账户类型"
placeholder="请选择账户类型"
@click="showAccountType = true"
/>
<van-field v-model="form.bankCardName" label="开户姓名" placeholder="请输入姓名"/>
<van-field v-model="form.bankCardNum" label="开户账号" placeholder="请输入开户账号"/>
<van-field v-model="accountType" is-link readonly label="账户类型" placeholder="请选择账户类型" @click="showAccountType = true"/>
<van-popup v-model:show="showAccountType" position="bottom">
<van-picker
show-toolbar
value-key="dictLabel"
:columns="accountTypeOption"
@confirm="onConfirmAccountType"
@cancel="showAccountType = false"
/>
<van-picker show-toolbar value-key="dictLabel" :columns="accountTypeOption" @confirm="onConfirmAccountType" @cancel="showAccountType = false"/>
</van-popup>

<van-field
v-model="bankType"
is-link
readonly
required
:rules="[{ required:true }]"
label="所属银行"
placeholder="请选择所属银行"
@click="showBankType = true"
/>
<van-field v-model="bankType" is-link readonly label="所属银行" placeholder="请选择所属银行" @click="showBankType = true"/>
<van-popup v-model:show="showBankType" position="bottom">
<van-picker
show-toolbar
value-key="dictLabel"
:columns="bankTypeOption"
@confirm="onConfirmBankType"
@cancel="showArea = false"
/>
<van-picker show-toolbar value-key="dictLabel" :columns="bankTypeOption" @confirm="onConfirmBankType" @cancel="showArea = false"/>
</van-popup>

<van-field
v-model="sheng"
is-link
readonly
label="开户省市"
placeholder="请选择开户省市"
@click="showSheng = true"
/>
<van-field v-model="sheng" is-link readonly label="开户省市" placeholder="请选择开户省市" @click="showSheng = true"/>
<van-popup v-model:show="showSheng" position="bottom">
<van-picker
show-toolbar
value-key="label"
:columns="shengOption"
@confirm="onConfirmSheng"
@cancel="showSheng = false"
/>
<van-picker show-toolbar value-key="label" :columns="shengOption" @confirm="onConfirmSheng" @cancel="showSheng = false"/>
</van-popup>

<van-field v-model="form.bankDeposit" label="关键词" placeholder="请输入开户行地址关键词,如镇街名称"/>
<van-field
v-model="form.bankAddress"
label="开户银行"
placeholder="输入【开户省市、关键词】后:"
required
:rules="[{ required:true }]"
readonly
@click="showBankAddress = true"
>
<van-field v-model="form.bankAddress" label="开户银行" placeholder="输入【开户省市、关键词】后:" readonly @click="showBankAddress = true">
<template #button>
<van-button size="small" type="primary" native-type="button" @click="searchBankAddress">点击检索</van-button>
</template>
</van-field>

<van-popup v-model:show="showBankAddress" position="bottom">
<van-picker
show-toolbar
value-key="bankDeposit"
:columns="bankAddressOption"
@confirm="onConfirmBankAddress"
@cancel="showBankAddress = false"
/>
<van-picker show-toolbar value-key="bankDeposit" :columns="bankAddressOption" @confirm="onConfirmBankAddress" @cancel="showBankAddress = false"/>
</van-popup>
<van-field v-model="form.payeePaymentLines" label="联行号" placeholder="开户银行选定后,自动填充!" required :rules="[{ required:true }]"/>
<van-field v-model="form.payeePaymentLines" label="联行号" placeholder="开户银行选定后,自动填充!" />

<van-field v-model="form.code" center clearable label="验证码" placeholder="图形验证码" required :rules="[{ required:true }]">
<template #button>
@@ -230,7 +166,6 @@ export default {
this.form.supplyDemandType = index + 1 ;
},
getSubmit(){
console.log(this.form)
if (this.form.password!= this.confirmPassWord){
this.$toast({
icon: 'error', // 找到自己需要的图标
@@ -241,26 +176,7 @@ export default {
})
return;
}
if (this.form.accountOpenCert == ''){
this.$toast({
icon: 'error', // 找到自己需要的图标
message: '请上传开户证明',
duration:"2000",
onClose:function(){
}
})
return;
}
if (this.form.companyLicense == ''){
this.$toast({
icon: 'error', // 找到自己需要的图标
message: '请上传营业执照',
duration:"2000",
onClose:function(){
}
})
return;
}

this.$toast.loading({
message: '正在注册...',
forbidClick: true,


+ 16
- 119
src/views/register/userRegister.vue Dosyayı Görüntüle

@@ -1,145 +1,62 @@
<template>
<div class="app-container" :style="{height:height+'px'}">
<!-- <van-nav-bar-->
<!-- title="个人用户注册"-->
<!-- left-arrow-->
<!-- fixed-->
<!-- placeholder-->
<!-- @click-left="onClickLeft"-->
<!-- style="background: linear-gradient(to right,#91E1CA,#E0F4E4);"-->
<!-- />-->
<navBar title="个人用户注册" background="0" positionType="fixed"></navBar>
<van-form @submit="getSubmit">
<div class="block_box">

<div class="block_tt"><i></i>用户信息</div>

<van-field v-model="form.phone" type="tel" label="手机号" placeholder="请输入手机号,作为登录账号" required :rules="[{ required:true }]" />
<!-- <van-field-->
<!-- center-->
<!-- clearable-->
<!-- label="短信验证码"-->
<!-- placeholder="请输入短信验证码"-->
<!-- required-->
<!-- v-model="form.sms"-->
<!-- :rules="[{ required:true }]"-->
<!-- >-->
<!-- <template #button>-->
<!-- <van-button size="small" type="primary" native-type="button" :rules="[{ required:true }]">发送验证码</van-button>-->
<!-- </template>-->
<!-- </van-field>-->
<van-field v-model="form.password" type="password" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
<van-field v-model="confirmPassWord" type="password" label="确认密码" placeholder="请再次输入密码" required :rules="[{ required:true }]"/>
<van-field v-model="form.realname" label="姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
<van-field v-model="form.idCardNum" label="身份证号" placeholder="请输入身份证号" required :rules="[{ required:true }]"/>
<van-field v-model="form.idCardNum" label="身份证号" placeholder="请输入身份证号" />
<van-field v-model="form.address" label="联系地址" placeholder="请输入联系地址" />
<van-field name="uploader" label="身份证(正)" required :border="false"></van-field>
<van-field name="uploader" label="身份证(正)" :border="false"></van-field>
<van-field name="uploader">
<template #input>
<van-uploader :after-read="afterReadSFZ" :before-delete="deleteFileSFZ" v-model="fileListSFZ" multiple :max-count="1" />
</template>
</van-field>
<p style="color: red;padding: 2vw 3vw;">*身份证照片、本人和身份证的合影</p>
<p style="color: red;padding: 2vw 3vw;">身份证照片、本人和身份证的合影</p>
</div>

<!-- <van-divider>银行信息</van-divider>-->
<div class="block_box">

<div class="block_tt"><i></i>银行信息</div>
<van-field name="uploader" label="银行卡" required :border="false"></van-field>
<van-field name="uploader" label="银行卡" :border="false"></van-field>
<van-field name="uploader">
<template #input>
<van-uploader :after-read="afterReadYHK" :before-delete="deleteFileYHK" v-model="fileListYHK" multiple :max-count="1" />
</template>
</van-field>

<van-field v-model="form.bankCardName" label="开户姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
<van-field v-model="form.bankCardNum" label="开户账号" placeholder="请输入开户账号" required :rules="[{ required:true }]"/>
<van-field v-model="form.bankCardName" label="开户姓名" placeholder="请输入姓名" />
<van-field v-model="form.bankCardNum" label="开户账号" placeholder="请输入开户账号" />

<van-field
v-model="accountType"
is-link
readonly
required
:rules="[{ required:true }]"
label="账户类型"
placeholder="请选择账户类型"
@click="showAccountType = true"
/>
<van-field v-model="accountType" is-link readonly label="账户类型" placeholder="请选择账户类型" @click="showAccountType = true"/>
<van-popup v-model:show="showAccountType" position="bottom">
<van-picker
show-toolbar
value-key="dictLabel"
:columns="accountTypeOption"
@confirm="onConfirmAccountType"
@cancel="showAccountType = false"
/>
<van-picker show-toolbar value-key="dictLabel" :columns="accountTypeOption" @confirm="onConfirmAccountType" @cancel="showAccountType = false"/>
</van-popup>

<van-field
v-model="bankType"
is-link
readonly
required
:rules="[{ required:true }]"
label="所属银行"
placeholder="请选择所属银行"
@click="showBankType = true"
/>
<van-field v-model="bankType" is-link readonly label="所属银行" placeholder="请选择所属银行" @click="showBankType = true"/>
<van-popup v-model:show="showBankType" position="bottom">
<van-picker
show-toolbar
value-key="dictLabel"
:columns="bankTypeOption"
@confirm="onConfirmBankType"
@cancel="showArea = false"
/>
<van-picker show-toolbar value-key="dictLabel" :columns="bankTypeOption" @confirm="onConfirmBankType" @cancel="showArea = false"/>
</van-popup>

<van-field
v-model="sheng"
is-link
readonly
label="开户省市"
placeholder="请选择开户省市"
@click="showSheng = true"
/>
<van-field v-model="sheng" is-link readonly label="开户省市" placeholder="请选择开户省市" @click="showSheng = true"/>
<van-popup v-model:show="showSheng" position="bottom">
<van-picker
show-toolbar
value-key="label"
:columns="shengOption"
@confirm="onConfirmSheng"
@cancel="showSheng = false"
/>
<van-picker show-toolbar value-key="label" :columns="shengOption" @confirm="onConfirmSheng" @cancel="showSheng = false"/>
</van-popup>

<van-field v-model="form.bankDeposit" label="关键词" placeholder="请输入开户行地址关键词,如镇街名称"/>
<van-field
v-model="form.bankAddress"
label="开户银行"
placeholder="输入【开户省市、关键词】后:"
required
:rules="[{ required:true }]"
readonly
@click="showBankAddress = true"
>
<van-field v-model="form.bankAddress" label="开户银行" placeholder="输入【开户省市、关键词】后:" readonly @click="showBankAddress = true">
<template #button>
<van-button size="small" type="primary" native-type="button" @click="searchBankAddress">点击检索</van-button>
</template>
</van-field>
<van-popup v-model:show="showBankAddress" position="bottom">
<van-picker
show-toolbar
value-key="bankDeposit"
:columns="bankAddressOption"
@confirm="onConfirmBankAddress"
@cancel="showBankAddress = false"
/>
<van-picker show-toolbar value-key="bankDeposit" :columns="bankAddressOption" @confirm="onConfirmBankAddress" @cancel="showBankAddress = false"/>
</van-popup>


<van-field v-model="form.payeePaymentLines" label="联行号" placeholder="开户银行选定后,自动填充!" required :rules="[{ required:true }]"/>
<van-field v-model="form.payeePaymentLines" label="联行号" placeholder="开户银行选定后,自动填充!" />

<van-field v-model="form.code" center clearable label="验证码" placeholder="图形验证码" required :rules="[{ required:true }]">
<template #button>
@@ -238,32 +155,12 @@ export default {
})
return;
}
if (this.form.idCardPic == ''){
this.$toast({
icon: 'error', // 找到自己需要的图标
message: '请上传身份证',
duration:"2000",
onClose:function(){
}
})
return;
}
if (this.form.accountOpenCert == ''){
this.$toast({
icon: 'error', // 找到自己需要的图标
message: '请上传银行卡',
duration:"2000",
onClose:function(){
}
})
return;
}

this.$toast.loading({
message: '正在注册...',
forbidClick: true,
});
this.form.accountType = '2';
console.log(this.form);
var that = this
userRegister(this.form).then((res) => {
this.$toast.clear();


Yükleniyor…
İptal
Kaydet