q792602257/qlg.tsgz.moe
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
bb9bd68c7f0b43b9ac578041dee629247cc0a87b
qlg.tsgz.moe/hyhproject/home2/view/default/shop_join_step3.html
root f0ef89dfbb Init Repo
2019-09-06 23:53:10 +08:00

334 lines
18 KiB
HTML
Executable File
Raw Blame History

{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']}"/>&nbsp;&nbsp;&nbsp;<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()"/>&nbsp;&nbsp;&nbsp;<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()"/>&nbsp;&nbsp;&nbsp;<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}
Reference in New Issue View Git Blame Copy Permalink