yiliangyiyun-app/pageD/identity/companyIdentity.vue

<template>
	<view class="center">
		<view>
			<text @click='consent' v-bind:class="switchs1">公司</text>
			<text @click='consent' v-bind:class="switchs2">个人</text>
		</view>
		<view v-if="consentStatus == true">
			<view>
				<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>
				<view class="con-list">
					<input placeholder="请填写公司名称" name="input" v-model="identityAuthenticationInfo.compName"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">纳税人识别号</text>
				<view class="con-list">
					<input placeholder="请填写纳税人识别号" name="input"
						v-model="identityAuthenticationInfo.payTaxesCard"></input>
				</view>
			</view>
		</view>
		<view v-else>
			<view>
				<view style="margin: 0 auto;" @click="idUp">
					<image v-bind:src="id1" class="picture"></image>
				</view>
				<view style="margin: 0 auto;" @click="idLow">
					<image v-bind:src="id2" class="picture"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">姓名</text>
				<view class="con-list">
					<input placeholder="请填写姓名" name="input" v-model="identityAuthenticationInfo.customerName"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">身份证号</text>
				<view class="con-list">
					<input placeholder="请填写身份证号" name="input"
						v-model="identityAuthenticationInfo.customerNumberCard"></input>
				</view>
			</view>
		</view>
		<!-- <view class="padding flex flex-direction"> -->
		<button class="btns btn" @click="jumpUrl">下一步</button>

	</view>

</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		name: "buy",
		data() {
			return {
				tupian: "",
				inputContent: null,
				customerPhone: '',
				consentStatus: true,
				consentStatus1: false,
				codestatus: false,
				verifyCode: null,
				inputStatus: 'none',
				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: {},

				identityAuthenticationInfo: {},
				tempFilePaths: [],
				businessLicenseAddressUrl: "",
				certificates: true,
			};

		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		methods: {
			jumpUrl() {
				if (this.consentStatus) {
					if (!this.identityAuthenticationInfo.compName) {
						this.$api.msg('公司名称不能为空')
						return
					}
					if (this.identityAuthenticationInfo.compName.length < 2 || this.identityAuthenticationInfo.compName.length > 25) {
						this.$api.msg('公司名称输入错误')
						return
					}
					if (!this.identityAuthenticationInfo.payTaxesCard) {
						this.$api.msg('纳税人识别号不能为空')
						return
					}
					if (this.identityAuthenticationInfo.payTaxesCard.length < 15 || this.identityAuthenticationInfo.payTaxesCard.length > 20) {
						this.$api.msg('纳税人识别号输入错误')
						return
					}
					if (this.identityAuthenticationInfo.businessLicenseAddressUrl == "" || this.identityAuthenticationInfo
						.businessLicenseAddressUrl == null) {
						this.$api.msg('请上传营业执照')
						return
					}
					this.identityAuthenticationInfo.customerTypeFlag = "2"
					this.identityAuthenticationInfo.customerType = "企业"
					var model = JSON.stringify(this.identityAuthenticationInfo);
					uni.navigateTo({
						url: `/pageD/identity/companyIdentityTwo?identityAuthenticationInfo=` + model,
					})
				} else if (this.consentStatus1) {
					this.identityAuthenticationInfo.cardAddressUrl = this.id.toString()
					if (this.id[0] == '' || this.id[0] == null) {
						this.$api.msg('请上传身份证正面')
						return
					}
					if (this.id[1] == '' || this.id[1] == null) {
						this.$api.msg('请上传身份证反面')
						return
					}
					if (!this.identityAuthenticationInfo.customerName) {
						this.$api.msg('姓名不能为空')
						return
					}
					if (this.identityAuthenticationInfo.customerName.length < 2 || this.identityAuthenticationInfo.customerName.length > 10) {
						this.$api.msg('姓名输入错误')
						return
					}
					if (!this.identityAuthenticationInfo.customerNumberCard) {
						this.$api.msg('身份证号不能为空')
						return
					}
					if (this.identityAuthenticationInfo.customerNumberCard.length != 18) {
						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) {
					this.consentStatus = true
					this.consentStatus1 = false
					this.switchs1 = "switchs1"
					this.switchs2 = "switchs2"
				} else if (this.consentStatus == true && this.consentStatus1 == false) {
					this.consentStatus = false
					this.consentStatus1 = true
					this.switchs1 = "switchs2"
					this.switchs2 = "switchs1"
				}
			},

			license() {
				var that = this
				uni.chooseImage({
					count:1,
					success: function(res) {
						uni.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.identityAuthenticationInfo.businessLicenseAddressUrl = strToObj.url
								that.license1 = strToObj.url
								that.certificates = false
							}
						})
					}
				})
			},
			idUp(){
				var that = this
				uni.chooseImage({
					count:1,
					success: function(res) {
						uni.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 => {
									if(res.data.data.recPerson != null){
										if(res.data.data.recPerson != ""){
										that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
										}
									}
									if(res.data.data.recPersonNo != null){
										if(res.data.data.recPersonNo != ""){
										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
				uni.chooseImage({
					count:1,
					success: function(res) {
						uni.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
								that.identityImgs1.personImg = strToObj.url
								that.$api.doRequest('get', '/driverViewInfo/personShibie', that.identityImgs1).then(res => {
									if(res.data.data.recPerson != null){
										if(res.data.data.recPerson != ""){
										that.$set(that.identityAuthenticationInfo,'customerName',res.data.data.recPerson)
										}
									}
									if(res.data.data.recPersonNo != null){
										if(res.data.data.recPersonNo != ""){
										that.$set(that.identityAuthenticationInfo,'customerNumberCard',res.data.data.recPersonNo)
										}
									}
									
									
								}).catch(res => {
									uni.showToast({
										title: res.data.message,
										icon: 'none',
										duration: 2000
									})
								})
							}
						})
					}
				})
			},
			phoneinput(e) {
				if (e.detail.value.length == 11) {
					this.codestatus = true
				}
			},
			verifyCodeInput(e) {
				this.verifyCode = e.detail.value
			},
			cancel() {
				this.inputShow = false
				this.inputStatus = 'none'
				this.isPhone = false
			},

		},
	}
</script>

<style>
	.center {
		padding: 10px 20px;
	}

	.c-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 20rpx 30rpx;
		position: relative;
	}

	.con-list {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		color: #303133;
		line-height: 40rpx;
		text-align: right;
		padding-right: 20rpx;
		font-size: 14px;
	}

	.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 {
		background-color: #22C572;
	}

	.switchs1 {
		font-size: 20px;
		font-weight: 700;
		margin-right: 16px;
	}

	.switchs2 {
		font-size: 20px;
		margin-right: 16px;
	}

	.picture {
		width: 100%;
		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>