qlg.tsgz.moe/hyhproject/home2/view/default/shop_join_step5.html
2019-09-06 23:53:10 +08:00

203 lines
8.8 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{extend name="default/base" /}
{block name="title"}入驻人联系方式 - 商家入驻 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="main"}
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css?v={$v}" />
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/shopapply.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 doing">
<dt class="s-num">4</dt>
<dd class="s-text">税务及银行信息</dd>
</dl>
<dl class="normal doing">
<dt class="s-num">5</dt>
<dd class="s-text">店铺信息</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>
<th>店铺名称<font color='red'>*</font></th>
<td>
<input type='text' id='shopName' class='a-ipt' data-rule='店铺名称:required;' value="{$apply['shopName']}"/>
</td>
</tr>
<tr>
<th>店铺LOGO<font color='red'>*</font></th>
<td>
<input type='hidden' id='shopImg' class='a-ipt' data-rule="店铺LOGO: required;" data-target="#msg_shopImg" value="{$apply['shopImg']}"/>
<div id='shopImgPicker'>请上传店铺LOGO</div>
<span id='shopImgMsg'></span>
<img id='shopImgPreview' src="__IMGURL__/{$apply['shopImg']}" {if $apply['shopImg']==''}style='display:none'{/if} width='150' height='150'>
<span class='msg-box' id='msg_shopImg'></span>
</td>
</tr>
<tr>
<th>经营类目<font color='red'>*</font></th>
<td>
{volist name="goodsCatList" id="vo"}
<label class='goodsCat'>
<input type='checkbox' onclick="divShow()" class='a-ipt' id="goodsCatIds" name='goodsCatIds' value='{$vo["catId"]}' {if $i == 1}data-rule="经营范围:checked" {/if} {if array_key_exists($vo['catId'],$apply['catshops'])}checked{/if} data-target="#msg_goodsCatIds"/>{$vo["catName"]}
</label>
{/volist}
<span class='msg-box' id='msg_goodsCatIds'></span>
</td>
</tr>
<tr {if $shopLicense['shopLicense']==''} style='display:none'{/if} id="license">
<th>食品许可证<font color='red'>*</font></th>
<td>
<input type='hidden' id='shopLicense' name="shopLicense" class='a-ipt' data-target="#msg_shopLicense" value="{$shopLicense['shopLicense']}"/>
<div id='shopLicensePicker' class="webuploader-container">请上传食品许可证</div>
<span id='shopLicenseMsg'></span>
<img id='shopLicensePreview' src="__IMGURL__/{$shopLicense['shopLicense']}" {if $shopLicense['shopLicense']==''} style='display:none'{/if} width='150' height='150'>
<span class='msg-box' id='msg_shopLicense'></span>
</td>
</tr>
<tr>
<th>客服QQ</th>
<td><input type='text' id='shopQQ' class='a-ipt' value="{$apply['shopQQ']}"/></td>
</tr>
<tr>
<th>旺旺类型<font color='red'>*</font></th>
<td>
<label>
<input type='radio' value='0' class="a-ipt" name='shopWangWangType'{if $apply['shopWangWangType']==0}checked{/if}/>淘宝旺旺
</label>
<label>
<input type='radio' value='1' class="a-ipt" name='shopWangWangType'{if $apply['shopWangWangType']==1}checked{/if}/>阿里旺旺1688诚信通
</label>
</td>
</tr>
<tr>
<th>阿里旺旺:</th>
<td>
<input type='text' id='shopWangWang' class='a-ipt' value="{$apply['shopWangWang']}"/>
</td>
</tr>
<tr>
<th>是否提供发票<font color='red'>*</font></th>
<td>
<label>
<input type='radio' value='1' name='isInvoice' class='a-ipt' onclick='javascript:WST.showHide(1,"#invoiceRemarksTr")' {if $apply['isInvoice']==1}checked{/if}>
</label>
<label>
<input type='radio' value='0' name='isInvoice' class='a-ipt' onclick='javascript:WST.showHide(0,"#invoiceRemarksTr")' {if $apply['isInvoice']==0}checked{/if}>
</label>
</td>
</tr>
<tr id='invoiceRemarksTr' {if $apply['isInvoice']==0}style='display:none'{/if}>
<th>发票说明<font color='red'>*</font></th>
<td>
<input type='text' id='invoiceRemarks' class='a-ipt' data-rule="发票说明:required(#isInvoice1:checked)" value="{$apply['invoiceRemarks']}" style='width:500px'/>
</td>
</tr>
<tr>
<th>营业状态<font color='red'>*</font></th>
<td>
<label>
<input type='radio' value='1' id='shopAtive1' name='shopAtive' class='a-ipt' {if $apply['shopAtive']==1}checked{/if}>营业中
</label>
<label>
<input type='radio' value='0' id='shopAtive0' name='shopAtive' class='a-ipt' {if $apply['shopAtive']==0}checked{/if}>休息中
</label>
</td>
</tr>
<tr>
<th>默认运费(元)<font color='red'>*</font></th>
<td>
<input type='text' id='freight' class='a-ipt' data-rule="默认运费: required;" onkeypress='return WST.isNumberdoteKey(event);' onkeyup="javascript:WST.isChinese(this,1)" value="{$apply['freight']}"/>
</td>
</tr>
<tr>
<th>服务时间<font color='red'>*</font></th>
<td>
<select class='a-ipt' id='serviceStartTime' v="{$apply['serviceStartTime']}"></select>
<select class='a-ipt' id='serviceEndTime' v="{$apply['serviceEndTime']}"></select>
</td>
</tr>
</table>
</form>
</div>
<div class='agreement-bottom'>
<a href='{:Url("home/shops/joinStep4")}' class='btn-cancel'>上一步</a>
<a href='javascript:saveStep5()' class='btn-submit' style='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/validator/jquery.validator.min.js?v={$v}"></script>
<script type='text/javascript' src='__STYLE__/js/apply.js?v={$v}'></script>
<script type="text/javascript">
function divShow(){
var checkboxText= new Array();
var checkboxValue= new Array();
var checkboxStr=document.getElementsByName("goodsCatIds");
for(var i=0; i<checkboxStr.length; i++){
if(checkboxStr[i].checked){
//alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);
checkboxValue.push(checkboxStr[i].value);
checkboxText.push(checkboxStr[i].nextSibling.nodeValue.trim());
}
}
var foot='393';
if(checkboxValue.indexOf(foot)!="-1"){
document.getElementById("license").style.cssText = "display: table-row;vertical-align: inherit;border-color: inherit;"
//document.getElementById("license").style.display="block";
}else{
document.getElementById("license").style.display = "none"
}
}
function initStep5(){
WST.upload({
pick:'#shopLicensePicker',
formData: {dir:'shops'},
accept: {extensions: 'gif,jpg,jpeg,png',mimeTypes: 'image/jpg,image/jpeg,image/png,image/gif'},
callback:function(f){
var json = WST.toJson(f);
if(json.status==1){
$('#shopLicenseMsg').empty().hide();
$('#shopLicensePreview').attr('src',WST.conf.IMGURL+"/"+json.savePath+json.thumb).show();
$('#shopLicense').val(json.savePath+json.name);
$('#msg_shopLicense').hide();
}
},
progress:function(rate){
$('#shopLicenseMsg').show().html('已上传'+rate+"%");
}
});
initTime('#serviceStartTime',$('#serviceStartTime').attr('v'));
initTime('#serviceEndTime',$('#serviceEndTime').attr('v'));
}
</script>
<script>
$(function(){
initStep4();
initStep5()
})</script>
{/block}