step2.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. {extend name="default/base/base_joinin" /}
  2. {block name="joinin_main"}
  3. <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>
  4. <div class="main">
  5. <div class="sidebar">
  6. <div class="title">
  7. <h3>{$Think.lang.merchant_entry_application}</h3>
  8. </div>
  9. <div class="content">
  10. {notempty name="help_list"}
  11. {foreach name="help_list" item="val" key="key" }
  12. <dl show_id="{$val.helptype_id}">
  13. <dt onclick="show_list('{$val.helptype_id}');" style="cursor: pointer;"> <i class="right"></i>{$val.helptype_name}</dt>
  14. <dd style="display:none;">
  15. <ul>
  16. {notempty name="$val.help_list"}
  17. {foreach name="$val.help_list" item="v" key="k" }
  18. <li> <i></i>
  19. {notempty name="$v.help_url"}
  20. <a href="{:url('Showhelp/index',['t_id'=>$v.helptype_id,'help_id'=>$v.help_id])}" target="_blank">{$v.help_title}</a>
  21. {else /}
  22. <a href="{$v.help_url}" target="_blank">{$v.help_title}</a>
  23. {/notempty}
  24. </li>
  25. {/foreach}
  26. {/notempty}
  27. </ul>
  28. </dd>
  29. </dl>
  30. {/foreach}
  31. {/notempty}
  32. <dl>
  33. <dt class="{if $sub_step=='step0'}current{/if}"> <i class="right"></i>{$Think.lang.enter_agreement}</dt>
  34. </dl>
  35. <dl show_id="0">
  36. <dt onclick="show_list('0');" style="cursor: pointer;"> <i class="down"></i>{$Think.lang.submit_application}</dt>
  37. <dd>
  38. <ul>
  39. <li class="{if $step=='1'}current{/if}"><i></i>{$Think.lang.company_qualification_information}</li>
  40. <li class="{if $step=='2'}current{/if}"><i></i>{$Think.lang.financial_qualification_information}</li>
  41. <li class="{if $step=='3'}current{/if}"><i></i>{$Think.lang.store_operation_information}</li>
  42. </ul>
  43. </dd>
  44. </dl>
  45. <dl>
  46. <dt class="{if $step=='4'}current{/if}"> <i class="right"></i>{$Think.lang.contract_signing_payment}</dt>
  47. </dl>
  48. <dl>
  49. <dt> <i class="right"></i>{$Think.lang.store_opening}</dt>
  50. </dl>
  51. </div>
  52. <div class="title">
  53. <h3>{$Think.lang.platform_contact}</h3>
  54. </div>
  55. <div class="content">
  56. <ul>
  57. {notempty name="phone_array"}
  58. {foreach name="phone_array" item="val" key="key" }
  59. {$Think.lang.phone}{$val}
  60. {/foreach}
  61. {/notempty}
  62. <li>{$Think.lang.email}:{$Think.config.ds_config.site_email}</li>
  63. </ul>
  64. </div>
  65. </div>
  66. <div class="right-layout">
  67. <div class="joinin-step">
  68. <ul>
  69. <li class="step1 {if $step >= 0}current{/if}"><span>{$Think.lang.enter_agreement}</span></li>
  70. <li class="{if $step >= 1}current{/if}"><span>{$Think.lang.company_qualification_information}</span></li>
  71. <li class="{if $step >= 2}current{/if}"><span>{$Think.lang.financial_qualification_information}</span></li>
  72. <li class="{if $step >= 3}current{/if}"><span>{$Think.lang.store_operation_information}</span></li>
  73. <li class="{if $step >= 4}current{/if}"><span>{$Think.lang.contract_signing_payment}</span></li>
  74. <li class="step6"><span>{$Think.lang.store_opening}</span></li>
  75. </ul>
  76. </div>
  77. <div class="joinin-concrete">
  78. <!--区别部分 BEGIN-->
  79. <!-- 公司资质 -->
  80. <div id="apply_credentials_info" class="apply-credentials-info">
  81. <div class="alert">
  82. <h4>{$Think.lang.matters_needing_attention}:</h4>
  83. {$Think.lang.upload_information1}</div>
  84. <form id="form_credentials_info" action="{:url('Sellerjoinin/step3')}" method="post" enctype="multipart/form-data" >
  85. <table border="0" cellpadding="0" cellspacing="0" class="all">
  86. <thead>
  87. <tr>
  88. <th colspan="20">{$Think.lang.account_information}</th>
  89. </tr>
  90. </thead>
  91. <tbody>
  92. <tr>
  93. <th class="w150"><i>*</i>{$Think.lang.bank_account_name}:</th>
  94. <td><input name="bank_account_name" type="text" class="w200" />
  95. <span></span></td>
  96. </tr>
  97. <tr>
  98. <th><i>*</i>{$Think.lang.company_bank_account_number}:</th>
  99. <td><input name="bank_account_number" type="text" class="w200" />
  100. <span></span></td>
  101. </tr>
  102. <tr>
  103. <th><i>*</i>{$Think.lang.bank_branch_name}:</th>
  104. <td><input name="bank_name" type="text" class="w200" />
  105. <span></span></td>
  106. </tr>
  107. <tr>
  108. <th><i>*</i>{$Think.lang.location_bank_account}:</th>
  109. <td><input id="bank_address" name="bank_address" style="width:0;height:26px;border:0;padding:0" type="text" />
  110. <span></span></td>
  111. </tr>
  112. <tr>
  113. <th></th>
  114. <td><input id="is_settlement_account" name="is_settlement_account" type="checkbox" />
  115. <label for="is_settlement_account">{$Think.lang.use_settlement_account}</label></td>
  116. </tr>
  117. </tbody>
  118. <tfoot>
  119. <tr>
  120. <td colspan="20">&nbsp;</td>
  121. </tr>
  122. </tfoot>
  123. </table>
  124. <div id="div_settlement">
  125. <table border="0" cellpadding="0" cellspacing="0" class="all">
  126. <thead>
  127. <tr>
  128. <th colspan="20">{$Think.lang.settlement_account_information}</th>
  129. </tr>
  130. </thead>
  131. <tbody>
  132. <tr>
  133. <th class="w150"><i>*</i>{$Think.lang.bank_account_name}:</th>
  134. <td><input id="settlement_bank_account_name" name="settlement_bank_account_name" type="text" class="w200"/>
  135. <span></span></td>
  136. </tr>
  137. <tr>
  138. <th><i>*</i>{$Think.lang.company_bank_account_number}:</th>
  139. <td><input id="settlement_bank_account_number" name="settlement_bank_account_number" type="text" class="w200"/>
  140. <span></span></td>
  141. </tr>
  142. <tr>
  143. <th><i>*</i>{$Think.lang.bank_branch_name}:</th>
  144. <td><input id="settlement_bank_name" name="settlement_bank_name" type="text" class="w200"/>
  145. <span></span></td>
  146. </tr>
  147. <tr>
  148. <th><i>*</i>{$Think.lang.location_bank_account}:</th>
  149. <td><input id="settlement_bank_address" name="settlement_bank_address" style="width:0;height:26px;border:0;padding:0" type="text" />
  150. <span></span></td>
  151. </tr>
  152. </tbody>
  153. <tfoot>
  154. <tr>
  155. <td colspan="20">&nbsp;</td>
  156. </tr>
  157. </tfoot>
  158. </table>
  159. </div>
  160. </form>
  161. <div class="bottom"><a id="btn_apply_credentials_next" href="javascript:;" class="btn">{$Think.lang.submit_store_operation_information}</a></div>
  162. </div>
  163. <script type="text/javascript">
  164. $(document).ready(function(){
  165. var use_settlement_account = true;
  166. $("#bank_address").ds_region();
  167. $("#settlement_bank_address").ds_region();
  168. $("#is_settlement_account").on("click", function() {
  169. if($(this).prop("checked")) {
  170. use_settlement_account = false;
  171. $("#div_settlement").hide();
  172. $("#settlement_bank_account_name").val("");
  173. $("#settlement_bank_account_number").val("");
  174. $("#settlement_bank_name").val("");
  175. $("#settlement_bank_address").val("");
  176. } else {
  177. use_settlement_account = true;
  178. $("#div_settlement").show();
  179. }
  180. });
  181. $('#form_credentials_info').validate({
  182. errorPlacement: function(error, element){
  183. element.nextAll('span').first().after(error);
  184. },
  185. rules : {
  186. bank_account_name: {
  187. required: true,
  188. maxlength: 50
  189. },
  190. bank_account_number: {
  191. required: true,
  192. maxlength: 30
  193. },
  194. bank_name: {
  195. required: true,
  196. maxlength: 50
  197. },
  198. bank_address: {
  199. required: true
  200. },
  201. /* bank_licence_electronic: {
  202. required: true
  203. }, */
  204. settlement_bank_account_name: {
  205. required: function() { return use_settlement_account; },
  206. maxlength: 50
  207. },
  208. settlement_bank_account_number: {
  209. required: function() { return use_settlement_account; },
  210. maxlength: 30
  211. },
  212. settlement_bank_name: {
  213. required: function() { return use_settlement_account; },
  214. maxlength: 50
  215. },
  216. settlement_bank_address: {
  217. required: function() { return use_settlement_account; }
  218. },
  219. },
  220. messages : {
  221. bank_account_name: {
  222. required: '{$Think.lang.fill_bank_account_name}',
  223. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  224. },
  225. bank_account_number: {
  226. required: '{$Think.lang.fill_company_bank_account_number}',
  227. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  228. },
  229. bank_name: {
  230. required: '{$Think.lang.fill_bank_branch_name}',
  231. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  232. },
  233. bank_address: {
  234. required: '{$Think.lang.select_location_bank}'
  235. },
  236. /* ank_licence_electronic: {
  237. required: '请选择上传开户银行许可证电子版文件'
  238. }, */
  239. settlement_bank_account_name: {
  240. required: '{$Think.lang.fill_bank_account_name}',
  241. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  242. },
  243. settlement_bank_account_number: {
  244. required: '{$Think.lang.fill_company_bank_account_number}',
  245. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  246. },
  247. settlement_bank_name: {
  248. required: '{$Think.lang.fill_bank_branch_name}',
  249. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  250. },
  251. settlement_bank_address: {
  252. required: '{$Think.lang.gselect_location_bank}'
  253. },
  254. }
  255. });
  256. $('#btn_apply_credentials_next').on('click', function() {
  257. if($('#form_credentials_info').valid()) {
  258. $('#form_credentials_info').submit();
  259. }
  260. });
  261. });
  262. </script>
  263. <!--区别部分 END-->
  264. </div>
  265. </div>
  266. </div>
  267. {/block}