|
|
@@ -2,13 +2,21 @@
|
|
|
<view class="center">
|
|
|
<view>
|
|
|
<text @click='consent' v-bind:class="switchs1">公司</text>
|
|
|
- <text @click='consent' v-bind:class="switchs2">个人</text>
|
|
|
+ <text @click='consent' v-bind:class="switchs2">个人</text>
|
|
|
</view>
|
|
|
<view v-if="consentStatus == true">
|
|
|
<view>
|
|
|
- <view style="margin: 0 auto;" v-if="license1 != ''" @click="license">
|
|
|
- <image v-bind:src = "license1" class="picture"></image>
|
|
|
+ <view style="margin: 0 auto;height: 240px;" v-if="license1 != ''" @click="license">
|
|
|
+ <image v-bind:src="license1" class="picture"></image>
|
|
|
+ <view class="floats" v-if="certificates == true">
|
|
|
+ <image src="../../static/img/authentication/xiangji@3x.png" style="width: 60px;height: 50px;">
|
|
|
+ </image>
|
|
|
+ <view class="words">
|
|
|
+ 上传营业执照
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
<view class="c-row b-b">
|
|
|
<text class="tit">公司名称</text>
|
|
|
@@ -19,17 +27,18 @@
|
|
|
<view class="c-row b-b">
|
|
|
<text class="tit">纳税人识别号</text>
|
|
|
<view class="con-list">
|
|
|
- <input placeholder="请填写纳税人识别号" name="input"v-model="identityAuthenticationInfo.payTaxesCard"></input>
|
|
|
+ <input placeholder="请填写纳税人识别号" name="input"
|
|
|
+ v-model="identityAuthenticationInfo.payTaxesCard"></input>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-else>
|
|
|
+ <view v-else>
|
|
|
<view>
|
|
|
<view style="margin: 0 auto;" @click="idUp">
|
|
|
- <image v-bind:src = "id1" class="picture"></image>
|
|
|
+ <image v-bind:src="id1" class="picture"></image>
|
|
|
</view>
|
|
|
<view style="margin: 0 auto;" @click="idLow">
|
|
|
- <image v-bind:src = "id2" class="picture"></image>
|
|
|
+ <image v-bind:src="id2" class="picture"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="c-row b-b">
|
|
|
@@ -45,23 +54,23 @@
|
|
|
v-model="identityAuthenticationInfo.customerNumberCard"></input>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
<!-- <view class="padding flex flex-direction"> -->
|
|
|
- <button class="btns btn" @click="jumpUrl">下一步</button>
|
|
|
-
|
|
|
+ <button class="btns btn" @click="jumpUrl">下一步</button>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
- mapState
|
|
|
+ mapState
|
|
|
} from 'vuex';
|
|
|
export default {
|
|
|
name: "buy",
|
|
|
data() {
|
|
|
return {
|
|
|
- tupian:"",
|
|
|
+ tupian: "",
|
|
|
inputContent: null,
|
|
|
customerPhone: '',
|
|
|
consentStatus: true,
|
|
|
@@ -72,26 +81,27 @@
|
|
|
sendText: '获取验证码',
|
|
|
platform: '',
|
|
|
sendDisabled: false,
|
|
|
- license1:"../../static/img/authentication/business@3x.png",
|
|
|
- switchs1:"switchs1",
|
|
|
- switchs2:"switchs2",
|
|
|
- id:[],
|
|
|
- id1:"../../static/img/authentication/identityup(3).png",
|
|
|
- id2:"../../static/img/authentication/identitylow(3).png",
|
|
|
- identityImgs1:{},
|
|
|
+ license1: "../../static/img/authentication/business@3x.png",
|
|
|
+ switchs1: "switchs1",
|
|
|
+ switchs2: "switchs2",
|
|
|
+ id: [],
|
|
|
+ id1: "../../static/img/authentication/identityup(3).png",
|
|
|
+ id2: "../../static/img/authentication/identitylow(3).png",
|
|
|
+ identityImgs1: {},
|
|
|
|
|
|
identityAuthenticationInfo: {},
|
|
|
tempFilePaths: [],
|
|
|
- businessLicenseAddressUrl:"",
|
|
|
+ businessLicenseAddressUrl: "",
|
|
|
+ certificates: true,
|
|
|
};
|
|
|
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapState(['hasLogin','userInfo'])
|
|
|
+ ...mapState(['hasLogin', 'userInfo'])
|
|
|
},
|
|
|
methods: {
|
|
|
- jumpUrl(){
|
|
|
- if(this.consentStatus ){
|
|
|
+ jumpUrl() {
|
|
|
+ if (this.consentStatus) {
|
|
|
if (!this.identityAuthenticationInfo.compName) {
|
|
|
this.$api.msg('公司名称不能为空')
|
|
|
return
|
|
|
@@ -100,7 +110,8 @@
|
|
|
this.$api.msg('纳税人识别号不能为空')
|
|
|
return
|
|
|
}
|
|
|
- if (this.identityAuthenticationInfo.businessLicenseAddressUrl == "" || this.identityAuthenticationInfo.businessLicenseAddressUrl == null) {
|
|
|
+ if (this.identityAuthenticationInfo.businessLicenseAddressUrl == "" || this.identityAuthenticationInfo
|
|
|
+ .businessLicenseAddressUrl == null) {
|
|
|
this.$api.msg('请上传营业执照')
|
|
|
return
|
|
|
}
|
|
|
@@ -111,13 +122,13 @@
|
|
|
uni.navigateTo({
|
|
|
url: `/pageD/identity/companyIdentityTwo?identityAuthenticationInfo=` + model,
|
|
|
})
|
|
|
- }else if(this.consentStatus1 ){
|
|
|
+ } else if (this.consentStatus1) {
|
|
|
this.identityAuthenticationInfo.cardAddressUrl = this.id.toString()
|
|
|
- if(this.id[0] == '' || this.id[0] == null){
|
|
|
+ if (this.id[0] == '' || this.id[0] == null) {
|
|
|
this.$api.msg('请上传身份证正面')
|
|
|
return
|
|
|
}
|
|
|
- if(this.id[1] == '' || this.id[1] == null){
|
|
|
+ if (this.id[1] == '' || this.id[1] == null) {
|
|
|
this.$api.msg('请上传身份证反面')
|
|
|
return
|
|
|
}
|
|
|
@@ -128,14 +139,14 @@
|
|
|
if (!this.identityAuthenticationInfo.customerNumberCard) {
|
|
|
this.$api.msg('身份证号不能为空')
|
|
|
return
|
|
|
- }
|
|
|
+ }
|
|
|
this.identityAuthenticationInfo.customerTypeFlag = "1"
|
|
|
this.identityAuthenticationInfo.customerType = "个人"
|
|
|
var model = JSON.stringify(this.identityAuthenticationInfo);
|
|
|
uni.navigateTo({
|
|
|
url: `/pageD/identity/companyIdentityThree?identityAuthenticationInfo=` + model,
|
|
|
})
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
consent() {
|
|
|
if (this.consentStatus == false && this.consentStatus1 == true) {
|
|
|
@@ -154,7 +165,7 @@
|
|
|
license() {
|
|
|
var that = this
|
|
|
wx.chooseImage({
|
|
|
- sourceType: ['camera','album'],
|
|
|
+ sourceType: ['camera', 'album'],
|
|
|
success: function(res) {
|
|
|
wx.uploadFile({
|
|
|
url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
@@ -162,64 +173,66 @@
|
|
|
name: 'file',
|
|
|
success(res) {
|
|
|
var data = res.data
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
- that.identityAuthenticationInfo.businessLicenseAddressUrl = strToObj.url
|
|
|
+ var strToObj = JSON.parse(data)
|
|
|
+ that.identityAuthenticationInfo.businessLicenseAddressUrl = strToObj
|
|
|
+ .url
|
|
|
that.license1 = strToObj.url
|
|
|
+ that.certificates = false
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- idUp(){
|
|
|
- var that = this
|
|
|
- wx.chooseImage({
|
|
|
- success: function(res) {
|
|
|
- wx.uploadFile({
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
- name: 'file',
|
|
|
- success(res) {
|
|
|
- var data = res.data
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
- that.id[0] = strToObj.url
|
|
|
- that.id1 = strToObj.url
|
|
|
- that.identityImgs1.personImg = strToObj.url
|
|
|
- that.$api.doRequest('get', '/driverViewInfo/personShibie', that.identityImgs1).then(res => {
|
|
|
- that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
|
|
|
- that.$set(that.identityAuthenticationInfo,'customerNumberCard',res.data.data.recPersonNo)
|
|
|
- }).catch(res => {
|
|
|
- uni.showToast({
|
|
|
- title: res.data.message,
|
|
|
- icon: 'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- idLow(){
|
|
|
- var that = this
|
|
|
- wx.chooseImage({
|
|
|
- success: function(res) {
|
|
|
- wx.uploadFile({
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
- name: 'file',
|
|
|
- success(res) {
|
|
|
- var data = res.data
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
- that.id[1] = strToObj.url
|
|
|
- that.id2 = strToObj.url
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- phoneinput(e){
|
|
|
- if(e.detail.value.length==11){
|
|
|
- this.codestatus=true
|
|
|
+ // idUp(){
|
|
|
+ // var that = this
|
|
|
+ // wx.chooseImage({
|
|
|
+ // success: function(res) {
|
|
|
+ // wx.uploadFile({
|
|
|
+ // url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
+ // filePath: res.tempFilePaths[0],
|
|
|
+ // name: 'file',
|
|
|
+ // success(res) {
|
|
|
+ // var data = res.data
|
|
|
+ // var strToObj = JSON.parse(data)
|
|
|
+ // that.id[0] = strToObj.url
|
|
|
+ // that.id1 = strToObj.url
|
|
|
+ // that.identityImgs1.personImg = strToObj.url
|
|
|
+ // that.$api.doRequest('get', '/driverViewInfo/personShibie', that.identityImgs1).then(res => {
|
|
|
+ // that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
|
|
|
+ // that.$set(that.identityAuthenticationInfo,'customerNumberCard',res.data.data.recPersonNo)
|
|
|
+ // }).catch(res => {
|
|
|
+ // uni.showToast({
|
|
|
+ // title: res.data.message,
|
|
|
+ // icon: 'none',
|
|
|
+ // duration: 2000
|
|
|
+ // })
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // idLow(){
|
|
|
+ // var that = this
|
|
|
+ // wx.chooseImage({
|
|
|
+ // success: function(res) {
|
|
|
+ // wx.uploadFile({
|
|
|
+ // url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
+ // filePath: res.tempFilePaths[0],
|
|
|
+ // name: 'file',
|
|
|
+ // success(res) {
|
|
|
+ // var data = res.data
|
|
|
+ // var strToObj = JSON.parse(data)
|
|
|
+ // that.id[1] = strToObj.url
|
|
|
+ // that.id2 = strToObj.url
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ phoneinput(e) {
|
|
|
+ if (e.detail.value.length == 11) {
|
|
|
+ this.codestatus = true
|
|
|
}
|
|
|
},
|
|
|
verifyCodeInput(e) {
|
|
|
@@ -230,7 +243,7 @@
|
|
|
this.inputStatus = 'none'
|
|
|
this.isPhone = false
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
@@ -239,6 +252,7 @@
|
|
|
.center {
|
|
|
padding: 10px 20px;
|
|
|
}
|
|
|
+
|
|
|
.c-row {
|
|
|
display: -webkit-box;
|
|
|
display: -webkit-flex;
|
|
|
@@ -249,6 +263,7 @@
|
|
|
padding: 20rpx 30rpx;
|
|
|
position: relative;
|
|
|
}
|
|
|
+
|
|
|
.con-list {
|
|
|
-webkit-box-flex: 1;
|
|
|
-webkit-flex: 1;
|
|
|
@@ -266,36 +281,55 @@
|
|
|
padding-right: 20rpx;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
- .uni-navigator{
|
|
|
- display:inline-block;
|
|
|
- color:#22C572;
|
|
|
+
|
|
|
+ .uni-navigator {
|
|
|
+ display: inline-block;
|
|
|
+ color: #22C572;
|
|
|
}
|
|
|
+
|
|
|
.getcode.active {
|
|
|
background: #22C572;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
.btn {
|
|
|
margin-top: 10px;
|
|
|
background-color: #FFFFFF;
|
|
|
border-radius: 25px;
|
|
|
border: none;
|
|
|
}
|
|
|
- .btns{
|
|
|
+
|
|
|
+ .btns {
|
|
|
background-color: #22C572;
|
|
|
}
|
|
|
- .switchs1{
|
|
|
+
|
|
|
+ .switchs1 {
|
|
|
font-size: 20px;
|
|
|
font-weight: 700;
|
|
|
margin-right: 16px;
|
|
|
}
|
|
|
- .switchs2{
|
|
|
+
|
|
|
+ .switchs2 {
|
|
|
font-size: 20px;
|
|
|
margin-right: 16px;
|
|
|
}
|
|
|
- .picture{
|
|
|
+
|
|
|
+ .picture {
|
|
|
width: 100%;
|
|
|
- height: 220px;
|
|
|
- text-align: center;
|
|
|
- margin-top: 10px;
|
|
|
+ height: 220px;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .words {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #617E8B;
|
|
|
+ }
|
|
|
+
|
|
|
+ .floats {
|
|
|
+ position: relative;
|
|
|
+ top: -150px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
</style>
|
zhongtianhaoyuan