rongzidanbao-ui/work/components/business/cfdbrxx.vue

<template>
  <view>
	  <block v-if="fdarlist&&fdarlist.length>0">
		<view v-for="(fite,fidx) in fdarlist" :key="fite.guaranteeInfoId">
		  <view class="boxt">
		  	<view class="tit">
		  		<image :src="titimg"></image>反担保人{{(Number(fidx)+1)}}基本信息
		  	</view>
		  	<view class="txt">反担保人姓名：<text>{{fite.guaranteeName}}</text></view>
		  	<view class="txt">身份证号：<text>{{fite.guaranteeIdCard}}</text>
				<text class="txta ml8"  @click="getDownGd(fite.guaranteeInfoFjList,'fdbsfz')">查看照片</text>
		  	</view>
		  	<view class="txt">手机号码：<text>{{fite.guaranteePhone}}</text></view>	
		  </view>
		  <!-- <view class="boxt">
		  	<view class="tit">
		  		<image :src="titimg"></image>反担保人家庭婚姻信息
		  	</view>
		  	<view class="flexcw">
		  		<view class="txt">婚姻状态：<text>{{kaType(datainfo.guaranteeMaritalStatus,hyztlist)}}</text></view>
		  		<view class="txt">配偶姓名：<text>{{datainfo.guaranteeSpouseName}}</text></view>
		  	</view>
		  	<view class="txt">身份证号：<text>{{datainfo.guaranteeSpouseIdCard}}</text>
		  		<text class="txta ml8" @click="getDown(datainfo.guaranteeFront)">查看照片</text>
		  	</view>
		  	<view class="txt">结婚证：<text class="txta" @click="getDown(a)">在线查看</text></view>
		  </view>
		  <view class="boxt">
		  	<view class="tit">
		  		<image :src="titimg"></image>反担保人户籍信息
		  	</view>
		  	<view class="txt">户口簿首页：<text class="txta" @click="getDown(a)">在线查看</text></view>
		  	<view class="txt">户口簿(本人页)：<text class="txta" @click="getDown(a)">在线查看</text></view>
		  	<view class="txt">户口簿(配偶页)：<text class="txta" @click="getDown(a)">在线查看</text></view>
		  </view> -->
		  <view class="boxt">
		  	<view class="tit">
		  		<image :src="titimg"></image>反担保人{{(Number(fidx)+1)}}信用担保证明
		  	</view>
		  	<view class="txt flext">个人工作证明：
		  		<view class="flex1 over" v-if="fite.guaranteeInfoFjList&&fite.guaranteeInfoFjList.length">
					<block v-for="(ite,idx) in fite.guaranteeInfoFjList" :key="ite.guaranteeInfoFjId">
						<view v-if="ite.type=='fdbrgrgzzm'"  class="filist over" @click="getDown(ite.url)">{{ite.name}}</view>
					</block>
		  		</view>
		  	</view>
		  	<view class="txt flext">身份证复印件：
		  		<view class="flex1 over" v-if="fite.guaranteeInfoFjList&&fite.guaranteeInfoFjList.length">
		  			<block v-for="(ite,idx) in fite.guaranteeInfoFjList" :key="ite.guaranteeInfoFjId">
		  				<view v-if="ite.type=='fdbrsfzfyj'"  class="filist over" @click="getDown(ite.url)">{{ite.name}}</view>
		  			</block>
		  		</view>
		  	</view>
			<view class="txt flext">个人征信报告：
				<view class="flex1 over" v-if="fite.guaranteeInfoFjList&&fite.guaranteeInfoFjList.length">
					<block v-for="(ite,idx) in fite.guaranteeInfoFjList" :key="ite.guaranteeInfoFjId">
						<view v-if="ite.type=='fdbrgrzxbg'"  class="filist over" @click="getDown(ite.url)">{{ite.name}}</view>
					</block>
				</view>
			</view>
		  </view>
		</view>
	  </block>
	  <block v-if="fdaqylist&&fdaqylist.length>0">
		<view class="boxt" v-for="(fite,fidx) in fdaqylist" :key="fite.guaranteeInfoId">
			<view class="tit">
				<image :src="titimg"></image>企业{{(Number(fidx)+1)}}反担保证明
			</view>
			<view class="txt flext">营业执照：
				<view class="flex1 over" v-if="fite.guaranteeInfoFjList&&fite.guaranteeInfoFjList.length">
					<block v-for="(ite,idx) in fite.guaranteeInfoFjList" :key="ite.guaranteeInfoFjId">
						<view v-if="ite.type=='fdbqyyyzz'"  class="filist over" @click="getDown(ite.url)">{{ite.name}}</view>
					</block>
				</view>
			</view>
			<view class="txt flext">企业征信：
				<view class="flex1 over" v-if="fite.guaranteeInfoFjList&&fite.guaranteeInfoFjList.length">
					<block v-for="(ite,idx) in fite.guaranteeInfoFjList" :key="ite.guaranteeInfoFjId">
						<view v-if="ite.type=='fdbqyzx'"  class="filist over" @click="getDown(ite.url)">{{ite.name}}</view>
					</block>
				</view>
			</view>
		</view>
	  </block>
  </view>
</template>

<script>
	import config from '@/config'
	const baseUrl = config.baseUrl
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	import { selectValue } from '@/utils/common.js';
	import noData from "@/components/nodata/nodata.vue"
  export default {
	props:{
		datainfo: {
			type: Object,
			default () {
				return {}
			}
		},
		hyztlist:{
			type: Array,
			default () {
				return {}
			}
		},
		fdarlist:{
			type: Array,
			default () {
				return {}
			}
		},
		fdaqylist:{
			type: Array,
			default () {
				return {}
			}
		},
		basicFj:{
			type: Object,
			default () {
				return {}
			}
		}
	},
	components:{
		noData
	},
	data(){
		return{
			titimg:require('@/work/static/images/infotit.png'),
		}
	},
	onLoad: function() {
	},
	methods:{
		checkPermi, checkRole,
		kaType(ite){
			return selectValue(this.tajdlist, ite);
		},
		getDown(url){
			this.$emit('getDown',url)
		},
		getPreview(url){
			this.$emit('getPreview',url)
		},
		getDownGd(fjlist,type){
			var url=[]
			if(type=='fdbsfz'){
				var filelist=fjlist.filter((ite) => {
					if((ite.type=='fdbrsfzrmx'||ite.type=='fdbrsfzghm')&&ite.remark!=1){
						var urla=baseUrl+ite.url;
						url.push(urla)
					}
					return ite.remark!=1;
				})
			}
			if(url.length<1){
				this.$toast('暂无图片')
				return
			}
			uni.previewImage({
				current: 0,
				urls: url,
			});
		},
	},
	
  }
</script>

<style lang="scss" scoped>
.boxt{padding: 0 16rpx;border-top: 2rpx solid #E6E6E6;}
.tit{font-weight: bold;font-size: 30rpx;color: $com-cd3;display: flex;align-items: center;padding-top: 44rpx;margin-bottom: 50rpx;padding-left: 20rpx;
	image{width: 30rpx;height: 30rpx;margin-right: 14rpx;}
}
.txt{font-weight: bold;font-size: 30rpx;color: #222327;margin-bottom: 44rpx;padding-left: 20rpx;
	text{color: #666666;font-weight: 500;
		&.txta{color: #28C529;}
	}
	.filist{font-weight: 500;
		color: #28C529;margin-bottom: 8rpx;
	}
}
.flexcw{display: flex;
	.txt{min-width: 50%;}
}
</style>