step_2.php 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title><?php echo $html_title;?></title>
  6. <link href="css/install.css" rel="stylesheet" type="text/css">
  7. <script src="../data/resource/js/jquery.js"></script>
  8. <script src="../data/resource/js/jquery.icheck.min.js"></script>
  9. <script>
  10. $(document).ready(function(){
  11. $('input[type="radio"]').on('ifChecked', function(event){
  12. if(this.id == 'radio-0'){
  13. $('.select-module').show();
  14. }else{
  15. $('.select-module').hide();
  16. }
  17. }).iCheck({
  18. checkboxClass: 'icheckbox_flat-green',
  19. radioClass: 'iradio_flat-green'
  20. });
  21. $('input[type="checkbox"]').iCheck({
  22. checkboxClass: 'icheckbox_flat-green',
  23. radioClass: 'iradio_flat-green'
  24. });
  25. $('#next').click(function(){
  26. if ($('#cms').attr('checked') && $('#shop').attr('checked')){
  27. $('#install_form').submit();
  28. }else{
  29. alert('商城与CMS必须安装');
  30. }
  31. });
  32. });
  33. </script>
  34. </head>
  35. <body>
  36. <?php ECHO $html_header;?>
  37. <div class="main">
  38. <div class="step-box" id="step2">
  39. <div class="text-nav">
  40. <h1>Step.2</h1>
  41. <h2>选择安装方式</h2>
  42. <h5>根据需要选择系统模块完全或手动安装</h5>
  43. </div>
  44. <div class="procedure-nav">
  45. <div class="schedule-ico"><span class="a"></span><span class="b"></span><span class="c"></span><span class="d"></span></div>
  46. <div class="schedule-point-now"><span class="a"></span><span class="b"></span><span class="c"></span><span class="d"></span></div>
  47. <div class="schedule-point-bg"><span class="a"></span><span class="b"></span><span class="c"></span><span class="d"></span></div>
  48. <div class="schedule-line-now"><em></em></div>
  49. <div class="schedule-line-bg"></div>
  50. <div class="schedule-text"><span class="a">检查安装环境</span><span class="b">选择安装方式</span><span class="c">创建数据库</span><span class="d">安装</span></div>
  51. </div>
  52. </div>
  53. <form method="get" id="install_form" action="index.php">
  54. <input type="hidden" value="3" name="step">
  55. <div class="select-install">
  56. <label>
  57. <input type="radio" name="iCheck" value="full" id="radio-1" class="green-radio" checked >
  58. <h4>完全安装 ShopNC【B2B2C】</h4>
  59. <h5>电商系统</h5>
  60. </label>
  61. </div>
  62. <div class="select-module" id="result">
  63. <div class="arrow"></div>
  64. <ul>
  65. <li class="cms">
  66. <input type="checkbox" name="cms" id="cms" value="1" checked="checked" disabled="">
  67. <div class="ico"></div>
  68. <h4>商城</h4>
  69. <p>ShopNC商城模块是一套功能完善的多用户商城系统,也是整套电商门户的核心程序...</p>
  70. </li>
  71. <li class="shop">
  72. <input type="checkbox" name="shop" id="shop" value="1" checked="checked" disabled="">
  73. <div class="ico"></div>
  74. <h4>CMS</h4>
  75. <p>ShopNC CMS模块拥有文章、画报、专题发布等功能,自定义编辑模板,可在文章内容中关联商品...</p>
  76. </li>
  77. <li class="circle">
  78. <input type="checkbox" name="circle" value="1" checked="checked" disabled="">
  79. <div class="ico"></div>
  80. <h4>圈子</h4>
  81. <p>ShopNC圈子模块是会员交流互动的理想环境,增强站点人气。主题帖中可与商品关联,特色鲜明...</p>
  82. </li>
  83. <li class="microshop">
  84. <input type="checkbox" name="microshop" value="1" checked="checked" disabled="">
  85. <div class="ico"></div>
  86. <h4>微商城</h4>
  87. <p>ShopNC微商城模块以新颖的形式展示会员已购商品、实物秀图,提高商品浏览量,促进商城经营...</p>
  88. </li>
  89. </ul>
  90. </div>
  91. <div class="btn-box"><a href="index.php?step=1" class="btn btn-primary">上一步</a><a id="next" href="javascript:void(0);" class="btn btn-primary">下一步</a></div>
  92. </form>
  93. </div>
  94. <?php ECHO $html_footer;?>
  95. </body>
  96. </html>