step1.html 28 KB

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