{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_INSTITUTIONS">
            <input type="hidden" name="business_code" value="{$info.business_code??''}">
            <div class="layui-form-item">
                <label class="layui-form-label">商户名称：</label>
                <div class="layui-input-block">
                    <input name="subject_info[certificate_info][merchant_name]" lay-verify="required" type="text" value="{$info.subject_info['certificate_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">登记证书类型：</label>
                <div class="layui-input-block">
                    <select name="subject_info[certificate_info][cert_type]" lay-verify="required">
                        <option value="">请选择</option>
                        {foreach $cert_type as $key=>$item}
                        <option value="{$key}" {notempty name="$info.subject_info.certificate_info['cert_type']"} {if $info.subject_info.certificate_info['cert_type']== $key } selected{/if} {/notempty} >{$item}</option>
                        {/foreach}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable">登记证书照片：</label>
                <div class="layui-input-block img-upload">
                    <div class="upload-img-block square">
                        <div class="upload-img-box" id="cert_copy">
                            <div class="ns-upload-default">
                                {notempty name="$info.subject_info['certificate_info']['cert_copy']"}
                                <div id="preview_license_copy" class="preview_img">
                                    <img layer-src src="{$info.imgpath['cert_copy'] ?? 'SHOP_IMG/upload_img.png'}" id="cert_copy_img" class="img_prev"/>
                                </div>
                                {else /}
                                <div class="preview_img">
                                    <img src="SHOP_IMG/upload_img.png" id="cert_copy_img" class="img_prev" />
                                    <p>点击上传</p>
                                </div>
                                {/notempty}
                            </div>
                        </div>
                        <input type="hidden" id="cert_copy_path" name="imgpath[cert_copy]" value="{$info.imgpath['cert_copy']??''}"/>
                        <input type="hidden" id="cert_copy_value" name="subject_info[certificate_info][cert_copy]" lay-verify="required" value="{$info.certificate_info['cert_copy']??''}"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">证书号：</label>
                <div class="layui-input-block">
                    <input name="subject_info[certificate_info][cert_number]" lay-verify="required" type="text" value="{$info.subject_info['certificate_info']['cert_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">码证有效期：</label>
                <div class="layui-input-block">
                    <input  name="subject_info[certificate_info][period_begin]" id="certificate_period_start" value="{$info.subject_info['certificate_info']['period_begin']?? ''}" type="text"  class="layui-input ns-len-long">
                    至
                    <input  name="subject_info[certificate_info][period_end]" id="certificate_period_end" value="{$info.subject_info['certificate_info']['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">注册地址：</label>
                <div class="layui-input-block">
                    <input name="subject_info[certificate_info][company_address]" lay-verify="required" type="text" value="{$info.subject_info['certificate_info']['company_address'] ?? ''}" 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>
</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('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) {
                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','cert_copy'].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= [
                    ,'certificate_period_start'
                    ,'certificate_period_end'
                    ,'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}