step2.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <title>悟空CRM安装向导</title>
  7. <link rel="shortcut icon" href="__STATIC__/icon/favicon.ico">
  8. <link rel="stylesheet" href="__STATIC__/style/base.css">
  9. <link rel="stylesheet" href="__STATIC__/style/step2.css">
  10. <link rel="stylesheet" href="__STATIC__/style/loading.css">
  11. <script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
  12. </head>
  13. <body style="width: 100%; height: 100%;position: relative;">
  14. <div id="cover">
  15. <div id="loader-container">
  16. <p id="loadingText">creating...</p>
  17. </div>
  18. </div>
  19. <div class="header-wrapper">
  20. {include file="public/header"}
  21. </div>
  22. <div class="top">
  23. <div class="step-group">
  24. <div class="step active">
  25. <div class="sort">
  26. <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success.png" alt="">
  27. </div>
  28. <div class="desc">检查安装环境</div>
  29. </div>
  30. <div class="step active line"></div>
  31. <div class="step active">
  32. <div class="sort">
  33. <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success.png" alt="">
  34. </div>
  35. <div class="desc">创建数据库</div>
  36. </div>
  37. <div class="step line"></div>
  38. <div class="step">
  39. <div class="sort">
  40. <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success_gray.png" alt="">
  41. </div>
  42. <div class="desc">安装成功</div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="container">
  47. <div class="content">
  48. <div class="base-top">
  49. <span class="title">创建数据库</span>
  50. <span class="version">当前版本:{$envir_data['version']['VERSION']} {$envir_data['version']['RELEASE']}</span>
  51. </div>
  52. <div class="form">
  53. <div class="form-sec-title">请填写数据库信息</div>
  54. <div class="form-item">
  55. <div class="form-label">数据库主机:</div>
  56. <input type="text" class="wkform" name="databaseUrl" placeholder="127.0.0.1">
  57. <!--<div class="error" style="display: none">数据库主机不能空</div>-->
  58. <!-- <div class="remind">数据库地址一般为127.0.0.1</div> -->
  59. </div>
  60. <div class="form-item">
  61. <div class="form-label">数据库名:</div>
  62. <input type="text" class="wkform" name="databaseName">
  63. </div>
  64. <div class="form-item">
  65. <div class="form-label">端口:</div>
  66. <input type="text" class="wkform" name="databasePort" placeholder="一般为3306">
  67. <!-- <div class="remind">一般为 3306</div> -->
  68. </div>
  69. <div class="form-item">
  70. <div class="form-label">数据库用户名:</div>
  71. <input type="text" class="wkform" name="databaseUser" placeholder="生产环境建议创建独立账号">
  72. <!-- <div class="remind">生产环境建议创建独立账号</div> -->
  73. </div>
  74. <div class="form-item">
  75. <div class="form-label">数据库密码:</div>
  76. <input type="password" class="wkform" name="databasePwd">
  77. </div>
  78. <div class="form-item">
  79. <div class="form-label">表前缀:</div>
  80. <input type="text" class="wkform" name="databaseTable" placeholder="默认我5kcrm-" disabled>
  81. <!-- <div class="remind">默认为5kcrm_</div> -->
  82. </div>
  83. <div class="form-item">
  84. <div class="form-label">安装序列号:</div>
  85. <textarea name="wkcode" class="wkform" rows="6" placeholder="请输入您的序列号"></textarea>
  86. <!-- <div class="remind">-->
  87. <!-- <span class="title">您需要通过手机号来<a class="base-a" target="_blank" href="https://www.72crm.com/login">注册悟空ID</a>,该手机号将作为您登录系统的管理员账号。您需要进入【悟空个人中心】,点击【开源版下载】<a class="base-a" target="_blank" href="https://www.72crm.com/login">获取您的序列号</a>,如您已经注册悟空ID,您只需要点击<a class="base-a" target="_blank" href="https://www.72crm.com/login">登录个人中心</a>即可查看您的序列号</span>-->
  88. <!-- </div>-->
  89. </div>
  90. <div class="form-sec-title">请填写管理员信息</div>
  91. <p style="color:#d5d5d5;font-size: 12px;">
  92. 请填写以下管理员信息,是指完成且系统安装成功后,您可以使用管理员信息登录系统.
  93. </p>
  94. <div class="form-item">
  95. <div class="form-label">管理员账号:</div>
  96. <input type="text" class="wkform" name="root" placeholder="请输入您的手机号码">
  97. </div>
  98. <div class="form-item">
  99. <div class="form-label">管理员密码:</div>
  100. <input type="password" class="wkform" name="pwd" placeholder="6~20位字母加数字组合">
  101. </div>
  102. </div>
  103. <div class="base-des">
  104. </div>
  105. <div class="install_progress_a">
  106. <!-- <progress class="install_progress" max="97" value="8"></progress> -->
  107. </div>
  108. <div class="control">
  109. <div class="prev btn">上一步</div>
  110. <div class="next btn primary">安装</div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="footer-wrapper">
  115. {include file="public/footer"}
  116. </div>
  117. </body>
  118. <!-- <script src="__STATIC__/js/base.js"></script> -->
  119. <script src="__STATIC__/js/step2.js"></script>
  120. </html>