534 lines
15 KiB
Vue
534 lines
15 KiB
Vue
<template>
|
|
<view class="Box">
|
|
<navseat :opacity='false' :title='"完善商户信息"' :titleshow='true' :iconshow='false' :namecolor='"#fff"' iconcolor='#fff'></navseat>
|
|
<view class="Box_box_O">
|
|
<view class="Box_box flex-between">
|
|
<view>公司名称</view>
|
|
<view class="Box_box_input"><input type="text" :disabled="disabled" v-model="form.title"
|
|
placeholder="请填写公司名称" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>法人姓名</view>
|
|
<view class="Box_box_input"><input type="text" :disabled='disabled' v-model="form.legal_person_name"
|
|
placeholder="请填写法人姓名" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>法人手机号</view>
|
|
<view class="Box_box_input"><input type="number" :disabled='disabled' v-model="form.phone"
|
|
placeholder="请填写法人手机号" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>开票员身份证号码</view>
|
|
<view class="Box_box_input"><input type="text" :disabled='disabled' v-model="form.dlzh"
|
|
placeholder="开票员身份证号码" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>开票员税局密码</view>
|
|
<view class="Box_box_input"><input type="text" :disabled='disabled' v-model="form.dlmm"
|
|
placeholder="开票员税局密码" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between" @click="showpicker = true">
|
|
<view>省份</view>
|
|
<view class="flex-start">
|
|
{{form.provinceno_name || ''}}<u-icon name="arrow-right" color="#999999" size="16"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="Box_box flex-between" @click="showpickerdlsf = true">
|
|
<view>开票员身份</view>
|
|
<view class="flex-start">
|
|
{{form.dlsf_name || ''}}<u-icon name="arrow-right" color="#999999" size="16"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>邀请码</view>
|
|
<view class="Box_box_input"><input type="text" maxlength="6" :disabled='disabled' v-model="form.code"
|
|
placeholder="请填写邀请码" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>开票员姓名</view>
|
|
<view class="Box_box_input"><input type="text" :disabled='disabled' v-model="form.taxname"
|
|
placeholder="请填写开票员姓名" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>开票员手机号码</view>
|
|
<view class="Box_box_input"><input type="number" :disabled='disabled' v-model="form.taxphone"
|
|
placeholder="请填写开票员手机号码" data-key="mobile" /></view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>验证码</view>
|
|
<view class="Box_box_input" style="display: flex; justify-content: flex-start;align-items: center;">
|
|
<input class="Box_box_inpuinputt" type="text" v-model="form.verification" placeholder="请填写"
|
|
data-key="mobile" />
|
|
<view class="repeats">
|
|
<view v-if="showText == true" style="padding: 8rpx;background: #288EFB; border-radius: 15rpx;"
|
|
@tap="$u.debounce(CodeRegister, 500)">
|
|
{{ Recapture }}
|
|
</view>
|
|
<view v-else
|
|
style="color: #ccc; background-color: #f9f9f9; padding: 8rpx; border-radius: 15rpx;">
|
|
{{ second }}s重新发送
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="Box_box flex-between">
|
|
<view>统一社会信用代码</view>
|
|
<view class="Box_box_input"><input type="text" :disabled='disabled' v-model="form.creditCode"
|
|
placeholder="请填写统一社会信用代码" data-key="mobile" /></view>
|
|
</view>
|
|
</view>
|
|
<view class="Box_box_T">
|
|
<view class="Box_box_T_o">请上传法人身份证图片</view>
|
|
<view class="flex-colum" style="width: 100%;">
|
|
<view class="Box_box_d" v-if="form.id_card_straight" @click="Upload(0)">
|
|
<image :src="form.id_card_straight" mode=""></image>
|
|
</view>
|
|
<view v-else class="Box_box_Ts" @click="Upload(0)"></view>
|
|
</view>
|
|
<view class="Box_box_T_o">请上传法人国徽身份证图片</view>
|
|
<view class="flex-colum" style="width: 100%;">
|
|
<view class="Box_box_d" v-if="form.id_card_reverse" @click="Upload(1)">
|
|
<image :src="form.id_card_reverse" mode=""></image>
|
|
</view>
|
|
<view v-else class="Box_box_Ts" @click="Upload(1)"></view>
|
|
</view>
|
|
<view class="Box_box_T_o">请拍摄并上传你的营业执照</view>
|
|
<view class="flex-colum" style="width: 100%;">
|
|
<view class="Box_box_d" v-if="form.business_license" @click="Upload(2)">
|
|
<image :src="form.business_license" mode=""></image>
|
|
</view>
|
|
<view v-else class="Box_box_Ts" @click="Upload(2)"></view>
|
|
</view>
|
|
</view>
|
|
<view class="preservation flex-colum">
|
|
<!-- <view v-if="form.status == '2'"
|
|
style="width: 100%; color: #FF2B2B; padding: 28rpx 0;word-wrap: break-word;">
|
|
拒接原因:({{form.no|| '无'}})</view> -->
|
|
<view v-if="!codefailed" class="preservation_boxs">提交</view>
|
|
<view v-else class="preservation_box" @tap="$u.throttle(saveMerchantBaseInfoV2, 1000)">提交</view>
|
|
|
|
</view>
|
|
<u-picker :show="showpicker" :columns="columns" @confirm='confirm' keyName="name"
|
|
@cancel='showpicker = false'></u-picker>
|
|
<u-picker :show="showpickerdlsf" :columns="columnsdlsf" @confirm='confirmdlsf' keyName="name"
|
|
@cancel='showpickerdlsf = false'></u-picker>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import selectaddress from '@/components/yixuan-selectAddress/yixuan-selectAddress.vue';
|
|
import navseat from '@/components/navseat.vue'
|
|
import uploadImage from "@/js_sdk/yushijie-ossutil/ossutil/uploadFile.js";
|
|
export default {
|
|
components: {
|
|
selectaddress,
|
|
navseat
|
|
},
|
|
data() {
|
|
return {
|
|
showpicker: false,
|
|
showpickerdlsf: false,
|
|
disabled: false,
|
|
Uploadurlnumber: '',
|
|
namelang: '',
|
|
merchantAuditStatus: '',
|
|
columns: [
|
|
|
|
],
|
|
columnsdlsf: [
|
|
|
|
],
|
|
codefailed: false, //验证码是否发送成功
|
|
store_id: '',
|
|
// 注册定时器 初始值
|
|
second: 60,
|
|
showText: true,
|
|
Recapture: '发送验证码',
|
|
form: {
|
|
store_id: uni.getStorageSync('userId'),
|
|
title: '',
|
|
id_card_straight: '',
|
|
id_card_reverse: '',
|
|
business_license: '',
|
|
phone: '',
|
|
legal_person_name: '',
|
|
no: '',
|
|
provinceno: '',
|
|
provinceno_name: '',
|
|
dlzh: '',
|
|
dlmm: '',
|
|
code: '',
|
|
creditCode: ''
|
|
}
|
|
};
|
|
},
|
|
onLoad(e) {
|
|
console.log(e.store)
|
|
this.onShowdatadlsf()
|
|
let data = uni.getStorageSync('form')
|
|
console.log(data)
|
|
// if (data.status == '0') {
|
|
// this.disabled = true
|
|
// } else {
|
|
// this.disabled = false
|
|
// }
|
|
if (data.phone) {
|
|
this.form.store_id = uni.getStorageSync('userId')
|
|
this.form.title = data.title
|
|
this.form.status = data.status
|
|
this.form.id_card_straight = data.id_card_straight
|
|
this.form.id_card_reverse = data.id_card_reverse
|
|
this.form.business_license = data.business_license
|
|
this.form.phone = data.phone
|
|
this.form.legal_person_name = data.legal_person_name
|
|
this.form.no = data.no
|
|
this.form.dlzh = data.dlzh
|
|
this.form.dlmm = data.dlmm
|
|
this.form.code = data.invitation
|
|
this.form.provinceno = data.provinceno
|
|
this.form.provinceno_name = data.provinceno_name
|
|
this.form.taxname = data.bsryxm
|
|
this.form.taxphone = data.taxphone
|
|
this.form.dlsf_name = data.dlsf_name
|
|
this.form.dlsf = data.dlsf
|
|
this.form.creditCode = data.creditCode
|
|
}
|
|
|
|
},
|
|
onShow() {
|
|
this.onShowdata()
|
|
},
|
|
methods: {
|
|
async CodeRegister() {
|
|
if (this.form.title == null || this.form.title == '') {
|
|
uni.showToast({
|
|
title: '请填写公司名字',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.phone == null || this.form.phone == '') {
|
|
uni.showToast({
|
|
title: '请填写法人手机号',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.legal_person_name == null || this.form.legal_person_name == '') {
|
|
uni.showToast({
|
|
title: '请填写法人姓名',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.id_card_straight == null || this.form.id_card_straight == '') {
|
|
uni.showToast({
|
|
title: '请上传身份证人像面',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.id_card_reverse == null || this.form.id_card_reverse == '') {
|
|
uni.showToast({
|
|
title: '请上传身份证国徽面',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.business_license == null || this.form.business_license == '') {
|
|
uni.showToast({
|
|
title: '请上传营业执照',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.provinceno == null || this.form.provinceno == '') {
|
|
uni.showToast({
|
|
title: '请选择省份编码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.code == null || this.form.code == '') {
|
|
uni.showToast({
|
|
title: '请填写邀请码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.dlzh == null || this.form.dlzh == '') {
|
|
uni.showToast({
|
|
title: '请填写电子税局账号',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.dlsf == null || this.form.dlsf == '') {
|
|
uni.showToast({
|
|
title: '请选择开票员身份',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.dlmm == null || this.form.dlmm == '') {
|
|
uni.showToast({
|
|
title: '请填写电子税局账密码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.taxname == null || this.form.taxname == '') {
|
|
uni.showToast({
|
|
title: '请填写办税人姓名',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.taxphone == null || this.form.taxphone == '') {
|
|
uni.showToast({
|
|
title: '请填写办税人手机号码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
if (this.form.creditCode == null || this.form.creditCode == '') {
|
|
uni.showToast({
|
|
title: '请填写统一社会信用代码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
let res = await this.api.invoicerregistrationszzpy(this.form)
|
|
if (res.code == 1) {
|
|
uni.showToast({
|
|
title: res.message || res.msg,
|
|
icon: "none",
|
|
})
|
|
// 定时器
|
|
this.showText = false;
|
|
this.Recapture = '重新获取';
|
|
var interval = setInterval(() => {
|
|
let times = --this.second;
|
|
this.second = times < 10 ? '0' + times : times; //小于10秒补 0
|
|
}, 1000);
|
|
setTimeout(() => {
|
|
clearInterval(interval);
|
|
this.second = 60;
|
|
this.showText = true;
|
|
}, 60000);
|
|
this.store_id = res.data.store_id
|
|
this.codefailed = true
|
|
}
|
|
|
|
},
|
|
async saveMerchantBaseInfoV2() {
|
|
if (this.form.verification == null || this.form.verification == '') {
|
|
uni.showToast({
|
|
title: '请填写验证码',
|
|
icon: 'none'
|
|
});
|
|
return false;
|
|
}
|
|
let res = await this.api.szzpysendverification({
|
|
code: this.form.verification,
|
|
store_id: this.store_id
|
|
})
|
|
if (res.code == 1) {
|
|
this.store_id = res.data.store_id
|
|
//请求数电授权
|
|
this.szzpyauthorization()
|
|
}
|
|
},
|
|
async szzpyauthorization() {
|
|
let res = await this.api.szzpyauthorization({
|
|
store_id: this.store_id
|
|
})
|
|
if (res.code == 1) {
|
|
setTimeout(() => {
|
|
uni.cache.set('form', '');
|
|
uni.reLaunch({
|
|
url: '/pages/index/index'
|
|
});
|
|
}, 2000);
|
|
}
|
|
},
|
|
async onShowdata() {
|
|
let res = await this.api.szzpygetprovinceno(this.form)
|
|
if (res) {
|
|
this.columns = [res.data]
|
|
}
|
|
},
|
|
confirm(e) {
|
|
console.log('confirm', e)
|
|
this.form.provinceno_name = e.value[0].name
|
|
this.form.provinceno = e.value[0].code
|
|
this.showpicker = false
|
|
},
|
|
confirmdlsf(e) {
|
|
console.log('confirm', e)
|
|
this.form.dlsf = e.value[0].id
|
|
this.form.dlsf_name = e.value[0].name
|
|
this.showpickerdlsf = false
|
|
},
|
|
async onShowdatadlsf() {
|
|
let res = await this.api.szzpytypeofinvoicer()
|
|
console.log(res)
|
|
this.columnsdlsf = [res.data]
|
|
},
|
|
Upload(i) {
|
|
if (this.disabled) {
|
|
return false;
|
|
} else {
|
|
uni.showLoading({
|
|
title: '上传中',
|
|
mask: true
|
|
})
|
|
this.Uploadurlnumber = i;
|
|
uni.chooseImage({
|
|
count: 1, //默认9
|
|
sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
sourceType: ['album', 'camera'], //从相册选择，和摄像头功能，默认二者都有
|
|
success: res => {
|
|
var thisimgUrlcaca = res.tempFilePaths[0];
|
|
uploadImage(thisimgUrlcaca, 'merchantinformation/',
|
|
result => {
|
|
uni.showToast({
|
|
title: '上传成功',
|
|
icon: 'none',
|
|
});
|
|
if (this.Uploadurlnumber == 0) {
|
|
this.$set(this.form,
|
|
'id_card_straight', result)
|
|
} else if (this.Uploadurlnumber == 1) {
|
|
this.$set(this.form, 'id_card_reverse', result)
|
|
} else {
|
|
this.$set(this.form,
|
|
'business_license', result)
|
|
this.storerecog() //营业执照图片
|
|
}
|
|
uni.hideLoading()
|
|
}, result => {
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
title: result.message || result.msg,
|
|
icon: 'none',
|
|
});
|
|
})
|
|
}
|
|
});
|
|
}
|
|
},
|
|
async storerecog() {
|
|
let res = await this.api.storerecog({
|
|
store_id: uni.getStorageSync('userId'),
|
|
business_license: this.form.business_license
|
|
})
|
|
console.log(res)
|
|
this.form.creditCode = res.data.creditCode
|
|
}
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background: #fff;
|
|
}
|
|
|
|
.Box {
|
|
.Box_box_O {
|
|
padding: 0 28rpx;
|
|
|
|
.Box_box {
|
|
text-align: right;
|
|
padding: 24rpx;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
font-size: 28rpx;
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
|
|
.Box_box_input {
|
|
position: relative;
|
|
width: 60%;
|
|
|
|
.Box_box_inpuinputt {
|
|
padding-right: 15rpx;
|
|
}
|
|
|
|
.repeats {
|
|
flex: none;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #ffffff;
|
|
border-radius: 12rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.Box_box_T {
|
|
padding: 0 28rpx;
|
|
border-top: 16rpx solid #e5e5e5;
|
|
|
|
.Box_box_T_o {
|
|
padding: 28rpx 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.flex-colum {
|
|
image {
|
|
width: 396rpx;
|
|
height: 240rpx;
|
|
}
|
|
|
|
padding-bottom: 16rpx;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
|
|
.Box_box_Ts {
|
|
width: 396rpx;
|
|
height: 240rpx;
|
|
background: #ffffff;
|
|
border-radius: 8rpx;
|
|
border: 2rpx dashed #707070;
|
|
background: url(https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/my2.png) no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.preservation {
|
|
width: 100%;
|
|
padding: 50rpx;
|
|
|
|
.preservation_box {
|
|
width: 70%;
|
|
height: 72rpx;
|
|
background: #288efb;
|
|
text-align: center;
|
|
line-height: 72rpx;
|
|
border-radius: 50rpx;
|
|
font-size: 36rpx;
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.preservation_boxs {
|
|
width: 70%;
|
|
height: 72rpx;
|
|
background: #999999;
|
|
text-align: center;
|
|
line-height: 72rpx;
|
|
border-radius: 50rpx;
|
|
font-size: 36rpx;
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
</style> |