{extend name="app/shop/view/base.html"/}
{block name="resources"}
{/block}
{block name="main"}
<div class="layui-form ns-form"  lay-filter="areaform">
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">主体信息</span>
        </div>
        <div class="layui-form-item">
            <input type="hidden" name="subject_info[subject_type]" value="SUBJECT_TYPE_ENTERPRISE">
            <input type="hidden" name="business_code" value="{$info.business_code??''}">
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="required">*</span>商户名称：</label>
                <div class="layui-input-block">
                    <input name="subject_info[business_license_info][merchant_name]" lay-verify="required" type="text" value="{$info.subject_info['business_license_info']['merchant_name'] ?? ''}" class="layui-input ns-len-long">
                </div>
                <div class="ns-word-aux">请填写营业执照上的商户名称,个体户，不能以“公司”结尾,若营业执照上商户名称为“空“或“无”时，填写"个体户+经营者姓名"</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable"><span class="required">*</span>营业执照：</label>
                <div class="layui-input-block img-upload">
                    <div class="upload-img-block square">
                        <div class="upload-img-box">
                            <div class="ns-upload-default">
                                {notempty name="$info.subject_info['business_license_info']['license_copy']"}
                                <div id="preview_license_copy" class="preview_img">
                                    <img layer-src src="{$info.imgpath['license_copy'] ?? 'SHOP_IMG/upload_img.png'}" id="license_copy_img" class="img_prev"/>
                                </div>
                                {else /}
                                <div class="preview_img">
                                    <img src="SHOP_IMG/upload_img.png" id="license_copy_img" class="img_prev" />
                                    <p>点击上传</p>
                                </div>
                                {/notempty}
                            </div>
                        </div>
                        <input type="hidden" id="license_copy_path" name="imgpath[license_copy]" value="{$info.imgpath['license_copy']??''}"/>
                        <input type="hidden" id="license_copy_value" name="subject_info[business_license_info][license_copy]" lay-verify="required" value="{$info.subject_info['business_license_info']['license_copy'] ?? ''}"/>
                    </div>
                    <button type="button" class="layui-btn layui-btn-danger" id="license_copy">上传图片</button>
                </div>
                <div class="ns-word-aux">上传营业执照,图像容量不超过2m,复印件（需加盖公章鲜章），可添加“微信支付”水印</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="required">*</span>注册号/统一社会信用代码：</label>
                <div class="layui-input-block">
                    <input name="subject_info[business_license_info][license_number]" lay-verify="required" type="text" value="{$info.subject_info['business_license_info']['license_number'] ?? ''}" class="layui-input ns-len-long">
                </div>
                <div class="ns-word-aux">营业执照上的营业执照注册号，注册号格式须为15位数字或18位数字|大写字母</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="required">*</span>法人姓名：</label>
                <div class="layui-input-block">
                    <input name="subject_info[business_license_info][legal_person]" lay-verify="required" type="text" value="{$info.subject_info['business_license_info']['legal_person'] ?? ''}" class="layui-input ns-len-long">
                </div>
                <div class="ns-word-aux">填写营业执照的经营者/法定代表人姓名</div>
            </div>
        </div>
    </div>
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">超级管理员</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>管理员姓名：</label>
            <div class="layui-input-block">
                <input name="contact_info[contact_name]" lay-verify="required" type="text" value="{$info.contact_info['contact_name'] ?? ''}" class="layui-input ns-len-long">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">管理员姓名</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>身份证号码：</label>
            <div class="layui-input-block">
                <input name="contact_info[contact_id_number]" lay-verify="identity" class="layui-input ns-len-long" value="{$info.contact_info['contact_id_number'] ?? ''}">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">管理员身份证号码</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>联系手机号：</label>
            <div class="layui-input-block">
                <input name="contact_info[mobile_phone]" lay-verify="phone"  class="layui-input ns-len-long" value="{$info.contact_info['mobile_phone'] ?? ''}">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">联系手机号</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>联系邮箱：</label>
            <div class="layui-input-block">
                <input name="contact_info[contact_email]" lay-verify="email" class="layui-input ns-len-long" value="{$info.contact_info['contact_email'] ?? ''}">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">邮箱地址</span></div>
        </div>
    </div>
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">经营资料</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>商户简称：</label>
            <div class="layui-input-block">
                <input name="business_info[merchant_shortname]" lay-verify="required" type="text" value="{$info.business_info['merchant_shortname'] ?? ''}" class="layui-input ns-len-long">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">不支持单纯以人名来命名，若为个体户经营，可用“个体户+经营者名称”或“经营者名 称+业务”命名，如“个体户张三”或“张三餐饮店</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>客服电话：</label>
            <div class="layui-input-block">
                <input name="business_info[service_phone]" lay-verify="required" class="layui-input ns-len-long" value="{$info.business_info['service_phone'] ?? ''}">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">请填写真实有效的客服电话，将在交易记录中向买家展示，提供咨询服务</span></div>
        </div>
        <input type="hidden" name="business_info[sales_info][sales_scenes_type]" value="SALES_SCENES_MINI_PROGRAM,SALES_SCENES_MP">
        <div class="layui-form-item">
            <label class="layui-form-label">小程序APPID：</label>
            <div class="layui-input-block">
                <div class="layui-upload">
                    <input type="text"  class="layui-input ns-len-long" name="business_info[sales_info][mini_program_info][mini_program_sub_appid]" value="{$info.business_info['sales_info']['mini_program_info']['mini_program_sub_appid']??''}">
                </div>
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">请填写添加已认证小程序APPID,如无可留空</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">应用截图：</label>
            <div class="layui-input-block">
                <div class="layui-upload">
                    <div class="layui-input-block" style="margin-left:0px;">
                        <div class="layui-upload-list" id="mini_program_pics_img">
                            {notempty name="$info['imgpath']['mini_program_pics']"}
                              {php}$imgs=json_decode($info['imgpath']['mini_program_pics'],true);{/php}
                              {foreach $imgs  as $img }
                               <img style="width: 125px;margin-left: 5px;" src="{$img}" class="layui-upload-img">
                              {/foreach}
                            {/notempty}
                        </div>
                    </div>
                    <button type="button" class="layui-btn layui-btn-danger" id="mini_program_pics">应用截图</button>
                    <button type="button" class="layui-btn layui-bg-blue" id="mini_program_pics_empty">清空</button>
                    <input type="hidden" id="mini_program_pics_path" name="imgpath[mini_program_pics]" value="{$info.imgpath['mini_program_pics']??''}"/>
                    <input type="hidden"  name="business_info[sales_info][mp_info][mp_appid]" value="{$isp_appid??''}">
                    <input type="hidden" id="mini_program_pics_value"  name="business_info[sales_info][mini_program_info][mini_program_pics]" value='{:json_encode($info.business_info['sales_info']['mini_program_info']['mini_program_pics']??'',JSON_UNESCAPED_UNICODE)}'>
                </div>
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">系统将默认开启公众号与小程序支付场景,其他场景请官方自行开通</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>所属行业：</label>
            <div class="layui-input-block">
                <select name="settlement_info[settlement_id]" lay-verify="required"  lay-filter="settlement_id">
                    <option value="">请选择</option>
                    {foreach $rate as $key=>$vo }
                    <option value="{$key}"  {notempty name="$info.settlement_info['settlement_id']"} {if $info.settlement_info['settlement_id']==$key} selected{/if} {/notempty} >{$vo.title}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>行业类型：</label>
            <div class="layui-input-block">
                <select name="settlement_info[qualification_type]" lay-verify="required" lay-filter="qualification_type" id="qualification_type">
                    <option value="">请选择行业类型</option>
                    {notempty name="$info.settlement_info['qualification_type']"}
                     <option value="{$info.settlement_info['qualification_type']}" selected >{$info.settlement_info['qualification_type']}</option>
                    {/notempty}
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">优惠费率：</label>
            <div class="layui-input-block">
                <select name="settlement_info[activities_rate]" id="activities_rate">
                    <option value="">无优惠</option>
                    {notempty name="$info.settlement_info['activities_rate']"}
                    <option value="{$info.settlement_info['activities_rate']}" selected >{$info.settlement_info['activities_rate']}</option>
                    {/notempty}
                </select>
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">结算手续费优惠费率 有效期时间一年为一个计算周期</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">特殊资质图片：</label>
            <div class="layui-input-block">
                <div class="img-upload">
                    <div class="layui-input-block" style="margin-left:0px;">
                        <div class="layui-upload-list" id="qualifications_img">
                            {notempty name="$info['imgpath']['qualifications']"}
                            {php}$qualifications_path=json_decode($info['imgpath']['qualifications'],true);{/php}
                            {foreach $qualifications_path  as $img }
                              <img style="width: 125px;margin-left: 5px;" src="{$img}" class="layui-upload-img">
                            {/foreach}
                            {/notempty}
                        </div>
                        <input type="hidden" id="qualifications_path" name="imgpath[qualifications]" value="{$info.imgpath['qualifications']??''}"/>
                        <input type="hidden" id="qualifications_value" name="settlement_info[qualifications]" value="{:json_encode($info.settlement_info['qualifications']??'')}"/>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-danger" id="qualifications">上传图片</button>
                <button type="button" class="layui-btn layui-bg-blue" id="qualifications_empty">清空</button>
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red" id="qualifications_text"></span> </div>
            <div class="ns-word-aux">如需特殊资质请上传(最多5张图片)</div>
        </div>
    </div>
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">经营者/法人代表</span>
        </div>
        <div class="layui-form-item">
            <div class="layui-form-item">
                <label class="layui-form-label">证件类型：</label>
                <div class="layui-input-block">
                    <input type="radio" lay-filter="identity_info" name="subject_info[identity_info][id_doc_type]" value="IDENTIFICATION_TYPE_IDCARD" title="身份证" checked>
                    <input type="radio" lay-filter="identity_info" name="subject_info[identity_info][id_doc_type]" value="IDENTIFICATION_TYPE_OVERSEA_PASSPORT" title="护照" >
                    <input type="radio" lay-filter="identity_info" name="subject_info[identity_info][id_doc_type]" value="IDENTIFICATION_TYPE_HONGKONG_PASSPORT" title="中国香港居民-来往内地通行证" >
                    <input type="radio" lay-filter="identity_info" name="subject_info[identity_info][id_doc_type]" value="IDENTIFICATION_TYPE_TAIWAN_PASSPORT" title="中国台湾居民-来往大陆通行证" >
                </div>
            </div>
        </div>
        <div id="identity"></div>
    </div>
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">结算银行账户</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>开户名称：</label>
            <div class="layui-input-block">
                <input name="bank_account_info[account_name]" lay-verify="required"  type="text" value="{$info.bank_account_info['account_name'] ?? ''}" class="layui-input ns-len-long">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">户开户名称必须与营业执照/登记证书的“商户名称”一致/个体法人姓名/企业对公账户</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>开户银行：</label>
            <div class="layui-input-block">
                <select name="bank_account_info[account_bank]" lay-verify="required">
                    <option value="">请选择</option>
                    {foreach $back as $item}
                    <option value="{$item}" {notempty name="$info.bank_account_info['account_bank']"} {if $info.bank_account_info['account_bank']==$item} selected{/if} {/notempty} >{$item}</option>
                    {/foreach}
                </select>
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">开户银行</span></div>
        </div>
        <!--所属地区-->
        <div class="layui-form-item" >
            <label class="layui-form-label"><span class="required">*</span>所属地区：</label>
            <div class="layui-input-inline ns-len-mid area-select">
                <select name="province_id" lay-filter="province_id" lay-verify="province_id">
                    <option value="">请选择省份</option>
                    {foreach $province_list as $k => $v}
                    <option value="{$v.id}"  >{$v.name}</option>
                    {/foreach}
                </select>
            </div>
            <div class="layui-input-inline ns-len-mid area-select">
                <select name="city_id"  lay-filter="city_id" lay-verify="city_id">
                    <option value="">请选择城市</option>
                </select>
            </div>
            <div class="layui-input-inline ns-len-mid area-select">
                <select name="district_id"  lay-filter="district_id" lay-verify="district_id">
                    <option value="">请选择区/县</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">开户银行全称：</label>
            <div class="layui-input-block">
                <input name="bank_account_info[bank_name]" type="text" value="{$info.bank_account_info['bank_name'] ?? ''}" class="layui-input ns-len-long">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red"><a href="https://pay.weixin.qq.com/wiki/doc/apiv3_partner/terms_definition/chapter1_1_3.shtml#part-4" target="_blank">17家直连银行</a>无需填写，如为其他银行需填写银行全称，如"深圳农村商业银行XXX支行"</span></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>银行账号：</label>
            <div class="layui-input-block">
                <input name="bank_account_info[account_number]" lay-verify="required" type="text" value="{$info.bank_account_info['account_number'] ?? ''}" class="layui-input ns-len-long">
            </div>
            <div class="ns-word-aux"><span class="ns-text-color-red">输入银行账户</span></div>
        </div>
    </div>
    <div class="ns-form-row">
        <button class="layui-btn ns-bg-color" lay-submit lay-filter="save">提交申请</button>
        <button class="layui-btn layui-bg-blue" lay-submit lay-filter="saveDrafts">保存草稿箱</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<!--经营者身份证-->
<script type="text/html" id="id_card_info">
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>法人姓名：</label>
        <div class="layui-input-block">
            <input name="subject_info[identity_info][id_card_info][id_card_name]" lay-verify="required" type="text" value="{$info.subject_info['identity_info']['id_card_info']['id_card_name'] ?? ''}" class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux">身份证书上的证书编号。</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>身份证号码：</label>
        <div class="layui-input-block">
            <input name="subject_info[identity_info][id_card_info][id_card_number]" lay-verify="required" type="text" value="{$info.subject_info['identity_info']['id_card_info']['id_card_number'] ?? ''}" class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux">身份证书上的证书编号。</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable"><span class="required">*</span>身份证正面：</label>
        <div class="layui-input-block img-upload">
            <div class="upload-img-block square">
                <div class="upload-img-box" id="id_card_copy" >
                    <div class="ns-upload-default">
                        {notempty name="$info.subject_info['identity_info']['id_card_info']['id_card_copy']"}
                           <img src="{$info.imgpath['id_card_copy']}" class="img_prev" id="id_card_copy_img"/>
                           <p>点击上传</p>
                        {else /}
                         <img src="SHOP_IMG/upload_img.png" class="img_prev" id="id_card_copy_img"/>
                         <p>点击上传</p>
                        {/notempty}
                    </div>
                </div>
            </div>
            <input type="hidden" id="id_card_copy_path" name="imgpath[id_card_copy]" value="{$info.imgpath['id_card_copy']??''}"/>
            <input type="hidden" id="id_card_copy_value" name="subject_info[identity_info][id_card_info][id_card_copy]" lay-verify="required" value="{$info.subject_info['identity_info']['id_card_info']['id_card_copy'] ?? ''}"/>
        </div>
    </div>
    <div class="layui-form-item" style="margin-top: 10px;">
        <label class="layui-form-label img-upload-lable"><span class="required">*</span>身份证国徽面：</label>
        <div class="layui-input-block img-upload">
            <div class="upload-img-block square" id="id_card_national">
                <div class="upload-img-box" >
                    <div class="ns-upload-default preview_img">
                        {notempty name="$info.subject_info['identity_info']['id_card_info']['id_card_national']"}
                        <img src="{$info.imgpath['id_card_national']}" class="img_prev" id="id_card_national_img"/>
                        <p>点击上传</p>
                        {else /}
                        <img src="SHOP_IMG/upload_img.png" class="img_prev" id="id_card_national_img"/>
                        <p>点击上传</p>
                        {/notempty}
                    </div>
                </div>
            </div>
            <input type="hidden" id="id_card_national_path" name="imgpath[id_card_national]" value="{$info.imgpath['id_card_national']??''}"/>
            <input type="hidden" id="id_card_national_value" name="subject_info[identity_info][id_card_info][id_card_national]" lay-verify="required" value="{$info.subject_info['identity_info']['id_card_info']['id_card_national'] ?? ''}"/>
        </div>
    </div>
<!--    <div class="layui-form-item">-->
<!--        <label class="layui-form-label"><span class="required">*</span>码证有效期：</label>-->
<!--        <div class="layui-input-block">-->
<!--            <input  name="subject_info[identity_info][id_card_info][card_period_begin]" id="card_period_begin" value="{$info.subject_info['identity_info']['id_card_info']['card_period_begin']?? ''}" type="text"  class="layui-input ns-len-long">-->
<!--            至-->
<!--            <input  name="subject_info[identity_info][id_card_info][card_period_end]" id="card_period_end" value="{$info.subject_info['identity_info']['id_card_info']['card_period_end'] ?? ''}" type="text"  class="layui-input ns-len-long">-->
<!--        </div>-->
<!--        <div class="ns-word-aux"><span class="ns-text-color-red">证件有效期需大于60天</span></div>-->
<!--    </div>-->
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>码证有效期：</label>
        <div class="layui-input-block">
            <input  name="subject_info[identity_info][id_card_info][card_period_begin]" id="card_period_begin" value="{$info.subject_info['identity_info']['id_card_info']['card_period_begin']?? ''}" type="text"  class="layui-input ns-len-long">
            至
            <div id="cardPeriodEnd">
                <input  name="subject_info[identity_info][id_card_info][card_period_end]" id="card_period_end" value="{$info.subject_info['identity_info']['id_card_info']['card_period_end'] ?? ''}" type="text"  class="layui-input ns-len-long">
            </div>
            <input type="checkbox"  lay-skin="primary" title="长期" lay-filter="cardPeriodEnd">
        </div>
        <div class="ns-word-aux"><span class="ns-text-color-red">证件有效期需大于60天</span></div>
    </div>
</script>
<!--经营者其他证件-->
<script type="text/html" id="id_doc_info">
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>证件姓名：</label>
        <div class="layui-input-block">
            <input name="subject_info[identity_info][id_doc_info][id_doc_name]" lay-verify="required" type="text" value="{$info.id_doc_name ?? ''}" class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux">请上传彩色照片or彩色扫描件or复印件（需加盖公章鲜章）</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable"><span class="required">*</span>证件照片：</label>
        <div class="layui-input-block img-upload">
            <div class="upload-img-block square">
                <div class="upload-img-box" id="id_doc_copy">
                    <div class="ns-upload-default">
                        {notempty name="$info.id_doc_copy"}
                         <img src="{$info.imgpath['id_doc_copy']}" class="img_prev" id="id_doc_copy_img"/>
                        <p>点击上传</p>
                        {else /}
                        <img src="SHOP_IMG/upload_img.png" class="img_prev"  id="id_doc_copy_img"/>
                        <p>点击上传</p>
                        {/notempty}
                    </div>
                </div>
            </div>
            <input type="hidden" id="id_doc_copy_path" name="imgpath[id_doc_copy]" value="{$info.imgpath['id_doc_copy']??''}"/>
            <input type="hidden" id="id_doc_copy_value" name="subject_info[identity_info][id_doc_info][id_doc_copy]" lay-verify="required" value="{$info.id_doc_copy??''}"/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>证书号：</label>
        <div class="layui-input-block">
            <input name="subject_info[identity_info][id_doc_info][id_doc_number]" lay-verify="required" type="text" value="{$info.id_doc_number ?? ''}" class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux">身份证书上的证书编号。</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>码证有效期：</label>
        <div class="layui-input-block">
            <input  name="subject_info[identity_info][id_doc_info][doc_period_begin]" id="doc_period_begin" value="{$info.doc_period_begin?? ''}" type="text"  class="layui-input ns-len-long">
            至
            <input  name="subject_info[identity_info][id_doc_info][doc_period_end]" id="doc_period_end" value="{$info.doc_period_end ?? ''}" type="text"  class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux"><span class="ns-text-color-red">证件有效期需大于60天</span></div>
    </div>
</script>
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
    layui.use(['form','laydate','laytpl','upload'], function() {
        var form = layui.form,
            laytpl=layui.laytpl,
            upload=layui.upload,
            laydate=layui.laydate;
            repeat_flag = false; //防重复标识
        var view,cardTpl,data=[];
        //初始化联系地址
        {notempty name="$info['area']"}
          var initdata = {province_id : '{$info.area.province_id}', city_id : '{$info.area.city_id}', district_id : '{$info.area.district_id}'};
          console.log(11111)
          initAddress(initdata, "areaform");
        {/notempty}

            //监听省份证长期
            form.on('checkbox(cardPeriodEnd)', function (data) {
                if (this.checked) {
                    $("#cardPeriodEnd").empty();
                    $("#cardPeriodEnd").append('<input name="subject_info[identity_info][id_card_info][card_period_end]" id="card_period_end"  type="text"  class="layui-input ns-len-long">');
                    $("#card_period_end").attr("disabled","disabled");
                    $("#card_period_end").attr("value",'长期')
                }else{
                    $("#card_period_end").removeAttr('disabled');
                    laydate.render({
                        elem: '#card_period_end'
                        ,format: 'yyyy-MM-dd'
                    });
                }
            });
        form.on('radio(identity_info)', function(data){
            let el1,el2;
            if(data.value=="IDENTIFICATION_TYPE_IDCARD"){
                cardTpl = id_card_info.innerHTML
                el1='id_card_copy'
                el2='id_card_national'
            }else {
                cardTpl = id_doc_info.innerHTML
                el1='id_doc_copy';
                el2=false;
            }
            view = document.getElementById('identity');
            laytpl(cardTpl).render(data, function(html){
                view.innerHTML = html;
            });
            form.render();
            licenseCopy(el1);
            onDateTime();
            if (el2 !== false) {
                licenseCopy(el2);
            }
        });
        cardTpl = id_card_info.innerHTML,view = document.getElementById('identity');
        laytpl(cardTpl).render(data, function (html) {
            view.innerHTML = html;
        });
        //监听行业
        form.on('select(settlement_id)', function (obj) {
            $("#qualifications_text").html('')
            qualificationType(obj.value);//重新渲染地址
        });
        /**
         * 监听提交
         */
        form.on('submit(save)', function(data) {
            if (repeat_flag) return false;
            repeat_flag = true;
            delete  data.field.file;
            data=data.field;
            data['isDrafts']=0;
            $.ajax({
                url:location.href,
                data: data,
                dataType: 'JSON',
                type: 'POST',
                success: function(res) {
                    repeat_flag = false;
                    if (res.hasOwnProperty('applyment_id')) {
                        layer.confirm('提交成功，等待审核', {
                            title:'操作提示',
                            btn: ['返回列表', '继续操作'],
                            yes: function(){
                                location.href = ns.url("shop/pay/index")
                            },
                            btn2: function() {
                                location.reload();
                            }
                        });
                    }else{
                        layer.msg(res.message);
                    }
                }
            });
        });
        //临时保存
        form.on('submit(saveDrafts)', function(data) {
            console.log(data)
            if (repeat_flag) return false;
            // repeat_flag = true;
            delete  data.field.file;
            data=data.field;
            data['isDrafts']=1;
            $.ajax({
                url:location.href,
                data: data,
                dataType: 'JSON',
                type: 'POST',
                success: function(res) {
                    repeat_flag = false;
                    if (res.hasOwnProperty('applyment_id')) {
                        layer.confirm('提交成功，等待审核', {
                            title:'操作提示',
                            btn: ['返回列表', '继续操作'],
                            yes: function(){
                                location.href = ns.url("shop/pay/index")
                            },
                            btn2: function() {
                                location.reload();
                            }
                        });
                    }else{
                        layer.msg(res.message);
                    }
                }
            });
        });
        //证件单图上传
        ['license_copy','id_card_copy','id_card_national'].forEach(item=>{
            licenseCopy(item);
        });
        //多图片上传
        ['qualifications','mini_program_pics'].forEach(item=>{
            onMultiple(item)
        });
        let typeId,TypeData=JSON.parse('{$rate_json|raw}');
        //清除特应用截图
        $("#mini_program_pics_empty").click(function (){
            $("#mini_program_pics_value").val('')
            $("#mini_program_pics_path").val('')
            $("#mini_program_pics_img").empty()
        })
        //清除特殊执照
        $("#qualifications_empty").click(function (){
            $("#qualifications_value").val('')
            $("#qualifications_path").val('')
            $("#qualifications_img").empty()
        })
        form.on('select(qualification_type)', function (obj) {
            console.log(obj.value)
            let text=TypeData[typeId].special;
            let txt=text[obj.value];
            if(txt.length==0){
                txt="选填：可上传相关证件(最多5张图片)"
                $("#qualifications_value").attr("lay-verify","")
                $("#qualifications_text").css("color","#ccc")
            }else {
                if(txt.indexOf("选填")>=0 || txt.indexOf("无需")>=0){
                    $("#qualifications_value").attr("lay-verify","")
                }else{
                    $("#qualifications_value").attr("lay-verify","required")
                }
                $("#qualifications_text").css("color","red")
                txt ="资质： "+ txt;
            }
            $("#qualifications_text").html(txt)
        });
        function licenseCopy($el) {
            upload.render({
                elem: '#'+$el,
                accept: 'images'
                ,url: "{:addon_url('wechatpay/shop/pay/upload')}"
                ,data:{
                    type:'upload',
                    el:$el,
                }
                ,before: function(obj){
                    // //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result){
                        $('#'+$el+'_img').attr('src', result); //图片链接（base64）
                        $('#'+$el+'_img').next().attr("hidden",true);
                    });
                }
                ,done: function(res){
                    //如果上传失败
                    console.log(res)
                    if(res.hasOwnProperty('media_id')){
                        $('#'+$el+'_value').val(res.media_id);
                        $('#'+$el+'_path').val(res.path);
                    }else {
                        return layer.msg(res.message);
                    }
                }
            });
        }
        function onMultiple($el) { //多图片上传
            upload.render({
                elem: '#'+$el
                ,url: "{:addon_url('wechatpay/shop/pay/upload')}"  //改成您自己的上传接口
                ,data:{
                    type:'upload'
                }
                ,multiple: true
                ,before: function(obj){
                    //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result){
                        $('#'+$el+'_img').append('<img style="width: 125px;margin-left: 5px;" src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
                    });
                }
                , done: function (res) {
                    //上传完毕
                    let value = $("#"+$el+"_value").val() || [];
                    let path = $("#"+$el+"_path").val() || [];
                    if (value.length > 0) {
                        value = JSON.parse(value);
                    }
                    if (res.hasOwnProperty('media_id')) {
                        value.push(res.media_id)
                        path.push(res.path)
                        $("#"+$el+"_value").val(JSON.stringify(value))
                        $("#"+$el+"_path").val(JSON.stringify(path))
                    } else {
                        return layer.msg(res.message);
                    }
                }
            });
        }
        function onDateTime() {
            let arr= [
                ,'card_period_begin'
                ,'card_period_end'
                ,'doc_period_begin'
                ,'doc_period_end'
            ];
            arr.forEach(item=>{
                laydate.render({
                    elem: '#'+item
                    ,format: 'yyyy-MM-dd'
                });
            })
        }
            function qualificationType(id) {
                $("#qualification_type option:gt(0)").remove();
                let $key=Object.keys(TypeData[id].special)
                let $rate=Object.keys(TypeData[id].activities_rate)
                typeId=id;
                $key.forEach(item=>{
                    $("#qualification_type").append("<option value='"+item+"'>"+item+"</option>");
                })
                if($rate.length>0){
                    $rate.forEach(item=>{
                        $("#activities_rate").append("<option value='"+item+"'>"+item +'--'+TypeData[id].activities_rate[item]+"年费</option>");
                    })
                }
                form.render();
            }

            onDateTime();
            form.render();
    });
    function back() {
        location.href = ns.url("saasagent://shop/pay/list");
    }
</script>
{/block}