rongzidanbao-ui/work/pages/business/add.vue

<template>
	<view class="addbox" :style="'padding-top:'+listTop+'rpx;'">
		<!-- 步骤条 -->
		<view class="navtop">
			<uni-nav-bar color="#ffffff" leftWidth="160rpx" rightWidth="160rpx" @clickLeft="getBack"   title="业务申报" :background-color="actcolor" :border="false"
				 statusBar='true'>
				<block slot="left">
					<view class="topl">
						<image :src="backimg" ></image>
					</view>
				</block>
				<block slot="right">
					<view class="edit">
						<image :src="feditimg"></image>
						放弃编辑
					</view>
				</block>
			</uni-nav-bar>
			<!-- 头部 -->
			<step-bar :steps="steps" :fixeda='false' :stepval="stepval"></step-bar>
		</view>
		<uni-forms ref="form" :model="datainfo" :rules="rules">
			<!-- 企业信息 -->
			<view v-if="stepval==1">
				<!-- 企业信息 -->
				<view class="addtit mt3"><text>*</text>企业信息</view>
				<view class="bgf plr12">
					<picker  range-key='label' :value="qyidx" :range="qylist" class="isborder"  @change='bindDateChangea'>
						<uni-forms-item label="企业名称" name="qymc">
							<view class="lbtabp">
								<view class="chtit" v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view class="chtit" v-else :class="qymc?'':'coa'">{{qymc||"请选择已添加的企业"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
					<uni-forms-item label="行业类型" name="hylx">
						<view class="lbtabp" @click="getTalbFn">
							<view :class="datainfo.hylx?'':'coa'">{{datainfo.hylx||"请选择行业类型"}}</view>
							<image :src="hrimg" class="rimg"></image>
						</view>
					</uni-forms-item>
					<uni-forms-item label="是否是制造业" name="iszcy">
						<view class="checkbox">
							<uni-data-checkbox :selectedColor="actcolor" selectedTextColor='#222327' v-model="datainfo.iszcy" :localdata="sfList" />
						</view>
					</uni-forms-item>
					<uni-forms-item label="是否专精特新" name="iszcy">
						<view class="checkbox">
							<uni-data-checkbox :selectedColor="actcolor" selectedTextColor='#222327' v-model="datainfo.iszcy" :localdata="sfList" />
						</view>
					</uni-forms-item>
					<uni-forms-item label="是否小微企业" name="iszcy">
						<view class="flexc">
							<view class="checkbox flex1">
								<uni-data-checkbox :selectedColor="actcolor" selectedTextColor='#222327' v-model="datainfo.iszcy" :localdata="sfList" />
							</view>
							<view class="ywicon flexc" @click="showImg"><image :src="ywicon"></image>划分标准</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="公司简介" name="iszcy">
						<uni-easyinput type="textarea" autoHeight v-model="datainfo.email" :inputBorder='false' placeholder="请输入公司简介" />
					</uni-forms-item>
					<uni-forms-item label="公司章程" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传公司章程并盖市监局备案章</view>
							</view>
							<view class="phoboxa">
								<view class="photop" @click="getLook">
									<image :src="lookico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg" @click.stop="getDelphtFn"></image>
								</view>
								<view class="photit">征信报告.pdf</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<view class="photop" @click="getLook">
										<image :src="lookico" class="bgimg"></image>
										<image :src="phoicon" class="addimg"></image>
										<image :src="delimg" class="delimg" @click.stop="getDelphtFn"></image>
									</view>
								</view>
								<view class="photit">征信报告.pdf</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="开户许可证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传开户许可证</view>
							</view>
						</view>
					</uni-forms-item>
					<!-- <uni-forms-item label="企业名称" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item> -->
					
				</view>
				<!-- 全体股东身份信息 -->
				<view class="addtit mt3"><text>*</text>全体股东身份信息</view>
				<view class="bgf plr12">
					<block v-for="(ite,idx) in gdlist" :key="idx">
						<uni-forms-item :label="'股东'+(Number(idx)+1)+'身份证'" name="iszcy">
							<view class="phobox">
								<view class="phoboxa">
									<view class="photop">
										<image :src="cardz" class="bgimg"></image>
										<image :src="phoicon" class="addimg"></image>
									</view>
									<view class="photit atit">上传人像面</view>
								</view>
								<view class="phoboxa">
									<view class="photop">
										<image :src="cardf" class="bgimg"></image>
										<image :src="phoicon" class="addimg"></image>
									</view>
									<view class="photit">上传国徽面</view>
								</view>
							</view>
						</uni-forms-item>
					</block>
					<view class="addgdbox">
						<view class="rzbtnadd" @click="getAddGdFn">
							<image :src="addgd"></image>添加股东
						</view>
					</view>
				</view>
				<!-- * 企业征信（由中国人民银行提供） -->
				<view class="addtit mt3"><text>*</text>企业征信（由中国人民银行提供）</view>
				<view class="bgf plr12">
					<uni-forms-item label="申请企业" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传申请企业征信报告</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">文件名</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">文件名</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="关联企业" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传关联企业征信报告</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
				<!-- * 企业法人征信-->
				<view class="addtit mt3"><text>*</text>企业法人征信</view>
				<view class="bgf plr12">
					<uni-forms-item label="企业法人" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传企业法人征信报告</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
				<!-- * 实际控股人夫妻双方征信-->
				<view class="addtit mt3"><text>*</text>实际控股人夫妻双方征信</view>
				<view class="bgf plr12">
					<uni-forms-item label="实际控股人" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传实际控股人征信报告</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="配偶征信" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传实际控股人配偶征信报告</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
				<!-- * 企业法人征信-->
				<view class="addtit mt3"><text>*</text>企业法人征信</view>
				<view class="bgf plr12">
					<uni-forms-item label="企业法人" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传企业法人征信报告</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
				<!-- * 各股东个人征信（请与上面所填股东对应） -->
				<view class="addtit mt3"><text>*</text>各股东个人征信（请与上面所填股东对应）</view>
				<view class="bgf plr12">
					<block v-for="(ite,idx) in gdlist" :key="idx">
						<uni-forms-item :label="'股东'+(Number(idx)+1)+'征信'" name="iszcy">
							<view class="phobox">
								<view class="phoboxa">
									<view class="photop">
										<image :src="zico" class="bgimg"></image>
										<image :src="phoicon" class="addimg"></image>
									</view>
									<view class="photit atit">上传实际控股人征信报告</view>
								</view>
								<!-- <view class="phoboxa">
									<view class="photop">
										<image :src="zico" class="bgimg"></image>
										<image :src="phoicon" class="addimg"></image>
									</view>
									<view class="photit">上传实际控股人征信报告</view>
								</view> -->
							</view>
						</uni-forms-item>
					</block>
				</view>
			</view>
			<!-- 法人信息 -->
			<view v-if="stepval==2">
				<!-- 用户类型 -->
				<view class="addtit mt3"><text>*</text>用户类型</view>
				<view class="bgf plr12">
					<picker  range-key='label' :value="qyidx" :range="qylist" class="isborder"  @change='bindDateChangea'>
						<uni-forms-item label="用户类型" name="qymc">
							<view class="lbtabp">
								<view v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view v-else :class="qymc?'':'coa'">{{qymc||"请选择用户类型"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
				</view>
				<!-- 法定代表人基本信息 -->
				<view class="addtit mt3"><text>*</text>法定代表人基本信息</view>
				<view class="bgf plr12">
					<uni-forms-item label="身份证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardz" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传人像面</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardf" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传国徽面</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="姓名" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="身份证号" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="手机号码" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入手机号码" />
					</uni-forms-item>
					<!--  家庭人口选填-->
					<uni-forms-item label="家庭人口" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入家庭人口" />
					</uni-forms-item>
					<uni-forms-item label="法人职业" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入法人职业" />
					</uni-forms-item>
					<picker  range-key='label' :value="ywidx" class="isborder" :range="ywList"  @change='bindDateChangeb'>
						<uni-forms-item label="有无贷款" name="qymc">
							<view class="lbtabp">
								<view v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view v-else :class="qymc?'':'coa'">{{qymc||"请选择有/无"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
					<!-- <uni-forms-item label="应收应付款" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入应收应付款" />
					</uni-forms-item> -->
					<!-- <uni-forms-item label="经营情况" name="iszcy">
						<uni-easyinput type="textarea" autoHeight v-model="datainfo.email" :inputBorder='false' placeholder="请描述近几年经营情况" />
					</uni-forms-item> -->
					<!-- <uni-forms-item label="经营效益" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入经营效益" />
					</uni-forms-item> -->
				</view>
				<!-- * 家庭婚姻信息 -->
				<view class="addtit mt3"><text>*</text>家庭婚姻信息</view>
				<view class="bgf plr12">
					<picker  range-key='label' :value="qyidx" :range="qylist" class="isborder"  @change='bindDateChangea'>
						<uni-forms-item label="婚姻状态" name="qymc">
							<view class="lbtabp">
								<view v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view v-else :class="qymc?'':'coa'">{{qymc||"请选择婚姻状态"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
					<uni-forms-item label="配偶身份证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardz" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传人像面</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardf" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传国徽面</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="配偶姓名" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="配偶身份证号" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
				</view>
				<!-- * 企业法人征信-->
				<view class="addtit mt3"><text>*</text>婚姻证明</view>
				<view class="bgf plr12">
					<uni-forms-item label="结婚证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="jhico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传结婚证</view>
							</view>
						</view>
					</uni-forms-item>
					<!-- 离婚状态上传 -->
					<uni-forms-item label="离婚证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="jhico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传离婚证</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
				<!-- * 户口簿信息-->
				<view class="addtit mt3"><text>*</text>户口簿信息</view>
				<view class="bgf plr12">
					<uni-forms-item label="户口簿首页" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿第一页</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="户口簿单页" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿每一页</view>
							</view>
							<!-- <view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿配偶页</view>
							</view> -->
						</view>
					</uni-forms-item>
				</view>
			</view>
			<!-- 反担保人信息 -->
			<view v-if="stepval==3">
				<!--  担保类型 -->
				<view class="addtit mt3"><text>*</text>担保类型</view>
				<view class="bgf plr12">
					<picker  range-key='label' :value="qyidx" :range="qylist" class="isborder"  @change='bindDateChangea'>
						<uni-forms-item label="担保类型" name="qymc">
							<view class="lbtabp">
								<view v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view v-else :class="qymc?'':'coa'">{{qymc||"请选择担保类型"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
				</view>
				<!-- 反担保人基本信息 -->
				<view class="addtit mt3"><text>*</text>反担保人基本信息</view>
				<view class="bgf plr12">
					<uni-forms-item label="身份证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardz" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传人像面</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardf" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传国徽面</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="姓名" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="身份证号" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="手机号码" name="email">
						<uni-easyinput v-model="datainfo.email" type="number" :inputBorder='false' placeholder="请输入手机号码" />
					</uni-forms-item>
				</view>
				<!-- * 反担保人家庭婚姻信息 -->
				<!-- <view class="addtit mt3"><text>*</text>反担保人家庭婚姻信息</view>
				<view class="bgf plr12">
					<picker  range-key='label' :value="qyidx" :range="qylist" class="isborder"  @change='bindDateChangea'>
						<uni-forms-item label="婚姻状态" name="qymc">
							<view class="lbtabp">
								<view v-if="datainfo.qymcid&&!qymc">{{statusFormat(datainfo.qymcid,qylist,'qy')}}</view>
								<view v-else :class="qymc?'':'coa'">{{qymc||"请选择婚姻状态"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</uni-forms-item>
					</picker>
					<uni-forms-item label="配偶身份证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardz" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传人像面</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardf" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit">上传国徽面</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="配偶姓名" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
					<uni-forms-item label="配偶身份证号" name="email">
						<uni-easyinput v-model="datainfo.email" :inputBorder='false' placeholder="自动识别" />
					</uni-forms-item>
				</view> -->
				<!-- * 反担保人婚姻证明-->
				<!-- <view class="addtit mt3"><text>*</text>反担保人婚姻证明</view>
				<view class="bgf plr12">
					<uni-forms-item label="结婚证" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="jhico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传结婚证</view>
							</view>
						</view>
					</uni-forms-item>
				</view> -->
				<!-- * 反担保人户口簿信息-->
				<!-- <view class="addtit mt3"><text>*</text>反担保人户口簿信息</view>
				<view class="bgf plr12">
					<uni-forms-item label="户口簿首页" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿第一页</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="户口簿单页" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿本人页</view>
							</view>
							<view class="phoboxa">
								<view class="photop">
									<image :src="hkico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
								</view>
								<view class="photit atit">上传户口簿配偶页</view>
							</view>
						</view>
					</uni-forms-item>
				</view> -->
				<!-- * 反担保人信用担保证明-->
				<view class="addtit mt3">反担保人信用担保证明</view>
				<view class="bgf plr12">
					<uni-forms-item name="iszcy">
						<view class="labtxt">个人工作证明
							<text>(选填)</text>
						</view>
						<view class="phobox" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<!-- <view class="photit atit">上传个人工作证明</view> -->
								<view class="photit atit">公职人员上传个人工作证明</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="身份证复印件" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="cardz" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传身份证复印件</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item label="个人征信报告" name="iszcy">
						<view class="phobox">
							<view class="phoboxa">
								<view class="photop">
									<image :src="zico" class="bgimg"></image>
									<image :src="phoicon" class="addimg"></image>
									<image :src="delimg" class="delimg"></image>
								</view>
								<view class="photit atit">上传个人征信报告</view>
							</view>
						</view>
					</uni-forms-item>
				</view>
			</view>
			<!-- 添加附件 -->
			<view v-if="stepval==4">
				<!--  附件信息 -->
				<view class="addtit mt3">
					<view @click="getDbclFn" class="flexc">附件信息<image :src="ywicon" class="ywimg"></image></view>
				</view>
				<!-- 委托担保申请书 -->
				<view class="bgf plr12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>委托担保申请书<text class="mtxt" v-if="sqtype=='gr'">(须面签)</text></view>
							<view class="fbtns cof64">
								<image :src="downimg" class="downimg"></image>下载模板
							</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="filelist&&filelist.length">
							<view class="fjlists"  v-for="(ite,idx) in filelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 股东会议纪要 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>股东会议纪要<text class="mtxt" v-if="sqtype=='gr'">(须面签)</text></view>
							<view class="fbtns cof64">
								<image :src="downimg" class="downimg"></image>下载模板
							</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 上一年度财务报表 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>上一年度财务报表</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<!-- 企业 end---->
					<view class="fjbox" v-if="sqtype=='qy'">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>当期财务报表</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<!-- 企业 end-->
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">上一年度审计报告</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 是否免税企业 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<picker  range-key='label' :value="ywidx" :range="sfList"  @change='bindDateChangeb'>
							<view class="fjtop flexc chek">
								<view class="ftit"><text>*</text>是否免税企业</view>
								<view v-if="datainfo.msqy&&!qymc">{{statusFormat(datainfo.msqy,qylist,'qy')}}</view>
								<view v-else :class="msqy?'':'coa'">{{msqy||"请选择是/否"}}</view>
								<image :src="hrimg" class="rimg"></image>
							</view>
						</picker>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">纳税证明</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">近三月银行对账单</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 主要账户银行流水 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>主要账户银行流水</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 购销合同 -->
				<view class="addtit tips">提供能够反映企业资金流向的法人或控股股东不低于半年的个人 主要账户银行流水</view>
				<view class="bgf plr12 ">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>购销合同</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>当前从事项目情况证明</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 企业基本注册信息查询单 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>企业基本注册信息查询单</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 企业基本注册信息查询单 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">企业固定资产证明</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">法人资产证明(房产)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">法人资产证明(地产)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">法人资产证明(车辆)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 反担保抵(质)押物复印件 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">反担保抵(质)押物复印件</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 代理相关品牌授权书 -->
				<view class="addtit tips">机械设备需提供发票原件；若上传附件，后期则需提供证明</view>
				<view class="bgf plr12 ">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">代理相关品牌授权书</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">代理相关品牌合同(商业)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit">生产经营许可证(工业)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 水电费发票 -->
				<view class="addtit tips">例如：塑料包装行业《印刷经营许可证》、食品卫生行业《卫生 许可证》、环保达标认定表原件(工业)</view>
				<view class="bgf plr12 ">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>水电费发票(一年)</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!--  人员工资表 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text> 人员工资表</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!--  纳税申报表 -->
				<view class="bgf plr12 mt12">
					<view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text> 纳税申报表</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<!-- 删除 -->
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="fjbox">
						<view class="fjtop flext">
							<view class="ftit"><text>*</text>完税证明</view>
							<lsj-upload ref="lsjUpload" childId="upload1" :width="width" :height="height" :option="option" :size="size" :formats="formats" :debug="debug" :instantly="instantly"
								    @progress="" @uploadEnd="onuploadEnd" >
								<view class="fbtns co0a" :style="{width: width,height: height}">
									<image :src="upimg"></image>上传附件
								</view>
							</lsj-upload>
						</view>
						<view class="mt8" v-if="gdfilelist&&gdfilelist.length">
							<view class="fjlists"  v-for="(ite,idx) in gdfilelist" :key='idx'>
								<view class="flext" @click="getDown(ite.url)">
									<view class="imgl"><image :src="filico" ></image></view>
									<view class="tit">{{ite.name}}</view>
								</view>
								<view class="delimg flex0" @click.stop="getDelFj(idx)">
									<image :src="fdelimg"></image>
								</view>
							</view>
						</view>
					</view> -->
				</view>
			
			</view>
			
		</uni-forms>
		<!-- btnd -->
		<view class="addbtns">
			<view class="addlbtn"><image :src="zancio"></image>暂存</view>
			<view class="addrbtn bga" @click="getPreFn">上一步</view>
			<view class="addrbtn bgb" @click="getNextFn">下一步</view>
			<view class="addrbtn bgb" @click="getSubmit">提交</view>
		</view>
		<!-- <pop-up type='1'></pop-up> -->
		<block v-if="lookflag">
			<view class="bgbox" @click="lookflag=false" ></view>
			<image :src="lookico" class="looimg" @click="getPreview(lookico)"></image>
		</block>
		
	</view>
</template>

<script>
	import config from '@/config'
	const baseUrl = config.baseUrl
	import popUp from "@/work/components/popup/popup.vue"
	import stepBar from "@/components/toptab/stepbar.vue"
	import { getToken } from '@/utils/auth'
	import {uploadmore,selectValueKey} from '@/utils/common.js'
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	export default{
		components:{stepBar,popUp},
		data(){
			return{
				//附件
				option: {
				    // 上传服务器地址，需要替换为你的接口地址
				    url: baseUrl+'/common/upload', // 该地址非真实路径，需替换为你项目自己的接口地址
				    // 上传附件的key
				    name: 'file',
				     // 根据你接口需求自定义请求头,默认不要写content-type,让浏览器自适配
				    header: {
				        // 示例参数可删除
				        'Authorization':  'Bearer ' + getToken(),
				    },
				    // 根据你接口需求自定义body参数
				    formData: {}
				},
				// 选择文件后是否立即自动上传，true=选择后立即上传
				instantly: true,
				// 必传宽高且宽高应与slot宽高保持一致
				width: '',
				height: '100rpx',
				// 限制允许上传的格式，空串=不限制，默认为空
				formats: 'doc,docx,xls,xlsx,ppt,txt,pdf,zip,rar,word,png,jpg,jpeg',
				// 文件上传大小限制
				size: 100,
				// 文件数量限制 默认10
				count: 5,
				// 文件回显列表
				files: new Map(),
				// 微信小程序Map对象for循环不显示，所以转成普通数组，不要问为什么，我也不知道
				wxFiles: [],
				// 是否打印日志
				debug: false,
				filelist:[{name:'安徽省龙之源纯净水有限公司0403委托担保申请书.pdf',url:'2122'}],
				gdfilelist:[],
				
				backimg:require("@/work/static/images/back.png"),
				feditimg:require("@/work/static/images/fedit.png"),
				hrimg:require('@/work/static/images/hrimg.png'),
				ywicon:require('@/work/static/images/busin/ywicon.png'),
				delimg:require('@/work/static/images/del.png'),
				lookico:require('@/work/static/images/busin/lookico.png'),
				phoicon:require('@/work/static/images/busin/phoicon.png'),
				zico:require('@/work/static/images/busin/zico.png'),
				cardz:require('@/work/static/images/busin/cardz.png'),
				cardf:require('@/work/static/images/busin/cardf.png'),
				addgd:require('@/work/static/images/busin/addgd.png'),
				jhico:require('@/work/static/images/busin/jhico.png'),
				hkico:require('@/work/static/images/busin/hkico.png'),
				zancio:require('@/work/static/images/zancio.png'),
				downimg:require('@/work/static/images/down.png'),
				upimg:require('@/work/static/images/fup.png'),
				filico:require('@/work/static/images/filico.png'),
				fdelimg:require('@/work/static/images/del.png'),
				steps:[{tit:'申请额度',status:0},{tit:'企业信息',status:1},{tit:'法人信息',status:2},{tit:'反担保人信息',status:3},{tit:'添加附件',status:4},],
				stepval:1,
				datainfo:{
					qymcid:1,
					hylx:'',
					hylxid:'',
					iszcy:'0',
				},
				qymc:'',
				msqy:'',
				qyidx:0,
				ywidx:0,
				rules:{
				  bonusType: {rules: [{required: true,errorMessage: '请选择加分类型'} ]},
				  // score: {rules: [{required: true,errorMessage: '请输入分值'} ]},
				  // bonusReason: {rules: [{required: true,errorMessage: '请输入加分事由'} ]},
				},
				gdlist:[{cardz:'',cardf:''}],
				qylist:[{label:"招商企业",value:0},{label:"建造业",value:1},],
				sfList:[{text: '是',value: '0'},{text: '否',value: '1'}],
				ywList:[{label: '有',value: '0'},{label: '无',value: '1'}],
				actcolor:'#00A9F0',
				sqtype:'gr',//个人 ,企业,
				lookflag:false,
				listTop:70
			}
		},
		onUnload(){
			uni.$off('refreshtalb')
		},
		onLoad(e) {
			uni.$on('refreshtalb', (e) => {
				this.datainfo.hylx=e.categoryName
				this.datainfo.hylxid=e.categoryId
			})
		},
		mounted() {
			this.getHeightFn()
		},
		methods:{
			checkPermi, checkRole,
			getHeightFn(){
				let query = uni.createSelectorQuery().in(this);
				var s=uni.getSystemInfoSync().statusBarHeight;
				//需要给黄色区域设置一个id标识，在这里是demo
				query.select('.navtop').boundingClientRect(data => {
					// #ifdef H5
					this.listTop =s ? Number(data.height)*2:(Number(data.height)-20)*2//赋值，待会要用
					// #endif
					// #ifndef H5
					this.listTop = Number(data.height)*2//赋值，待会要用
					// #endif
					
					
				}).exec();
			},
			getDbclFn(){
				this.$tab.navigateTo("/work/pages/prove/dbcltips")
			},
			getBack(){
				uni.navigateBack({
					delta:1
				})
			},
			getPreFn(){
				
			},
			getNextFn(){
				// 暂不判断必填写完否
				this.stepval=Number(this.stepval)+1
			},
			getDelphtFn(){
				
			},
			getLook(){
				
			},
			getPreview(url) {
				var newArr=[];
				newArr.push(url)
				uni.previewImage({
					urls: newArr,
					current:0,
					success: function(data) {
						
					},
					fail: function(err) {
						
					}
				});
			},
			showImg(){
				this.lookflag=true
			},
			getTalbFn(){
				var obj={
					id:this.datainfo.hylxid,
					name:this.datainfo.hylx,
				}
				this.$tab.navigateTo('/work/pages/business/talbclass?data='+encodeURIComponent(JSON.stringify(obj)))
			},
			getAddGdFn(){
				var obj = {cardz:'',cardf:''}
				this.gdlist.push(obj);
			},
			statusFormat(ite,list,type) {
				var aite=selectValueKey(list, ite);
				if(type=='qy'){
					this.qyidx=aite.key
				}
				return aite.actions;
			},
			bindDateChangea(e){
				var val=e.detail.value;
				this.qymc=this.qylist[val].label;
				this.datainfo.qymcid=this.qylist[val].value;
			},
			getSubmit(){
				var that=this;
				this.$tab.navigateTo('/work/pages/success')
				this.$refs.form.validate().then(res => {
					
					// var params=that.datainfo;
					// params.userId=that.userId;
					// getBonusEditFn(params).then(res=>{
					// 	if(res.code==200){
					// 		that.$toast("履职加分修改成功")
							
					// 		setTimeout(function(){
					// 			uni.$emit('lzrefreshlist')
					// 			uni.navigateBack({
					// 				delta:1
					// 			})
					// 		},1200)
					// 	}
					// })
				})
			},
			getaddImage(e){
				let that = this;
				let file =[],count=9
				// if(e=='zj'){
				// 	file = that.zjfile;
				// 	count=9
				// }else{
				// 	file = that.mjfile;
				// 	count=9
				// }
				uni.chooseImage({
					count: 1,
					success:function(res){
						let img= res.tempFilePaths;
						if(img.length + file.length > count){
							uni.showToast({
								title: '最多上传'+count+'张图片',
								icon: 'none',
								duration: 2000
							})
						}else{
							let imglen = res.tempFilePaths.length;
							var fuwufile = [];
							uploadmore('/common/upload',img,0,0,0,imglen,fuwufile,function(rs){
								if(e=='zj'){
									that.zjfile = that.zjfile.concat(rs);
									that.datainfo.identificationPhoto=that.zjfile.join(',')
								}
							})	
						}
					}
				});
			},
			onuploadEnd(item) {
				var newobj={}
				var responseText=JSON.parse(item.responseText)
				newobj.name=responseText.originalFilename;
				newobj.url=responseText.fileName;
				this.filelist.push(newobj)
				this.datainfo.zxFjList=JSON.parse(JSON.stringify(this.filelist))
			},
			getDelFj(idx){
				var that=this;
				uni.showModal({
					title: '确认删除',
					content: "是否确认删除",
					cancelText: '取消',
					confirmText: '确认',
					success: function(res) {
						if (res.confirm) {
							that.filelist.splice(idx,1)
							that.datainfo.zxFjList=JSON.parse(JSON.stringify(that.filelist))
						} else if (res.cancel) {
						}
					}
				});
			},
			getDown(e){
				uni.showLoading({
					title: '加载中'
				});
				var url=baseUrl+e;
				uni.downloadFile({
					url: url,//文件的下载路径
					success(result) {
							uni.hideLoading()
						var filePath = result.tempFilePath;
						   uni.openDocument({
						     filePath: filePath,
						     showMenu: true,
						     success: function (res) {
						       // console.log('打开文档成功');
						     }
						   });
					},
					fail(res) {uni.hideLoading()}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
.addbox /deep/ .uni-forms-item{min-height: 112rpx;box-sizing: border-box;display: flex;align-items: center;margin-bottom: 0;border-bottom: 2rpx solid #E6E6E6;padding:18rpx 0;position: relative;}
.addbox .bgf /deep/ .uni-forms-item:last-child{border-bottom: none;}
.addbox /deep/ .uni-forms-item__label{font-weight: bold;font-size: 32rpx;color: #161616;flex: 0 0 auto;width: auto !important;padding-left: 12rpx;min-width: 240rpx;box-sizing: border-box;}
.addbox /deep/ .uni-easyinput{flex: 1;text-align: left;font-size: 30rpx;color: #222327;}
.addbox /deep/ .uni-easyinput__content-textarea{min-height: 40rpx;font-size: 30rpx;}
.addbox /deep/ .uni-easyinput__placeholder-class{font-size: 30rpx;color: #AAAAAA;}
.addbox /deep/ .uni-input-input{font-size: 30rpx;}
.addbox /deep/ .uni-easyinput__content-input{padding-left: 0 !important;}
.addbox /deep/ .uni-textarea-textarea{font-size: 30rpx;}
.isborder{border-bottom: 2rpx solid #E6E6E6;}
.labtxt{font-weight: bold;font-size: 32rpx;color: #161616;flex: 0 0 auto;width: auto !important;padding-left: 12rpx;width: 240rpx;box-sizing: border-box;
	position: absolute;left: -240rpx;top:50%;transform: translateY(-50%);
	text{color: #AAAAAA;font-size: 26rpx;font-weight: normal;display: block;}
}
.navtop{
	position: fixed;left:0;right: 0;top: 0;z-index: 2;
}
.topl{width: 60rpx;height: 60rpx;display: flex;align-items: center;justify-content: center;
	image{width: 40rpx;height: 30rpx;}
}
.edit{font-weight: 500;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;
	image{width: 24rpx;height: 26rpx;margin-right: 10rpx;}
}
.addbox{padding: 140rpx 0 136rpx;
	.addtit{font-weight: bold;padding: 18rpx 34rpx;font-size: 26rpx;color: #666666;
		text{color: #DF0303;margin-right: 8rpx;}
		.ywimg{width: 30rpx;height: 30rpx;margin-left: 16rpx;}
		&.tips{font-weight: 500;font-size: 24rpx;color: #FF6969;}
	}
	.lbtabp{
		display: flex;align-items: center;
		view{flex: 1;font-size: 30rpx;color: #222327;}
		.rimg{flex: 0 0 auto;width: 16rpx;height: 26rpx;flex: 0 0 auto;margin-left: 18rpx;}
	}
	.ywicon{font-weight: 400;font-size: 26rpx;color: $com-cd3;padding-right: 14rpx;
		image{width: 26rpx;height: 26rpx;margin-right: 8rpx;}
	}
	// 上传样式
	.phobox{display: flex;flex-wrap: wrap;justify-content: space-between;
		.phoboxa{display: flex;flex-direction: column;align-items: center;margin: 10rpx 26rpx 0 0;padding-bottom: 4rpx;position: relative;min-height: 176rpx;box-sizing: border-box;
			.photop{width: 200rpx;height: 126rpx;position: relative;
				.bgimg{width: 100%;height: 100%;}
				.addimg{width: 34rpx;height: 30rpx;position: absolute;left: 50%;margin-left: -17rpx;top: 50%;margin-top: -15rpx;}
				.delimg{position: absolute;width: 24rpx;height: 24rpx;right: -12rpx;top: -12rpx;}
			}
			.photit{font-weight: 500;font-size: 20rpx;color: #AAAAAA;margin-top: 18rpx;max-width:200rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
				&.atit{position: absolute;left: 50%;transform: translate(-50%);bottom: 4rpx;word-break: keep-all;max-width: none;}
			}
		}
	}
	.addgdbox{padding: 34rpx 10rpx 36rpx;}
	.addbtns{
		width: 100%;height: 100rpx;position: fixed;left: 0;right: 0;bottom: 0;display: flex;
		.addlbtn{background-color: #ffffff;font-weight: 500;justify-content: center;
font-size: 30rpx;color: $com-cd3;display: flex;align-items: center;width: 232rpx;flex: 0 0 auto;height: 100rpx;
			image{width: 32rpx;height: 32rpx;margin-right: 12rpx;}
		}
		.addrbtn{flex: 1;height: 100rpx;font-weight: bold;font-size: 30rpx;display: flex;align-items: center;justify-content: center;
color: #FFFFFF;
			&.bga{background: #29E18A;}
			&.bgb{background: $com-cd3;}
		}	
	}
	// 附件
	.fjbox{padding: 24rpx 0;
		min-height: 150rpx;border-bottom: 2rpx solid #E6E6E6;box-sizing: border-box;
		&:last-child{border-bottom: none;}
		.fjtop{
			&.chek{
				.chtit{flex: 1;font-size: 30rpx;color: #222327;text-align: right;}
				.rimg{flex: 0 0 auto;width: 16rpx;height: 26rpx;flex: 0 0 auto;margin-left: 18rpx;}
			}
			.ftit{font-weight: bold;font-size: 32rpx;color: #161616;flex: 1;padding:28rpx 0;
				text{color: #DF0303;margin-right: 8rpx;}
				.mtxt{color: #AAAAAA;font-size: 26rpx;}
			}
			.fbtns{font-weight: 500;font-size: 26rpx;padding-right: 12rpx;margin-left: 36rpx;display: flex;align-items: center;height: 100rpx;justify-content: center;
				image{width: 22rpx;height: 22rpx;margin-right: 10rpx;
					&.downimg{width: 20rpx;}
				}
			}
		}
		
		
	} 
	// 18
	.fjlists {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 12rpx;
		// image{flex: 0 0 auto;}
		.imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;flex: 0 0 auto;
			image{width: 26rpx;height: 24rpx;}
		}
		.tit{font-size: 26rpx;color: #222327;font-weight: 500;margin-top: 4rpx;}
		.delimg{width: 40rpx;height:40rpx;margin-left: 16rpx;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;
			image{width: 24rpx;height: 24rpx;}
		}
	}
}
// 标准
.looimg{width: 100%;height: 400rpx;position: fixed;left: 0;right: 0;top: 50%;margin-top: -200rpx;z-index: 10;}	
</style>