step1.html 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800
  1. {extend name="default/base/base_joinin" /}
  2. {block name="joinin_main"}
  3. <!--{if $Think.config.ds_config.mapak_type eq '1'}-->
  4. <script type="text/javascript">
  5. window._AMapSecurityConfig = {
  6. securityJsCode:"{$Think.config.ds_config.gaode_jscode}",
  7. }
  8. </script>
  9. <script type="text/javascript" src="//webapi.amap.com/maps?v=2.0&key={$Think.config.ds_config.gaode_ak}"></script>
  10. <!--{else}-->
  11. <script type="text/javascript" src="{$Think.HTTP_TYPE}api.map.baidu.com/api?v=2.0&ak={$Think.config.ds_config.baidu_ak}"></script>
  12. <!--{/if}-->
  13. <script>
  14. var local;
  15. var map;
  16. var lst_name='';
  17. function change_map(){
  18. if($("#area_ select:eq(0)").length>0 && $("#area_ select:eq(0) option:selected").val()!=''){
  19. var name=$("#area_ select:eq(0) option:selected").text();
  20. }
  21. if($("#area_ select:eq(1)").length>0 && $("#area_ select:eq(1) option:selected").val()!=''){
  22. var name=$("#area_ select:eq(1) option:selected").text();
  23. }
  24. if($("#area_ select:eq(2)").length>0 && $("#area_ select:eq(2) option:selected").val()!=''){
  25. var name=$("#area_ select:eq(2) option:selected").text();
  26. }
  27. if({$Think.config.ds_config.mapak_type} == '2' ){
  28. if(name!='' && lst_name!=name){
  29. lst_name=name;
  30. map.setCurrentCity(name);
  31. map.centerAndZoom(name,16);
  32. map.clearOverlays();
  33. local.search(name);
  34. }
  35. }
  36. }
  37. $(function(){
  38. if ({$Think.config.ds_config.mapak_type} == '1'){
  39. map = new AMap.Map("allmap", {
  40. resizeEnable: true,
  41. zoom:15
  42. });
  43. //获取用户所在城市信息
  44. AMap.plugin("AMap.CitySearch", function () {
  45. var citySearch = new AMap.CitySearch();
  46. citySearch.getLocalCity(function (status, result) {
  47. if (status === "complete" && result.info === "OK") {
  48. // 查询成功,result即为当前所在城市信息
  49. AMap.plugin("AMap.Geocoder", function () {
  50. var geocoder = new AMap.Geocoder({
  51. // city 指定进行编码查询的城市,支持传入城市名、adcode 和 citycode
  52. city: result.adcode,
  53. });
  54. geocoder.getLocation(result.city, function(status1, result1) {
  55. var location = result1.geocodes[0].location;
  56. var addComp = result1.geocodes[0].addressComponent;
  57. var province = addComp.province;//获取省份
  58. var city = addComp.city;//获取城市
  59. var district = '';//区
  60. var lng = location.lng;
  61. var lat = location.lat;
  62. document.getElementById("longitude").value = lng;
  63. document.getElementById("latitude").value = lat;
  64. //初始化定位
  65. var marker = new AMap.Marker({
  66. position: new AMap.LngLat(lng, lat),
  67. icon: '//api.map.baidu.com/images/marker_red_sprite.png',
  68. zoom: 15
  69. });
  70. map.add(marker);
  71. map.panTo([lng, lat]);
  72. //搜索定位
  73. AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], function(){
  74. var auto = new AMap.AutoComplete({input:"company_address_detail"});
  75. var placeSearch = new AMap.PlaceSearch({
  76. map: map
  77. }); //构造地点查询类
  78. auto.on("select", select);//注册监听,当选中某条记录时会触发
  79. function select(e) {
  80. placeSearch.setCity(e.poi.adcode);
  81. placeSearch.search(e.poi.name); //关键字查询查询
  82. }
  83. });
  84. //点击定位
  85. map.on('click', function(e) {
  86. document.getElementById("longitude").value = e.lnglat.getLng();
  87. document.getElementById("latitude").value = e.lnglat.getLat();
  88. if(marker){
  89. map.remove(marker);
  90. }
  91. marker = new AMap.Marker({
  92. position: new AMap.LngLat(e.lnglat.getLng(), e.lnglat.getLat()),
  93. icon: '//api.map.baidu.com/images/marker_red_sprite.png',
  94. anchor: 'bottom-center',
  95. zoom: 15
  96. });
  97. map.add(marker);
  98. });
  99. });
  100. });
  101. }
  102. });
  103. });
  104. }else{
  105. map = new BMap.Map("allmap");
  106. var geolocation = new BMap.Geolocation();
  107. geolocation.getCurrentPosition(function (r) {
  108. if (this.getStatus() == BMAP_STATUS_SUCCESS) {
  109. var lng = r.point.lng;
  110. var lat = r.point.lat;
  111. var point = new BMap.Point(lng, lat);
  112. map.centerAndZoom(point, 16);
  113. map.addControl(new BMap.NavigationControl());
  114. map.enableScrollWheelZoom();
  115. var marker = new BMap.Marker(point); // 创建标注
  116. map.addOverlay(marker); // 将标注添加到地图中
  117. marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  118. document.getElementById("longitude").value = lng;
  119. document.getElementById("latitude").value = lat;
  120. } else {
  121. layer.msg('failed' + this.getStatus());
  122. }
  123. }, {enableHighAccuracy: true})
  124. var options = {
  125. onSearchComplete: function(results){
  126. // 判断状态是否正确
  127. if (local.getStatus() == BMAP_STATUS_SUCCESS){
  128. if(results.getCurrentNumPois()>0){
  129. map.clearOverlays(); //清除标注 或者可以把market 放入数组
  130. var point = new BMap.Point(results.getPoi(0).point.lng , results.getPoi(0).point.lat);
  131. var marker = new BMap.Marker(point);
  132. map.centerAndZoom(point, 16);
  133. map.addOverlay(marker);
  134. marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  135. document.getElementById("longitude").value = results.getPoi(0).point.lng;
  136. document.getElementById("latitude").value = results.getPoi(0).point.lat;
  137. }
  138. }
  139. }
  140. };
  141. local = new BMap.LocalSearch(map, options);
  142. map.addEventListener("click", function(e){
  143. // alert(e.point.lng + ", " + e.point.lat);
  144. map.clearOverlays(); //清除标注 或者可以把market 放入数组
  145. var point = new BMap.Point(e.point.lng , e.point.lat);
  146. var marker = new BMap.Marker(point);
  147. map.addOverlay(marker);
  148. marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  149. document.getElementById("longitude").value = e.point.lng;
  150. document.getElementById("latitude").value = e.point.lat;
  151. });
  152. }
  153. })
  154. </script>
  155. <div class="breadcrumb"><span class="iconfont">&#xe6ff;</span><span><a href="">{$Think.lang.homepage}</a></span> <span class="arrow">></span> <span>{$Think.lang.merchant_entry_application}</span> </div>
  156. <div class="main" >
  157. <div class="sidebar">
  158. <div class="title">
  159. <h3>{$Think.lang.merchant_entry_application}</h3>
  160. </div>
  161. <div class="content">
  162. <dl>
  163. <dt class="{if $sub_step=='step0'}current{/if}"> <i class="right"></i>{$Think.lang.enter_agreement}</dt>
  164. </dl>
  165. <dl show_id="0">
  166. <dt onclick="show_list('0');" style="cursor: pointer;"> <i class="down"></i>{$Think.lang.submit_application}</dt>
  167. <dd>
  168. <ul>
  169. <li class="{if $sub_step == 'step1'}current{/if}"><i></i>{$Think.lang.store_qualification_information}</li>
  170. <li class="{if $sub_step == 'step2'}current{/if}"><i></i>{$Think.lang.financial_qualification_information}</li>
  171. <li class="{if $sub_step == 'step3'}current{/if}"><i></i>{$Think.lang.store_operation_information}</li>
  172. </ul>
  173. </dd>
  174. </dl>
  175. <dl>
  176. <dt class="{if $sub_step == 'pay'}current{/if}"> <i class="right"></i>{$Think.lang.contract_signing_payment}</dt>
  177. </dl>
  178. <dl>
  179. <dt> <i class="right"></i>{$Think.lang.store_opening}</dt>
  180. </dl>
  181. </div>
  182. <div class="title">
  183. <h3>{$Think.lang.platform_contact}</h3>
  184. </div>
  185. <div class="content">
  186. <ul>
  187. <li>{$Think.lang.phone}:{$Think.config.ds_config.site_phone}</li>
  188. <li>{$Think.lang.email}:{$Think.config.ds_config.site_email}</li>
  189. </ul>
  190. </div>
  191. </div>
  192. <div class="right-layout">
  193. <div class="joinin-step">
  194. <ul>
  195. <li class="step1 {if $sub_step >= 'step0'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.enter_agreement}</span></li>
  196. <li class="{if $sub_step >= 'step1'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.store_qualification_information}</span></li>
  197. <li class="{if $sub_step >= 'step2'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.financial_qualification_information}</span></li>
  198. <li class="{if $sub_step >= 'step3'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.store_operation_information}</span></li>
  199. <li class="{if $sub_step >= 'step4'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.contract_signing_payment}</span></li>
  200. <li class="step6"><span>{$Think.lang.store_opening}</span></li>
  201. </ul>
  202. </div>
  203. <div class="joinin-concrete">
  204. <!-- 公司信息 -->
  205. <div id="apply_company_info" class="apply-company-info dsm-default-form member_auth">
  206. <div class="alert">
  207. <h4>{$Think.lang.matters_needing_attention}:</h4>
  208. {$Think.lang.upload_information1}</div>
  209. <form id="form_company_info" action="{:url('Sellerjoininc2c/step2')}" method="post" enctype="multipart/form-data" >
  210. <table border="0" cellpadding="0" cellspacing="0" class="all">
  211. <thead>
  212. <tr>
  213. <th colspan="2">{$Think.lang.store_contact_information}</th>
  214. </tr>
  215. </thead>
  216. <tbody>
  217. <tr>
  218. <th><i>*</i>{$Think.lang.offline_store_name}:</th>
  219. <td><input name="company_name" type="text" class="w200"/>
  220. <span></span></td>
  221. </tr>
  222. <tr>
  223. <th><i>*</i>{$Think.lang.location}:</th>
  224. <td id="area_" {if $Think.config.ds_config.mapak_type eq '2'}onclick="change_map()"{/if}>
  225. <input style="width:0;height:26px;border:0;padding:0" type="text" value="" name="company_address" id="company_address">
  226. <input type="hidden" value="" name="province_id" id="_area_1">
  227. <input type="hidden" value="" name="city_id" id="_area_2">
  228. <input type="hidden" value="" name="district_id" id="_area_3">
  229. <span></span></td>
  230. </tr>
  231. <tr>
  232. <th><i>*</i>{$Think.lang.detailed_address}:</th>
  233. <td><input name="company_address_detail" type="text" class="w200" id="company_address_detail" {if $Think.config.ds_config.mapak_type eq '2'}onkeyup="local.search($(this).val());"{/if}>
  234. <span></span>
  235. <div>
  236. <input name="longitude" id="longitude" type="hidden" />
  237. <input name="latitude" id="latitude" type="hidden" />
  238. <div id="allmap" style="width:530px;height: 350px;margin-top: 20px"></div>
  239. </div>
  240. </td>
  241. </tr>
  242. <!-- <tr>-->
  243. <!-- <th><i>*</i>{$Think.lang.contact_name}:</th>-->
  244. <!-- <td><input name="contacts_name" type="text" class="w100" />-->
  245. <!-- <span></span></td>-->
  246. <!-- </tr>-->
  247. <tr>
  248. <th><i>*</i>{$Think.lang.contact_number}:</th>
  249. <td><input name="contacts_phone" type="text" class="w100" />
  250. <span></span></td>
  251. </tr>
  252. <tr>
  253. <th><i>*</i>{$Think.lang.email_address}:</th>
  254. <td><input name="contacts_email" type="text" class="w200" />
  255. <span></span></td>
  256. </tr>
  257. </tbody>
  258. <tfoot>
  259. <tr>
  260. <td colspan="20">&nbsp;</td>
  261. </tr>
  262. </tfoot>
  263. </table>
  264. <table border="0" cellpadding="0" cellspacing="0" class="all">
  265. <thead>
  266. <tr>
  267. <th colspan="20">{$Think.lang.identification_information}</th>
  268. </tr>
  269. </thead>
  270. <tbody>
  271. <tr>
  272. <th><i>*</i>姓名:</th>
  273. <td><input name="contacts_name" type="text" class="w100" />
  274. <span></span></td>
  275. </tr>
  276. <tr>
  277. <th><i>*</i>{$Think.lang.identification_number}:</th>
  278. <td><input name="business_licence_number" type="text" class="w200" />
  279. <span></span></td>
  280. </tr>
  281. <tr>
  282. <th><i>*</i>{$Think.lang.identification_photo}:</th>
  283. <td>
  284. <dl>
  285. <dd>
  286. <div>
  287. <div class='image-wrapper'>
  288. <div class="dssc-upload-thumb">
  289. <p>
  290. <img onclick='openPhoto("img_member_idcard_image2_url")'
  291. src="{$Think.BASE_SITE_ROOT}/static/home/images/member_idcard_image2.png"
  292. id="img_member_idcard_image2_url"/>
  293. </p>
  294. <a href="javascript:dropImage3('member_idcard_image2')" class="drop-btn iconfont">&#xe6e6;</a>
  295. </div>
  296. <div class="dsm-upload-btn">
  297. <a href="javascript:void(0);">
  298. <span><input type="file" hidefocus="true" size="1" class="input-file"
  299. name="member_idcard_image2_url" id="member_idcard_image2_url"
  300. accept="image/*"/></span>
  301. <p><i class="iconfont">&#xe733;</i>图片上传</p>
  302. </a>
  303. </div>
  304. </div>
  305. </div>
  306. <span class="w400">
  307. <input type="text" style="width:0;opacity: 0" name="member_idcard_image2" id="member_idcard_image2"
  308. value="{$member_info.member_idcard_image2}" }>
  309. </span>
  310. </dd>
  311. </dl>
  312. </td>
  313. </tr>
  314. <tr>
  315. <th><i>*</i>{$Think.lang.business_author_letter}:</th>
  316. <td>
  317. <dl>
  318. <dd>
  319. <div>
  320. <div class='image-wrapper'>
  321. <div class="dssc-upload-thumb">
  322. <p>
  323. <img onclick='openPhoto("img_member_idcard_image3_url")'
  324. src="{$Think.BASE_SITE_ROOT}/static/home/images/member_idcard_image3.png"
  325. id="img_member_idcard_image3_url"/>
  326. </p>
  327. <a
  328. href="javascript:dropImage3('member_idcard_image3')"
  329. class="drop-btn iconfont">&#xe6e6;</a>
  330. </div>
  331. <div class="dsm-upload-btn">
  332. <a href="javascript:void(0);">
  333. <span><input type="file" hidefocus="true" size="1" class="input-file"
  334. name="member_idcard_image3_url" id="member_idcard_image3_url"
  335. accept="image/*"/></span>
  336. <p><i class="iconfont">&#xe733;</i>图片上传</p>
  337. </a>
  338. </div>
  339. </div>
  340. </div>
  341. <!-- <img hidden id="a1" type="hidden" src="111">-->
  342. <input type="hidden" id="a1" value="">
  343. <!-- <input type="hidden" id="bbb" value="">-->
  344. <span class="w400">
  345. <input type="text" style="width:0;opacity: 0" name="member_idcard_image3" id="member_idcard_image3"
  346. value="{$member_info.member_idcard_image3}">
  347. </span>
  348. </dd>
  349. </dl>
  350. </td>
  351. </tr>
  352. <!-- <tr>-->
  353. <!-- <th><i>*</i>{$Think.lang.business_author_letter}:</th>-->
  354. <!-- <td><input name="business_author_letter" type="file" class="w200" />-->
  355. <!-- <span class="block"></span></td>-->
  356. <!-- </tr>-->
  357. </tbody>
  358. <tfoot>
  359. <tr>
  360. <td colspan="20">&nbsp;</td>
  361. </tr>
  362. </tfoot>
  363. </table>
  364. </form>
  365. <div class="bottom"><a id="btn_apply_company_next" href="javascript:;" class="btn">{$Think.lang.upload_information3}</a></div>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. <script type="text/javascript">
  371. $(document).ready(function(){
  372. $('#company_address').ds_region();
  373. $('#business_licence_address').ds_region();
  374. $('#business_licence_start').datepicker({dateFormat: 'yy-mm-dd'});
  375. $('#business_licence_end').datepicker({dateFormat: 'yy-mm-dd'});
  376. $('#btn_apply_agreement_next').on('click', function() {
  377. if($('#input_apply_agreement').prop('checked')) {
  378. $('#apply_agreement').hide();
  379. $('#apply_company_info').show();
  380. } else {
  381. layer.msg('{$Think.lang.read_agree_agreement}');
  382. }
  383. });
  384. $('#form_company_info').validate({
  385. // submitHandler: function (form) {
  386. // ds_ajaxpost('form_company_info','url',"{:url('Sellerjoininc2c/step22')}");
  387. // },
  388. errorPlacement: function(error, element){
  389. element.nextAll('span').first().after(error);
  390. },
  391. rules : {
  392. company_name: {
  393. required: true,
  394. maxlength: 50
  395. },
  396. company_address: {
  397. required: true,
  398. maxlength: 50
  399. },
  400. company_address_detail: {
  401. required: true,
  402. maxlength: 50
  403. },
  404. company_registered_capital: {
  405. required: true,
  406. digits: true
  407. },
  408. contacts_name: {
  409. required: true,
  410. maxlength: 20
  411. },
  412. contacts_phone: {
  413. required: true,
  414. maxlength: 11,
  415. minlength: 11,
  416. },
  417. contacts_email: {
  418. required: true,
  419. email: true
  420. },
  421. business_licence_number: {
  422. required: true,
  423. maxlength: 20
  424. },
  425. business_licence_address: {
  426. required: true,
  427. maxlength: 50
  428. },
  429. business_licence_start: {
  430. required: true
  431. },
  432. member_idcard_image2: {
  433. required:true
  434. }
  435. },
  436. messages : {
  437. company_name: {
  438. required: '{$Think.lang.enter_company_name}',
  439. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  440. },
  441. company_address: {
  442. required: '{$Think.lang.select_area_address}',
  443. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  444. },
  445. company_address_detail: {
  446. required: '{$Think.lang.enter_company_details}',
  447. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  448. },
  449. company_registered_capital: {
  450. required: '{$Think.lang.enter_registered_capital}',
  451. digits: '{$Think.lang.must_numeric}'
  452. },
  453. contacts_name: {
  454. required: '{$Think.lang.enter_contact_name}',
  455. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  456. },
  457. contacts_phone: {
  458. required: '{$Think.lang.enter_contact_phone}',
  459. maxlength: "{$Think.lang.fill_your_phone_number_correctly}",
  460. minlength: "{$Think.lang.fill_your_phone_number_correctly}",
  461. },
  462. contacts_email: {
  463. required: '{$Think.lang.enter_common_email_address}',
  464. email: '{$Think.lang.fill_correct_email_address}'
  465. },
  466. business_licence_number: {
  467. required: '请输入身份证号码',
  468. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  469. },
  470. business_licence_address: {
  471. required: '{$Think.lang.select_location_business_license}',
  472. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  473. },
  474. business_licence_start: {
  475. required: '{$Think.lang.select_effective_date}'
  476. },
  477. member_idcard_image2 : {
  478. required: '错误'
  479. }
  480. }
  481. });
  482. $('#btn_apply_company_next').on('click', function() {
  483. if($('#form_company_info').valid()) {
  484. $('#form_company_info').submit();
  485. }
  486. });
  487. });
  488. </script>
  489. <style>
  490. /*.dsm-default-form dl {*/
  491. /* font-size: 0;*/
  492. /* *word-spacing: -1px;*/
  493. /* line-height: 20px;*/
  494. /* clear: both;*/
  495. /* padding: 0;*/
  496. /* margin: 0;*/
  497. /* border-bottom: dotted 1px #E6E6E6;*/
  498. /* overflow: hidden;*/
  499. /*}*/
  500. /*.dsm-default-form tr td, .dsm-default-form tr td {*/
  501. /* font-size: 13px;*/
  502. /* line-height: 40px;*/
  503. /* vertical-align: top;*/
  504. /* letter-spacing: normal;*/
  505. /* word-spacing: normal;*/
  506. /* text-align: right;*/
  507. /* display: inline-block;*/
  508. /* width: 14%;*/
  509. /* padding: 10px 1% 10px 0;*/
  510. /* margin: 0;*/
  511. /* *display: inline;*/
  512. /* *zoom: 1;*/
  513. /*}*/
  514. /*.dsm-default-form tr td {*/
  515. /* text-align: left;*/
  516. /* width: 85%;*/
  517. /* padding: 10px 0 10px 0;*/
  518. /*}*/
  519. /*}*/
  520. /*.dsm-default-form .dssc-upload-thumb a {*/
  521. /* font: 10px/14px Tahoma;*/
  522. /* background-color: #FFF;*/
  523. /* text-align: center;*/
  524. /* vertical-align: middle;*/
  525. /* display: none;*/
  526. /* width: 14px;*/
  527. /* height: 14px;*/
  528. /* border: 1px solid;*/
  529. /* border-radius: 8px 8px 8px 8px;*/
  530. /* position: absolute;*/
  531. /* z-index: 2;*/
  532. /* top: -8px;*/
  533. /* right: -8px;*/
  534. /*}*/
  535. /*a {*/
  536. /* color: #0279B9;*/
  537. /*}*/
  538. .dssc-upload-thumb{width:250px;height: 200px;}
  539. .dssc-upload-thumb p{width:100%;height: 100%;display: block}
  540. .image-wrapper img{width:250px;height: 200px;}
  541. .drop-btn{position: absolute;top:0px;right:0px;}
  542. .dsm-upload-btn {
  543. vertical-align: top;
  544. display: inline-block;
  545. *display: inline/*IE7*/;
  546. margin-right: 5px;
  547. width: 80px;
  548. height: 30px;
  549. *zoom:1;}
  550. .dsm-upload-btn a {
  551. display: block;
  552. position: relative;
  553. z-index: 1;
  554. }
  555. .dsm-upload-btn span {
  556. width: 80px;
  557. height: 30px;
  558. position: absolute;
  559. left: 0;
  560. top: 0;
  561. z-index: 2;
  562. cursor: pointer;
  563. }
  564. .dsm-upload-btn .input-file {
  565. width: 80px;
  566. height: 30px;
  567. padding: 0;
  568. margin: 0;
  569. border: none 0;
  570. opacity: 0;
  571. filter: alpha(opacity=0);
  572. cursor: pointer;
  573. }
  574. .dsm-upload-btn p {
  575. font-size: 12px;
  576. line-height: 20px;
  577. background-color: #F5F5F5;
  578. color: #999;
  579. text-align: center;
  580. color: #666;
  581. width: 78px;
  582. height: 20px;
  583. padding: 4px 0;
  584. border: solid 1px;
  585. border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;
  586. position: absolute;
  587. left: 0;
  588. top: 0;
  589. z-index: 1;
  590. }
  591. .dsm-upload-btn p i {
  592. vertical-align: middle;
  593. margin-right: 4px;
  594. }
  595. .dsm-upload-btn a:hover p {
  596. background-color: #E6E6E6;
  597. color: #333;
  598. border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;
  599. }
  600. i[class*="iconfont"] {
  601. font-size: 14px;
  602. margin-right: 4px;
  603. }
  604. </style>
  605. <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/ajaxfileupload.js"></script>
  606. <link href="/static/home/css/member.css" rel="stylesheet" type="text/css">
  607. <script>
  608. function dropImage3(id){
  609. var index=layer.confirm("{$Think.lang.ds_ensure_del}", {
  610. btn: ['{$Think.lang.ds_ok}', '{$Think.lang.ds_cancel}'],
  611. title: false,
  612. }, function () {
  613. layer.close(index)
  614. $.getJSON('{:url('MemberAuth/image_drop3')}',{file_name:id},function(res){
  615. if(res.code!=10000){
  616. layer.alert(res.message);
  617. }else{
  618. $('#'+id).val('')
  619. $('#img_'+id+'_url').attr('src',"{$Think.BASE_SITE_ROOT}/static/home/images/"+id+".png")
  620. }
  621. })
  622. })
  623. }
  624. function openPhoto(id){
  625. var src=$('#'+id).attr('src')
  626. if(!src){
  627. return
  628. }
  629. layer.photos({
  630. photos: {
  631. "title": "", //相册标题
  632. "id": 1, //相册id
  633. "start": 0, //初始显示的图片序号,默认0
  634. "data": [ //相册包含的图片,数组格式
  635. {
  636. "pid": 1, //图片id
  637. "src": src, //原图地址
  638. "thumb": src //缩略图地址
  639. }
  640. ]
  641. }
  642. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机
  643. })
  644. }
  645. function dropImage(id){
  646. $.getJSON('{:url('MemberAuth/image_drop2')}',{file_name:id},function(res){
  647. if(res.code!=10000){
  648. layer.alert(res.message);
  649. }else{
  650. console.log(res)
  651. // $('#'+id).val('')
  652. // $('#img_'+id+'_url').attr('src',"{$Think.BASE_SITE_ROOT}/static/home/images/"+id+".png")
  653. if (res.result.image2 != '') {
  654. $('#img_member_idcard_image2_url').attr('src',res.result.image2)
  655. }
  656. if (res.result.image3 != '') {
  657. $('#img_member_idcard_image3_url').attr('src',res.result.image3)
  658. }
  659. }
  660. });
  661. }
  662. function ajaxFileUpload(url, id)
  663. {
  664. var index=id.substr(0,20)
  665. // if($('#'+index).val()){
  666. // layer.alert('{$Think.lang.please_drop_image}');
  667. // return
  668. // }
  669. $.ajaxFileUpload({
  670. url: url,
  671. secureuri: false,
  672. fileElementId: id,
  673. dataType: 'json',
  674. data: {id: id},
  675. success: function (data)
  676. {
  677. if (data.code!=10000) {
  678. layer.alert(data.message);
  679. } else {
  680. $('#'+index).val(data.result.file_name)
  681. $("#img_" + id).attr('src', data.result.file_path);
  682. }
  683. },
  684. error: function (data, status, e)
  685. {
  686. console.error(data);
  687. }
  688. })
  689. }
  690. $(document).ready(function () {
  691. var url = '{:url("MemberAuth/image_upload2")}';
  692. $('#form_company_info').find('input[type="file"]').unbind().change(function () {
  693. var id = $(this).attr('id');
  694. // localstroage.setItem(id,url)
  695. ajaxFileUpload(url, id);
  696. // alert($('#member_idcard_image3').val())
  697. });
  698. dropImage('member_idcard_image2')
  699. // $('#member_idcard_image2').value='';
  700. // console.log($('#member_idcard_image2'))
  701. // console.log('111',window.location.host)
  702. // $('#img_member_idcard_image2_url').attr('src',"{get_member_idcard_image('"+$('#member_idcard_image2').val()+"')");
  703. // $('#img_member_idcard_image3_url').attr('src',"http://"+window.location.host+"/uploads/home/idcard_image/"+$('#member_idcard_image3').val());
  704. // console.log(document.getElementById('member_idcard_image2'))
  705. // console.log('adasdsd')
  706. // alert($("input[name='business_licence_number']").val())
  707. // alert($('#member_idcard_image3').val())
  708. //去判断 图片有没有, 有的话 展示
  709. // if ($('#member_idcard_image2_url').val().isEmpty) {
  710. // alert(1)
  711. // // $('#img_member_idcard_image2_url').attr('src',$('#member_idcard_image2_url').attr('src'))
  712. // }
  713. // if (!$('#member_idcard_image3_url').attr('src') !== undefined) {
  714. // alert($('#member_idcard_image3_url').attr('src'))
  715. // $('#img_member_idcard_image3_url').attr('src',$('#member_idcard_image3_url').attr('src'))
  716. // }
  717. // $('#form_company_info').validate({
  718. // submitHandler: function (form) {
  719. // ds_ajaxpost('member_form','url','{:url('MemberAuth/index')}');
  720. // },
  721. // rules: {
  722. // member_truename: {
  723. // required: true
  724. // },
  725. // member_idcard: {
  726. // required: true,
  727. // },
  728. // member_idcard_image1: {
  729. // required: true,
  730. // },
  731. // member_idcard_image2: {
  732. // required: true,
  733. // },
  734. // member_idcard_image3: {
  735. // required: true,
  736. // },
  737. // },
  738. // messages: {
  739. // member_truename: {
  740. // required: '{$Think.lang.member_truename_require}'
  741. // },
  742. // member_idcard: {
  743. // required: '{$Think.lang.member_idcard_require}',
  744. // },
  745. // member_idcard_image1: {
  746. // required: '{$Think.lang.member_idcard_image1_require}',
  747. // },
  748. // member_idcard_image2: {
  749. // required: '{$Think.lang.member_idcard_image2_require}',
  750. // },
  751. // member_idcard_image3: {
  752. // required: '{$Think.lang.member_idcard_image3_require}',
  753. // },
  754. // }
  755. // });
  756. });
  757. </script>
  758. {/block}