step1.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728
  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">
  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. <div>
  285. <div class='image-wrapper'>
  286. <div class="dssc-upload-thumb">
  287. <p>
  288. <img onclick='openPhoto("img_member_idcard_image2_url")'
  289. src="{$Think.BASE_SITE_ROOT}/static/home/images/member_idcard_image2.png"
  290. id="img_member_idcard_image2_url"/>
  291. </p>
  292. <!-- {if !in_array($member_info.member_auth_state,array(1,3))}<a-->
  293. <!-- href="javascript:dropImage('member_idcard_image2')"-->
  294. <!-- class="drop-btn iconfont">&#xe6e6;</a>{/if}-->
  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. </td>
  311. </tr>
  312. <tr>
  313. <th><i>*</i>{$Think.lang.business_author_letter}:</th>
  314. <td>
  315. <div>
  316. <div class='image-wrapper'>
  317. <div class="dssc-upload-thumb">
  318. <p>
  319. <img onclick='openPhoto("img_member_idcard_image3_url")'
  320. src="{$Think.BASE_SITE_ROOT}/static/home/images/member_idcard_image3.png"
  321. id="img_member_idcard_image3_url"/>
  322. </p>
  323. <!-- {if !in_array($member_info.member_auth_state,array(1,3))}<a-->
  324. <!-- href="javascript:dropImage('member_idcard_image3')"-->
  325. <!-- class="drop-btn iconfont">&#xe6e6;</a>{/if}-->
  326. </div>
  327. <div class="dsm-upload-btn">
  328. <a href="javascript:void(0);">
  329. <span><input type="file" hidefocus="true" size="1" class="input-file"
  330. name="member_idcard_image3_url" id="member_idcard_image3_url"
  331. accept="image/*"/></span>
  332. <p><i class="iconfont">&#xe733;</i>图片上传</p>
  333. </a>
  334. </div>
  335. </div>
  336. </div>
  337. <!-- <img hidden id="a1" type="hidden" src="111">-->
  338. <input type="hidden" id="a1" value="">
  339. <!-- <input type="hidden" id="bbb" value="">-->
  340. <span class="w400">
  341. <input type="text" style="width:0;opacity: 0" name="member_idcard_image3" id="member_idcard_image3"
  342. value="{$member_info.member_idcard_image3}">
  343. </span>
  344. </td>
  345. </tr>
  346. <!-- <tr>-->
  347. <!-- <th><i>*</i>{$Think.lang.business_author_letter}:</th>-->
  348. <!-- <td><input name="business_author_letter" type="file" class="w200" />-->
  349. <!-- <span class="block"></span></td>-->
  350. <!-- </tr>-->
  351. </tbody>
  352. <tfoot>
  353. <tr>
  354. <td colspan="20">&nbsp;</td>
  355. </tr>
  356. </tfoot>
  357. </table>
  358. </form>
  359. <div class="bottom"><a id="btn_apply_company_next" href="javascript:;" class="btn">{$Think.lang.upload_information3}</a></div>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. <script type="text/javascript">
  365. $(document).ready(function(){
  366. $('#company_address').ds_region();
  367. $('#business_licence_address').ds_region();
  368. $('#business_licence_start').datepicker({dateFormat: 'yy-mm-dd'});
  369. $('#business_licence_end').datepicker({dateFormat: 'yy-mm-dd'});
  370. $('#btn_apply_agreement_next').on('click', function() {
  371. if($('#input_apply_agreement').prop('checked')) {
  372. $('#apply_agreement').hide();
  373. $('#apply_company_info').show();
  374. } else {
  375. layer.msg('{$Think.lang.read_agree_agreement}');
  376. }
  377. });
  378. $('#form_company_info').validate({
  379. // submitHandler: function (form) {
  380. // ds_ajaxpost('form_company_info','url',"{:url('Sellerjoininc2c/step22')}");
  381. // },
  382. errorPlacement: function(error, element){
  383. element.nextAll('span').first().after(error);
  384. },
  385. rules : {
  386. company_name: {
  387. required: true,
  388. maxlength: 50
  389. },
  390. company_address: {
  391. required: true,
  392. maxlength: 50
  393. },
  394. company_address_detail: {
  395. required: true,
  396. maxlength: 50
  397. },
  398. company_registered_capital: {
  399. required: true,
  400. digits: true
  401. },
  402. contacts_name: {
  403. required: true,
  404. maxlength: 20
  405. },
  406. contacts_phone: {
  407. required: true,
  408. maxlength: 11,
  409. minlength: 11,
  410. },
  411. contacts_email: {
  412. required: true,
  413. email: true
  414. },
  415. business_licence_number: {
  416. required: true,
  417. maxlength: 20
  418. },
  419. business_licence_address: {
  420. required: true,
  421. maxlength: 50
  422. },
  423. business_licence_start: {
  424. required: true
  425. },
  426. member_idcard_image2: {
  427. required:true
  428. }
  429. },
  430. messages : {
  431. company_name: {
  432. required: '{$Think.lang.enter_company_name}',
  433. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  434. },
  435. company_address: {
  436. required: '{$Think.lang.select_area_address}',
  437. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  438. },
  439. company_address_detail: {
  440. required: '{$Think.lang.enter_company_details}',
  441. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  442. },
  443. company_registered_capital: {
  444. required: '{$Think.lang.enter_registered_capital}',
  445. digits: '{$Think.lang.must_numeric}'
  446. },
  447. contacts_name: {
  448. required: '{$Think.lang.enter_contact_name}',
  449. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  450. },
  451. contacts_phone: {
  452. required: '{$Think.lang.enter_contact_phone}',
  453. maxlength: "{$Think.lang.fill_your_phone_number_correctly}",
  454. minlength: "{$Think.lang.fill_your_phone_number_correctly}",
  455. },
  456. contacts_email: {
  457. required: '{$Think.lang.enter_common_email_address}',
  458. email: '{$Think.lang.fill_correct_email_address}'
  459. },
  460. business_licence_number: {
  461. required: '{$Think.lang.enter_business_license_number}',
  462. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  463. },
  464. business_licence_address: {
  465. required: '{$Think.lang.select_location_business_license}',
  466. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  467. },
  468. business_licence_start: {
  469. required: '{$Think.lang.select_effective_date}'
  470. },
  471. member_idcard_image2 : {
  472. required: '错误'
  473. }
  474. }
  475. });
  476. $('#btn_apply_company_next').on('click', function() {
  477. if($('#form_company_info').valid()) {
  478. $('#form_company_info').submit();
  479. }
  480. });
  481. });
  482. </script>
  483. <style>
  484. .dssc-upload-thumb{width:250px;height: 200px;}
  485. .dssc-upload-thumb p{width:100%;height: 100%;display: block}
  486. .image-wrapper img{width:100%;height: 100%}
  487. .drop-btn{position: absolute;top:0px;right:0px;}
  488. .dsm-upload-btn {
  489. vertical-align: top;
  490. display: inline-block;
  491. *display: inline/*IE7*/;
  492. margin-right: 5px;
  493. width: 80px;
  494. height: 30px;
  495. *zoom:1;}
  496. .dsm-upload-btn a {
  497. display: block;
  498. position: relative;
  499. z-index: 1;
  500. }
  501. .dsm-upload-btn span {
  502. width: 80px;
  503. height: 30px;
  504. position: absolute;
  505. left: 0;
  506. top: 0;
  507. z-index: 2;
  508. cursor: pointer;
  509. }
  510. .dsm-upload-btn .input-file {
  511. width: 80px;
  512. height: 30px;
  513. padding: 0;
  514. margin: 0;
  515. border: none 0;
  516. opacity: 0;
  517. filter: alpha(opacity=0);
  518. cursor: pointer;
  519. }
  520. .dsm-upload-btn p {
  521. font-size: 12px;
  522. line-height: 20px;
  523. background-color: #F5F5F5;
  524. color: #999;
  525. text-align: center;
  526. color: #666;
  527. width: 78px;
  528. height: 20px;
  529. padding: 4px 0;
  530. border: solid 1px;
  531. border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;
  532. position: absolute;
  533. left: 0;
  534. top: 0;
  535. z-index: 1;
  536. }
  537. .dsm-upload-btn p i {
  538. vertical-align: middle;
  539. margin-right: 4px;
  540. }
  541. .dsm-upload-btn a:hover p {
  542. background-color: #E6E6E6;
  543. color: #333;
  544. border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;
  545. }
  546. i[class*="iconfont"] {
  547. font-size: 14px;
  548. margin-right: 4px;
  549. }
  550. </style>
  551. <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/ajaxfileupload.js"></script>
  552. <script>
  553. function openPhoto(id){
  554. var src=$('#'+id).attr('src')
  555. if(!src){
  556. return
  557. }
  558. layer.photos({
  559. photos: {
  560. "title": "", //相册标题
  561. "id": 1, //相册id
  562. "start": 0, //初始显示的图片序号,默认0
  563. "data": [ //相册包含的图片,数组格式
  564. {
  565. "pid": 1, //图片id
  566. "src": src, //原图地址
  567. "thumb": src //缩略图地址
  568. }
  569. ]
  570. }
  571. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机
  572. })
  573. }
  574. function dropImage(id){
  575. $.getJSON('{:url('MemberAuth/image_drop2')}',{file_name:id},function(res){
  576. if(res.code!=10000){
  577. layer.alert(res.message);
  578. }else{
  579. console.log(res)
  580. // $('#'+id).val('')
  581. // $('#img_'+id+'_url').attr('src',"{$Think.BASE_SITE_ROOT}/static/home/images/"+id+".png")
  582. if (res.result.image2 != '') {
  583. $('#img_member_idcard_image2_url').attr('src',res.result.image2)
  584. }
  585. if (res.result.image3 != '') {
  586. $('#img_member_idcard_image3_url').attr('src',res.result.image3)
  587. }
  588. }
  589. });
  590. }
  591. function ajaxFileUpload(url, id)
  592. {
  593. var index=id.substr(0,20)
  594. // if($('#'+index).val()){
  595. // layer.alert('{$Think.lang.please_drop_image}');
  596. // return
  597. // }
  598. $.ajaxFileUpload({
  599. url: url,
  600. secureuri: false,
  601. fileElementId: id,
  602. dataType: 'json',
  603. data: {id: id},
  604. success: function (data)
  605. {
  606. if (data.code!=10000) {
  607. layer.alert(data.message);
  608. } else {
  609. $('#'+index).val(data.result.file_name)
  610. $("#img_" + id).attr('src', data.result.file_path);
  611. }
  612. },
  613. error: function (data, status, e)
  614. {
  615. console.error(data);
  616. }
  617. })
  618. }
  619. $(document).ready(function () {
  620. var url = '{:url("MemberAuth/image_upload2")}';
  621. $('#form_company_info').find('input[type="file"]').unbind().change(function () {
  622. var id = $(this).attr('id');
  623. // localstroage.setItem(id,url)
  624. ajaxFileUpload(url, id);
  625. // alert($('#member_idcard_image3').val())
  626. });
  627. dropImage('member_idcard_image2')
  628. // $('#member_idcard_image2').value='';
  629. // console.log($('#member_idcard_image2'))
  630. // console.log('111',window.location.host)
  631. // $('#img_member_idcard_image2_url').attr('src',"{get_member_idcard_image('"+$('#member_idcard_image2').val()+"')");
  632. // $('#img_member_idcard_image3_url').attr('src',"http://"+window.location.host+"/uploads/home/idcard_image/"+$('#member_idcard_image3').val());
  633. // console.log(document.getElementById('member_idcard_image2'))
  634. // console.log('adasdsd')
  635. // alert($("input[name='business_licence_number']").val())
  636. // alert($('#member_idcard_image3').val())
  637. //去判断 图片有没有, 有的话 展示
  638. // if ($('#member_idcard_image2_url').val().isEmpty) {
  639. // alert(1)
  640. // // $('#img_member_idcard_image2_url').attr('src',$('#member_idcard_image2_url').attr('src'))
  641. // }
  642. // if (!$('#member_idcard_image3_url').attr('src') !== undefined) {
  643. // alert($('#member_idcard_image3_url').attr('src'))
  644. // $('#img_member_idcard_image3_url').attr('src',$('#member_idcard_image3_url').attr('src'))
  645. // }
  646. // $('#form_company_info').validate({
  647. // submitHandler: function (form) {
  648. // ds_ajaxpost('member_form','url','{:url('MemberAuth/index')}');
  649. // },
  650. // rules: {
  651. // member_truename: {
  652. // required: true
  653. // },
  654. // member_idcard: {
  655. // required: true,
  656. // },
  657. // member_idcard_image1: {
  658. // required: true,
  659. // },
  660. // member_idcard_image2: {
  661. // required: true,
  662. // },
  663. // member_idcard_image3: {
  664. // required: true,
  665. // },
  666. // },
  667. // messages: {
  668. // member_truename: {
  669. // required: '{$Think.lang.member_truename_require}'
  670. // },
  671. // member_idcard: {
  672. // required: '{$Think.lang.member_idcard_require}',
  673. // },
  674. // member_idcard_image1: {
  675. // required: '{$Think.lang.member_idcard_image1_require}',
  676. // },
  677. // member_idcard_image2: {
  678. // required: '{$Think.lang.member_idcard_image2_require}',
  679. // },
  680. // member_idcard_image3: {
  681. // required: '{$Think.lang.member_idcard_image3_require}',
  682. // },
  683. // }
  684. // });
  685. });
  686. </script>
  687. {/block}