{extend name="default/base" /} {block name="title"}入驻人联系方式 - 商家入驻 - {:WSTConf('CONF.mallName')}{__block__}{/block} {block name="main"} <link href="__STYLE__/css/shopapply.css?v={$v}" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css?v={$v}" /> <link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/batchupload.css?v={$v}" /> <link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet"> <div class="wst-container"> <div id="stepflex" class="stepflex"> <dl class="first doing"> <dt class="s-num">1</dt> <dd class="s-text">签订入驻协议</dd> <dd></dd> </dl> <dl class="normal doing"> <dt class="s-num">2</dt> <dd class="s-text">入驻人联系方式</dd> <dd></dd> </dl> <dl class="normal doing"> <dt class="s-num">3</dt> <dd class="s-text">公司信息</dd> </dl> <dl class="normal"> <dt class="s-num1">4</dt> <dd class="s-text1">税务及银行信息</dd> </dl> <dl class="normal"> <dt class="s-num1">5</dt> <dd class="s-text1">店铺信息</dd> </dl> <dl class="last"> <dt class="s-num1">6</dt> <dd class="s-text1">入驻审核</dd> </dl> </div> <div class='wst-clear'></div> <div class='main-head'>公司信息</div> <div class='apply-box'> <form id='applyFrom' autocomplete='off'> <table class='agreement-table'> <tr> <td colspan='2' class='head-ititle'>公司信息</td> </tr> <tr> <th>执照类型<font color='red'>*</font>:</th> <td> <select id='businessLicenceType' class='a-ipt'> {volist name=":WSTDatas('LICENSE_TYPE')" id='vo'} <option value='{$vo["dataVal"]}' {if $apply['businessLicenceType']==$vo["dataVal"]}selected{/if}>{$vo["dataName"]}</option> {/volist} </select> </td> </tr> <tr> <th valign="top">营业执照注册号<font color='red'>*</font>:</th> <td><input type='text' id='businessLicence' class='a-ipt' data-rule='营业执照注册号:required;' value="{$apply['businessLicence']}"/><br/><span class='tip'>请按照营业执照上登记的完整名称填写</span></td> </tr> <tr> <th valign="top">法定代表人姓名<font color='red'>*</font>:</th> <td> <input type='text' id='legalPersonName' class='a-ipt' data-rule='法定代表人姓名:required;' value="{$apply['legalPersonName']}"/> <br/><span class='tip'>请按照营业执照上登记的法人填写</span> </td> </tr> <!-- <tr> <th>营业执照所在地<font color='red'>*</font>:</th> <td> <select id="area_0" class='j-areas' level="0" onchange="WST.ITAreas({id:'area_0',val:this.value,isRequire:true,className:'j-areas'});"> <option value="">-请选择-</option> {foreach $areaList as $v} <option value="{$v['areaId']}">{$v['areaName']}</option> {/foreach} </select> </td> </tr> <tr> <th>营业执照详细地址<font color='red'>*</font>:</th> <td> <input type='text' id='licenseAddress' class='a-ipt' style='width:550px' data-rule='营业执照详细地址:required;' value="{$apply['licenseAddress']}"/> </td> </tr> <tr> <th>成立日期<font color='red'>*</font>:</th> <td> <input type='text' id='establishmentDate' readonly class='a-ipt laydate-icon' onclick="laydate()" data-rule='成立日期:required;' value="{$apply['establishmentDate']}"/> </td> </tr> <tr> <th>营业期限<font color='red'>*</font>:</th> <td> <input type='text' id='businessStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" data-rule="营业期限开始日期: required;" data-target="#msg_businessStartDate" value="{$apply['businessStartDate']}"/> - <input type='text' id='businessEndDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['businessEndDate']}"/> <label><input type='checkbox' name='isLongbusinessDate' id='isLongbusinessDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#businessEndDate")' {if $apply['isLongbusinessDate']==1}checked{/if} value='1'/>长期</label> <span class='msg-box' id='msg_businessStartDate'></span> </td> </tr> <tr> <th>注册资本(万元)<font color='red'>*</font>:</th> <td> <input type='text' id='registeredCapital' class='a-ipt' data-rule='注册资本:required;' value="{$apply['registeredCapital']}" onkeyup="javascript:WST.isChinese(this,1)" onkeypress="return WST.isNumberKey(event)"/> </td> </tr> <tr> <th>经营范围<font color='red'>*</font>:</th> <td> <textarea id='empiricalRange' class='a-ipt' style='width:550px;height:150px;' data-rule='经营范围:required;'>{$apply['empiricalRange']}</textarea> </td> </tr> --> <tr> <th>公司名称<font color='red'>*</font>:</th> <td> <input type='text' id='shopCompany' class='a-ipt' data-rule='公司名称:required;' value="{$apply['shopCompany']}" style='width:400px'/> </td> </tr> <tr> <th>公司所在地<font color='red'>*</font>:</th> <td> <select id="carea_0" class='j-careas' level="0" onchange="WST.ITAreas({id:'carea_0',val:this.value,isRequire:true,className:'j-careas'});"> <option value="">-请选择-</option> {foreach $areaList as $v} <option value="{$v['areaId']}">{$v['areaName']}</option> {/foreach} </select> </td> </tr> <tr> <th>公司详细地址<font color='red'>*</font>:</th> <td> <input type='text' id='shopAddress' class='a-ipt' style='width:550px' data-rule='公司详细地址:required;' value="{$apply['shopAddress']}"/> </td> </tr> <tr> <th>公司电话<font color='red'>*</font>:</th> <td> <input type='text' id='shopTel' class='a-ipt' data-rule='公司电话:required;' value="{$apply['shopTel']}"/> </td> </tr> <tr> <th>公司紧急联系人<font color='red'>*</font>:</th> <td> <input type='text' id='shopkeeper' class='a-ipt' data-rule='公司紧急联系人:required;' value="{$apply['shopkeeper']}"/> </td> </tr> <tr> <th>公司紧急联系人手机<font color='red'>*</font>:</th> <td> <input type='text' id='telephone' class='a-ipt' data-rule='公司紧急联系人手机:required;mobile' value="{$apply['telephone']}"/> </td> </tr> <tr> <th>法人代表证件类型<font color='red'>*</font>:</th> <td> <select id='legalCertificateType' class='a-ipt'> {volist name=":WSTDatas('LEGAL_LICENSE')" id='vo'} <option value='{$vo["dataVal"]}' {if $apply['legalCertificateType']==$vo['dataVal']}{/if}>{$vo["dataName"]}</option> {/volist} </select> </td> </tr> <tr> <th>法定代表人证件号<font color='red'>*</font>:</th> <td> <input type='text' id='legalCertificate' class='a-ipt' data-rule='法定代表人证件号:required;' value="{$apply['legalCertificate']}"/> </td> </tr> <!-- <tr> <th>有效期<font color='red'>*</font>:</th> <td> <input type='text' id='legalCertificateStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['legalCertificateStartDate']}"/> - <input type='text' id='legalCertificateEndDate' readonly value="{$apply['legalCertificateEndDate']}" class='a-ipt laydate-icon' onclick="laydate()"/> <label><input type='checkbox' name='isLonglegalCertificateDate' id='isLonglegalCertificateDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#legalCertificateEndDate")' {if $apply['isLonglegalCertificateDate']==1}checked{/if} value='1'/>长期</label> <span class='msg-box' id='msg_legalCertificateStartDate'></span> </td> </tr> --> <tr> <th>法人证件电子版正面<font color='red'>*</font>:</th> <td> <!-- <span class='tip'>请上传法人证件电子版正面</span><br/> --> <input type='hidden' id='legalCertificateImg' class='a-ipt' data-rule="法人证件电子版: required;" data-target="#msg_legalCertificateImg" value='{$apply['legalCertificateImg']}'/> <div id='legalCertificateImgPicker'>请上传法人证件电子版正面</div> <span id='legalCertificateImgMsg'></span> <img id='legalCertificateImgPreview' src='__IMGURL__/{$apply['legalCertificateImg']}' {if $apply['legalCertificateImg'] ==''}style='display:none'{/if} width='150'> <span class='msg-box' id='msg_legalCertificateImg'></span> </td> </tr> <tr> <th>辅助材料电子版<font color='red'>*</font>:</th> <td> <input type='hidden' id='businessLicenceImg' class='a-ipt' data-rule="营业执照电子版: required;" data-target="#msg_businessLicenceImg" value='{$apply['businessLicenceImg']}'/> <div id='businessLicenceImgPicker'>请上传营业执照电子版</div> <span id='businessLicenceImgMsg'></span> <img id='businessLicenceImgPreview' src='__IMGURL__/{$apply['businessLicenceImg']}' {if $apply['businessLicenceImg'] ==''}style='display:none'{/if} width='150'> <span class='msg-box' id='msg_businessLicenceImg'></span> </td> </tr> <tr> <th>银行开户许可证电子版<font color='red'>*</font>:</th> <td> <input type='hidden' id='bankAccountPermitImg' class='a-ipt' data-rule="银行开户许可证电子版: required;" data-target="#msg_bankAccountPermitImg" value='{$apply['bankAccountPermitImg']}'/> <div id='bankAccountPermitImgPicker'>请上传银行开户许可证电子版</div> <span id='bankAccountPermitImgMsg'></span> <img id='bankAccountPermitImgPreview' src='__IMGURL__/{$apply['bankAccountPermitImg']}' {if $apply['bankAccountPermitImg'] ==''}style='display:none'{/if} width='150'> <span class='msg-box' id='msg_bankAccountPermitImg'></span> </td> </tr> <tr> <th width='120' align='right'>补充材料<font color='red'>*</font>:</th> <td> <div id="batchUpload" class="a-ipt wst-batchupload" style="border:1px solid #ccc"> <div style="border-bottom:1px solid #dadada;padding-left:10px; "> 其它相关资料请上传到补充材料(格式为 gif, jpg, jpeg, png) </div> <div class="queueList filled"> <div id="dndArea" class="a-ipt placeholder {if !empty($apply['auxiliary'])}element-invisible{/if}"> <div id="filePicker"></div> <p>或将照片拖到这里,单次最多可选5张,每张最大不超过5M</p> </div> <ul class="filelist" > {volist name="$apply['auxiliary']" id="vo"} <li class="state-complete" style="border: 1px solid #ddd;height:213px;"> <p class="title"></p> <p class="imgWrap"> <img src="__IMGURL__/{$vo.auxiliaryImg}"> </p> <input type="hidden" v="{$vo.auxiliaryImg}" iv="{$vo.auxiliaryImg}" class="a-ipt j-gallery-img"> <span class="btn-del">删除</span> </li> {/volist} </ul> </div> <div class="statusBar"> <div class="progress" style="display: none;"> <span class="text">0%</span> <span class="percentage" style="width: 0%;"></span> </div> <div class="info"></div> <div class="btns"> <div id="filePicker2"></div><div class="uploadBtn">开始上传</div> </div> </div> </div> <div style='clear:both;'></div> </td> </tr> <!-- <tr> <td colspan='2' class='head-ititle'>组织机构代码证</td> </tr> <tr> <th>组织机构代码<font color='red'>*</font>:</th> <td> <input type='text' id='organizationCode' class='a-ipt' data-rule='组织机构代码:required;' value="{$apply['organizationCode']}"/> </td> </tr> <tr> <th>组织机构代码证有效期<font color='red'>*</font>:</th> <td> <input type='text' id='organizationCodeStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['organizationCodeStartDate']}" data-rule="组织机构代码证有效期开始日期: required;" data-target="#msg_organizationCodeStartDate"/> - <input type='text' id='organizationCodeEndDate' readonly value="{$apply['organizationCodeEndDate']}" class='a-ipt laydate-icon' onclick="laydate()"/> <label><input type='checkbox' name='isLongOrganizationCodeDate' id='isLongOrganizationCodeDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#isLongOrganizationCodeDate")' {if $apply['isLongOrganizationCodeDate']==1}checked{/if} value='1'/>长期</label> <span class='msg-box' id='msg_organizationCodeStartDate'></span> </td> </tr> --> <tr> <td colspan='2' class='head-ititle'>商标注册证</td> </tr> <tr> <th valign="top">商标注册证电子版<font color='red'>*</font>:</th> <td> <span class='tip'>上传商标注册证或注册申请受理通知书</span><br/> <input type='hidden' id='organizationCodeImg' class='a-ipt' data-rule="组织机构代码证电子版: required;" data-target="#msg_organizationCodeImg" value='{$apply['organizationCodeImg']}'/> <div id='organizationCodeImgPicker'>请上传商标注册证或品牌授权证书</div> <span id='organizationCodeImgMsg'></span> <img id='organizationCodeImgPreview' src='__IMGURL__/{$apply['organizationCodeImg']}' {if $apply['organizationCodeImg'] ==''}style='display:none'{/if} width='150'> <span class='msg-box' id='msg_organizationCodeImg'></span> </td> </tr> </table> </form> </div> <div class='agreement-bottom'> <a href='{:Url("home/shops/joinStep2")}' class='btn-cancel'>上一步</a> <a href='javascript:saveStep3()' class='btn-submit' style='width:250px;margin-left:10px;'>下一步,完善税务及银行信息</a> <div class='wst-clear'></div> </div> </div> {/block} {block name="js"} <script type='text/javascript' src='__STATIC__/plugins/webuploader/webuploader.js?v={$v}'></script> <script type='text/javascript' src='__STATIC__/plugins/webuploader/batchupload.js?v={$v}'></script> <script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script> <script type='text/javascript' src='__STYLE__/js/apply.js?v={$v}'></script> <script>$(function(){initStep2('{$apply["businessAreaPath"]}','{$apply["areaIdPath"]}');})</script> <script src="__STATIC__/plugins/layer/laydate.js"></script> <script> $(function(){ /********** 轮播广告图片上传 **********/ var uploader = batchUpload({uploadPicker:'#batchUpload',autoUpload:true,uploadServer:WST.U('home/index/uploadPic'),formData:{dir:'shops'},uploadSuccess:function(file,response){ var json = WST.toJson(response); if(json.status==1){ $li = $('#'+file.id); $li.append('<input type="hidden" value="'+json.savePath+json.name+'" class="a-ipt j-gallery-img" iv="'+json.savePath + json.thumb+'" v="' +json.savePath + json.name+'"/>'); var delBtn = $('<span class="btn-del">删除</span>'); $li.append(delBtn); $li.css('height','212px'); $li.find('.success').remove(); delBtn.on('click',function(){ delBatchUploadImg($(this),function(){ uploader.removeFile(file); uploader.refresh(); }); }); $('.filelist li').css('border','1px solid #f7375c'); }else{ WST.msg(json.msg,{icon:2}); } }}); // 删除广告图片 $('.btn-del').click(function(){ delBatchUploadImg($(this),function(){ $(this).parent().remove(); }); }) function delBatchUploadImg(obj){ var c = WST.confirm({content:'您确定要删除广告图片吗?',yes:function(){ $(obj).parent().remove("li"); layer.close(c); }}); } }); </script> {/block}