Головна сторінка Огляд Довідка
Реєстрація Увійти
wangyong
/
shiziyu18
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Дерево: 96b5392c58
Гілки Теги
shiziyu18
/
Themes
/
Home
/
default
/
Zhaoshang
/
iddentry.html

iddentry.html 30 KB
Історія Запис

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5.     <meta charset="utf-8">
    6. 

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7. 

  7.     <title>商家入驻</title>
    8. 

  8.     <meta name="keywords" content="商家入驻">
    9. 

  9.     <meta name="description" content="">
    10. 

  10.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    11. 

  11. 	<link href="__PUBLIC__/pinduoduo/assets/css/common_8f20fc.css" rel="stylesheet">
    12. 

  12. 	<link href="__PUBLIC__/pinduoduo/assets/css/index_71bf9f.css" rel="stylesheet">
    13. 

  13. 	<script src="__PUBLIC__/js/jquery/jquery-2.0.3.min.js"></script>
    14. 

  14. 	<script src="__PUBLIC__/js/jquery/jquery-migrate-1.2.1.min.js"></script>
    15. 

  15. 	<script src="__PUBLIC__/js/bootstrap.min.js"></script>
    16. 

  16. 	<script src="__PUBLIC__/js/typeahead-bs2.min.js"></script>
    17. 

  17. 	<style type="text/css">.nb-modal{display:block}</style>
    18. 

  18. 	<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>
    19. 

  19. 	<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>
    20. 

  20. 	<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>
    21. 

  21. 

  22. 	<style type="text/css">.login-view{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99}.login-view .mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:99999;background:#000;opacity:.6}.login-view .login-content{position:relative;margin:auto;background:#fff;margin-top:200px;border-radius:5px;padding:20px 60px;width:450px;height:365px;z-index:999999}.login-view .login-content input[type=text]{height:40px}.login-view .login-content .login-close{position:absolute;right:17px;top:11px;color:#bfbfbf}.login-view .login-content .login-close:hover{cursor:pointer}.login-view .login-content #code{margin-left:0;background:#bfbfbf;padding:0;border:0;width:150px;border-radius:0}.login-view .login-content #code.code-normal{background:#fe7c6d}.login-view .login-content #captchaCode{cursor:pointer}.login-view .login-content #captchaCode input{border-radius:0;height:40px;width:182px;border-right:none}.login-view .login-content #captchaCode img{width:100px;height:40px;border:none}.login-view .login-content #captchaCode span{display:inline-block;vertical-align:middle;font-size:13px;margin-left:5px;color:#fe7c6d}.login-view .login-content #code-input{border-radius:0;height:40px;width:180px;border-right:none}.login-view .login-content button{width:300px;height:34px;margin-left:10px;height:40px;padding:0;border-radius:0;background:#fe7c6d;color:#fff;border-radius:5px}</style>
    23. 

  23. 	<style type="text/css">#index{max-width:1170px;margin-left:auto;margin-right:auto;margin-top:103px}#index .video{width:321px;height:auto;margin-left:56px}#index .video:hover{cursor:pointer}#index .index-navigation{position:absolute;top:103px;left:0;height:48px;background:#ed445b;z-index:2;width:100%}#index .mall-banner{position:relative;width:100%;height:276px;margin-bottom:20px}#index .mall-banner img{width:1170px;margin:auto;display:block}#index .mall-banner .join{position:absolute;height:40px;width:145px;background:#ff5453;bottom:40px;left:510px;z-index:22}#index .mall-banner .join:focus{outline:none}#index .mall-banner a{position:absolute;left:525px;bottom:24px;color:#464442;text-decoration:underline}#index ul{position:relative;left:0;top:0;z-index:22;width:1170px;margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-bottom:0}#index ul li{float:left;height:48px;line-height:48px;text-align:center;width:118px;color:#fff;font-size:16px}#index ul li.active{background:#d53758;color:#fff}#index ul li:hover{cursor:pointer}#index button{border:none;background:#d12129;color:#fff;padding:10px 15px;margin-top:20px;margin-bottom:10px;border-radius:5px;margin-right:10px}#index .tip{background:#fff}#index .tip .login-group{width:1024px;margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index ol{margin-bottom:0}#index ol a{color:#d12129;font-weight:700}#index ol em{font-style:normal;color:#337ab7}#index ol li{text-indent:2em;font-size:18px;margin-left:40px}</style>
    24. 

  24. 	<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>
    25. 

  25. 	<style type="text/css">#idd-entry{background:#fff}#idd-entry .image-btn{margin-top:40px}#idd-entry label{color:#626262}#idd-entry input[type=text]{border-color:#e5e5e5;color:#545454}#idd-entry h4{margin-left:20px;margin-right:20px;border-bottom:1px solid #ccc;padding:10px 20px 10px 0;margin-bottom:30px}#idd-entry h4 span{display:inline-block;width:6px;height:20px;background:#fd7c6d;vertical-align:middle;margin-right:5px}#idd-entry .submit-btn{margin-right:50px;margin-bottom:180px;width:148px;height:40px;background:#fe7c6d;border:none}</style>
    26. 

  26. 	<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>
    27. 

  27. 	<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>
    28. 

  28. 	<style type="text/css">#price-modal table{margin-bottom:20px}#price-modal table td,#price-modal table th{text-align:center;padding:5px 10px}</style>
    29. 

  29. 	<style type="text/css">.form_datetime,.form_datetime2{background:#fff!important}</style>
    30. 

  30. 	<style>
    31. 

  31. 	.img-thumbnail{border:none;}
    32. 

  32. 	</style>
    33. 

  33. </head>
    34. 

  34. <body>
    35. 

  35. <include file="Zhaoshang:header_fetch" />
    36. 

  36. 

  37. <div> <div class="container"> 
    38. 

  38. 	<ul class="navigation" mobile="15159513836"> 
    39. 

  39. 		<li class="current"> <i>1</i> <span>个人/企业信息填写</span> </li> 
    40. 

  40. 		<li> <i>2</i> <span>店铺信息填写</span> </li> 
    41. 

  41. 		<li> <i>3</i> <span>资质审核</span> </li> 
    42. 

  42. 		<li> <i>4</i> <span>签约打款</span> </li> 
    43. 

  43. 		<li> <i>5</i> <span>入驻成功</span> </li> 
    44. 

  44. 	</ul><!--v-component--> 
    45. 

  45. 	<div id="idd-entry"> 
    46. 

  46. 		<h4><span></span>店铺管理人基本信息 </h4> 
    47. 

  47. 		<div class="form-group row"> 
    48. 

  48. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人姓名:</label> 
    49. 

  49. 			<div class="col-lg-5"> <input type="text" class="form-control" id="admin_real_name" name="admin_real_name" placeholder="请输入管理人的真实姓名"> </div> 
    50. 

  50. 		</div> 
    51. 

  51. 		<div class="form-group row"> 
    52. 

  52. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人邮箱:</label> 
    53. 

  53. 			<div class="col-lg-5"> <input type="text" class="form-control" id="admin_email" name="admin_email" placeholder="请输入常用邮箱，便于审核信息及后期规则的及时送达"> </div> 
    54. 

  54. 		</div> 
    55. 

  55. 		<div class="form-group row"> 
    56. 

  56. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>管理人手机号:</label> 
    57. 

  57. 			<div class="col-lg-5"> <input type="text" id="admin_mobile" name="admin_mobile" class="form-control" placeholder="请输入管理人常用手机号，不支持座机号"> </div> 
    58. 

  58. 		</div> 
    59. 

  59. 		<div class="form-group row"> 
    60. 

  60. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>再次输入管理人手机号:</label> 
    61. 

  61. 			<div class="col-lg-5"> <input type="text" id="re_admin_mobile" name="re_admin_mobile" class="form-control" placeholder="请再次输入手机号码"> </div> 
    62. 

  62. 		</div> 
    63. 

  63. 		<div class="col-lg-offset-3 col-lg-8"> <p style="color:red">注：此手机号为商家首次登陆后台的账号，提现接收验证码的初始手机号</p> </div> 
    64. 

  64. 		<div class="form-group row"> 
    65. 

  65. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>身份证号:</label> 
    66. 

  66. 			<div class="col-lg-5"> <input type="text" id="id_card" name="id_card" class="form-control" placeholder="请输入管理人的证件号（身份证、护照、军官证等均可）"> </div> 
    67. 

  67. 		</div> 
    68. 

  68. 		<div class="col-lg-offset-3 col-lg-8"> 
    69. 

  69. 			<p style="color:red">注：请确认您的身份证号码填写无误，该身份证号必须与您上传的身份证照片一致</p> 
    70. 

  70. 		</div> 
    71. 

  71. 		<div class="form-group row"> 
    72. 

  72. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>紧急联系人名称:</label> 
    73. 

  73. 			<div class="col-lg-5"> <input type="text" id="jinji_username" name="jinji_username" class="form-control" placeholder="紧急联系人与管理人不能为同一人"> </div> 
    74. 

  74. 		</div> 
    75. 

  75. 		<div class="form-group row"> 
    76. 

  76. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>紧急联系人手机号码:</label> 
    77. 

  77. 			<div class="col-lg-5"> <input type="text" id="jinji_mobile" name="jinji_mobile" class="form-control" placeholder="紧急联系人手机号不能与管理人手机号相同"> </div> 
    78. 

  78. 		</div> 
    79. 

  79. 		<div class="form-group row"> 
    80. 

  80. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>再次输入紧急联系人手机号码:</label> 
    81. 

  81. 			<div class="col-lg-5"> <input type="text" id="rejinji_mobile" name="rejinji_mobile" class="form-control" placeholder="请输入紧急联系人手机号码"> </div> 
    82. 

  82. 		</div> 
    83. 

  83. 		<div class="form-group row"> 
    84. 

  84. 			<label class="col-lg-3 control-label text-right"><i class="must">*</i>开店性质:</label> 
    85. 

  85. 			<div class="col-lg-4"> <!--v-for-start-->
    86. 

  86. 				<div class="col-lg-6"> 
    87. 

  87. 					<input type="radio" name="jiny_type" id="0one" value="1"> <label for="0one">海淘</label> 
    88. 

  88. 				</div>
    89. 

  89. 				<div class="col-lg-6"> <input type="radio" name="jiny_type" id="1one" value="2" checked> <label for="1one">非海淘</label> </div>
    90. 

  90. 				<!--v-for-end--> 
    91. 

  91. 			</div> 
    92. 

  92. 			<div class="col-lg-offset-3 col-lg-8"> 
    93. 

  93. 				<p>注：</p> <p>1、海淘类店铺可销售进口、直邮、直供等海外商品，非海淘类店铺可销售进口、国内商品</p> 
    94. 

  94. 				<p>2、店铺性质会选择影响到后期可售商品的类型及经营范围，具体可见<a target="_blank" href="#!/zhaoshang/problem">《常见问题解答》</a></p> 
    95. 

  95. 				<p style="color:red">3、目前只允许企业店铺经营酒类，个人店铺不可经营酒类</p> 
    96. 

  96. 			</div> 
    97. 

  97. 		</div>
    98. 

  98. 		<div class="form-group row"> 
    99. 

  99. 			<div class="col-lg-offset-3 col-lg-9"> <!--v-for-start--><!--v-for-end--> </div> 
    100. 

  100. 		</div> <!--v-if--> 
    101. 

  101. 		<div class="form-group row"> 
    102. 

  102. 			<div class="col-lg-8 col-lg-offset-3"> <!--v-start--><!--v-if--><!--v-end--><!--v-component--> </div> 
    103. 

  103. 		</div> 
    104. 

  104. 		<h4><span></span>店铺管理人基本信息<small> (注：上传的相片，横图长宽像素最大为1000*700，竖图长宽像素最大为1000*1400，图片大小在5M以内)</small> </h4> 
    105. 

  105. 		<div class="form-group row"> 
    106. 

  106. 			<label class="col-lg-3 control-label text-right">
    107. 

  107. 				<i class="must">*</i>身份证正面:</label> 
    108. 

  108. 				<div class="col-lg-9" id="shop-image-row4"> 
    109. 

  109. 					<div class="col-lg-2" id="image-row4"> 
    110. 

  110. 						<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image4" num="4">
    111. 

  111. 							<img osctype="shop_image4" src="__PUBLIC__/image/addphone.png" />
    112. 

  112. 						</a>
    113. 

  113. 						<input osctype="shop_image_input4" type="hidden" name="id_card" value="" id="input-image4" />	
    114. 

  114. 					</div> 
    115. 

  115. 				</div> 
    116. 

  116. 		</div> 
    117. 

  117. 		<div class="form-group row"> 
    118. 

  118. 			<label class="col-lg-3 control-label text-right">
    119. 

  119. 			<i class="must">*</i>身份证反面:</label> 
    120. 

  120. 			<div class="col-lg-9" id="shop-image-row5"> 
    121. 

  121. 					<div class="col-lg-2" id="image-row5"> 
    122. 

  122. 						<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image5" num="5">
    123. 

  123. 							<img osctype="shop_image5" src="__PUBLIC__/image/addphone.png" />
    124. 

  124. 						</a>
    125. 

  125. 						<input osctype="shop_image_input5" type="hidden" name="id_card" value="" id="input-image5" />	
    126. 

  126. 					</div> 
    127. 

  127. 			</div> 
    128. 

  128. 			
    129. 

  129. 		</div> 
    130. 

  130. 						<div class="form-group row"> 
    131. 

  131. 							<label class="col-lg-3 control-label text-right"><i class="must">*</i>身份证号有效期:</label> 
    132. 

  132. 								<div class="col-lg-2" style="width:205px"> 
    133. 

  133. 									<div> 
    134. 

  134. 									<input size="16" id="begin_time"  type="text"  class="form-control form_datetime datetimepicker" placeholder="请选择时间"> 
    135. 

  135. 									</div>
    136. 

  136. 								</div> 
    137. 

  137. 							<div class="pull-left" style="margin-top:5px"> <span>至</span> </div> 
    138. 

  138. 							<div class="col-lg-2" style="width:205px"> 
    139. 

  139. 								<div> 
    140. 

  140. 									<input size="16" type="text" id="end_time" class="form-control form_datetime" placeholder="请选择时间"> 
    141. 

  141. 								</div>
    142. 

  142. 							</div> 
    143. 

  143. 						</div> 
    144. 

  144. 						
    145. 

  145. 						<div class="form-group row"> 
    146. 

  146. 						<label class="col-lg-3 control-label text-right"><i class="must">*</i>手持身份证头部照片:</label> 
    147. 

  147. 						<div class="col-lg-9" id="shop-image-row6"> 
    148. 

  148. 							<div class="col-lg-4" id="image-row6"> 
    149. 

  149. 								<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image6" num="6">
    150. 

  150. 									<img osctype="shop_image6" src="__PUBLIC__/image/addphone.png" />
    151. 

  151. 								</a>
    152. 

  152. 								<input osctype="shop_image_input6" type="hidden" name="id_card_back" value="" id="input-image6" />	
    153. 

  153. 							</div>  
    154. 

  154. 							
    155. 

  155. 							<div class="col-lg-1"> <span><label class="control-label pdd-tips">示例：</label></span> </div> <div class="col-lg-2"> <div class="row"> 
    156. 

  156. 						
    157. 

  157. 						<img class="col-md-12" style="width:150px;height:auto" src="__PUBLIC__/image/person1_3491e3.png"> </div> </div> <div class="col-lg-4"> <ul> <li><label class="control-label pdd-tips">1、请手持本人身份证</label></li> <li><label class="control-label pdd-tips">2、照片需免冠，建议素颜</label></li> <li><label class="control-label pdd-tips">3、必须看清证件号码且证件号码不能被遮挡</label></li> <li><label class="control-label pdd-tips">4、照片必须支持jpg、png格式</label></li> </ul> </div> 
    158. 

  158. 						</div> 
    159. 

  159. 						</div> 
    160. 

  160. 						<div class="form-group row"> 
    161. 

  161. 							<label class="col-lg-3 control-label text-right">
    162. 

  162. 								<i class="must">*</i>半身照片:
    163. 

  163. 							</label> 
    164. 

  164. 							<div class="col-lg-9" id="shop-image-row7"> 
    165. 

  165. 								<div class="col-lg-4" id="image-row7"> 
    166. 

  166. 									<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image7" num="7">
    167. 

  167. 										<img osctype="shop_image7" src="__PUBLIC__/image/addphone.png" />
    168. 

  168. 									</a>
    169. 

  169. 									<input osctype="shop_image_input7" type="hidden" name="id_card_half" value="" id="input-image7" />	
    170. 

  170. 								</div>
    171. 

  171. 								<div class="col-md-1"> <span><label class="control-label pdd-tips">示例：</label></span> </div> 
    172. 

  172. 								<div class="col-lg-2"> 
    173. 

  173. 									<div class="row"> 
    174. 

  174. 										<img class="col-md-12" style="width:150px;height:auto" src="__PUBLIC__/image/person2_5635de.png"> 
    175. 

  175. 									</div> 
    176. 

  176. 								</div> 
    177. 

  177. 								
    178. 

  178. 								<div class="col-lg-4"> 
    179. 

  179. 									<ul> <li><label class="control-label pdd-tips">1、请手持本人身份证</label></li> 
    180. 

  180. 									<li><label class="control-label pdd-tips">2、照片需免冠，建议素颜</label></li> 
    181. 

  181. 									<li><label class="control-label pdd-tips">3、必须看清证件号码且证件号码不能被遮挡</label></li> 
    182. 

  182. 									<li><label class="control-label pdd-tips">4、照片必须支持jpg、png格式</label></li> 
    183. 

  183. 									</ul> 
    184. 

  184. 								</div> 
    185. 

  185. 							</div> 
    186. 

  186. 						</div> 
    187. 

  187. 						
    188. 

  188. 						<div class="form-group row"> 
    189. 

  189. 							<label class="col-lg-3 control-label text-right">商标注册证明:</label> 
    190. 

  190. 							<div class="col-lg-9"> <label class="control-label pdd-tips">(可选) </label> </div> 
    191. 

  191. 							<div class="col-lg-9 col-lg-offset-3" id="shop-image-row8"> 
    192. 

  192. 								<div class="col-lg-4" id="image-row8"> 
    193. 

  193. 									<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image8" num="8">
    194. 

  194. 										<img osctype="shop_image8" src="__PUBLIC__/image/addphone.png" />
    195. 

  195. 									</a>
    196. 

  196. 									<input osctype="shop_image_input8" type="hidden" name="shangbiao" value="" id="input-image8" />	
    197. 

  197. 								</div>
    198. 

  198. 							</div> 
    199. 

  199. 						</div> 
    200. 

  200. 						
    201. 

  201. 						<div class="form-group row"> 
    202. 

  202. 							<label class="col-lg-3 control-label text-right">品牌授权证明:</label> 
    203. 

  203. 							<div class="col-lg-9"> <label class="control-label pdd-tips">(可选) </label> </div> 
    204. 

  204. 							<div class="col-lg-9 col-lg-offset-3" id="shop-image-row9">  
    205. 

  205. 								<div class="col-lg-4" id="image-row9"> 
    206. 

  206. 									<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image9" num="9">
    207. 

  207. 										<img osctype="shop_image9" src="__PUBLIC__/image/addphone.png" />
    208. 

  208. 									</a>
    209. 

  209. 									<input osctype="shop_image_input9" type="hidden" name="pingpai" value="" id="input-image9" />	
    210. 

  210. 								</div>
    211. 

  211. 							</div> 
    212. 

  212. 						</div> 
    213. 

  213. 						
    214. 

  214. 						<div class="form-group row"> 
    215. 

  215. 							<label class="col-lg-3 control-label text-right">质检报告:</label> 
    216. 

  216. 							<div class="col-lg-9"> <label class="control-label pdd-tips">(可选) </label> </div> 
    217. 

  217. 							<div class="col-lg-9 col-lg-offset-3" id="shop-image-row10"> 
    218. 

  218. 								<div class="col-lg-4" id="image-row10"> 
    219. 

  219. 									<a href="#" data-toggle="image" class="img-thumbnail" type="shop" id="thumb-image10" num="10">
    220. 

  220. 										<img osctype="shop_image10" src="__PUBLIC__/image/addphone.png" />
    221. 

  221. 									</a>
    222. 

  222. 									<input osctype="shop_image_input10" type="hidden" name="zhijian" value="" id="input-image10" />	
    223. 

  223. 								</div>
    224. 

  224. 							</div> 
    225. 

  225. 						</div>
    226. 

  226. 						<h4></h4> 
    227. 

  227. 						
    228. 

  228. 						<div class="row clearfix text-center"> 
    229. 

  229. 							<button type="button" class="btn pdd-danger submit-btn" id="next_step">下一步</button> 
    230. 

  230. 						</div> 
    231. 

  231. 						<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> 
    232. 

  232. 						
    233. 

  233. 						<div class="modal-body"> <img alt="" style="width:70%;margin-left:15%;height: auto" src="__PUBLIC__/image/price2_320e32.png"> </div> 
    234. 

  234. 						
    235. 

  235. 						<div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">知道了</button> 
    236. 

  236. 						
    237. 

  237. 						</div> </div> </div> </div> </div> </div><!--v-component--> </div>
    238. 

  238. 						
    239. 

  239. <block name="javascript">
    240. 

  240. <script src="__PUBLIC__/fileupload/jquery.ui.widget.js"></script>
    241. 

  241. <script src="__PUBLIC__/fileupload/jquery.fileupload.js"></script>
    242. 

  242. 

  243. <script src="__PUBLIC__/js/moment/moment.js"></script>
    244. 

  244. <script src="__PUBLIC__/js/moment/locale/zh-cn.js"></script> 
    245. 

  245. 

  246. <script src="__PUBLIC__/js/eonasdan-bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js"></script>
    247. 

  247. <link rel="stylesheet" href="__PUBLIC__/js/bootstrap-timepicker/css/bootstrap-timepicker.css" />
    248. 

  248. <script>
    249. 

  249. 

  250. $(function(){
    251. 

  251. 	$('#next_step').click(function(){
    252. 

  252. 		var admin_real_name = $('#admin_real_name').val();
    253. 

  253. 		var admin_email = $('#admin_email').val();
    254. 

  254. 		var admin_mobile = $('#admin_mobile').val();
    255. 

  255. 		var re_admin_mobile = $('#re_admin_mobile').val();
    256. 

  256. 		var id_card_num = $('#id_card').val();
    257. 

  257. 		var jinji_username = $('#jinji_username').val();
    258. 

  258. 		var jinji_mobile = $('#jinji_mobile').val();
    259. 

  259. 		var rejinji_mobile = $('#rejinji_mobile').val();
    260. 

  260. 		var jiny_type = $('input[name="jiny_type"]:checked ').val();
    261. 

  261. 		var id_card = $('#input-image4').val();
    262. 

  262. 		var id_fan_card = $('#input-image5').val();
    263. 

  263. 		var begin_time = $('#begin_time').val();
    264. 

  264. 		var end_time = $('#end_time').val();
    265. 

  265. 		var id_head_card = $('#input-image6').val();
    266. 

  266. 		var id_half_card = $('#input-image7').val();
    267. 

  267. 		var shangbiao = $('#input-image8').val();	
    268. 

  268. 		var pingpai = $('#input-image9').val();
    269. 

  269. 		var zhijian = $('#input-image10').val();
    270. 

  270. 		
    271. 

  271. 		if(admin_real_name == '')
    272. 

  272. 		{
    273. 

  273. 			alert('请填写管理人姓名');
    274. 

  274. 			return false;
    275. 

  275. 		}
    276. 

  276. 		if(admin_email == '')
    277. 

  277. 		{
    278. 

  278. 			alert('请填写管理人邮箱');
    279. 

  279. 			return false;
    280. 

  280. 		}
    281. 

  281. 		if(admin_mobile == '')
    282. 

  282. 		{
    283. 

  283. 			alert('请填写管理人手机号');
    284. 

  284. 			return false;
    285. 

  285. 		}
    286. 

  286. 		if(admin_mobile != re_admin_mobile)
    287. 

  287. 		{
    288. 

  288. 			alert('两次输入的管理人手机号不一致');
    289. 

  289. 			return false;
    290. 

  290. 		}
    291. 

  291. 		if(id_card_num == '')
    292. 

  292. 		{
    293. 

  293. 			alert('请填写身份证号');
    294. 

  294. 			return false;
    295. 

  295. 		}
    296. 

  296. 		if(jinji_username == '')
    297. 

  297. 		{
    298. 

  298. 			alert('请填写紧急联系人名称');
    299. 

  299. 			return false;
    300. 

  300. 		}
    301. 

  301. 		if(jinji_mobile == '')
    302. 

  302. 		{
    303. 

  303. 			alert('请填写紧急联系人手机号码');
    304. 

  304. 			return false;
    305. 

  305. 		}
    306. 

  306. 		if(jinji_mobile != rejinji_mobile)
    307. 

  307. 		{
    308. 

  308. 			alert('两次输入的紧急联系人手机号不一致');
    309. 

  309. 			return false;
    310. 

  310. 		}
    311. 

  311. 		if(id_card == '')
    312. 

  312. 		{
    313. 

  313. 			alert('请上传身份证正面');
    314. 

  314. 			return false;
    315. 

  315. 		}
    316. 

  316. 		if(id_fan_card == '')
    317. 

  317. 		{
    318. 

  318. 			alert('请上传身份证反面');
    319. 

  319. 			return false;
    320. 

  320. 		}
    321. 

  321. 		
    322. 

  322. 		if(begin_time == '' || end_time == '')
    323. 

  323. 		{
    324. 

  324. 			alert('请填写身份证号有效期');
    325. 

  325. 			return false;
    326. 

  326. 		}
    327. 

  327. 		
    328. 

  328. 		if(id_head_card == '')
    329. 

  329. 		{
    330. 

  330. 			alert('请上传手持身份证头部照片');
    331. 

  331. 			return false;
    332. 

  332. 		}
    333. 

  333. 		if(id_half_card == '')
    334. 

  334. 		{
    335. 

  335. 			alert('请上传半身照片');
    336. 

  336. 			return false;
    337. 

  337. 		}
    338. 

  338. 		
    339. 

  339. 		var dataObj = {};
    340. 

  340. 		dataObj.admin_real_name = admin_real_name;
    341. 

  341. 		dataObj.admin_email = admin_email;
    342. 

  342. 		dataObj.admin_mobile = admin_mobile;
    343. 

  343. 		dataObj.re_admin_mobile = re_admin_mobile;
    344. 

  344. 		dataObj.id_card_num = id_card_num;
    345. 

  345. 		dataObj.jinji_username = jinji_username;
    346. 

  346. 		dataObj.jinji_mobile = jinji_mobile;
    347. 

  347. 		dataObj.rejinji_mobile = rejinji_mobile;
    348. 

  348. 		dataObj.jiny_type = jiny_type;
    349. 

  349. 		dataObj.id_card = id_card;
    350. 

  350. 		dataObj.id_fan_card = id_fan_card;
    351. 

  351. 		dataObj.begin_time = begin_time;
    352. 

  352. 		dataObj.end_time = end_time;
    353. 

  353. 		dataObj.id_head_card = id_head_card;
    354. 

  354. 		dataObj.id_half_card = id_half_card;
    355. 

  355. 		dataObj.shangbiao = shangbiao;
    356. 

  356. 		dataObj.pingpai = pingpai;
    357. 

  357. 		dataObj.zhijian = zhijian;
    358. 

  358. 		
    359. 

  359. 		$.ajax({
    360. 

  360. 			url:'{:U("Zhaoshang/idd_sub")}',
    361. 

  361. 			type:'post',
    362. 

  362. 			dataType:'json',
    363. 

  363. 			data:dataObj,
    364. 

  364. 			dataType:'json',
    365. 

  365. 			success:function(ret){
    366. 

  366. 				if(ret.code == 1)
    367. 

  367. 				{
    368. 

  368. 					alert('提交成功');
    369. 

  369. 					location.href = '{:U("Zhaoshang/idd_qualification")}';
    370. 

  370. 				}
    371. 

  371. 			}
    372. 

  372. 		})
    373. 

  373. 		
    374. 

  374. 		
    375. 

  375. 	});
    376. 

  376. })
    377. 

  377. </script>
    378. 

  378. 

  379. <script>
    380. 

  380. $(function(){
    381. 

  381. 		$('#begin_time').datetimepicker({
    382. 

  382. 		 format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
    383. 

  383. 		 icons: {
    384. 

  384. 			time: 'btn btn-lg icon-time',
    385. 

  385. 			date: 'btn btn-lg icon-calendar',
    386. 

  386. 			up: 'fa icon-chevron-up',
    387. 

  387. 			down: 'fa icon-chevron-down',
    388. 

  388. 			previous: 'fa icon-chevron-left',
    389. 

  389. 			next: 'fa icon-chevron-right',
    390. 

  390. 			today: 'fa icon-arrows ',
    391. 

  391. 			clear: 'fa icon-trash',
    392. 

  392. 			close: 'fa icon-times'
    393. 

  393. 		 }
    394. 

  394. 		});
    395. 

  395. 		
    396. 

  396. 		$('#end_time').datetimepicker({
    397. 

  397. 			 format: 'YYYY/MM/DD H:mm:ss',//use this option to display seconds
    398. 

  398. 			 icons: {
    399. 

  399. 				time: 'btn btn-lg icon-time',
    400. 

  400. 				date: 'btn btn-lg icon-calendar',
    401. 

  401. 				up: 'fa icon-chevron-up',
    402. 

  402. 				down: 'fa icon-chevron-down',
    403. 

  403. 				previous: 'fa icon-chevron-left',
    404. 

  404. 				next: 'fa icon-chevron-right',
    405. 

  405. 				today: 'fa icon-arrows ',
    406. 

  406. 				clear: 'fa icon-trash',
    407. 

  407. 				close: 'fa icon-times'
    408. 

  408. 			 }
    409. 

  409. 			});
    410. 

  410. })
    411. 

  411. $(function(){
    412. 

  412. 	
    413. 

  413. 	$(document).delegate('a[data-toggle="image"]', 'click', function(e) {
    414. 

  414. 		e.preventDefault();
    415. 

  415. 		
    416. 

  416. 		var index=$(this).attr('num');
    417. 

  417. 		var type=$(this).attr('type');
    418. 

  418. 		
    419. 

  419. 		var element = this;
    420. 

  420. 		
    421. 

  421. 		if(index==undefined){
    422. 

  422. 			$(element).popover({
    423. 

  423. 				html: true,
    424. 

  424. 				placement: 'right',
    425. 

  425. 				trigger: 'manual',
    426. 

  426. 				content: function() {
    427. 

  427. 					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>';
    428. 

  428. 				}
    429. 

  429. 			});
    430. 

  430. 		}else{
    431. 

  431. 			$(element).popover({
    432. 

  432. 				html: true,
    433. 

  433. 				placement: 'right',
    434. 

  434. 				trigger: 'manual',
    435. 

  435. 				content: function() {
    436. 

  436. 					return '<button type="button" n="'+index+'" t="'+type+'"  class="btn btn-primary button-image"><i class="icon-edit"></i>上传</button> ';
    437. 

  437. 				}
    438. 

  438. 			});
    439. 

  439. 		}
    440. 

  440. 		
    441. 

  441. 		$(element).popover('toggle');	
    442. 

  442. 		
    443. 

  443. 			
    444. 

  444. 		$('.button-image').on('click', function() {
    445. 

  445. 			$('#modal-image').remove();
    446. 

  446. 			
    447. 

  447. 			$('#form-upload').remove();
    448. 

  448. 			
    449. 

  449. 			var i=$(this).attr('n');
    450. 

  450. 			var type=$(this).attr('t');
    451. 

  451. 						
    452. 

  452. 			$('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input osctype="btn_upload_image" type="file" name="file" /></form>');
    453. 

  453. 	
    454. 

  454. 			$('#form-upload input[name="file"]').trigger('click');
    455. 

  455. 			
    456. 

  456. 			$(element).popover('hide');
    457. 

  457. 			
    458. 

  458. 			$('[osctype="btn_upload_image"]').fileupload({
    459. 

  459. 				
    460. 

  460. 	        	dataType: 'json',
    461. 

  461. 	            url: "{:U('Image/upload_image/dir')}"+'/'+type,
    462. 

  462. 	            add: function(e, data) {
    463. 

  463. 	                $parent = $('#image-row'+i);
    464. 

  464. 	                $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
    465. 

  465. 	                $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
    466. 

  466. 	                var old_name='old_'+type+'_image';
    467. 

  467. 	                data.formData = {old_name:$input.val()};
    468. 

  468. 	                $img.attr('src', "__IMG__/loading.gif");
    469. 

  469. 	                data.submit();
    470. 

  470. 	            },
    471. 

  471. 	            done: function (e,data) {
    472. 

  472. 					
    473. 

  473. 	            	var image=data.result;	            	
    474. 

  474. 	            	
    475. 

  475. 	                $parent = $('#'+type+'-image-row'+i);
    476. 

  476. 	                $input = $parent.find('[osctype="'+type+'_image_input'+i+'"]');
    477. 

  477. 	                $img = $parent.find('[osctype="'+type+'_image'+i+'"]');
    478. 

  478. 	                if(image) {
    479. 

  479. 	                   // $img.prev('i').hide();
    480. 

  480. 	                    $img.attr('src', '__ROOT__/'+image.image_thumb);
    481. 

  481. 	                    $img.show();
    482. 

  482. 	                    $input.val(image.image);
    483. 

  483. 	                } else {
    484. 

  484. 	                    alert('上传失败');
    485. 

  485. 	                }
    486. 

  486. 	            }
    487. 

  487.    		 });
    488. 

  488. 			
    489. 

  489. 		});
    490. 

  490. 	
    491. 

  491. 		$('#button-clear').on('click', function() {
    492. 

  492. 			$(element).find('img').attr('src', $(element).find('img').attr('data-placeholder'));
    493. 

  493. 			
    494. 

  494. 			$(element).parent().find('input').attr('value', '');
    495. 

  495. 	
    496. 

  496. 			$(element).popover('hide');
    497. 

  497. 		});
    498. 

  498. 	});
    499. 

  499. 	
    500. 

  500. })
    501. 

  501. 

  502. </script>
    503. 

  503. 	
    504. 

  504. </block>
    505. 

  505. </body>
    506. 

  506. </html>
    507.