step2.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  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. <dl>
  11. <dt class="{if $sub_step=='step0'}current{/if}"> <i class="right"></i>{$Think.lang.enter_agreement}</dt>
  12. </dl>
  13. <dl show_id="0">
  14. <dt onclick="show_list('0');" style="cursor: pointer;"> <i class="down"></i>{$Think.lang.submit_application}</dt>
  15. <dd>
  16. <ul>
  17. <li class="{if $sub_step == 'step1'}current{/if}"><i></i>{$Think.lang.store_qualification_information}</li>
  18. <li class="{if $sub_step == 'step2'}current{/if}"><i></i>{$Think.lang.financial_qualification_information}</li>
  19. <li class="{if $sub_step == 'step3'}current{/if}"><i></i>{$Think.lang.store_operation_information}</li>
  20. </ul>
  21. </dd>
  22. </dl>
  23. <dl>
  24. <dt class="{if $sub_step == 'pay'}current{/if}"> <i class="right"></i>{$Think.lang.contract_signing_payment}</dt>
  25. </dl>
  26. <dl>
  27. <dt> <i class="right"></i>{$Think.lang.store_opening}</dt>
  28. </dl>
  29. </div>
  30. <div class="title">
  31. <h3>{$Think.lang.platform_contact}</h3>
  32. </div>
  33. <div class="content">
  34. <ul>
  35. <li>{$Think.lang.phone}:{$Think.config.ds_config.site_phone}</li>
  36. <li>{$Think.lang.email}:{$Think.config.ds_config.site_email}</li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="right-layout">
  41. <div class="joinin-step">
  42. <ul>
  43. <li class="step1 {if $sub_step >= 'step0'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.enter_agreement}</span></li>
  44. <li class="{if $sub_step >= 'step1'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.store_qualification_information}</span></li>
  45. <li class="{if $sub_step >= 'step2'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.financial_qualification_information}</span></li>
  46. <li class="{if $sub_step >= 'step3'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.store_operation_information}</span></li>
  47. <li class="{if $sub_step >= 'step4'}current{/if} {if $sub_step == 'pay'}current{/if}"><span>{$Think.lang.contract_signing_payment}</span></li>
  48. <li class="step6"><span>{$Think.lang.store_opening}</span></li>
  49. </ul>
  50. </div>
  51. <div class="joinin-concrete">
  52. <script type="text/javascript">
  53. $(document).ready(function(){
  54. var use_settlement_account = true;
  55. $("#is_settlement_account").on("click", function() {
  56. if($(this).prop("checked")) {
  57. use_settlement_account = false;
  58. $("#div_settlement").hide();
  59. $("#settlement_bank_account_name").val("");
  60. $("#settlement_bank_account_number").val("");
  61. } else {
  62. use_settlement_account = true;
  63. $("#div_settlement").show();
  64. }
  65. });
  66. $('#form_credentials_info').validate({
  67. errorPlacement: function(error, element){
  68. element.nextAll('span').first().after(error);
  69. },
  70. rules : {
  71. settlement_bank_account_name: {
  72. required: function() { return use_settlement_account; },
  73. maxlength: 50
  74. },
  75. settlement_bank_account_number: {
  76. required: function() { return use_settlement_account; },
  77. maxlength: 30
  78. },
  79. },
  80. messages : {
  81. settlement_bank_account_name: {
  82. required: '{$Think.lang.fill_alipay_name}',
  83. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  84. },
  85. settlement_bank_account_number: {
  86. required: '{$Think.lang.fill_alipay_account}',
  87. maxlength: jQuery.validator.format("{$Think.lang.most_words}")
  88. },
  89. }
  90. });
  91. $('#btn_apply_credentials_next').on('click', function() {
  92. if($('#form_credentials_info').valid()) {
  93. $('#form_credentials_info').submit();
  94. }
  95. });
  96. });
  97. </script>
  98. <!-- 公司资质 -->
  99. <div id="apply_credentials_info" class="apply-credentials-info">
  100. <div class="alert">
  101. <h4>{$Think.lang.matters_needing_attention}:</h4>
  102. {$Think.lang.upload_information1}</div>
  103. <form id="form_credentials_info" action="{:url('Sellerjoininc2c/step3')}" method="post" enctype="multipart/form-data" >
  104. <div id="div_settlement">
  105. <table border="0" cellpadding="0" cellspacing="0" class="all">
  106. <thead>
  107. <tr>
  108. <th colspan="20">{$Think.lang.settlement_account_information}</th>
  109. </tr>
  110. </thead>
  111. <tbody>
  112. <tr>
  113. <th class="w150"><i>*</i>{$Think.lang.alipay_name}:</th>
  114. <td><input id="settlement_bank_account_name" name="settlement_bank_account_name" type="text" class="w200"/>
  115. <span></span></td>
  116. </tr>
  117. <tr>
  118. <th><i>*</i>{$Think.lang.alipay_account}:</th>
  119. <td><input id="settlement_bank_account_number" name="settlement_bank_account_number" type="text" class="w200"/>
  120. <span></span></td>
  121. </tr>
  122. </tbody>
  123. <tfoot>
  124. <tr>
  125. <td colspan="20">&nbsp;</td>
  126. </tr>
  127. </tfoot>
  128. </table>
  129. </div>
  130. </form>
  131. <div class="bottom"><a id="btn_apply_credentials_next" href="javascript:;" class="btn">{$Think.lang.submit_store_operation_information}</a></div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. {/block}