678 lines
38 KiB
HTML
678 lines
38 KiB
HTML
{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}
|