yiliangyiyun-app/pageD/identity/companyIdentityLook.vue

<template>
	<view class="center">
		<view>
			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;' :src="consentStatus==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'" alt=""></image>
			<text>公司</text>
			<image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;' :src="consentStatus1==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'" alt=""></image>
			<text>个人</text>

		</view>
		<view v-if="consentStatus == true">
			<view>
				<button type="default" @click="license">营业执照</button>
				<view style="width: 100px;margin: 0 auto;" v-if="license1 != ''">
					<image v-bind:src = "license1" style="width: 100px;height: 100px;"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">公司名称</text>
				<view class="con-list">
					{{deptList.compName}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">纳税人识别号</text>
				<view class="con-list">
				{{deptList.payTaxesCard}}
				</view>
			</view>
			<view>
				<button type="default">身份证正面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="idup != ''">
					<image v-bind:src = "idup" style="width: 100px;height: 100px;"></image>
				</view>
				<button type="default">身份证反面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="idlow != ''">
					<image v-bind:src = "idlow" style="width: 100px;height: 100px;"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">姓名</text>
				<view class="con-list">
					{{deptList.customerName}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">身份证号</text>
				<view class="con-list">
					{{deptList.customerNumberCard}}
				</view>
			</view>
			<view>
				<button type="default">银行卡正面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
				</view>
				<button type="default">银行卡反面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">银行卡号</text>
				<view class="con-list">
					{{deptList.bankCard}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户行</text>
				<view class="con-list">
					{{deptList.bankDeposit}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户支行</text>
				<view class="con-list">
					{{deptList.bankDepositBranch}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">手机号</text>
				<view class="con-list">
					{{deptList.customerPhone}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">公司地址</text>
				<view class="con-list">
					{{deptList.compAddress}}
				</view>
			</view>
		</view>
		<view v-else>
			<view>
				<button type="default">上传身份证正面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="id1 != ''">
					<image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
				</view>
				<button type="default">上传身份证反面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
					<image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">姓名</text>
				<view class="con-list">
					{{deptList.customerName}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">身份证号</text>
				<view class="con-list">
					{{deptList.customerNumberCard}}
				</view>
			</view>
			<view>
				<button type="default">上传银行卡正面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="bank1 != ''">
					<image v-bind:src = "bank1" style="width: 100px;height: 100px;"></image>
				</view>
				<button type="default">上传银行卡反面</button>
				<view style="width: 100px;margin: 0 auto;" v-if="bank2 != ''">
					<image v-bind:src = "bank2" style="width: 100px;height: 100px;"></image>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">银行卡号</text>
				<view class="con-list">
					{{deptList.bankCard}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户行</text>
				<view class="con-list">
					{{deptList.bankDeposit}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户支行</text>
				<view class="con-list">
					{{deptList.bankDepositBranch}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">收款人姓名</text>
				<view class="con-list">
					{{ deptList.payeeName}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">收款人身份证号</text>
				<view class="con-list">
					{{deptList.payeeNumberCard}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">手机号</text>
				<view class="con-list">
					{{deptList.customerPhone}}
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">联系地址</text>
				<view class="con-list">
					{{deptList.compAddress}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
	    mapState 
	} from 'vuex';
	export default {
		name: "buy",
		data() {
			return {
				radios: 2,
				deptList:{},
				consentStatus:true,
				consentStatus1:false,
				parameter:{},
				businessman:{},
				id:[],
				idup:"",
				idlow:"",
				license1:"",
				bank1:"",
				bank2:"",
				bankid:[],
				payeeAddress:[],
			};
		},
		onLoad(option) {
			this.parameter.id = option.id,
			this.getList()
		},
		computed: {
			...mapState(['hasLogin','userInfo'])
		},
		methods: {
			getList(ids) {		
				// this.$api.doRequest('get', '/identityAuthenticationInfo/api/getIdentityAuthenticationInfo', this.parameter).then(res => {
				// 		console.log("成功连接")
				// 		this.businessman = res.data.data
				// 	})
				// 	.catch(res => {
				// 		uni.showToast({
				// 			title: res.errmsg,
				// 			icon: 'none',
				// 			duration: 2000
				// 		})
				// 	});
					this.$api.doRequest('get', '/identityAuthenticationInfo/api/getIdentityAuthenticationInfo', this.parameter, 'application/json;charset=UTF-8').then(res => {
							console.log("成功连接")
							// this.procurementPlanInfos = res.data.data
				
							this.deptList = res.data.data
					
							if(this.deptList.businessLicenseAddressUrl != ""){
								this.license1 = this.deptList.businessLicenseAddressUrl
							}
							if(this.deptList.cardAddressUrl != ""){
								this.id = this.deptList.cardAddressUrl.split(",")
								this.idup = this.id[0]
								this.idlow = this.id[1]
								console.log(this.id,"fdsfdfsfgdsds")
							}
							if(this.deptList.payeeAddressUrl != ""){
								this.payeeAddress = this.deptList.payeeAddressUrl.split(","),
							this.bank1 = this.payeeAddress[0]
							this.bank2 = this.payeeAddress[1]
							}
							console.log(this.businessmanbusinessman,"langshang")
						})
						.catch(res => {
							uni.showToast({
								title: res.errmsg,
								icon: 'none',
								duration: 2000
							})
						});
			},
			consent(){
				if(this.consentStatus == false && this.consentStatus1 == true){
					this.consentStatus = true
					this.consentStatus1 = false
				}else if(this.consentStatus == true && this.consentStatus1 == false){
					this.consentStatus = false
					this.consentStatus1 = true
				}
				
			},
			
		}
	}
</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;
	}
</style>