{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}