<template>
  <view class="page-wapper">
    <!-- <fu-custom :isBack="true" :isBottom="true" bgColor="bg-white">
    	<view slot="content">商家进件</view>
      <block slot="right">
      	<view v-if="jinstatus==1" @click="routeHistory" class="text-red title-right" style="color:#FD501E;">编辑</view>
      </block>
    </fu-custom> -->
    <!-- <view class="page-box" v-if="type==2">


		</view> -->
    <!-- <view class="border-bottom"></view> -->
    <view v-if="type==2">
      <view class="public-text-area-wapper">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传营业执照<text class="text-sm">(≤2M)</text>
        </view>
      </view>
      <view class="public-text-area-wapper">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('BUSINESS_LICENCE')" :src="BUSINESS_LICENCE?BUSINESS_LICENCE:'../static/file.png'"
              mode="aspectFill"></image>
            <text> {{ i18n['营业执照'] }}</text>
          </view>
        </view>
      </view>
      <view class="" v-if="type==2">
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"> <text style="color: #FC501E;">*</text>营业执照名称</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseName"
                :placeholder="'与营业执照名称一致'" placeholder-class="placeholder">
            </view>
          </view>
        </view>
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"> <text style="color: #FC501E;">*</text>营业执照号码</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseNo"
                :placeholder="'请输入营业执照号码'" placeholder-class="placeholder">
            </view>
          </view>
        </view>
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"> <text style="color: #FC501E;">*</text>营业执照开始时间</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseDtStart"
                :placeholder="'格式:yyyy-mm-dd'" placeholder-class="placeholder">
            </view>
          </view>
        </view>
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"> <text style="color: #FC501E;">*</text>营业执照过期时间</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseDtEnd"
                :placeholder="'长期传:9999-12-31'" placeholder-class="placeholder">
            </view>
          </view>
        </view>

      </view>

      <!-- v-if="accountType==57" -->

    </view>

    <view class="public-text-area-wapper">
      <view class="text-area-title"> <text style="color: #FC501E;">*</text>商户经营内容(填写营业执照经营内容)</view>
      <textarea :placeholder="'请输入商户经营内容'" maxlength="-1" v-model="businessContent"
        placeholder-class="placeholder"></textarea>
    </view>
    <view class="public-input-wapper active" @tap="mccnameTap">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户类别</view>
        <view :class="{'rside-text': true, gray: !mccname}">{{mccname ? mccname : i18n['请选择']}}
        </view>
        <image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../static/right-arrow.png">
        </image>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户注册名称</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merRegName"
            :placeholder="'与营业执照名称一致'" placeholder-class="placeholder">
        </view>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户名称</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merName"
            :placeholder="'同店铺门头照名称一致'" placeholder-class="placeholder">
        </view>
      </view>
    </view>
    <view class="public-input-wapper active" @click="provinceTap">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户地址</view>
        <view :class="{'rside-text': true, gray: !provinceCode }">
          {{provinceCode ? provinceCodenameshow : i18n['请选择']}}
        </view>
        <image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../static/right-arrow.png">
        </image>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户详细地址</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merAddr"
            :placeholder="'去掉省，市，区后的详细地址'" placeholder-class="placeholder">
        </view>
      </view>
    </view>

    <view class="public-text-area-wapper">
      <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传法人身份证<text class="text-sm">(≤2M)</text>
      </view>
    </view>
    <view class="public-text-area-wapper ">

      <view class="item">
        <view class="">
          <image style="margin-top: 48rpx;" @tap="shopLogo('ID_CARD_FRONT')"
            :src="ID_CARD_FRONT?ID_CARD_FRONT:'../../static/file.png'" mode="aspectFill"></image>
          <text> {{ i18n['身份证人像面'] }}</text>
        </view>
        <view class="">
          <image src="../static/auth2.png" mode="aspectFill"></image>
          <text> {{ i18n['（示例）'] }}</text>
        </view>
      </view>
      <view class="item">
        <view class="">
          <image @tap="shopLogo('ID_CARD_BEHIND')" :src="ID_CARD_BEHIND?ID_CARD_BEHIND:'../static/file.png'"
            mode="aspectFill">
          </image>
          <text> {{ i18n['身份证国徽面'] }}</text>
        </view>
        <view class="">
          <image src="../static/auth3.png" mode="aspectFill"></image>
          <text> {{ i18n['（示例）'] }}</text>
        </view>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"><text style="color: #FC501E;">*</text> 法人姓名 </view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="12" class="text-right" v-model="larName"
            :placeholder="'与营业执照经营者或法定代表人一致'" placeholder-class="placeholder">
        </view>
      </view>
    </view>

    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"><text style="color: #FC501E;">*</text> 法人证件号码</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="18" class="text-right" v-model="larIdCard"
            :placeholder=" i18n['请输入18位身份证号码']" placeholder-class="placeholder">
        </view>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"><text style="color: #FC501E;">*</text> 法人证件开始日期</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="larIdCardStart"
            :placeholder="'格式:yyyy-mm-dd'" placeholder-class="placeholder">
        </view>
      </view>
    </view>
    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"><text style="color: #FC501E;">*</text> 法人证件过期日期</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="larIdCardEnd"
            :placeholder="'长期传:9999-12-31'" placeholder-class="placeholder">
        </view>
      </view>
    </view>


    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户联系人姓名</view>
        <view class="rside">
          <input type="text" style="color: #333;" maxlength="11" class="text-right" v-model="contactName"
            :placeholder="'请输入商户联系人姓名'" placeholder-class="placeholder">
        </view>
      </view>
    </view>

    <view class="public-input-wapper active">
      <view class="input-container border">
        <view class="lside"> <text style="color: #FC501E;">*</text>商户联系人手机号码</view>
        <view class="rside">
          <input type="number" style="color: #333;" maxlength="11" class="text-right" v-model="contactMobile"
            :placeholder="'请输入手机号码'" placeholder-class="placeholder">
        </view>
      </view>
    </view>




    <view class="page-box">
      <view class="public-input-wapper active">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>商户邮箱</view>
          <view class="rside">
            <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="email"
              :placeholder="'请输入商户邮箱'" placeholder-class="placeholder">
          </view>
        </view>
      </view>

      <view class="public-text-area-wapper">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传门头照<text class="text-sm">(≤2M)(需与商户名称一致并展现)</text>
        </view>
      </view>
      <view class="public-text-area-wapper">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('SHOP_OUTSIDE_IMG')" :src="SHOP_OUTSIDE_IMG?SHOP_OUTSIDE_IMG:'../static/file.png'"
              mode="aspectFill"></image>
            <text> 门头照</text>
          </view>
          <!-- <view class="">
      		  <image src="../static/auth4.png" mode="aspectFill"></image>
      		  <text> {{ i18n['（示例）'] }}</text>
      		</view> -->
        </view>
      </view>
      <view class="border-bottom"></view>
      <view class="public-text-area-wapper">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传收银台照片<text class="text-sm">(≤2M)</text>
        </view>
      </view>
      <view class="public-text-area-wapper">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('CHECKSTAND_IMG')" :src="CHECKSTAND_IMG?CHECKSTAND_IMG:'../static/file.png'"
              mode="aspectFill"></image>
            <text> 收银台照片</text>
          </view>
        </view>
      </view>

      <view class="border-bottom"></view>
      <view class="public-text-area-wapper">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传商铺内部照片<text
            class="text-sm">(≤2M)</text></view>
      </view>
      <view class="public-text-area-wapper">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('SHOP_INSIDE_IMG')" :src="SHOP_INSIDE_IMG?SHOP_INSIDE_IMG:'../static/file.png'"
              mode="aspectFill"></image>
            <text> 商铺内部照片</text>
          </view>
          <!-- <view class="">
      		  <image src="../static/auth4.png" mode="aspectFill"></image>
      		  <text> {{ i18n['（示例）'] }}</text>
      		</view> -->
        </view>
      </view>
      <view class="border-bottom"></view>
      <view class="public-text-area-wapper" v-if="type==1">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传银行卡照片<text class="text-sm">(≤2M)(结算人储蓄卡，不支持信用卡)</text>
        </view>
      </view>


      <view class="public-input-wapper active" @click="accountTypeTap" v-if="type==2">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>结算账户类型</view>
          <view :class="{'rside-text': true, gray: !accountType  }">
            {{accountType==57 ? '对公-公司账户' : isfashow == 1?'对私-法人银行卡' : '对私-非法人银行卡'}}
          </view>
          <image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../static/right-arrow.png">
          </image>
        </view>
      </view>
      <!-- <view class="public-input-wapper active">
				<view class="input-container border">
					<view class="lside"> <text style="color: #FC501E;">*</text>进件来源</view>
					<view class="rside">
						<input type="text" style="color: #333;" maxlength="12" class="text-right" v-model="source"
							:placeholder="'请输入进件来源'" placeholder-class="placeholder">
					</view>
				</view>
			</view> -->
      <view class="public-text-area-wapper" v-if="type==1">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('BANK_CARD')" :src="BANK_CARD?BANK_CARD:'../static/file.png'" mode="aspectFill">
            </image>
            <text> 银行卡照片</text>
          </view>
          <!-- <view class="">
      		  <image src="../../static/auth4.png" mode="aspectFill"></image>
      		  <text> {{ i18n['（示例）'] }}</text>
      		</view> -->
        </view>
      </view>
      <view class="public-text-area-wapper" v-if="type==2 && accountType==58">
        <view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传银行卡照片<text class="text-sm">(≤2M)(结算人储蓄卡，不支持信用卡)</text></view>
      </view>
      <view class="public-text-area-wapper" v-if="type==2 && accountType==58">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('BANK_CARD')" :src="BANK_CARD?BANK_CARD:'../static/file.png'" mode="aspectFill">
            </image>
            <text> 银行卡照片</text>
          </view>
          <!-- <view class="">
      		  <image src="../../static/auth4.png" mode="aspectFill"></image>
      		  <text> {{ i18n['（示例）'] }}</text>
      		</view> -->
        </view>
      </view>






      <!-- <view class="border-bottom"></view>
      			<view class="public-text-area-wapper">
      				<view class="text-area-title"> 请上传分账结算委托书文件</view>
      			</view>
      			<view class="public-text-area-wapper">
      				<upload-demo type="file" :typemode="'splitEntrustFilePath'" @splitEntrustFilePath="splitEntrustFilePathChang"></upload-demo>
      				<view class="flex align-center justify-between" v-if="splitEntrustFilePath">
      					<view class="flex flex-wrap" style="width: 600rpx;">{{splitEntrustFilePath}}</view>
      					<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('splitEntrustFilePath')"></image>
      				</view>
      			</view> -->

      <!-- <view class="border-bottom"></view>
            <view class="public-text-area-wapper">
            	<view class="text-area-title"> 请上传资金清算授权委托书</view>
            </view>
            <view class="public-text-area-wapper">
            	<upload-demo type="file" :typemode="'zijinqingsuanfujian'" @zijinqingsuanfujian="zijinqingsuanfujianChang"></upload-demo>
            	<view class="flex align-center justify-between" v-if="zijinqingsuanfujian">
            		<view class="flex flex-wrap" style="width: 600rpx;">{{zijinqingsuanfujian}}</view>
            		<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('zijinqingsuanfujian')"></image>
            	</view>
            </view> -->








      <!-- <view class="public-text-area-wapper" v-if="accountType==57">
              <view class="text-area-title"> 请上传特约商户支付服务合作协议</view>
            </view>
            <view class="public-text-area-wapper" v-if="accountType==57">
              <upload-demo type="file" :typemode="'shoppayfujian'" @shoppayfujian="shoppayfujianChang"></upload-demo>
              <view class="flex align-center justify-between" v-if="shoppayfujian">
                <view class="flex flex-wrap" style="width: 600rpx;">{{shoppayfujian}}</view>
                <image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('shoppayfujian')">
                </image>
              </view>
            </view> -->









      <view class="border-bottom" v-if="type==2 && accountType==57"></view>
      <view class="public-text-area-wapper" v-if="type==2 && accountType==57">
        <view class="text-area-title"><text style="color: #FC501E;">*</text> 请上传开户许可证<text class="text-sm">(≤2M)</text></view>
      </view>
      <view class="public-text-area-wapper" v-if="type==2 && accountType==57">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('OPENING_PERMIT')" :src="OPENING_PERMIT?OPENING_PERMIT:'../static/file.png'"
              mode="aspectFill"></image>
            <text> 开户许可证照片</text>
          </view>
          <!-- <view class="">
      		  <image src="../../static/auth4.png" mode="aspectFill"></image>
      		  <text> {{ i18n['（示例）'] }}</text>
      		</view> -->
        </view>
      </view>

      <view class="public-input-wapper active">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>结算人账户名称</view>
          <view class="rside">
            <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountName"
              :placeholder="'请输入持卡人姓名'" placeholder-class="placeholder">
          </view>
        </view>
      </view>

      <view class="public-input-wapper active">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>结算人银行卡号</view>
          <view class="rside">
            <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountNo"
              :placeholder="'请输入结算人银行卡号'" placeholder-class="placeholder">
          </view>
        </view>
      </view>

      <view class="public-input-wapper active" @click="settleProvinceCodeTap">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>结算信息省份代码</view>
          <view :class="{'rside-text': true, gray: !settleProvinceCode  }">
            {{settleProvinceCode ? settleProvinceNameshow : i18n['请选择']}}
          </view>
          <image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../static/right-arrow.png">
          </image>
        </view>
      </view>
      <view class="public-input-wapper active" @tap="openningBankNameTap">
        <view class="input-container border">
          <view class="lside"> <text style="color: #FC501E;">*</text>结算账户开户行名称</view>
          <view class="rside flex align-center justify-end flex-wrap">
            <text>{{openningBankName?openningBankName:"请输入结算账户开户行名称"}}</text>
          </view>
        </view>
      </view>
      <view v-if="type==2  && accountType==58 && isfashow != 1">
        <!-- <view class="border-bottom" ></view>
        <view class="public-input-wapper active" style="padding: 24rpx 32rpx;" v-if="fashow==1 && type==2">
          <view class="input-container border">
            <view class="lside"> 是否法人</view>
            <view class="rside-text"></view>
            <view class="switch-box">
              <switch color="#42AB4F" :checked="isfashow == 1" @change="handleSwitchChange($event, 'isfashow', 1, 0)">
              </switch>
            </view>
          </view>
        </view> -->
        <!--  -->
        <view class="public-text-area-wapper" v-if="type==2 ">
          <!-- <text style="color: #FC501E;">*</text> -->
          <view class="text-area-title"> 请上传非法结算人身份证人像面<text class="text-sm">(≤2M)</text></view>
        </view>
        <view class="public-text-area-wapper" v-if="type==2">
          <view class="item">
            <view class="">
              <image @tap="shopLogo('SETTLE_ID_CARD_BEHIND')"
                :src="SETTLE_ID_CARD_BEHIND?SETTLE_ID_CARD_BEHIND:'../static/file.png'" mode="aspectFill">
              </image>
              <text>非法结算人身份证人像面</text>
            </view>
            <!-- <view class="">
              		  <image src="../../static/auth5.png" mode="aspectFill"></image>
              		  <text> {{ i18n['（示例）'] }}</text>
              		</view> -->
          </view>
        </view>
        <view class="border-bottom" v-if="type==2"></view>
        <view class="public-text-area-wapper" v-if="type==2">
          <!-- <text style="color: #FC501E;">*</text> -->
          <view class="text-area-title"> 请上传非法结算人身份证国徽面<text class="text-sm">(≤2M)</text></view>
        </view>
        <view class="public-text-area-wapper" v-if="type==2">
          <view class="item">
            <view class="">
              <image @tap="shopLogo('SETTLE_ID_CARD_FRONT')"
                :src="SETTLE_ID_CARD_FRONT?SETTLE_ID_CARD_FRONT:'../static/file.png'" mode="aspectFill">
              </image>
              <text>非法结算人身份证国徽面</text>
            </view>
            <!-- <view class="">
              		  <image src="../../static/auth5.png" mode="aspectFill"></image>
              		  <text> {{ i18n['（示例）'] }}</text>
              		</view> -->
          </view>
        </view>

        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件号码</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="18" class="text-right" v-model="accountIdCard"
                :placeholder=" i18n['请输入18位身份证号码']" placeholder-class="placeholder">
            </view>
          </view>
        </view>
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件开始时间</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountIdDtStart"
                :placeholder="'格式yyyy-mm-dd'" placeholder-class="placeholder">
            </view>
          </view>
        </view>
        <view class="public-input-wapper active">
          <view class="input-container border">
            <view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件过期时间</view>
            <view class="rside">
              <input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountIdDtEnd"
                :placeholder="'长期传：9999:12-31'" placeholder-class="placeholder">
            </view>
          </view>
        </view>
      </view>
      <!-- <view class="public-input-wapper active">
				<view class="input-container border">
					<view class="lside"> <text style="color: #FC501E;">*</text>结算账户清算行号</view>
					<view class="rside">
						<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="clearingBankCode"
							:placeholder="'请输入结算账户清算行号'" disabled="disabled" placeholder-class="placeholder">
					</view>
				</view>
			</view>
			<view class="public-input-wapper active">
				<view class="input-container border">
					<view class="lside"> <text style="color: #FC501E;">*</text>结算账户开户行号</view>
					<view class="rside">
						<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="openningBankCode"
							:placeholder="'请输入结算账户开户行号'" disabled="disabled" placeholder-class="placeholder">
					</view>
				</view>
			</view> -->



      <!-- <view class="border-bottom"></view> -->
      <view class="public-text-area-wapper" v-if="type==2  && accountType==58 && isfashow != 1">
        <!-- <text style="color: #FC501E;">*</text> -->
        <view class="text-area-title"> 请上传资金清算授权委托书及非法人无合照情况说明附件<text class="text-sm">(≤2M)</text></view>
        <text>(联系平台客服)</text>
      </view>
      <view class="public-text-area-wapper" v-if="type==2  && accountType==58 && isfashow != 1">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('zijinqingsuanfujian')"
              :src="zijinqingsuanfujian?zijinqingsuanfujian:'../static/file.png'" mode="aspectFill">
            </image>
            <text>资金清算授权委托书</text>
          </view>
          <!-- <view class="">
            		  <image src="../../static/auth5.png" mode="aspectFill"></image>
            		  <text> {{ i18n['（示例）'] }}</text>
            		</view> -->
        </view>
      </view>
      <view class="public-text-area-wapper" v-if="(accountType==57 && type == 2) || (accountType==58 && isfashow != 1)">
        <view class="text-area-title"> 请上传特约商户支付服务合作协议<text class="text-sm">(≤2M)</text></view>
        <text>(联系平台客服)</text>
      </view>
      <view class="public-text-area-wapper" v-if="(accountType==57 && type == 2) || (accountType==58 && isfashow != 1)">
        <view class="item">
          <view class="">
            <image @tap="shopLogo('shoppayfujian')" :src="shoppayfujian?shoppayfujian:'../static/file.png'"
              mode="aspectFill">
            </image>
            <text>特约商户支付服务合作协议</text>
          </view>
          <!-- <view class="">
          		  <image src="../../static/auth5.png" mode="aspectFill"></image>
          		  <text> {{ i18n['（示例）'] }}</text>
          		</view> -->
        </view>
      </view>



      <view class="public-text-area-wapper">
        <view class="text-area-title"> 请上传合作协议附件(联系平台客服)</view>
      </view>
      <view class="public-text-area-wapper">
        <upload-demo type="file" :typemode="'entrustFilePath'" @entrustFilePath="entrustFilePathChang"></upload-demo>
        <view class="flex align-center justify-between" v-if="entrustFilePath">
          <view class="flex flex-wrap" style="width: 600rpx;">{{entrustFilePath}}</view>
          <image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('entrustFilePath')">
          </image>
        </view>
      </view>
      <view class="border-bottom"></view>



      <!-- <view class="public_bottom" style="height: 20rpx;background: #eee;"></view> -->














      <!-- <view class="border-bottom"></view> -->






      <view class="public-text-area-wapper explain">
        <view class="">{{ i18n['注'] }}：</view>
        {{ i18n['为保证平台用户安全性，需要您进行实名认证，实名认证通过之后即可登录并在平台进行营业'] }}

      </view>
    </view>
    <view>



      <!---->
      <view class="fotter-bottom" v-if="jinstatus==-1 || jinstatus==2">
        <button :loading="submitLoading" @tap="onTapSaveBtn" type="primary" class="login-btn">{{ i18n['提交'] }}</button>
        <view class="fotter flex align-center">
          <image class="image" @click="handle_select" v-if="checked" src="../static/select.png"></image>
          <image class="image" @click="handle_select" v-else src="../static/noselect.png"></image>
          {{ i18n['提交即默认同意'] }}<text @tap="handleJump"
            data-url="/pages/user/login/user-agreement/index?id=38">《商家进件协议》</text>
        </view>
      </view>

      <view class="fotter-bottom" v-if="jinstatus==1">
        <!-- statusshow:"-1" //-1 = 可以跳转签约 0 = 合同审核中1 = 通过 -->
        <button v-if="statusshow==-1" @tap="onTapSaveBtnTap" type="primary" class="login-btn">去电子签名</button>
        <button v-if="statusshow==0" type="primary" class="login-btn">电子签名审核中</button>
        <button v-if="statusshow==1" type="primary" class="login-btn">电子签名已通过</button>
      </view>




      <w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="shenglist"
        @confirm="provinceSure($event,'provinceCode')" @cancel="onCancelTap" ref="province"></w-picker>
      <w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="citylist"
        @confirm="provinceSure($event,'cityCode')" @cancel="onCancelTap" ref="city"></w-picker>
      <w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="districtlist"
        @confirm="provinceSure($event,'countyCode')" @cancel="onCancelTap" ref="district"></w-picker>




      <w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="settleProvincelist"
        @confirm="settleProvinceSure($event,'settleProvinceCode')" @cancel="onCancelTap"
        ref="settleProvinceCode"></w-picker>
      <w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="settleCitylist"
        @confirm="settleProvinceSure($event,'settleCityCode')" @cancel="onCancelTap" ref="settleCityCode"></w-picker>

      <w-picker mode="selector" value="" default-type="name" :options="accountTypeList"
        @confirm="accountTypeSure($event)" @cancel="onCancelTap" ref="accountType"></w-picker>


    </view>
  </view>
</template>

<script>
  import {
    validate,
    UploadImage,
    UploadImageLakala
  } from '@/common/utils/index';

  import UploadDemo from '@/components/UploadDemo/UploadDemo';
  import {
    GAODE_KEY
  } from '@/common/config.js';
  import {
    UPLOAD_IMAGE_URL,
    SERIAL
  } from '@/common/config.js'
  // 高德地图sdk
  import amapFile from '@/libs/amap-wx.js';
  // import cityData from '@/components/mpvue-citypicker/city-data/citydata.js';
  // import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue';
  import wPicker from '@/components/w-picker/w-picker.vue';
  import ImageCropper from "./invinbg-image-cropper.vue";

  export default {
    data() {
      return {
        isfashow: 1,
        imgshowtrue: true,
        imgshow: true,
        filezhan: "",
        // 上传接口参数
        option: {
          // 上传服务器地址，需要替换为你的接口地址
          url: "", // 该地址非真实路径，需替换为你项目自己的接口地址
          // 上传附件的key
          name: 'file',
          // 根据你接口需求自定义请求头,默认不要写content-type,让浏览器自适配
          header: {
            // 示例参数可删除
            'user-token': global.token || global.tokenres || '',
            'lang': global.locale,
            'Accept-Serial': SERIAL,
            'group-id': 2
          },
          // 根据你接口需求自定义body参数
          formData: {
            // 'orderId': 1000
            dir: "files"
          }
        },
        // 选择文件后是否立即自动上传，true=选择后立即上传
        instantly: true,
        // 必传宽高且宽高应与slot宽高保持一致
        width: '180rpx',
        height: '180rpx',
        // 限制允许上传的格式，空串=不限制，默认为空
        formats: '',
        // 文件上传大小限制
        size: 30,
        // 文件数量限制
        count: 2,
        // 文件回显列表
        files: new Map(),
        // 微信小程序Map对象for循环不显示，所以转成普通数组，不要问为什么，我也不知道
        wxFiles: [],
        // 是否打印日志
        debug: true,






        larName: "", //法人姓名
        contactMobile: "", //商户联系⼈⼿机号码
        larIdType: "1", //法人证件类型 01身份证
        contactName: "", //商户联系⼈姓名
        merRegName: "", //商户注册名称
        merName: "", //商户名称(经营名称
        merAddr: "", //商户详细地址
        provinceCode: "", //省代码
        cityCode: "", //市代码
        countyCode: "", // 区县代码
        // lng: '', //进件所在地址经度
        // lat: '', //进件所在地址纬度
        lng: '113.6565', //经度
        lat: '35.35656', //纬度
        source: "", //进件来源
        businessContent: "", //商户经营内容
        openningBankCode: "", //结算账户开户⾏号
        openningBankName: "", //结算账户开户⾏名称
        clearingBankCode: "", //结算账户清算⾏号
        accountNo: "", //结算人银行卡号
        accountName: "", //重庆农村商业银行北碚支行同兴分理处
        accountType: "57", //结算账户类型 57 对公 58 对私
        accountTypeList: [{
            label: "对公-公司账户",
            value: "57"
          },
          {
            label: "对私-法人银行卡",
            value: "58"
          },
          {
            label: "对私-非法人银行卡",
            value: "59"
          }
        ],
        shoppayfujian: "", //特约商户支付服务合作协议对公展示
        larIdCard: "", //法⼈证件号码
        larIdCardStart: "", //法⼈证件开始⽇期
        larIdCardEnd: "", //法⼈证件过期时间
        type: '1', //认证类型 1小微 2企业
        settleProvinceNameshow: "",
        settleProvinceCode: "", //结算信息省份代码
        settleProvinceCodechoose: "",
        settleProvinceName: "", //结算信息省份名称
        settleCityCode: "", //结算信息城市代码
        settleCityCodechoose: "",
        settleCityName: "", //结算信息城市名称
        settleProvincelist: [],
        settleCitylist: [],


        CHECKSTAND_IMG: "", //== 收银台照片(必传)
        SHOP_OUTSIDE_IMG: "", // == 上传门头照片(必传)
        SHOP_INSIDE_IMG: "", // == 商铺内部照片(必传)
        ID_CARD_FRONT: "", // == 身份证正⾯
        ID_CARD_BEHIND: "", // == 身份证反⾯
        BUSINESS_LICENCE: "", // == 营业执照照⽚
        SETTLE_ID_CARD_FRONT: "", // == 结算人身份证人像面
        SETTLE_ID_CARD_BEHIND: "", // == 结算人身份证国徽面
        BANK_CARD: "", //银行卡照片
        OPENING_PERMIT: "", //开户许可照片
        shenglist: [],
        citylist: [],
        districtlist: [],
        defaultProps: {
          "label": "name",
          "value": "code"
        },
        provinceCodenameshow: "",
        provinceCodename: "",
        cityCodename: "", //市代码
        countyCodename: "", // 区县代码
        provinceCodechoose: "", //省代码
        cityCodechoose: "", //市代码
        countyCodechoose: "", // 区县代码
        mcc: "", //商户类别查询
        mccname: "",

        userNo: "",
        email: "",
        licenseName: "",
        licenseNo: "",
        licenseDtStart: "",
        licenseDtEnd: "",

        busiCode_name: "",
        merType_typename: "",
        splitEntrustFilePath: "",
        entrustFilePath: "",
        zijinqingsuanfujian: "", //资金清算附件
        myAmapFun: null, // 高德地图实例
        submitLoading: false,
        checked: false,
        jinstatus: "", ////-1 未认证，0=审核中 1=通过 2=驳回
        temp_id: "",
        statusshow: "-1", //-1 = 可以跳转签约0 = 合同审核中1 = 通过
        fashow: 1, //1显示切换 2不显示
        showdetails: "",
        accountIdCard: '',
        accountIdDtStart: '',
        accountIdDtEnd: '',
        accountIdType: 1
      }
    },
    onLoad(options) {
      this.type = options.merType;
      // this.accountType = this.type == 1 ? 57 : 58
      this.is_afresh = options.type;

      this.post66a204e66ad74()
      this.getInfo()
      this.post667a671073fcb()
      this.post667a686f57f19()
      this.option.url = UPLOAD_IMAGE_URL



      // 初始化高德地图SDK,记得换成自己的key
      this.myAmapFun = new amapFile.AMapWX({
        key: GAODE_KEY
      });
      uni.$on('customChooseLocation', res => {
        console.log(res)
        let location = res.name == res.address ? res.address : res.name == '我的位置' ? res.address : res.name + res
          .address
        this.address_desc = location
        // this.address =location;
        this.lat = res.latitude
        this.lng = res.longitude
        // if(res.citys){
        //   this.address = `${res.citys.areap}${res.citys.areac}${res.citys.areax}`;
        // }
      })

      uni.$on('SELECTADRESSANAME', res => {
        console.log(res)

        this.openningBankName = res.branchBankName
        this.clearingBankCode = res.clearNo
        this.openningBankCode = res.branchBankNo
      })

      uni.$on('MCCNAME', res => {
        console.log(res)
        this.mcc = res.mcc
        this.mccname = res.mccname
      })

    },
    onUnload() {
      uni.$off('SELECTADRESSANAME')
      uni.$off('MCCNAME')
    },
    components: {
      // mpvueCityPicker,
      ImageCropper,
      wPicker,
      UploadDemo
    },
    onNavigationBarButtonTap(options) {
      if (options.index == 0) {
        this.handleSave()
      }
    },
    methods: {
      routeHistory(){
        uni.navigateTo({
          url:"/pages/user/login/auth/editjinjian"
        })
      },
      handleSwitchChange(e) {
        console.log(e.detail.value)
        this.isfashow = e.detail.value ? 1 : 0
        if (this.isfashow == 1) {
          this.SETTLE_ID_CARD_FRONT = this.showdetails.id_front;
          this.SETTLE_ID_CARD_BEHIND = this.showdetails.id_back;
        } else {
          this.SETTLE_ID_CARD_FRONT = ""
          this.SETTLE_ID_CARD_BEHIND = ""
        }
      },
      accountTypeTap() {
        this.$refs.accountType.show()
      },
      accountTypeSure(e) {
        console.log(e)
        this.accountType = e.value
        if (e.value == 59) {
          console.log(e)
          this.accountType = 58
          this.isfashow = 0
        }
        if (e.value == 58) {
          this.isfashow = 1
        }

      },
      deFilt(type) {
        this[type] = ""
      },
      splitEntrustFilePathTap(item) {
        let data = JSON.parse(item.responseText)
        console.log(data);
        if (data.code == 1) {

          let img = data.data[0].path
          this.splitEntrustFilePath = data.data[0].path
          let arr = data.data[0]
          this.filezhan = data.data[0].path
          console.log(this.splitEntrustFilePath);
          //后缀获取
          let suffix = '';
          // 获取类型结果
          let result = '';
          const flieArr = img.split('.');
          suffix = flieArr[flieArr.length - 1];
          if (suffix != "") {
            suffix = suffix.toLocaleLowerCase();
            // 图片格式
            const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
            // 进行图片匹配
            result = imglist.find(item => item === suffix);
            console.log(result)
            if (result) {
              this.imgshowtrue = true
            } else {
              this.imgshowtrue = false
            }

          }

        } else {
          this.$message.info(data.msg)
        }
        // 更新当前窗口状态变化的文件
        this.files.set(item.name, item);

        // ---可删除--演示上传完成后取服务端数据
        if (item['responseText']) {
          console.log('演示服务器返回的字符串JSON转Object对象');
          this.files.get(item.name).responseText = JSON.parse(item.responseText);
        }

        // 微信小程序Map对象for循环不显示，所以转成普通数组，
        // 如果你用不惯Map对象，也可以像这样转普通数组，组件使用Map主要是避免反复文件去重操作
        // #ifdef MP-WEIXIN
        this.wxFiles = [...this.files.values()];
        // #endif

        // 强制更新视图
        this.$forceUpdate();

        // ---可删除--演示判断是否所有文件均已上传成功
        let isAll = [...this.files.values()].find(item => item.type !== 'success');
        if (!isAll) {
          console.log('已全部上传完毕');
        } else {
          console.log(isAll.name + '待上传');
        }
      },
      // 某文件上传结束回调(成功失败都回调)
      onuploadEnd(item) {

        let data = JSON.parse(item.responseText)
        console.log(data);
        if (data.code == 1) {

          let img = data.data[0].path
          this.entrustFilePath = data.data[0].path
          let arr = data.data[0]
          this.filezhan = data.data[0].path
          console.log(this.entrustFilePath);
          //后缀获取
          let suffix = '';
          // 获取类型结果
          let result = '';
          const flieArr = img.split('.');
          suffix = flieArr[flieArr.length - 1];
          if (suffix != "") {
            suffix = suffix.toLocaleLowerCase();
            // 图片格式
            const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
            // 进行图片匹配
            result = imglist.find(item => item === suffix);
            console.log(result)
            if (result) {
              this.imgshow = true
            } else {
              this.imgshow = false
            }

          }

        } else {
          this.$message.info(data.msg)
        }
        // 更新当前窗口状态变化的文件
        this.files.set(item.name, item);

        // ---可删除--演示上传完成后取服务端数据
        if (item['responseText']) {
          console.log('演示服务器返回的字符串JSON转Object对象');
          this.files.get(item.name).responseText = JSON.parse(item.responseText);
        }

        // 微信小程序Map对象for循环不显示，所以转成普通数组，
        // 如果你用不惯Map对象，也可以像这样转普通数组，组件使用Map主要是避免反复文件去重操作
        // #ifdef MP-WEIXIN
        this.wxFiles = [...this.files.values()];
        // #endif

        // 强制更新视图
        this.$forceUpdate();

        // ---可删除--演示判断是否所有文件均已上传成功
        let isAll = [...this.files.values()].find(item => item.type !== 'success');
        if (!isAll) {
          console.log('已全部上传完毕');
        } else {
          console.log(isAll.name + '待上传');
        }
      },
      // 手动上传
      upload() {
        // name=指定文件名，不指定则上传所有type等于waiting和fail的文件
        this.$refs['lsjUpload' + this.tabIndex].upload();
      },
      // 指定上传某个文件
      resetUpload(name) {
        this.$refs['lsjUpload' + this.tabIndex].upload(name);
      },
      // 移除某个文件
      clear(name) {
        // name=指定文件名，不传name默认移除所有文件
        this.$refs['lsjUpload' + this.tabIndex].clear(name);
      },
      entrustFilePathChang(e) {
        console.log("返回结果", e);
        this.entrustFilePath = e
      },
      splitEntrustFilePathChang(e) {
        console.log("返回结果", e);
        this.splitEntrustFilePath = e
      },
      zijinqingsuanfujianChang(e) {
        console.log("返回结果", e);
        this.zijinqingsuanfujian = e
      },
      shoppayfujianChang(e) {
        console.log("返回结果", e);
        this.shoppayfujian = e
      },
      //选择地址
      showMulLinkageThreePicker() {
        uni.chooseLocation({
          success: res => {
            console.log(res, '地图');
            this.latitude = res.latitude; // 区
            this.longitude = res.longitude; // 详细地址
            this.myAmapFun.getRegeo({
              location: res.longitude + ',' + res.latitude,
              success: data => {
                //成功回调
                console.log('sdk回调', data);
                let regeoData = data[0].regeocodeData.addressComponent;
                this.province = regeoData.province;
                this.city = Array.isArray(regeoData.city) && regeoData.city.length == 0 ? regeoData
                  .province : regeoData.city;
                this.district = regeoData.district;
                // 详细地址是否含有省市区
                let addr = this.province + this.city + this.district;
                // 直辖市
                if (this.province == this.city) addr = this.province + this.district;
                let addrInfo = res.address;
                if (addrInfo.startsWith(addr)) addrInfo = addrInfo.replace(addr, '');
                if (addrInfo != res.name) this.addressDesc = addrInfo + res.name;
                else this.addressDesc = addrInfo;
                this.provinceCode = regeoData.adcode.substr(0, 2) + '0000';
                this.cityCode = regeoData.adcode.substr(0, 4) + '00';
                this.districtCode = regeoData.adcode + '';
                console.log(this.province + this.city + this.district + this.addressDesc);
                this.address = this.province + '-' + this.city + '-' + this.district
                this.address_desc = this.addressDesc
                // this.address =location;
                this.lat = data[0].latitude
                this.lng = data[0].longitude

              },
              fail: info => {
                //失败回调
                console.log(info);
              }
            });
          }
        });
      },


      //结算账号省
      post667a686f57f19() {
        this.$api.post(global.apiUrls.post667a686f57f19, {
          code: 1
        }).then(res => {
          this.settleProvincelist = res.data.data
        })
      },
      //获取结算账号市
      post667a686f57f19city() {
        uni.showLoading({})
        this.$api.post(global.apiUrls.post667a686f57f19, {
          code: this.settleProvinceCodechoose
        }).then(res => {
          if (res.data.code == 1) {
            uni.hideLoading()
            this.settleCitylist = res.data.data
          }
        })
      },
      settleProvinceCodeTap() {
        this.$refs.settleProvinceCode.show()
      },
      settleProvinceSure(e, type) {
        if (type == 'settleProvinceCode') {
          this.settleProvinceName = e.result
          this.settleProvinceCodechoose = e.value
          this.post667a686f57f19city()
          this.$refs.settleCityCode.show()
        } else if (type == 'settleCityCode') {
          this.settleCityName = e.result
          this.settleCityCode = e.value
          this.settleProvinceCode = this.settleProvinceCodechoose
          this.settleProvinceNameshow = this.settleProvinceName + this.settleCityName
        }
      },
      openningBankNameTap() {
        if (!this.settleCityCode) return this.$message.info('请先选择结算信息省份代码')
        uni.navigateTo({
          url: "/pages/user/login/chose_adress/index?settleCityCode=" + this.settleCityCode
        })
      },
      mccnameTap() {
        uni.navigateTo({
          url: "/pages/user/login/chose_adress/indexmcc?mcc=" + this.mcc
        })
      },

      /**
       * @param 是否选择同意协议
       */
      handle_select() {
        this.checked = !this.checked;
      },



      provinceSure(e, type) {
        console.log(e)

        this.pid = e.value
        if (type == 'provinceCode') {
          this.provinceCodename = e.result
          this.provinceCodechoose = e.value

          this.post667a671073fcbcity()
        } else if (type == 'cityCode') {
          this.cityCodename = e.result
          this.cityCodechoose = e.value
          this.post667a671073fcbdistrict()
        } else if (type == 'countyCode') {
          this.countyCodename = e.result
          this.countyCode = e.value
          this.provinceCode = this.provinceCodechoose
          this.cityCode = this.cityCodechoose

          this.provinceCodenameshow = this.provinceCodename + this.cityCodename + this.countyCodename
        }
      },
      onCancelTap() {

      },
      provinceTap() {
        this.$refs.province.show()
      },
      //获取省
      post667a671073fcb() {
        this.$api.get(global.apiUrls.post667a671073fcb, {
          code: 1
        }).then(res => {
          this.shenglist = res.data.data
        })
      },
      //获取市
      post667a671073fcbcity() {

        uni.showLoading({})
        this.$api.post(global.apiUrls.post667a671073fcb, {
          code: this.provinceCodechoose
        }).then(res => {
          if (res.data.code == 1) {
            uni.hideLoading()
            this.citylist = res.data.data
            this.$refs.city.show()
          }
        })
      },
      //获取区
      post667a671073fcbdistrict() {
        uni.showLoading({})
        this.$api.post(global.apiUrls.post667a671073fcb, {
          code: this.cityCodechoose
        }).then(res => {
          if (res.data.code == 1) {
            uni.hideLoading()
            this.districtlist = res.data.data
            this.$refs.district.show()
          }
        })
      },
      post66a204e66ad74() {
        this.$api.post(global.apiUrls.post66a204e66ad74).then(res => {

          if (res.data.code == 1) {
            //-1 未认证，0=审核中 1=通过 2=驳回
            let status = res.data.data.status
            this.jinstatus = res.data.data.status
            if (status == -1) {
              this.fashow = 1
              this.authInfoCheck()
            } else {
              this.fashow = 2
              this.merRegName = res.data.data.data.merRegName
              this.merName = res.data.data.data.merName
              this.provinceCode = res.data.data.data.provinceCode
              this.cityCode = res.data.data.data.cityCode
              this.countyCode = res.data.data.data.countyCode
              this.merAddr = res.data.data.data.merAddr
              this.businessContent = res.data.data.data.businessContent
              this.accountType = res.data.data.data.accountType
              this.isfashow = res.data.data.data.accountType == 58 && res.data.data.data.accountIdCard ? 0 : 1
              this.openningBankCode = res.data.data.data.openningBankCode
              this.email = res.data.data.data.email
              this.mcc = res.data.data.data.mcc
              this.mccname = res.data.data.data.mcc_name


              this.licenseName = res.data.data.data.licenseName
              this.licenseNo = res.data.data.data.licenseNo
              this.licenseDtStart = res.data.data.data.licenseDtStart
              this.licenseDtEnd = res.data.data.data.licenseDtEnd

              this.provinceCodenameshow = res.data.data.data.provinceCodenameshow
              this.settleProvinceCode = res.data.data.data.settleProvinceCode

              // this.provinceCodenameshow = res.data.data.data.settleProvinceName + res.data.data.data.settleCityName + res.data.data.data.settleCityName



              this.settleProvinceNameshow = res.data.data.data.settleProvinceName
              this.settleCityCode = res.data.data.data.settleCityCode
              this.openningBankName = res.data.data.data.openningBankName
              this.clearingBankCode = res.data.data.data.clearingBankCode

              this.settleProvinceName = res.data.data.data.settleProvinceName
              this.settleCityName = res.data.data.data.settleCityName
              this.accountName = res.data.data.data.accountName
              this.accountNo = res.data.data.data.accountNo
              this.larName = res.data.data.data.larName
              this.larIdCard = res.data.data.data.larIdCard
              this.larIdCardStart = res.data.data.data.larIdCardStart
              this.larIdCardEnd = res.data.data.data.larIdCardEnd
              this.contactMobile = res.data.data.data.contactMobile
              this.contactName = res.data.data.data.contactName

              this.splitEntrustFilePath = res.data.data.data.splitEntrustFilePath
              this.entrustFilePath = res.data.data.data.entrustFilePath
              this.accountIdType = res.data.data.data.accountIdType
              this.accountIdCard = res.data.data.data.accountIdCard
              this.accountIdDtStart = res.data.data.data.accountIdDtStart
              this.accountIdDtEnd = res.data.data.data.accountIdDtEnd
              // this.AGREE_MENT = res.data.data.data.AGREE_MENT


              let attchments = res.data.data.data.attchments

              attchments.forEach(item => {
                console.log(item.type)
                this[item.type] = item.id
              })

console.log(this.ID_CARD_FRONT)

            }
          }
        })
      },


      //获取商家信息
      authInfoCheck() {
        this.$api.post(global.apiUrls.authInfoCheck).then(res => {
          if (res.data.code == 1) {
            this.showdetails = res.data.data
            this.SHOP_OUTSIDE_IMG = res.data.data.door_header_image;
            this.ID_CARD_BEHIND = res.data.data.id_front;
            this.ID_CARD_FRONT = res.data.data.id_back;

            this.BUSINESS_LICENCE = res.data.data.business_image;

            // this.SETTLE_ID_CARD_FRONT = res.data.data.id_front;
            // this.SETTLE_ID_CARD_BEHIND = res.data.data.id_back;
            this.businessContent = res.data.data.business_scope;
            this.merName = res.data.data.name;

            this.larName = res.data.data.real_name;
            this.larIdCard = res.data.data.id_no;
            this.contactMobile = res.data.data.mobile;
            this.contactName = res.data.data.real_name;

            this.licenseName = res.data.data.licenseName;
            this.licenseNo = res.data.data.licenseNo;
            this.licenseDtStart = res.data.data.licenseDtStart
            this.licenseDtEnd = res.data.data.licenseDtEnd
this.CHECKSTAND_IMG = res.data.data.CHECKSTAND_IMG
this.SHOP_INSIDE_IMG = res.data.data.SHOP_INSIDE_IMG
            this.larIdCardStart = res.data.data.larIdCardStart;
            this.larIdCardEnd = res.data.data.larIdCardEnd;

          }

        })
      },

      // 删除logo
      handleDeleteFacadeImage() {
        this.postData.facade_image = ''
      },
      // 选择上传图片
      shopLogo(type) {
        console.log(type)
        let self = this
        uni.chooseImage({
          count: 1, //默认9
          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
          success: function(item) {
            const tempFilePaths = item.tempFilePaths;
            console.log(tempFilePaths)
            let tempFiles = item.tempFiles[0].size
            if (tempFiles <= 2097152) {
              new UploadImage(tempFilePaths, {
                complete: function(res) {
                  console.log(res)
                  self[type] = res[0].path
                  // if(imgtype==2){
                  // 	self.post669b65f5ba7f8(type,res[0].path)
                  // }

                  // if (type == 'ID_CARD_BEHIND' || type == 'ID_CARD_FRONT' || type == 'BUSINESS_LICENCE' || type == 'BANK_CARD' ) {
                  //   self.post669b65f5ba7f8(type, res[0].path)
                  // }
                  if (type == 'ID_CARD_BEHIND' || type == 'ID_CARD_FRONT' || type == 'BUSINESS_LICENCE' || type=="SETTLE_ID_CARD_FRONT" || type=="SETTLE_ID_CARD_BEHIND" || type=="BANK_CARD") {
                    self.post669b65f5ba7f8(type, res[0].path)
                  }
                }
              })
            } else {
              self.$message.info("图片大小限制2MB")
            }


          }
        });
      },
      post669b65f5ba7f8(imgtype, img) {
        let type = ""

        if(imgtype=='ID_CARD_BEHIND'){
          type=11
        }else if(imgtype=='ID_CARD_FRONT'){
          type=1
        }else if(imgtype=='BUSINESS_LICENCE'){
          type=7
        }else if(imgtype=='SETTLE_ID_CARD_FRONT'){
          type=11
        }else if(imgtype=='SETTLE_ID_CARD_BEHIND'){
          type=1
        }else if(imgtype=='BANK_CARD'){
          type=2
        }
        // let type = imgtype == 'ID_CARD_BEHIND' ? 11 : imgtype == 'ID_CARD_FRONT' ? 1 : imgtype == 'BANK_CARD' ? 2 :  7
        this.$api.post(global.apiUrls.post669b65f5ba7f8, {
          img: img,
          type: type
        }).then(res => {
          if (res.data.code == 1) {
            if (type == 1) {
              if(imgtype=='ID_CARD_FRONT'){
                this.larIdCard = res.data.data.idNumber
                this.larName = res.data.data.name
                this.contactName = res.data.data.name
              }else{
                this.accountIdCard = res.data.data.idNumber
              }
              // //人像面
              // this.larIdCard = res.data.data.idNumber
              // this.larName = res.data.data.name
            } else if (type == 11) {
              if(imgtype=='ID_CARD_BEHIND'){
                //国徽面
                let validity_period = res.data.data.validity_period
                // let larIdCardStart = validity_period.split('-')[0]
                // let larIdCardEnd = validity_period.split('-')[1]
                let larIdCardStart = res.data.data.start
                let larIdCardEnd = res.data.data.end
                // this.validity_period = res.data.data.validity_period
                this.larIdCardStart = larIdCardStart
                this.larIdCardEnd = larIdCardEnd
              }else{
                let larIdCardStart = res.data.data.start
                let larIdCardEnd = res.data.data.end
                this.accountIdDtStart = larIdCardStart
                this.accountIdDtEnd = larIdCardEnd
              }

              // //国徽面
              // let validity_period = res.data.data.validity_period
              // // let larIdCardStart = validity_period.split('-')[0]
              // // let larIdCardEnd = validity_period.split('-')[1]
              // let larIdCardStart = res.data.data.start
              // let larIdCardEnd = res.data.data.end
              // // this.validity_period = res.data.data.validity_period
              // this.larIdCardStart = larIdCardStart
              // this.larIdCardEnd = larIdCardEnd
            } else if(type == 7) {
              this.licenseDtStart = res.data.data.found_time
              this.licenseDtEnd = res.data.data.end_time
              this.licenseNo = res.data.data.social_credit_code
              this.businessContent = res.data.data.business_scope
            }else if(type == 2) {
              this.accountNo = res.data.data.bank_card_number
            }
          }

        })
      },
      cancel() {
        console.log('canceled')
      },
      getInfo() {
        this.$api.post(global.apiUrls.postGetUserInfo).then(res => {
          console.log(res);
          res = res.data;
          if (res.code == 1) {
            this.temp_id = res.data.id
            this.post66c2ae824522a()
          }
        });
      },
      post66c2ae824522a() {
        this.$api.post(global.apiUrls.post66c2ae824522a, {
          group_id: 2,
          temp_id: this.temp_id
        }).then(res => {
          if (res.data.code == 1) {
            this.statusshow = res.data.data.status
          }
        })
      },
      //电子签名
      onTapSaveBtnTap() {
        this.$api.post(global.apiUrls.post66c2ae824522a, {
          group_id: 2,
          temp_id: this.temp_id
        }).then(res => {
          if (res.data.code == 1) {
            let status = res.data.data.status
            if (status == -1) {
              let url = res.data.data.url
              // window.location.href = url
              plus.runtime.openURL(url);
            }
          }
        })
      },



      // 保存用户信息
      onTapSaveBtn() {
        if (this.submitLoading) return false;
        let {
          merRegName,
          merName,
          merAddr,
          provinceCode,
          cityCode,
          countyCode,
          lng,
          lat,
          source,
          businessContent,
          larName,
          larIdType,
          larIdCard,
          larIdCardStart,
          larIdCardEnd,
          contactMobile,
          contactName,
          openningBankCode,
          openningBankName,
          clearingBankCode,
          settleProvinceCode,
          settleProvinceName,
          settleCityCode,
          settleCityName,
          accountNo,
          accountNam,
          accountType,
          CHECKSTAND_IMG,
          SHOP_OUTSIDE_IMG,
          SHOP_INSIDE_IMG,
          BANK_CARD,
          OPENING_PERMIT,
          ID_CARD_FRONT,
          ID_CARD_BEHIND,
          BUSINESS_LICENCE,
          SETTLE_ID_CARD_FRONT,
          SETTLE_ID_CARD_BEHIND,
          accountName,
          checked,
          type,
          userNo,
          email,
          mcc,
          licenseName,
          licenseNo,
          provinceCodenameshow,
          licenseDtStart,
          licenseDtEnd,
          splitEntrustFilePath,
          zijinqingsuanfujian,
          entrustFilePath,
          mccname,
          shoppayfujian,
          accountIdType,
          accountIdCard,
          accountIdDtStart,
          accountIdDtEnd
        } = this
        let attchments = [{
            id: CHECKSTAND_IMG,
            type: 'CHECKSTAND_IMG',
            name: "CHECKSTAND_IMG"
          },

          {
            id: SHOP_OUTSIDE_IMG,
            type: 'SHOP_OUTSIDE_IMG',
            name: "SHOP_OUTSIDE_IMG"
          },

          {
            id: SHOP_INSIDE_IMG,
            type: 'SHOP_INSIDE_IMG',
            name: "SHOP_INSIDE_IMG"
          },
          {
            id: BANK_CARD,
            type: 'BANK_CARD',
            name: "BANK_CARD"
          },
          {
            id: OPENING_PERMIT,
            type: 'OPENING_PERMIT',
            name: "OPENING_PERMIT"
          },
          {
            id: ID_CARD_FRONT,
            type: 'ID_CARD_FRONT',
            name: "ID_CARD_FRONT"
          },

          {
            id: ID_CARD_BEHIND,
            type: 'ID_CARD_BEHIND',
            name: "ID_CARD_BEHIND"
          },

          {
            id: BUSINESS_LICENCE,
            type: 'BUSINESS_LICENCE',
            name: "BUSINESS_LICENCE"
          },

          {
            id: SETTLE_ID_CARD_FRONT,
            type: 'SETTLE_ID_CARD_FRONT',
            name: "SETTLE_ID_CARD_FRONT"
          },

          {
            id: SETTLE_ID_CARD_BEHIND,
            type: 'SETTLE_ID_CARD_BEHIND',
            name: "SETTLE_ID_CARD_BEHIND"
          },

          {
            id: shoppayfujian,
            type: 'AGREE_MENT',
            name: "shoppayfujian"
          },

          {
            id: zijinqingsuanfujian,
            type: 'AGREE_MENT',
            name: "zijinqingsuanfujian"
          },


        ]



        console.log(attchments)
        let data = {
          // userNo:userNo,
          email: email,
          mcc: mcc,
          mcc_name: mccname,
          merRegName: merRegName,
          merName: merName,
          merAddr: merAddr,
          provinceCode: provinceCode,
          cityCode: cityCode,
          countyCode: countyCode,
          provinceCodenameshow: provinceCodenameshow,
          longtude: lng,
          latitude: lat,
          source: source,
          businessContent: businessContent,
          larName: larName,
          larIdType: larIdType,
          larIdCard: larIdCard,
          larIdCardStart: larIdCardStart,
          larIdCardEnd: larIdCardEnd,
          contactMobile: contactMobile,
          contactName: contactName,
          openningBankCode: openningBankCode,
          openningBankName: openningBankName,
          clearingBankCode: clearingBankCode,
          settleProvinceCode: settleProvinceCode,
          settleProvinceName: settleProvinceName,
          settleCityCode: settleCityCode,
          settleCityName: settleCityName,
          accountNo: accountNo,
          accountType: accountType,
          accountName: accountName,
          type: type,
          attchments: attchments,
          splitEntrustFilePath: splitEntrustFilePath,
          entrustFilePath: entrustFilePath,
          shoppayfujian: shoppayfujian

        }
        console.log(data)
        if (type == 2) {
          if (!BUSINESS_LICENCE) return this.$message.info(this.i18n['请上传营业执照']);
          // if (!userNo) return this.$message.info('请输入合作方编号');
          if (!licenseName) return this.$message.info('请输入营业执照名称');
          if (!licenseNo) return this.$message.info('请输入营业执照号码');
          if (!licenseDtStart) return this.$message.info('请输入营业执照开始时间');
          if (!licenseDtEnd) return this.$message.info('请输入营业执照过期时间');
        }
        if (!businessContent) return this.$message.info('请输入商户经营内容');
        if (!mcc) return this.$message.info('请选择商户类别');
        if (!merRegName) return this.$message.info('请输入商户注册名称');
        if (!merName) return this.$message.info('请输入商户名称');
        if (!provinceCode) return this.$message.info('请选择商户地址');
        if (!merAddr) return this.$message.info('请输入商户详细地址');
        if (!lat) return this.$message.info('请选择进件所在地址');

        if (!ID_CARD_BEHIND) return this.$message.info('请上传法人身份证人像面');
        if (!ID_CARD_FRONT) return this.$message.info('请上传法人身份证国徽面');
        if (!larName) return this.$message.info('请输入法人姓名');
        if (!larIdCard) return this.$message.info('请输入法人证件号码');
        if (!larIdCardStart) return this.$message.info('请选择法人证件开始日期');
        if (!larIdCardEnd) return this.$message.info('请选择法人证件过期日期');


        if (!contactName) return this.$message.info('请输入商户联系人姓名');
        if (!contactMobile) return this.$message.info('请输入商户联系人手机号码');
        if (!email) return this.$message.info('请输入商户邮箱');

        console.log(data)

        if (!SHOP_OUTSIDE_IMG) return this.$message.info('请上传门头照片');
        if (!CHECKSTAND_IMG) return this.$message.info('请上传收银台照片');
        if (!SHOP_INSIDE_IMG) return this.$message.info('请上传商铺内部照片');

        if (type == 1 || (type == 2 && accountType != 57)) {
          if (!BANK_CARD) return this.$message.info('请上传银行卡照片');
        }
        if (type == 2 && accountType == 57) {
          if (!OPENING_PERMIT) return this.$message.info('请上传开户许可证照片');
        }
        if (!openningBankName) return this.$message.info('请输入结算账户开户行名称');
        // if (!openningBankCode) return this.$message.info('请输入结算账户开户行号');

        // if (!clearingBankCode) return this.$message.info('请输入结算账户清算行号');
        if (!accountNo) return this.$message.info('请输入结算人银行卡号');
        if (!settleProvinceCode) return this.$message.info('请选择结算信息省份');

        if (!accountName) return this.$message.info('请输入结算人银行卡分行');




        // if (!OPENING_PERMIT) return this.$message.info('请上传开户许可证照片');
        let params = {
          // userNo:userNo,
          email: email,
          mcc: mcc,
          mcc_name: mccname,
          licenseName: licenseName,
          licenseNo: licenseNo,
          licenseDtStart: licenseDtStart,
          licenseDtEnd: licenseDtEnd,
          merRegName: merRegName,
          merName: merName,
          merAddr: merAddr,
          provinceCode: provinceCode,
          cityCode: cityCode,
          countyCode: countyCode,
          provinceCodenameshow: provinceCodenameshow,
          longtude: lng,
          latitude: lat,
          source: source,
          businessContent: businessContent,
          larName: larName,
          larIdType: larIdType,
          larIdCard: larIdCard,
          larIdCardStart: larIdCardStart,
          larIdCardEnd: larIdCardEnd,
          contactMobile: contactMobile,
          contactName: contactName,
          openningBankCode: openningBankCode,
          openningBankName: openningBankName,
          clearingBankCode: clearingBankCode,
          settleProvinceCode: settleProvinceCode,
          settleProvinceName: settleProvinceName,
          settleCityCode: settleCityCode,
          settleCityName: settleCityName,
          accountNo: accountNo,
          accountType: accountType,
          accountName: accountName,
          attchments: JSON.stringify(attchments),
          type: type,
          splitEntrustFilePath: splitEntrustFilePath,
          entrustFilePath: entrustFilePath,
          // shoppayfujian:shoppayfujian
        }

        if (type == 2 && accountType == 58 && this.isfashow != 1) {
          if (!SETTLE_ID_CARD_FRONT) return this.$message.info("请上传非法结算人身份证人像面");
          if (!SETTLE_ID_CARD_BEHIND) return this.$message.info('请上传非法结算人身份证国徽面');
          if (!accountIdCard) return this.$message.info('请上传非法结算人证件号码');
          if (!accountIdDtStart) return this.$message.info('请上传非法结算人证件开始时间');
          if (!accountIdDtEnd) return this.$message.info('请上传非法结算人证件结束时间');

          if (!zijinqingsuanfujian) return this.$message.info("请上传资金清算授权委托书及非法人无合照情况说明附件");
          params.accountIdType = 1
          params.accountIdCard = accountIdCard
          params.accountIdDtStart = accountIdDtStart
          params.accountIdDtEnd = accountIdDtEnd
        }


        // if (!splitEntrustFilePath) return this.$message.info("请上传分账结算委托书文件");


        if (accountType == 57 && !shoppayfujian) return this.$message.info('请上传特约商户支付服务合作协议');
        if (!entrustFilePath) return this.$message.info('请上传合作协议附件');
        if (!checked) return this.$message.info(this.i18n['请同意商家认证协议']);
        this.submitLoading = true
        this.$api.post(global.apiUrls.post6698f9e15826a, params).then(res => {
          console.log(res)
          this.submitLoading = false
          this.$message.info(res.data.msg)
          if (res.data.code == 1) {
            setTimeout(() => {
              uni.redirectTo({
                url: '/pages/user/login/examine/jinindex'
              })
            }, 1000)
          }
        }).catch(err => {
          this.$message.info('保存失败')
          this.submitLoading = false
        })

      },
    }
  }
</script>

<style lang="scss">
  @import './index.scss';

  page {
    padding-bottom: 300rpx;
  }

  .applyForQualifiedSupplier_fd1_4_c1_c0_image {
    width: 314rpx;
    height: 204rpx;
  }

  .imageType {
    width: 32rpx;
    height: 32rpx;
    min-width: 32rpx;
    min-height: 32rpx;
    margin-left: 24rpx;
  }
  .public-input-wapper {
    display: flex;
    align-items: center;
    padding: 0 32upx;
    transition: all ease .3s;

    &.active:active {
      background-color: #f7f7f7;
    }

    .input-container {
      flex: 1;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;

      &.border {
        &:after {
          @include bottom-line(#eee)
        }
      }

      .lside {
        color: #333333;
        font-size: 32upx;
      }

      .rside {
        flex: 1;
        height: 100upx;
        line-height: 100upx;
        padding: 0 0 0 16upx;
        font-size: 28upx;

        input {
          width: 100%;
          height: 100upx;
          font-size: 32upx;
          color: #999 !important;
        }

        .uni-input-input {
          color: #999;
        }

        .placeholder {
          color: #BFBFBF;
          font-size: 32upx;
        }

        .text-right {
          text-align: right;
        }
      }

      .rside-text {
        overflow: hidden;
        flex: 1;
        padding: 30upx 16upx;
        line-height: 40upx;
        text-align: right;
        color: #333;
        font-size: 32upx;

        .avatar {
          width: 94upx;
          height: 94upx;
          border-radius: 50%;
        }

        &.gray {
          color: #BFBFBF;
        }

        &.pr0 {
          padding-right: 0;
        }
      }

      .arrow {
        width: 12upx;
        height: 21upx;
      }
    }

    .iconfont {
      font-size: 24upx;
      color: #999999;
      line-height: 1;
    }
  }
  .public-text-area-wapper {
    padding: 8upx 32upx;
    position: relative;

    .text-area-title {
      line-height: 80upx;
      font-size: 32upx;
      color: #333;
      display: flex;
      align-items: center;

      view:first-child {
        flex: 1;
      }

      &.weight {
        font-size: 32upx;
        font-weight: bold;
        position: relative;
        &:before {
          @include top-line(#eee)
        }
      }

      .rside {
        display: flex;
        align-items: center;
        font-size: 24upx;
        color: #BFBFBF;
        font-weight: normal;

        .arrow {
          width: 12upx;
          height: 21upx;
          margin-left: 12upx;
        }
      }

      &.noborder:before {
        display: none;
      }
    }

    .textarea {
      width: 100%;
      height: 240upx;
      background-color: #fafafa;
      padding: 24upx 32upx;
      font-size: 28upx;
      color: #333;
      line-height: 40upx;
      border-radius: 20upx;
    }

    .placeholder {
      color: #BFBFBF;
    }
  }

  .public-input-placeholder-box {
    height: 10upx;
    background-color: #F7F7F7;
  }

</style>
