You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

643 lines
19 KiB

3 years ago
<template>
<!--pages/release/companyAuth/index.wxml-->
<view class="auth-page">
<view class="is-legal-box">
<view class="acea-row row-between row-middle">
<view>申请人是否为企业法人</view>
<radio-group @change="radioClick" class="acea-row row-between row-middle">
<label>
<radio value="1" :checked="form.isLegalPerson == 1"></radio>
</label>
<label>
<radio value="0" :checked="form.isLegalPerson == 0"></radio>
</label>
</radio-group>
</view>
<view class="authbook-box" v-if="form.isLegalPerson == 0">
<view class="tips">非法人申请需上传加盖公章的申请授权书</view>
<view class="upload-box acea-row row-between">
<image src="https://download.cyjyyjy.com/sq.png" v-if="form.authorizationPath == ''" @tap="upCard" data-type="ap"></image>
<image :src="form.authorizationPath" v-else @tap="upCard" data-type="ap"></image>
<image src="https://download.cyjyyjy.com/sqs.png" @tap="prevImg"></image>
</view>
</view>
</view>
<view class="splitLine"></view>
<view class="company-info-box">
<view class="title">企业信息</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">主体类型</view>
<view class="inp-box">
<input type="text" value="企业" disabled="disabled">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">企业名称</view>
<view class="inp-box">
<input type="text" :value="form.enterpriseName" @input="inpChange" data-type="enterpriseName" placeholder="请填写企业名称">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">信用代码</view>
<view class="inp-box">
<input type="text" :value="form.creditCode" @input="inpChange" data-type="creditCode" placeholder="13位或18位数字及大写字母">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">所在行业</view>
<view class="inp-box acea-row row-right row-middle">
<!-- <input type="text" value="{{form.profession}}" disabled="true" placeholder="请选择" />
<image src="https://download.cyjyyjy.com/home/arrow-r.png" class="arrorR"></image> -->
<picker class="pick-box" @change="resourcesChange" :value="idx" :range="resourcesList" :range-key="'cagetoryName'" mode="selector">
<view class="picker">{{resourcesList[resourcesIdx].cagetoryName || '请选择'}}</view>
</picker>
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">企业规模</view>
<view class="inp-box">
<picker @change="bindPickerChange" :value="form.enterpriseScale" :range="scaleArr">
<view class="picker">{{form.enterpriseScale}}</view>
</picker>
</view>
</view>
<view class="form-item noBorder">
<view class="label">营业执照</view>
<view class="inp-box yyzz">
<image src="https://download.cyjyyjy.com/yyzz.png" v-if="form.businessLicense == ''" @tap="upCard" data-type="bl"></image>
<image :src="form.businessLicense" v-else @tap="upCard" data-type="bl"></image>
</view>
</view>
</view>
<view class="splitLine"></view>
<view class="company-info-box">
<view class="title">对公银行信息</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">银行账号</view>
<view class="inp-box">
<input type="text" :value="form.bankAccount" @input="inpChange" @blur="checkBank" data-type="bankAccount" placeholder="银行账号">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">开户银行</view>
<view class="inp-box">
<input type="text" :value="form.bankName" @input="inpChange" data-type="bankName" placeholder="请填写开户银行">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">开户网点</view>
<view class="inp-box">
<input type="text" :value="form.bankBranch" @input="inpChange" data-type="bankBranch" placeholder="请填写开户网点">
</view>
</view>
</view>
<view class="splitLine"></view>
<view class="company-info-box">
<view class="title">法人/申请人信息</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">姓名</view>
<view class="inp-box">
<input type="text" :value="form.legalPersonName" @input="inpChange" data-type="name" placeholder="请填写姓名">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">手机号</view>
<view class="inp-box">
<input type="text" :value="form.legalPhone" @input="inpChange" data-type="phone" placeholder="请填写手机号">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">身份证号</view>
<view class="inp-box">
<input type="text" :value="form.legalPersonIdcard" @input="inpChange" data-type="idcard" placeholder="请填写身份证号">
</view>
</view>
<view class="form-item noBorder">
<view class="label">身份证</view>
<view class="inp-box sfz">
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz1.png" @tap="upCard" data-type="b" v-if="form.idcardPicBehind == ''"></image>
<image :src="form.idcardPicBehind" @tap="upCard" data-type="b" v-else></image>
<image src="https://download.cyjyyjy.com/sfzb.png"></image>
</view>
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz2.png" @tap="upCard" data-type="f" v-if="form.idcardPicFront == ''"></image>
<image :src="form.idcardPicFront" @tap="upCard" data-type="f" v-else></image>
<image src="https://download.cyjyyjy.com/sfzz.png"></image>
</view>
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz3.png" @tap="upCard" data-type="h" v-if="form.idcardPicHold == ''"></image>
<image :src="form.idcardPicHold" @tap="upCard" data-type="h" v-else></image>
<image src="https://download.cyjyyjy.com/sfzs.png"></image>
</view>
</view>
</view>
</view>
<view class="submit-btn" @tap="submit">保存并提交</view>
</view>
</template>
<script>
// pages/release/companyAuth/index.js
const util = require("../../../utils/util.js");
const app = getApp();
export default {
data() {
return {
form: {
isLegalPerson: 0,
//是否为企业法人
authorizationPath: '',
// 授权书图片
enterpriseName: '',
//企业名称
creditCode: '',
//信用代码
industryId: '',
//所在行业
enterpriseScale: '请选择',
//企业规模
businessLicense: '',
//营业执照照片
bankAccount: '',
//银行账号
bankName: '',
// 开户银行
bankBranch: '',
// 开户网点
legalPersonName: '',
//法人姓名
legalPhone: '',
//法人手机号
legalPersonIdcard: '',
// 法人身份证
idcardPicFront: '',
// 法人身份证正面照
idcardPicBehind: '',
// 法人身份证背面照
idcardPicHold: '' // 法人手持身份证
},
isEdit: false,
scaleArr: ['0-25', '25-99', '99-200', '200-500', '500及以上'],
resourcesList: "",
resourcesIdx: ""
};
},
components: {},
props: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.getResourcesCagetory();
if (options.authInfo) {
let authInfo = JSON.parse(decodeURIComponent(options.authInfo));
// this.setData({//['form.isLegalPerson']: 0
// ////是否为企业法人
// ['form.authorizationPath']: authInfo.authorizationPath || ''
// //// 授权书图片
// ['form.enterpriseName']: authInfo.enterpriseName
// ////企业名称
// ['form.creditCode']: authInfo.creditCode
// ////信用代码
// ['form.enterpriseScale']: authInfo.enterpriseScale || '请选择'
// ////企业规模
// ['form.businessLicense']: authInfo.businessLicense || ''
// ////营业执照照片
// ['form.bankAccount']: authInfo.bankAccount || ''
// ////银行账号
// ['form.bankName']: authInfo.bankName || ''
// //// 开户银行
// ['form.bankBranch']: authInfo.bankBranch || ''
// //// 开户网点
// ['form.legalPersonName']: authInfo.legalPersonName || ''
// //['form.legalPhone']: authInfo.legalPhone || ''
// //['form.legalPersonIdcard']: authInfo.legalPersonIdcard || ''
// //['form.idcardPicFront']: authInfo.idcardPicFront || ''
// //['form.idcardPicBehind']: authInfo.idcardPicBehind || ''
// //['form.idcardPicHold']: authInfo.idcardPicHold || ''
// //['form.enterpriseId']: authInfo.enterpriseId
// //['form.id']: authInfo.id
// //['form.authorizationType']: 1
// isEdit: true,
// });
//try fix
this.form.authorizationType = 1;
//try fix
this.form.id = authInfo.id;
//try fix
this.form.enterpriseId = authInfo.enterpriseId;
//try fix
this.form.idcardPicHold = authInfo.idcardPicHold || '';
//try fix
this.form.idcardPicBehind = authInfo.idcardPicBehind || '';
//try fix
this.form.idcardPicFront = authInfo.idcardPicFront || '';
//try fix
this.form.legalPersonIdcard = authInfo.legalPersonIdcard || '';
//try fix
this.form.legalPhone = authInfo.legalPhone || '';
//try fix
this.form.legalPersonName = authInfo.legalPersonName || '';
//try fix
this.form.bankBranch = authInfo.bankBranch || '';
//try fix
this.form.bankName = authInfo.bankName || '';
//try fix
this.form.bankAccount = authInfo.bankAccount || '';
//try fix
this.form.businessLicense = authInfo.businessLicense || '';
//try fix
this.form.enterpriseScale = authInfo.enterpriseScale || '请选择';
//try fix
this.form.creditCode = authInfo.creditCode;
//try fix
this.form.enterpriseName = authInfo.enterpriseName;
//try fix
this.form.authorizationPath = authInfo.authorizationPath || '';
//try fix
this.form.isLegalPerson = 0;
}
},
methods: {
//获取供应、需求类型
getResourcesCagetory() {
app.http('GET', 'ResourcesCagetory/listResourcesCagetory').then(res => {
// console.log(res)
if (res.data.success) {
this.setData({
resourcesList: res.data.data
});
}
});
},
resourcesChange(e) {
// console.log(e)
let idx = Number(e.detail.value);
this.setData({//['form.industryId']: this.data.resourcesList[idx].id
resourcesIdx: idx,
});
//try fix
this.form.industryId = this.resourcesList[idx].id;
},
//选择行业
toProfession() {// wx.navigateTo({
// url: '/pages/user/profession/index',
// })
},
checkBank(e) {
// console.log(e.detail.value)
app.http('get', 'EnterpriseAuthentication/getBankName', {
bankAccount: e.detail.value
}).then(res => {
if (res.data.success) {
this.setData({//['form.bankName']: res.data.data
});
//try fix
this.form.bankName = res.data.data;
}
});
},
inpChange(e) {
let type = e.currentTarget.dataset.type;
let value = e.detail.value;
switch (type) {
case 'enterpriseName':
this.setData({//['form.enterpriseName']: value
});
//try fix
this.form.enterpriseName = value;
break;
case 'creditCode':
this.setData({//['form.creditCode']: value
});
//try fix
this.form.creditCode = value;
break;
case 'bankAccount':
this.setData({//['form.bankAccount']: value
});
//try fix
this.form.bankAccount = value;
break;
case 'bankName':
this.setData({//['form.bankName']: value
});
//try fix
this.form.bankName = value;
break;
case 'bankBranch':
this.setData({//['form.bankBranch']: value
});
//try fix
this.form.bankBranch = value;
break;
case 'name':
this.setData({//['form.legalPersonName']: value
});
//try fix
this.form.legalPersonName = value;
break;
case 'phone':
this.setData({//['form.legalPhone']: value
});
//try fix
this.form.legalPhone = value;
break;
case 'idcard':
this.setData({//['form.legalPersonIdcard']: value
});
//try fix
this.form.legalPersonIdcard = value;
break;
}
},
upCard(e) {
let type = e.currentTarget.dataset.type;
util.chooseImages(img => {
if (type == 'f') {
this.setData({//['form.idcardPicFront']: img
});
//try fix
this.form.idcardPicFront = img;
} else if (type == 'b') {
this.setData({//.form.idcardPicBehind: img
});
//try fix
this.form.idcardPicBehind = img;
} else if (type == 'h') {
this.setData({//.form.idcardPicHold: img
});
//try fix
this.form.idcardPicHold = img;
} else if (type == 'ap') {
this.setData({//.form.authorizationPath: img
});
//try fix
this.form.authorizationPath = img;
} else if (type == 'bl') {
this.setData({//.form.businessLicense: img
});
//try fix
this.form.businessLicense = img;
}
});
},
bindPickerChange(e) {
this.setData({//['form.enterpriseScale']: this.data.scaleArr[e.detail.value]
});
//try fix
this.form.enterpriseScale = this.scaleArr[e.detail.value];
},
radioClick(e) {
this.setData({//.form.isLegalPerson: e.detail.value
});
//try fix
this.form.isLegalPerson = e.detail.value;
},
prevImg(e) {// let url = e.currentTarget.dataset.url;
// wx.previewImage({
// urls: [url],
// })
},
submit() {
let form = this.form;
console.log(form);
if (form.isLegalPerson == 0 && form.authorizationPath == '') {
uni.showToast({
title: '请上传授权书!',
icon: 'none'
});
return;
} else if (form.enterpriseName == '') {
uni.showToast({
title: '请填写企业名称',
icon: 'none'
});
return;
} else if (form.creditCode == '') {
uni.showToast({
title: '请填写信用代码',
icon: 'none'
});
return;
} else if (form.enterpriseScale == '请选择') {
uni.showToast({
title: '请选择企业规模',
icon: 'none'
});
return;
} else if (form.businessLicense == '') {
uni.showToast({
title: '请上传营业执照',
icon: 'none'
});
return;
} else if (form.bankAccount == '') {
uni.showToast({
title: '请输入银行账号',
icon: 'none'
});
return;
} else if (form.bankName == '') {
uni.showToast({
title: '请输入银行名称',
icon: 'none'
});
return;
} else if (form.bankName == '') {
uni.showToast({
title: '请输入开户网点',
icon: 'none'
});
return;
} else if (form.legalPersonName == '') {
uni.showToast({
title: '请填写姓名',
icon: 'none'
});
return;
} else if (form.legalPhone == '') {
uni.showToast({
title: '请填写手机号',
icon: 'none'
});
return;
} else if (form.legalPersonIdcard == '') {
uni.showToast({
title: '请填写身份证号',
icon: 'none'
});
return;
} else if (form.idcardPicFront == '') {
uni.showToast({
title: '请上传身份证正面照',
icon: 'none'
});
return;
} else if (form.idcardPicBehind == '') {
uni.showToast({
title: '请上传身份证反面面照',
icon: 'none'
});
return;
} else if (form.idcardPicHold == '') {
uni.showToast({
title: '请上传手持身份证照',
icon: 'none'
});
return;
} else {
if (!this.isEdit) {
app.http('post', 'EnterpriseAuthentication/createAuthenticInfoTwo', this.form).then(res => {
if (res.data.success) {
uni.showModal({
title: '提示!',
content: '提交成功!请等待审核',
success(res) {
uni.navigateBack({
delta: 1
});
}
});
} else {
uni.showToast({
title: res.data.msg,
icon: 'none'
});
}
});
} else {
app.http('post', 'EnterpriseAuthentication/editAuthenticInfo', this.form).then(res => {
if (res.data.success) {
uni.showModal({
title: '提示!',
content: '提交成功!请等待审核',
success(res) {
uni.navigateBack({
delta: 1
});
}
});
} else {
uni.showToast({
title: res.data.msg,
icon: 'none'
});
}
});
}
}
}
}
};
</script>
<style>
/* pages/release/companyAuth/index.wxss */
.is-legal-box{
width: 100%;
padding: 30rpx 40rpx;
}
.is-legal-box label{
margin-right: 40rpx;
}
.authbook-box{
font-size: 28rpx;
color: #666;
}
.tips{
margin: 40rpx 0;
}
.upload-box image{
width: 332rpx;
height: 204rpx;
}
.splitLine{
width: 100%;
height: 20rpx;
background-color: #eee;
}
.company-info-box{
width: 100%;
padding: 32rpx 40rpx;
}
.title{
font-size: 32rpx;
color: #1D1D1D;
margin-bottom: 38rpx;
font-weight: 500;
}
.form-item{
font-size: 28rpx;
color: #666666;
padding: 16rpx 0;
border-bottom: 2rpx solid #EEEEEE;
}
.form-item .inp-box{
width: 70%;
text-align: right;
}
.yyzz image{
width: 670rpx;
height: 368rpx;
margin-top: 26rpx;
}
.noBorder{
border: none;
}
.form-item .sfz{
width: 100%;
margin-top: 26rpx;
}
.sfz image{
width: 332rpx;
height: 205rpx;
margin-bottom: 10rpx;
}
.submit-btn{
width: 670rpx;
height: 76rpx;
background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%);
border-radius: 38rpx;
color: #fff;
font-size: 28rpx;
line-height: 76rpx;
text-align: center;
margin:40rpx auto;
}
.arrorR{
width: 14rpx;
height: 24rpx;
margin-left: 10rpx;
}
</style>