qualification.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  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">#qualification{padding-bottom:20px;background:#fff}#qualification .example{color:#00f;margin-left:10px;margin-right:10px;cursor:pointer}#qualification .example:hover+span{display:inline}#qualification .example+span{display:none;color:red}#qualification .image-btn{margin-top:40px}#qualification .upload-btn{margin-top:10px}#qualification label{color:#626262}#qualification input[type=text]{border-color:#e5e5e5;color:#545454}#qualification h4{margin-left:20px;margin-right:20px;border-bottom:1px solid #ccc;padding:10px 20px 10px 0;margin-bottom:30px}#qualification h4 span{display:inline-block;width:6px;height:20px;background:#fd7c6d;vertical-align:middle;margin-right:5px}#qualification .submit-btn{margin-right:50px;margin-bottom:180px;width:148px;height:40px;background:#fe7c6d;border:none}#qualification .logo-error li{display:inline-block;width:30%;vertical-align:top;cursor:pointer}#qualification .logo-error li img{width:80%}</style>
  21. <style type="text/css">.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>
  22. <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>
  23. </head>
  24. <body>
  25. <include file="Zhaoshang:header_fetch" />
  26. <div> <div class="container"> <ul class="navigation">
  27. <li> <i>1</i> <span>个人/企业信息填写</span> </li>
  28. <li class="current"> <i>2</i> <span>店铺信息填写</span>
  29. </li> <li> <i>3</i> <span>资质审核</span> </li> <li> <i>4</i> <span>签约打款</span> </li> <li> <i>5</i> <span>入驻成功</span> </li> </ul>
  30. <!--v-component--> <div id="qualification"> <h4><span></span>店铺管理人基本信息 </h4>
  31. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>店铺名称:</label>
  32. <div class="col-lg-6"> <input type="text" id="store_name" name="store_name" class="form-control" placeholder="请输入店铺名称"> </div>
  33. </div>
  34. <div class="form-group row">
  35. <div class="col-lg-8 col-lg-offset-3">
  36. <p class="pdd-tips"> 注:个人店铺名称禁止出现<span style="color:red">旗舰、专卖、专营、官方、直营、官、官方认证、官方授权、商城、商店、企业、特卖、折扣
  37. </span>等关键词,否则入驻会被驳回;</p><!--v-if--> <!--v-if--> <!--v-if--> <!--v-if--> <!--v-if--> </div> </div> <div class="form-group row">
  38. <label class="col-lg-3 control-label text-right">
  39. <i class="must">*</i>店铺logo:</label>
  40. <div class="col-lg-9" id="shop-image-row7">
  41. <div class="col-lg-4" id="image-row7">
  42. <a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image7" num="7">
  43. <img osctype="shop_image7" src="__PUBLIC__/image/addphone.png" />
  44. </a>
  45. <input osctype="shop_image_input7" type="hidden" name="id_card_half" value="" id="input-image7" />
  46. </div>
  47. </div>
  48. <div class="col-lg-9 col-lg-offset-3">
  49. <p class="pdd-tips">注:正方形图片(尺寸为300*300)。请务必使用自己的店铺logo</p> </div>
  50. <div class="col-lg-9 col-lg-offset-3"> <p class="pdd-tips">出现以下几类logo,审核时将会被驳回:</p> </div>
  51. <div class="col-lg-9 col-lg-offset-3"> <ul class="logo-error"> <!--v-for-start-->
  52. <li><p style="color:blue" title="点击查看图片">1、内容上直接使用实物照片</p><!--v-if-->
  53. </li><li><p style="color:blue" title="点击查看图片">2、网上下载未经处理的图片</p><!--v-if--></li>
  54. <li><p style="color:blue" title="点击查看图片">3、出现广告语</p><!--v-if--></li><li><p style="color:blue" title="点击查看图片">4、使用未经授权的他人品牌</p>
  55. <!--v-if--></li><li><p style="color:blue" title="点击查看图片">5、出现第三方电商平台信息</p><!--v-if--></li>
  56. <li><p style="color:blue" title="点击查看图片">6、使用其他logo</p>
  57. </li>
  58. </ul>
  59. </div>
  60. </div>
  61. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>主营类目:</label>
  62. <div class="col-lg-6">
  63. <select id="category" class="form-control">
  64. <?php foreach($goods_category as $category){ ?>
  65. <option value="<?php echo $category['id']; ?>"><?php echo $category['name']; ?></option>
  66. <?php } ?>
  67. </select>
  68. </div>
  69. </div>
  70. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>所在城市:</label>
  71. <div class="col-lg-6"> <input type="text" id="city_name" name="city_name" class="form-control" placeholder="请输入所在城市"> </div>
  72. </div>
  73. <div class="form-group row"> <label class="col-lg-3 control-label text-right"><i class="must">*</i>店铺详情:</label>
  74. <div class="col-lg-6"> <textarea class="form-control" rows="3" id="store_descript" placeholder="介绍此店铺专营类目及特色"></textarea> </div> </div>
  75. <div class="form-group row"> <div class="col-lg-offset-3"> <p class="pdd-tips">1)个人店铺不能出现
  76. <span style="color:red">厂家直营、直销、批发零售、涉及品牌、个人联系方式或者第三方平台的信息</span></p> <p class="pdd-tips">2) 企业店铺不能出现
  77. <span style="color:red">批发零售、个人联系方式或者第三方平台的信息</span></p> <p class="pdd-tips">3)详情不超过200字</p> </div> </div>
  78. <h4></h4>
  79. <div class="form-group row"> <div class="col-lg-offset-3 col-lg-6">
  80. <button type="button" id="submit" class="btn pdd-danger submit-btn">提交</button> </div> </div> </div> </div><!--v-component-->
  81. </div>
  82. <block name="javascript">
  83. <script src="__PUBLIC__/fileupload/jquery.ui.widget.js"></script>
  84. <script src="__PUBLIC__/fileupload/jquery.fileupload.js"></script>
  85. <script src="__PUBLIC__/js/moment/moment.js"></script>
  86. <script src="__PUBLIC__/js/moment/locale/zh-cn.js"></script>
  87. <script>
  88. $(function(){
  89. $('#submit').click(function(){
  90. var store_name = $('#store_name').val();
  91. var store_logo = $('#input-image7').val();
  92. var store_category = $('#category').val();
  93. var store_descript= $('#store_descript').val();
  94. var city_name = $('#city_name').val();
  95. if(store_name == '')
  96. {
  97. alert('请填写店铺名称');
  98. return false;
  99. }
  100. if(store_logo == '')
  101. {
  102. alert('请上传店铺logo');
  103. return false;
  104. }
  105. if(city_name == '')
  106. {
  107. alert('请填写所在城市');
  108. return false;
  109. }
  110. if(store_descript == '')
  111. {
  112. alert('请填写店铺详情');
  113. return false;
  114. }
  115. var data_obj = {};
  116. data_obj.store_name = store_name;
  117. data_obj.store_logo = store_logo;
  118. data_obj.store_category = store_category;
  119. data_obj.store_descript = store_descript;
  120. data_obj.city_name = city_name;
  121. $.ajax({
  122. url:"{$next_url}",
  123. type:'post',
  124. data:data_obj,
  125. dataType:'json',
  126. success:function(ret){
  127. if(ret.code == 1)
  128. {
  129. alert('提交成功');
  130. location.href = "{:U('Zhaoshang/resultCheck')}";
  131. return false;
  132. }else {
  133. alert(ret.msg);
  134. return false;
  135. }
  136. }
  137. })
  138. })
  139. })
  140. </script>
  141. <script>
  142. $(function(){
  143. $(document).delegate('a[data-toggle="image"]', 'click', function(e) {
  144. e.preventDefault();
  145. var index=$(this).attr('num');
  146. var type=$(this).attr('type');
  147. var element = this;
  148. if(index==undefined){
  149. $(element).popover({
  150. html: true,
  151. placement: 'right',
  152. trigger: 'manual',
  153. content: function() {
  154. 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>';
  155. }
  156. });
  157. }else{
  158. $(element).popover({
  159. html: true,
  160. placement: 'right',
  161. trigger: 'manual',
  162. content: function() {
  163. return '<button type="button" n="'+index+'" t="'+type+'" class="btn btn-primary button-image"><i class="icon-edit"></i>上传</button> ';
  164. }
  165. });
  166. }
  167. $(element).popover('toggle');
  168. $('.button-image').on('click', function() {
  169. $('#modal-image').remove();
  170. $('#form-upload').remove();
  171. var i=$(this).attr('n');
  172. var type=$(this).attr('t');
  173. $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input osctype="btn_upload_image" type="file" name="file" /></form>');
  174. $('#form-upload input[name="file"]').trigger('click');
  175. $(element).popover('hide');
  176. $('[osctype="btn_upload_image"]').fileupload({
  177. dataType: 'json',
  178. url: "{:U('Image/upload_image/dir')}"+'/'+type,
  179. add: function(e, data) {
  180. $parent = $('#image-row'+i);
  181. $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
  182. $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
  183. var old_name='old_'+type+'_image';
  184. data.formData = {old_name:$input.val()};
  185. $img.attr('src', "__IMG__/loading.gif");
  186. data.submit();
  187. },
  188. done: function (e,data) {
  189. var image=data.result;
  190. $parent = $('#'+type+'-image-row'+i);
  191. $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
  192. $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
  193. if(image) {
  194. // $img.prev('i').hide();
  195. $img.attr('src', '__ROOT__/'+image.image_thumb);
  196. $img.show();
  197. $input.val(image.image);
  198. } else {
  199. alert('上传失败');
  200. }
  201. }
  202. });
  203. });
  204. $('#button-clear').on('click', function() {
  205. $(element).find('img').attr('src', $(element).find('img').attr('data-placeholder'));
  206. $(element).parent().find('input').attr('value', '');
  207. $(element).popover('hide');
  208. });
  209. });
  210. })
  211. </script>
  212. </block>
  213. </body>
  214. </html>