334 lines
18 KiB
HTML
Executable File
334 lines
18 KiB
HTML
Executable File
{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} |