263 lines
9.7 KiB
HTML
263 lines
9.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
|
|
<link href="../css/mui.min.css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
.tangram-suggestion-main {
|
|
z-index: 999999;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="visibility: hidden;">
|
|
<div class="header">
|
|
<div class="header_con">
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
|
<p class="title">申请开店</p>
|
|
</div>
|
|
</div>
|
|
<div class="mui-scroll-wrapper scroll_out_t">
|
|
<div class="mui-scroll">
|
|
<div class=" con" style="transform: translateY(20px);">
|
|
<div class="con-nav">
|
|
<ul>
|
|
<li class="active">①基本信息</li>
|
|
<li>②直营人收款方式</li>
|
|
<li>③认证信息</li>
|
|
<li class="cssNavEnd">④注册协议</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="con-content clearfix">
|
|
|
|
<div class="num" >
|
|
<div class="row shadown_wai">
|
|
<label for="">店铺名称</label>
|
|
<div class="right">
|
|
<input type="text" name="" id="shopName" class="inp" value="" placeholder="请输入店铺名称" />
|
|
</div>
|
|
</div>
|
|
<div class="row shadown_wai">
|
|
<label for="">直营人姓名</label>
|
|
<div class="right">
|
|
<input type="text" name="" id="userName" class="inp" value="" placeholder="请输入直营人姓名" />
|
|
</div>
|
|
</div>
|
|
<div class="row shadown_wai">
|
|
<label for="">联系方式</label>
|
|
<div class="right">
|
|
<input type="text" name="" id="phone" class="inp" value="" placeholder="请输入联系方式" /></div>
|
|
</div>
|
|
<div class="row shadown_wai areainp">
|
|
<label for="">店铺区域</label>
|
|
<div class="selectarea right">
|
|
<select id="provinceId" data-level=1 class="inp area">
|
|
<option value="">请选择省</option>
|
|
</select>
|
|
<select id="cityId" data-level=2 class="inp area">
|
|
<option value="">请选择市</option>
|
|
</select>
|
|
<select id="countyId" data-level=3 class="inp area">
|
|
<option value="">请选择区</option>
|
|
</select>
|
|
<select id="townId" data-level=4 class="inp area">
|
|
<option value="">请选择镇</option>
|
|
</select>
|
|
<select id="villageId" data-level=5 class="inp">
|
|
<option value="">请选择村</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row shadown_wai">
|
|
<label for="">详细地址</label>
|
|
<div class="right">
|
|
<input type="text" name="" id="shopAddress" class="inp" value="" placeholder="请输入具体地址" />
|
|
|
|
</div>
|
|
</div>
|
|
<div id="searchResultPanel" style="display: none;"></div>
|
|
<!-- <input type="text" name="" id="shopAddress" class="inp" value="" placeholder="请输入具体地址" /> -->
|
|
|
|
<div class="row shadown_wai storepos">
|
|
<label for="">店铺位置</label>
|
|
<input type="hidden" name="" id="lng" class="user_pos inp" value="" placeholder="经度" />
|
|
<input type="hidden" name="" id="lat" class="user_pos inp" value="" placeholder="纬度" />
|
|
<input type="hidden" name="" id="address" class="user_address" value="" placeholder="纬度" />
|
|
<div id="allmap" class="right">
|
|
|
|
</div>
|
|
<!-- <div class="sx" style="height: 2px;"></div> -->
|
|
<!-- <input type="text" name="" id="familyIdCard" class="inp" value="" placeholder="请输入联系方式" /> -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="num" style="display: none;">
|
|
<div class="row shadown_wai">
|
|
<label for="">持卡人</label>
|
|
<!-- <select name="" id="_select">
|
|
</select> -->
|
|
<input type="text" name="" id="accountName" value="" class="inp" placeholder="请输入持卡人姓名" />
|
|
</div>
|
|
<div class="row shadown_wai">
|
|
<label for="">持卡银行</label>
|
|
<select name="" id="bankName" class="bankname inp">
|
|
</select>
|
|
<!-- <input type="text" value='' id="bankName" class="banknameinp inp" placeholder="请输入或选择持卡银行" style="display:none"> -->
|
|
</div>
|
|
<div class="row shadown_wai">
|
|
<label for="">银行卡号</label>
|
|
<input type="text" name="" id="bankNo" class="inp" value="" placeholder="请输入银行卡号" />
|
|
</div>
|
|
</div>
|
|
<div class="num" style="display: none;" >
|
|
|
|
<div class="renzhengphoto shadown_wai">
|
|
<label>请上传身份证正反两面</label>
|
|
<!-- <label for="">上传证件</label> -->
|
|
<div class='photos'>
|
|
<label><!-- 请上传身份证正反两面 --></label>
|
|
<div class="photos_con oneImg">
|
|
<div class="sfzzm photo">
|
|
<div class="sfzzmimg photoimg"><img src="../img/pjimg.png" class='ossfile' id='idCardFront' alt=""></div>
|
|
<span class="">身份证国徽面</span>
|
|
</div>
|
|
<input type="hidden" value='' class='sfzzmimginp inp' id="idCardFrontImg">
|
|
|
|
<div class="sfzfm photo ">
|
|
<div class="sfzfmimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='idCardBack' alt=""></div>
|
|
<input type="hidden" value='' class='sfzfmimginp inp' id="idCardBackImg">
|
|
<span class="">身份证人面</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="renzhengphoto shadown_wai">
|
|
<label for="">直营人委托书</label>
|
|
<input type="hidden" value='' class='gallery inp' id="commissionImg">
|
|
<div class='photos'>
|
|
<!-- <span></span> -->
|
|
<label><!-- 请上传身份证正反两面 --></label>
|
|
<div class="photos_con batchImg">
|
|
<div class="weituoshu photo">
|
|
<div class="weituoshuimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='commission' alt=""></div>
|
|
<span class=""></span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="renzhengphoto shadown_wai">
|
|
<!-- <label for="">店铺照片</label> -->
|
|
<label>直营人营业执照身份证人面店铺大门照</label>
|
|
<input type="hidden" value='' class='shopsimginp inp' id="businessLicenceImg">
|
|
<div class='photos'>
|
|
<!-- <span>(照片需要直营人营业执照身份证人面店铺大门)</span> -->
|
|
<label></label>
|
|
<div class="photos_con batchImg">
|
|
<div class="shopsimg photo">
|
|
<div class="shopsimgimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='businessLicence' alt=""></div>
|
|
<span class=""></span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="num" style="display: none;">
|
|
<div class="confirmationtext">
|
|
<div class="confirmationtext_con shadown_wai">
|
|
</div>
|
|
<div class="renzhengphoto shadown_wai">
|
|
<label for="">手持确认书</label>
|
|
<input type="hidden" value='' class='confirmation inp' id="confirmationImg">
|
|
<div class='photos'>
|
|
<!-- <span>(照片需要直营人营业执照身份证人面店铺大门)</span> -->
|
|
<div class="photos_con batchImg">
|
|
<div class="querenshu photo">
|
|
<div class="querenshuimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='confirmation' alt=""></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- <div class="renzhengphoto shadown_wai ">
|
|
<label for="">手持确认书</label>
|
|
<input type="hidden" value='' class='confirmationImg inp' id="confirmationImg">
|
|
<div class='photos'>
|
|
<span></span>
|
|
|
|
<div class="photos_con">
|
|
<div class="querenshu photo">
|
|
<img src="" class='ossfile' id='confirmation' alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="oper">
|
|
<div class="pre">
|
|
<div class="pre_btn " style="display: none;">上一步</div>
|
|
<div class="pre_btn" style="display: none;">上一步</div>
|
|
<div class="pre_btn" style="display: none;">上一步</div>
|
|
<div class="pre_btn" style="display: none;">上一步</div>
|
|
</div>
|
|
<div class="next">
|
|
<!-- <div class="oper"> </div> -->
|
|
<div class="bc_btn">下一步</div>
|
|
<div class="bc_btn" style="display: none;">下一步</div>
|
|
<div class="bc_btn" style="display: none;">下一步</div>
|
|
<div class="bc_btn finish" style="display: none;">完成</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/mui.min.js"></script>
|
|
<script src="../js/uploader.js"></script>
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Zm7kae5pzZogp8a0uwIOlyyz"></script>
|
|
<script type="text/javascript">
|
|
mui.plusReady(function() {
|
|
var element;
|
|
var parent = document.body;
|
|
element = document.createElement('script');
|
|
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
|
parent.appendChild(element);
|
|
|
|
element.onload = function() {
|
|
var style = [JZL.getCssUrl('applicationopen.css'), JZL.getCssUrl('addqrrz.css'), JZL.getCssUrl("global.css"),
|
|
JZL.getCssUrl("header.css")
|
|
];
|
|
JZL.css_init(style);
|
|
var script = [JZL.getJsUrl('applicationopen.js'),JZL.getJsUrl('mapcommon.js')];
|
|
JZL.js_init(script);
|
|
setTimeout(function() {
|
|
parent.style.visibility = "visible";
|
|
}, 100);
|
|
|
|
|
|
};
|
|
})
|
|
</script>
|
|
</html>
|