busentry.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>商家入驻</title>
  7. <meta name="keywords" content="商家入驻">
  8. <meta name="description" content="商家入驻">
  9. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  10. <link href="__PUBLIC__/pinduoduo/assets/css/common_8f20fc.css" rel="stylesheet">
  11. <link href="__PUBLIC__/pinduoduo/assets/css/index_71bf9f.css" rel="stylesheet">
  12. <script src="__PUBLIC__/js/jquery/jquery-2.0.3.min.js"></script>
  13. <script src="__PUBLIC__/js/jquery/jquery-migrate-1.2.1.min.js"></script>
  14. <script src="__PUBLIC__/js/bootstrap.min.js"></script>
  15. <script src="__PUBLIC__/js/typeahead-bs2.min.js"></script>
  16. <style type="text/css">.nb-modal{display:block}</style>
  17. <style type="text/css">@media screen and (max-width:640px){body,html{background:#fff!important}header{background:#d12129;width:100%;height:60px}header .join-us{position:relative;z-index:9;width:40%;text-align:center;float:right}header .join-us .contact{margin-left:10px}header .join-us ul{background:#fff;padding:5px;text-align:left;position:absolute;font-size:14px;border:1px solid #ccc;margin-right:5px}header .join-us:hover{cursor:pointer}header .join-us p{padding:0;margin:0}header .join-us button{border:none;color:#fff;background:#d12129;padding:14px 20px;margin-top:12px;width:100%;outline:none;-webkit-filter:chroma(#000);filter:chroma(#000)}header img:hover{cursor:pointer}header .container{width:168px;margin:0;padding:10px 0 0 10px;float:left}header .container img{width:90%}header .container .login{margin-top:40px;color:#fff;position:relative;z-index:9}header .container .login span{display:inline-block;padding-right:10px;border-right:1px solid #fff}header .container .login button{border:none;background:none;border:1px solid #fff;color:#fff;padding:2px 5px}header .container .login button:nth-of-type(2){border:none}}@media screen and (min-width:650px){header{background:#d12129;width:100%;height:80px}header .join-us{position:relative;z-index:9;width:200px;text-align:center;float:right;margin-top:-59px;margin-right:2%}header .join-us .contact{margin-left:30px}header .join-us .active{background:#fff;color:#333}header .join-us ul{background:#fff;padding:20px;text-align:left;position:absolute}header .join-us:hover{cursor:pointer}header .join-us p{padding:0;margin-bottom:5px;line-height:2em}header .join-us button{border:none;color:#fff;background:#d12129;padding:14px 20px;margin-top:12px;outline:none;-webkit-filter:chroma(#000);filter:chroma(#000)}header img:hover{cursor:pointer}header .container .login{margin-top:40px;color:#fff;position:relative;z-index:9}header .container .login span{display:inline-block;padding-right:10px;border-right:1px solid #fff}header .container .login button{border:none;background:none;border:1px solid #fff;color:#fff;padding:2px 5px}header .container .login button:nth-of-type(2){border:none}}</style>
  18. <style type="text/css">.container-new{height:103px;width:100%;background:#fff;position:fixed;left:0;top:0;z-index:23}.container-new .container-center{height:100%;width:1200px;margin-left:auto;margin-right:auto}.container-new .container-center img{margin-top:18px}.container-new .container-center #header-category-new{margin-bottom:0;float:right}.container-new .container-center #header-category-new li{display:inline-block;font-size:20px;border-right:1px solid #6c6c6c;width:140px;position:relative;text-align:center;margin-top:29px}.container-new .container-center #header-category-new li.active a{color:#fc475d;font-size:22px}.container-new .container-center #header-category-new li:nth-of-type(1){width:120px}.container-new .container-center #header-category-new li:nth-of-type(6){border-right:none}.container-new .container-center #header-category-new li a{color:#6c6c6c}</style>
  19. <style type="text/css">#choose-entry .tips{margin-right:20px;font-size:14px;color:#ccc;text-decoration:underline}#choose-entry .jumbotron{background:#fff;margin-top:50px;padding-left:10px!important;padding-right:10px!important;height:340px}#choose-entry .jumbotron .fixed{position:absolute;bottom:94px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#choose-entry .jumbotron p{font-size:16px}#choose-entry .jumbotron p:nth-of-type(1){color:#d4d4d4}#choose-entry .jumbotron .btn{h:45px;background:#f5495e;color:#fff;width:140px;margin-top:20px;height:45px;line-height:45px;padding:0}</style>
  20. <style type="text/css">#bus-entry{background:#fff}#bus-entry .image-btn{margin-top:40px}#bus-entry #detail-wraper{width:100%;position:relative}#bus-entry #detail-wraper .show-detail{position:absolute;right:-428px;top:-34px;z-index:222;width:400px;overflow:hidden}#bus-entry #detail-wraper img{width:100%;height:auto}#bus-entry .upload-btn{margin-top:10px}#bus-entry label{color:#626262}#bus-entry input[type=text]{border-color:#e5e5e5;color:#545454}#bus-entry h4{margin-left:20px;margin-right:20px;border-bottom:1px solid #ccc;padding:10px 20px 10px 0;margin-bottom:30px}#bus-entry h4 span{display:inline-block;width:6px;height:20px;background:#fd7c6d;vertical-align:middle;margin-right:5px}#bus-entry .submit-btn{margin-right:50px;margin-bottom:180px}#bus-entry .upload-pdf{position:relative;display:inline-block;background:#fe7c6d;border:none;border-radius:4px;overflow:hidden;color:#fff;text-decoration:none;text-indent:0}#bus-entry .upload-pdf input{position:absolute;font-size:100px;right:0;top:0;opacity:0}#bus-entry .submit-btn{margin-right:50px;margin-bottom:180px;width:148px;height:40px;background:#fe7c6d;border:none}</style>
  21. <style type="text/css">.navigation{font-size:0;background:#fff;height:105px;margin-top:20px;margin-bottom:20px}.navigation li{font-size:18px;width:20%;text-align:center;display:inline-block;margin-top:27px;position:relative}.navigation li:last-child:before{display:none}.navigation li:before{content:'';position:absolute;top:10px;right:-46%;width:64%;height:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAJCAYAAAClkKuSAAABc0lEQVRIicWW0W2DMBCGP1AGYASYoHQDskG7AZ2gZII0E7SdoN4g2YCYBegGeARG6MNdhJQWsAWo94IlPh+/z7/NRY21OZADBr94AnrguhFfARfAbcQfgU/VtJiP9fkO1EDhkTBR9gtIN+AfgBYRnmzAl8qXHuwsHwPfQIY4pAbOTC/UKJ8AHfPCQ/kX4BlxbjcmfAGfASfENC3zppnkbw7sFcp03OmEsYU6Fb3XhB1ylMYilL8Cj8ABKXh3L3whb5C1XhDD1PiZ5hcfNdb+NaFCCuh04lycEQcYxBFr8gmy86myZmU+Vx5krS6Ej+9eFkh1j8AbsqtTUSK7navYuWKE8AmDmxziXrMinyL3csvgMBfK7/RloR8vgA/kuE39pUqGu+ykc6YihE+AV+QU9KrluiKfqpZSOZ/CjfI7BtcZj2Rosgopgk87EMrffmIH/FqrUL5DCrHHr7Wa5KPG2lTHziMZyPFz+PdRoXyBf8/47/wPkIeSvj8d+WoAAAAASUVORK5CYII=) no-repeat;background-size:contain}.navigation li.current i{color:#fff;background:#fd7c69}.navigation li i{w:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#e5e5e5;margin:auto;font-style:normal;color:#878787}</style>
  22. <style type="text/css">.form_datetime,.form_datetime2{background:#fff!important}</style>
  23. <style type="text/css">.img-thumbnail{border:none;}.a-upload{padding:4px 10px;line-height:20px;position:relative;cursor:pointer;color:#454343;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:inline-block}.a-upload input{position:absolute;font-size:100px;right:0;top:0;opacity:0;cursor:pointer;width:100%;height:100%}.a-upload:hover{color:#444;background:#eee;border-color:#ccc;text-decoration:none}</style>
  24. </head>
  25. <body>
  26. <include file="Zhaoshang:header_fetch" />
  27. <div> <div class="container"> <ul class="navigation">
  28. <li class="current"> <i>1</i> <span>个人/企业信息填写</span> </li>
  29. <li> <i>2</i> <span>店铺信息填写</span> </li>
  30. <li> <i>3</i> <span>资质审核</span> </li>
  31. <li style="display:none;"> <i>4</i> <span>签约打款</span> </li>
  32. <li> <i>4</i> <span>入驻成功</span> </li> </ul><!--v-component--> <div id="bus-entry"> <section> <h4><span></span>店铺管理人基本信息 </h4> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人姓名:</label> <div class="col-lg-5">
  33. <input type="text" class="form-control" id="admin_real_name" placeholder="请输入管理人的真实姓名"> </div>
  34. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人邮箱:</label>
  35. <div class="col-lg-5"> <input type="text" id="admin_email" class="form-control" placeholder="请输入常用邮箱,便于审核信息及后期规则的及时送达">
  36. </div> </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人手机号码:</label> <div class="col-lg-5">
  37. <input type="text" class="form-control" id="admin_mobile" placeholder="请输入管理人常用手机号,不支持座机号">
  38. </div> </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right">
  39. <i class="must">*</i>再次输入管理人手机号码:</label>
  40. <div class="col-lg-5"> <input type="text" id="re_admin_mobile" class="form-control" placeholder="请再次输入手机号码">
  41. </div> </div> <div class="col-lg-offset-3 col-lg-8"> <p style="color:red">注:此手机号为商家首次登陆后台的账号,有最高管理员权限</p> </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>紧急联系人名称:</label> <div class="col-lg-5">
  42. <input type="text" id="jinji_username" class="form-control" placeholder="紧急联系人与管理人不能为同一人"> </div>
  43. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>紧急联系人号码:</label> <div class="col-lg-5">
  44. <input type="text" id="jinji_mobile" class="form-control" placeholder="紧急联系人手机号不能与管理人手机号相同"> </div>
  45. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>再次输入紧急联系人号码:</label>
  46. <div class="col-lg-5"> <input type="text" id="rejinji_mobile" class="form-control" placeholder="请再次输入紧急联系人的手机号"> </div>
  47. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>开店性质:</label> <div class="col-lg-4"> <!--v-for-start--><div class="col-lg-6">
  48. <input type="radio" id="0one" name="jiny_type" value="3">
  49. <label for="0one">海淘</label> </div>
  50. <div class="col-lg-6"> <input type="radio" name="jiny_type" checked id="1one" value="4">
  51. <label for="1one">非海淘</label>
  52. </div><!--v-for-end--> </div> <div class="col-lg-offset-3 col-lg-8">
  53. <p>注:</p> <p>1、海淘类店铺可销售进口、直邮、直供等海外商品,非海淘类店铺可销售进口、国内商品</p>
  54. <p>2、店铺性质会选择影响到后期可售商品的类型及经营范围,具体可见<a target="_blank" href="#!/zhaoshang/problem">《常见问题解答》</a></p>
  55. </div> </div> <!--v-if--> <div class="form-group row"> <div class="col-lg-offset-3 col-lg-9">
  56. <!--v-for-start--><!--v-for-end--> </div> </div> <!--v-if--> </section> <section> <h4><span></span>负责人基本信息 </h4>
  57. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>负责人姓名:</label>
  58. <div class="col-lg-5"> <input type="text" id="fuze_realname" class="form-control" placeholder="请输入负责人的真实姓名">
  59. </div> </div>
  60. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>负责人邮箱:</label>
  61. <div class="col-lg-5"> <input type="text" id="fuze_email" class="form-control" placeholder="请输入常用邮箱,便于审核信息及后期规则的及时送达">
  62. </div> </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>负责人手机号码:</label> <div class="col-lg-5">
  63. <input type="text" id="fuze_mobile" class="form-control" placeholder="请输入负责人常用手机号,不支持座机号"> </div>
  64. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>再次输入负责人手机号码:</label> <div class="col-lg-5">
  65. <input type="text" id="re_fuze_mobile" class="form-control" placeholder="请再次输入手机号码">
  66. </div> </div> <div class="form-group row"> <div class="col-lg-offset-3 col-lg-8">
  67. <p style="color:red">注:此手机号为商家提现时,接收验证码的初始手机号</p> </div> </div>
  68. </section> <section id="detail-wraper">
  69. <h4><span></span>企业信息</h4> <div class="form-group row">
  70. <label class="col-lg-3 control-label text-right"><i class="must">*</i>企业法人姓名:</label>
  71. <div class="col-lg-5"> <input type="text" id="faren_username" class="form-control" placeholder="请输入企业法人的真实姓名"> </div>
  72. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>身份证号:</label>
  73. <div class="col-lg-5"> <input type="text" id="faren_id_card" class="form-control" placeholder="请输入企业法人的证件号(身份证、护照、军官证等均可)">
  74. </div>
  75. </div> <div class="col-lg-offset-3 col-lg-8"> <p style="color:red">注:请确认您的身份证号码填写无误,该身份证号必须与您上传的身份证照片一致</p> </div>
  76. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>公司名称:</label>
  77. <div class="col-lg-5">
  78. <input type="text" id="faren_company" class="form-control pull-left" placeholder="请输入公司名称"> </div>
  79. </div> <div class="form-group row">
  80. <label class="col-lg-3 control-label text-right"><i class="must">*</i>营业执照注册号:</label>
  81. <div class="col-lg-5">
  82. <input type="text" id="faren_yingye" class="form-control pull-left" style="width:86%" placeholder="请输入15位营业执照注册号">
  83. <button type="button" class="btn btn-default pull-right" style="display:none;">示例</button> </div> </div>
  84. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>组织机构代码:</label>
  85. <div class="col-lg-5">
  86. <input type="text" id="faren_zuzhi" class="form-control pull-left" style="width:86%" placeholder="请输入组织机构代码">
  87. <button type="button" class="btn btn-default pull-right" style="display:none;">示例</button> </div> </div> <div class="form-group row">
  88. <label class="col-lg-3 control-label text-right"><i class="must">*</i>纳税人识别码:</label> <div class="col-lg-5">
  89. <input type="text" id="faren_nashui" class="form-control pull-left" style="width:86%" placeholder="请输入纳税人识别码">
  90. <button type="button" class="btn btn-default pull-right" style="display:none;">示例</button> </div> </div> <div class="form-group row">
  91. <label class="col-lg-3 control-label text-right"><i class="must">*</i>统一社会信用代码:</label> <div class="col-lg-5">
  92. <input type="text" id="faren_xinyong" class="form-control pull-left" style="width:86%" placeholder="请输入18位的统一社会信用代码">
  93. <button type="button" class="btn btn-default pull-right" style="display:none;">示例</button> </div> </div> <div class="form-group row">
  94. <div class="col-lg-offset-3 col-lg-8"> <p style="color:red">注:三证合一的营业执照,请全部填写统一社会信用代码,非三证合一的营业执照请在统一社会信用代码处填写营业执照注册号,请根据您的营业执照类型依次填写。</p> </div> </div> </section> <h4><span></span>资质信息上传<small> (注:上传的图片大小在5M以内,仅支持JPG、PNG格式)</small> </h4>
  95. <div class="form-group row">
  96. <label class="col-lg-3 control-label text-right"><i class="must">*</i>法人身份证正面照片:</label>
  97. <div class="col-lg-9" id="shop-image-row4">
  98. <div class="col-lg-2" id="image-row4">
  99. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image4" num="4">
  100. <img osctype="shop_image4" src="__PUBLIC__/image/addphone.png" />
  101. </a>
  102. <input osctype="shop_image_input4" type="hidden" name="id_card" value="" id="input-image4" />
  103. </div>
  104. <div class="col-lg-1"> <span><label class="control-label pdd-tips">示例:</label></span> </div>
  105. <div class="col-lg-2">
  106. <div class="row"> <img class="col-md-12" style="width:150px;height:auto" src="__PUBLIC__/image/front_e70416.png"> </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="form-group row">
  111. <label class="col-lg-3 control-label text-right"><i class="must">*</i>法人身份证反面照片:</label>
  112. <div class="col-lg-9" id="shop-image-row5">
  113. <div class="col-lg-2" id="image-row5">
  114. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image5" num="5">
  115. <img osctype="shop_image5" src="__PUBLIC__/image/addphone.png" />
  116. </a>
  117. <input osctype="shop_image_input5" type="hidden" name="id_card" value="" id="input-image5" />
  118. </div>
  119. <div class="col-lg-1"> <span><label class="control-label pdd-tips">示例:</label></span> </div> <div class="col-lg-2"> <div class="row"> <img class="col-md-12" style="width:150px;height:auto" src="__PUBLIC__/image/back_96b89a.png">
  120. </div> </div> </div> </div>
  121. <div class="form-group row">
  122. <label class="col-lg-3 control-label text-right"><i class="must">*</i>身份证有效期:</label>
  123. <div class="col-lg-8"> <div class="col-lg-4"> <div enddate="2016-10-30">
  124. <input size="16" type="text" id="begin_time" class="form-control form_datetime" placeholder="请选择时间"> </div>
  125. </div>
  126. <div class="pull-left" style="margin-top:5px"> <span>至</span> </div>
  127. <div class="col-lg-4">
  128. <div> <input size="16" type="text" id="end_time" class="form-control form_datetime" placeholder="请选择时间"> </div><!--v-component-->
  129. </div>
  130. </div>
  131. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>营业执照:</label>
  132. <div class="col-lg-9" id="shop-image-row6">
  133. <div class="col-lg-4" id="image-row6">
  134. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image6" num="6">
  135. <img osctype="shop_image6" src="__PUBLIC__/image/addphone.png" />
  136. </a>
  137. <input osctype="shop_image_input6" type="hidden" name="yingye" value="" id="input-image6" />
  138. </div>
  139. </div>
  140. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>营业执照有效期:</label>
  141. <div class="col-lg-8"> <div class="col-lg-4">
  142. <div > <input size="16" type="text" id="yy_begin_time" class="form-control form_datetime" placeholder="请选择时间"> </div><!--v-component--> </div> <div class="pull-left" style="margin-top:5px"> <span>至</span> </div> <div class="col-lg-4"> <div> <input size="16" type="text" id="yy_end_time" class="form-control form_datetime" placeholder="请选择时间"> </div><!--v-component--> </div> </div> </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>税务登记证明:</label>
  143. <div class="col-lg-9" id="shop-image-row7">
  144. <div class="col-lg-4" id="image-row7">
  145. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image7" num="7">
  146. <img osctype="shop_image7" src="__PUBLIC__/image/addphone.png" />
  147. </a>
  148. <input osctype="shop_image_input7" type="hidden" name="shuiwu" value="" id="input-image7" />
  149. </div>
  150. </div>
  151. </div>
  152. <div class="form-group row">
  153. <label class="col-lg-3 control-label text-right"><i class="must">*</i>组织机构证明:</label>
  154. <div class="col-lg-9" id="shop-image-row8">
  155. <div class="col-lg-4" id="image-row8">
  156. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image8" num="8">
  157. <img osctype="shop_image8" src="__PUBLIC__/image/addphone.png" />
  158. </a>
  159. <input osctype="shop_image_input8" type="hidden" name="zuzhijigou" value="" id="input-image8" />
  160. </div>
  161. </div> </div>
  162. <div class="form-group row">
  163. <label class="col-lg-3 control-label text-right"><i class="must">*</i>组织机构有效期:</label>
  164. <div class="col-lg-8">
  165. <div class="col-lg-4">
  166. <div >
  167. <input size="16" id="zz_begin_time" type="text" class="form-control form_datetime" placeholder="请选择时间">
  168. </div>
  169. </div>
  170. <div class="pull-left" style="margin-top:5px"> <span>至</span> </div>
  171. <div class="col-lg-4">
  172. <div>
  173. <input size="16" type="text" id="zz_end_time" class="form-control form_datetime" placeholder="请选择时间">
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="form-group row"> <label class="col-lg-3 control-label text-right">
  179. <i class="must">*</i>开户许可证:</label>
  180. <div class="col-lg-9" id="shop-image-row9">
  181. <div class="col-lg-4" id="image-row9">
  182. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image9" num="9">
  183. <img osctype="shop_image9" src="__PUBLIC__/image/addphone.png" />
  184. </a>
  185. <input osctype="shop_image_input9" type="hidden" name="kaihuxuke" value="" id="input-image9" />
  186. </div>
  187. </div>
  188. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right">商标注册证明:</label>
  189. <div class="col-lg-9"> <p class="pdd-tips">(可选) 填写店铺名称时如果包含“旗舰、官方”,商家必须上传“商标注册证明”。</p><!--v-if--> <!--v-if--> </div><!--v-if-->
  190. <div class="row col-lg-9 col-lg-offset-3" id="shop-image-row10"> <!--v-for-start--><!--v-for-end-->
  191. <div class="col-lg-4" id="image-row10">
  192. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image10" num="10">
  193. <img osctype="shop_image10" src="__PUBLIC__/image/addphone.png" />
  194. </a>
  195. <input osctype="shop_image_input10" type="hidden" name="shangbiao" value="" id="input-image10" />
  196. </div>
  197. </div>
  198. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><!--v-if-->品牌授权证明:</label> <div class="col-lg-9"> <p class="pdd-tips">(可选) “店铺名包含“旗舰、专卖、专营”,商家必须上传品牌授权或独占授权证明,需授权店铺从属人在拼多多经营该品牌产品。”</p><!--v-if--> <!--v-if--> </div>
  199. <div class="row col-lg-9 col-lg-offset-3" id="shop-image-row11"> <!--v-for-start--><!--v-for-end-->
  200. <div class="col-lg-4" id="image-row11">
  201. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image11" num="11">
  202. <img osctype="shop_image11" src="__PUBLIC__/image/addphone.png" />
  203. </a>
  204. <input osctype="shop_image_input11" type="hidden" name="shangbiao" value="" id="input-image11" />
  205. </div>
  206. </div>
  207. </div> <div class="form-group row"> <label class="col-lg-3 control-label text-right"><!--v-if-->质检报告:</label> <div class="col-lg-9"> <p class="pdd-tips">(可选) </p><!--v-if--> <!--v-if--> </div>
  208. <div class="row col-lg-9 col-lg-offset-3" id="shop-image-row12"> <!--v-for-start--><!--v-for-end-->
  209. <div class="col-lg-4" id="image-row12">
  210. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image12" num="12">
  211. <img osctype="shop_image12" src="__PUBLIC__/image/addphone.png" />
  212. </a>
  213. <input osctype="shop_image_input12" type="hidden" name="shangbiao" value="" id="input-image12" />
  214. </div>
  215. <div class="row col-lg-12"> <p>注:</p> <p>1、<span style="color:red">海淘类商家,</span>经营<span style="color:red">食品及酒类</span>者需在质检报告处上传<span style="color:red">食品流通许可证</span></p> <p>2、目前只允许企业店铺经营酒类,需在质检报告处上传以下任一证件:酒类流通许可证(酒类流通登记备案)</p> </div> </div> </div> <!--v-if--> <!--v-if--> <h4></h4> <div class="row clearfix text-center">
  216. <button type="button" class="btn pdd-danger submit-btn" id="next_step">下一步</button>
  217. </div> <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title text-center">示例</h3> </div> <div class="modal-body"> <img alt="" style="width:60%;margin-left:20%;height: auto" src=""> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">知道了</button> </div> </div> </div> </div> <div class="modal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title text-center">保证金说明</h3> </div> <div class="modal-body"> <img alt="" style="width:70%;margin-left:15%;height: auto" src="__PUBLIC__/image/price2_320e32.png"> </div> <div class="modal-footer">
  218. <button type="button" class="btn btn-primary" data-dismiss="modal">知道了</button> </div> </div> </div> </div> </div> </div><!--v-component--> </div>
  219. <block name="javascript">
  220. <script src="__PUBLIC__/fileupload/jquery.ui.widget.js"></script>
  221. <script src="__PUBLIC__/fileupload/jquery.fileupload.js"></script>
  222. <script src="__PUBLIC__/js/moment/moment.js"></script>
  223. <script src="__PUBLIC__/js/moment/locale/zh-cn.js"></script>
  224. <script src="__PUBLIC__/js/eonasdan-bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js"></script>
  225. <link rel="stylesheet" href="__PUBLIC__/js/bootstrap-timepicker/css/bootstrap-timepicker.css" />
  226. <script>
  227. $(function(){
  228. $('#next_step').click(function(){
  229. var admin_real_name = $('#admin_real_name').val();
  230. var admin_email = $('#admin_email').val();
  231. var admin_mobile = $('#admin_mobile').val();
  232. var re_admin_mobile = $('#re_admin_mobile').val();
  233. var jinji_username = $('#jinji_username').val();
  234. var jinji_mobile = $('#jinji_mobile').val();
  235. var rejinji_mobile = $('#rejinji_mobile').val();
  236. var jiny_type = $('input[name="jiny_type"]:checked ').val();
  237. var fuze_realname = $('#fuze_realname').val();
  238. var fuze_email = $('#fuze_email').val();
  239. var fuze_mobile = $('#fuze_mobile').val();
  240. var re_fuze_mobile = $('#re_fuze_mobile').val();
  241. var faren_username = $('#faren_username').val();
  242. var faren_id_card = $('#faren_id_card').val();
  243. var faren_company = $('#faren_company').val();
  244. var faren_yingye = $('#faren_yingye').val();
  245. var faren_zuzhi = $('#faren_zuzhi').val();
  246. var faren_nashui = $('#faren_nashui').val();
  247. var faren_xinyong = $('#faren_xinyong').val();
  248. var fa_id_card = $('#input-image4').val();
  249. var fa_fan_id_card = $('#input-image5').val();
  250. var id_card_begin_time = $('#begin_time').val();
  251. var id_card_end_time = $('#end_time').val();
  252. var yingye_image = $('#input-image6').val();
  253. var yy_begin_time = $('#yy_begin_time').val();
  254. var yy_end_time = $('#yy_end_time').val();
  255. var suiwu_image = $('#input-image7').val();
  256. var zuzhi_image = $('#input-image8').val();
  257. var zz_begin_time = $('#zz_begin_time').val();
  258. var zz_end_time = $('#zz_end_time').val();
  259. var kaihu_image = $('#input-image9').val();
  260. var shangbiao_image = $('#input-image10').val();
  261. var pingpai_image = $('#input-image11').val();
  262. var zhijian_image = $('#input-image12').val();
  263. if(admin_real_name == '')
  264. {
  265. alert('请填写管理人姓名');
  266. return false;
  267. }
  268. if(admin_email == '')
  269. {
  270. alert('请填写管理人邮箱');
  271. return false;
  272. }
  273. if(admin_mobile == '')
  274. {
  275. alert('请填写管理人手机号');
  276. return false;
  277. }
  278. if(admin_mobile != re_admin_mobile)
  279. {
  280. alert('两次输入的管理人手机号不一致');
  281. return false;
  282. }
  283. if(jinji_username == '')
  284. {
  285. alert('请填写紧急联系人名称');
  286. return false;
  287. }
  288. if(jinji_mobile == '')
  289. {
  290. alert('请填写紧急联系人手机号码');
  291. return false;
  292. }
  293. if(jinji_mobile != rejinji_mobile)
  294. {
  295. alert('两次输入的紧急联系人手机号不一致');
  296. return false;
  297. }
  298. if(fuze_realname == '')
  299. {
  300. alert('请填写负责人姓名');
  301. return false;
  302. }
  303. if(fuze_email == '')
  304. {
  305. alert('请填写负责人邮箱');
  306. return false;
  307. }
  308. if(fuze_mobile == '')
  309. {
  310. alert('请填写负责人手机号码');
  311. return false;
  312. }
  313. if(fuze_mobile != re_fuze_mobile)
  314. {
  315. alert('两次输入的负责人手机号码不一致');
  316. return false;
  317. }
  318. if(faren_username == '')
  319. {
  320. alert('请填写企业法人姓名');
  321. return false;
  322. }
  323. if(faren_id_card == '')
  324. {
  325. alert('请填写身份证号');
  326. return false;
  327. }
  328. if(faren_company == '')
  329. {
  330. alert('请填写公司名称');
  331. return false;
  332. }
  333. if(faren_yingye == '')
  334. {
  335. alert('请填写营业执照注册号');
  336. return false;
  337. }
  338. if(faren_zuzhi == '')
  339. {
  340. alert('请填写组织机构代码');
  341. return false;
  342. }
  343. if(faren_nashui == '')
  344. {
  345. alert('请填写纳税人识别码');
  346. return false;
  347. }
  348. if(faren_xinyong == '')
  349. {
  350. alert('请填写统一社会信用代码');
  351. return false;
  352. }
  353. if(fa_id_card == '')
  354. {
  355. alert('请上传法人身份证正面照片');
  356. return false;
  357. }
  358. if(fa_fan_id_card == '')
  359. {
  360. alert('请上传法人身份证反面照片');
  361. return false;
  362. }
  363. if(id_card_begin_time == '' || id_card_end_time == '')
  364. {
  365. alert('请填写身份证有效期');
  366. return false;
  367. }
  368. if(yingye_image == '')
  369. {
  370. alert('请上传营业执照照片');
  371. return false;
  372. }
  373. if(yy_begin_time == '' || yy_end_time == '')
  374. {
  375. alert('请填写营业执照有效期');
  376. return false;
  377. }
  378. if(suiwu_image == '')
  379. {
  380. alert('请上传税务登记证明');
  381. return false;
  382. }
  383. if(zuzhi_image == '')
  384. {
  385. alert('请上传组织机构证明');
  386. return false;
  387. }
  388. if(zz_begin_time == '' || zz_end_time == '')
  389. {
  390. alert('请填写组织机构有效期');
  391. return false;
  392. }
  393. if(kaihu_image == '')
  394. {
  395. alert('请上传开户许可证');
  396. return false;
  397. }
  398. var dataObj = {};
  399. dataObj.admin_real_name = admin_real_name;
  400. dataObj.admin_email = admin_email;
  401. dataObj.admin_mobile = admin_mobile;
  402. dataObj.re_admin_mobile = re_admin_mobile;
  403. dataObj.jinji_username = jinji_username;
  404. dataObj.jinji_mobile = jinji_mobile;
  405. dataObj.rejinji_mobile = rejinji_mobile;
  406. dataObj.jiny_type = jiny_type;
  407. dataObj.fuze_realname = fuze_realname;
  408. dataObj.fuze_email = fuze_email;
  409. dataObj.fuze_mobile = fuze_mobile;
  410. dataObj.re_fuze_mobile = re_fuze_mobile;
  411. dataObj.faren_username = faren_username;
  412. dataObj.faren_id_card = faren_id_card;
  413. dataObj.faren_company = faren_company;
  414. dataObj.faren_yingye = faren_yingye;
  415. dataObj.faren_zuzhi = faren_zuzhi;
  416. dataObj.faren_nashui = faren_nashui;
  417. dataObj.faren_xinyong = faren_xinyong;
  418. dataObj.fa_id_card = fa_id_card;
  419. dataObj.fa_fan_id_card = fa_fan_id_card;
  420. dataObj.id_card_begin_time = id_card_begin_time;
  421. dataObj.id_card_end_time = id_card_end_time;
  422. dataObj.yingye_image = yingye_image;
  423. dataObj.yy_begin_time = yy_begin_time;
  424. dataObj.yy_end_time = yy_end_time;
  425. dataObj.suiwu_image = suiwu_image;
  426. dataObj.zuzhi_image = zuzhi_image;
  427. dataObj.zz_begin_time = zz_begin_time;
  428. dataObj.zz_end_time = zz_end_time;
  429. dataObj.kaihu_image = kaihu_image;
  430. dataObj.shangbiao_image = shangbiao_image;
  431. dataObj.pingpai_image = pingpai_image;
  432. dataObj.zhijian_image = zhijian_image;
  433. $.ajax({
  434. url:'{:U("Zhaoshang/bus_sub")}',
  435. type:'post',
  436. dataType:'json',
  437. data:dataObj,
  438. dataType:'json',
  439. success:function(ret){
  440. if(ret.code == 1)
  441. {
  442. alert('提交成功');
  443. location.href = '{:U("Zhaoshang/bus_qualification")}';
  444. }
  445. }
  446. })
  447. });
  448. })
  449. </script>
  450. <script>
  451. $(function(){
  452. $('#begin_time').datetimepicker({
  453. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  454. icons: {
  455. time: 'btn btn-lg icon-time',
  456. date: 'btn btn-lg icon-calendar',
  457. up: 'fa icon-chevron-up',
  458. down: 'fa icon-chevron-down',
  459. previous: 'fa icon-chevron-left',
  460. next: 'fa icon-chevron-right',
  461. today: 'fa icon-arrows ',
  462. clear: 'fa icon-trash',
  463. close: 'fa icon-times'
  464. }
  465. });
  466. $('#end_time').datetimepicker({
  467. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  468. icons: {
  469. time: 'btn btn-lg icon-time',
  470. date: 'btn btn-lg icon-calendar',
  471. up: 'fa icon-chevron-up',
  472. down: 'fa icon-chevron-down',
  473. previous: 'fa icon-chevron-left',
  474. next: 'fa icon-chevron-right',
  475. today: 'fa icon-arrows ',
  476. clear: 'fa icon-trash',
  477. close: 'fa icon-times'
  478. }
  479. });
  480. $('#zz_begin_time').datetimepicker({
  481. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  482. icons: {
  483. time: 'btn btn-lg icon-time',
  484. date: 'btn btn-lg icon-calendar',
  485. up: 'fa icon-chevron-up',
  486. down: 'fa icon-chevron-down',
  487. previous: 'fa icon-chevron-left',
  488. next: 'fa icon-chevron-right',
  489. today: 'fa icon-arrows ',
  490. clear: 'fa icon-trash',
  491. close: 'fa icon-times'
  492. }
  493. });
  494. $('#zz_end_time').datetimepicker({
  495. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  496. icons: {
  497. time: 'btn btn-lg icon-time',
  498. date: 'btn btn-lg icon-calendar',
  499. up: 'fa icon-chevron-up',
  500. down: 'fa icon-chevron-down',
  501. previous: 'fa icon-chevron-left',
  502. next: 'fa icon-chevron-right',
  503. today: 'fa icon-arrows ',
  504. clear: 'fa icon-trash',
  505. close: 'fa icon-times'
  506. }
  507. });
  508. $('#yy_begin_time').datetimepicker({
  509. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  510. icons: {
  511. time: 'btn btn-lg icon-time',
  512. date: 'btn btn-lg icon-calendar',
  513. up: 'fa icon-chevron-up',
  514. down: 'fa icon-chevron-down',
  515. previous: 'fa icon-chevron-left',
  516. next: 'fa icon-chevron-right',
  517. today: 'fa icon-arrows ',
  518. clear: 'fa icon-trash',
  519. close: 'fa icon-times'
  520. }
  521. });
  522. $('#yy_end_time').datetimepicker({
  523. format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
  524. icons: {
  525. time: 'btn btn-lg icon-time',
  526. date: 'btn btn-lg icon-calendar',
  527. up: 'fa icon-chevron-up',
  528. down: 'fa icon-chevron-down',
  529. previous: 'fa icon-chevron-left',
  530. next: 'fa icon-chevron-right',
  531. today: 'fa icon-arrows ',
  532. clear: 'fa icon-trash',
  533. close: 'fa icon-times'
  534. }
  535. });
  536. })
  537. $(function(){
  538. $(document).delegate('a[data-toggle="image"]', 'click', function(e) {
  539. e.preventDefault();
  540. var index=$(this).attr('num');
  541. var type=$(this).attr('type');
  542. var element = this;
  543. if(index==undefined){
  544. $(element).popover({
  545. html: true,
  546. placement: 'right',
  547. trigger: 'manual',
  548. content: function() {
  549. return '<button type="button" id="thumb-image" class="btn btn-primary"><i class="icon-edit"></i></button> <button type="button" id="button-clear" class="btn btn-danger"><i class="icon-trash"></i></button>';
  550. }
  551. });
  552. }else{
  553. $(element).popover({
  554. html: true,
  555. placement: 'right',
  556. trigger: 'manual',
  557. content: function() {
  558. return '<button type="button" n="'+index+'" t="'+type+'" class="btn btn-primary button-image"><i class="icon-edit"></i>上传</button> ';
  559. }
  560. });
  561. }
  562. $(element).popover('toggle');
  563. $('.button-image').on('click', function() {
  564. $('#modal-image').remove();
  565. $('#form-upload').remove();
  566. var i=$(this).attr('n');
  567. var type=$(this).attr('t');
  568. $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input osctype="btn_upload_image" type="file" name="file" /></form>');
  569. $('#form-upload input[name="file"]').trigger('click');
  570. $(element).popover('hide');
  571. $('[osctype="btn_upload_image"]').fileupload({
  572. dataType: 'json',
  573. url: "{:U('Image/upload_image/dir')}"+'/'+type,
  574. add: function(e, data) {
  575. $parent = $('#image-row'+i);
  576. $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
  577. $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
  578. var old_name='old_'+type+'_image';
  579. data.formData = {old_name:$input.val()};
  580. $img.attr('src', "__IMG__/loading.gif");
  581. data.submit();
  582. },
  583. done: function (e,data) {
  584. var image=data.result;
  585. $parent = $('#'+type+'-image-row'+i);
  586. $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
  587. $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
  588. if(image) {
  589. // $img.prev('i').hide();
  590. $img.attr('src', '__ROOT__/'+image.image_thumb);
  591. $img.show();
  592. $input.val(image.image);
  593. } else {
  594. alert('上传失败');
  595. }
  596. }
  597. });
  598. });
  599. $('#button-clear').on('click', function() {
  600. $(element).find('img').attr('src', $(element).find('img').attr('data-placeholder'));
  601. $(element).parent().find('input').attr('value', '');
  602. $(element).popover('hide');
  603. });
  604. });
  605. })
  606. </script>
  607. </block>
  608. </body>
  609. </html>