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