initial.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>初始化设备</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../static/css/font.css">
  10. <link rel="stylesheet" href="../../static/css/weadmin.css">
  11. <script src="../../lib/layui/layui.js" charset="utf-8"></script>
  12. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  13. <!--[if lt IE 9]>
  14. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  15. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  16. <![endif]-->
  17. <style>
  18. .explain{
  19. position: absolute;
  20. right: -149px;
  21. top: 10px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="weadmin-body">
  27. <div class="layui-tab layui-tab-card">
  28. <ul class="layui-tab-title">
  29. <li class="layui-this">梯形</li>
  30. <li>梯弧形</li>
  31. <li>教授</li>
  32. </ul>
  33. <div class="layui-tab-content">
  34. <div class="layui-tab-item layui-show">
  35. <div style="text-align: center">
  36. <img src="../../static/images/tx.png" alt="">
  37. </div>
  38. <form class="layui-form">
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">
  41. <span class="we-red">*</span>渠底宽
  42. </label>
  43. <div class="layui-input-inline">
  44. <input type="text" id="S_tx1" name="S_number" placeholder="渠底宽" required="" lay-verify="required" class="layui-input">
  45. <span class="explain">(代表字母D,单位cm)</span>
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">
  50. <span class="we-red">*</span>渠深
  51. </label>
  52. <div class="layui-input-inline">
  53. <input type="text" id="S_tx2" name="S_years" placeholder="渠深" required="" lay-verify="required" class="layui-input">
  54. <span class="explain">(代表字母H,单位cm)</span>
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">
  59. <span class="we-red">*</span>渠口宽
  60. </label>
  61. <div class="layui-input-inline">
  62. <input type="text" id="S_tx3" name="S_years" placeholder="渠口宽" required="" lay-verify="required" class="layui-input">
  63. <span class="explain">(代表字母L,单位cm)</span>
  64. </div>
  65. </div>
  66. <div class="layui-form-item">
  67. <label class="layui-form-label">
  68. <span class="we-red">*</span>左坡比
  69. </label>
  70. <div class="layui-input-inline">
  71. <input type="text" id="S_tx4" name="S_years" placeholder="左坡比" required="" lay-verify="required" class="layui-input">
  72. <span class="explain" style="right: -167px">(代表字母m1,单位1:m)</span>
  73. </div>
  74. </div>
  75. <div class="layui-form-item">
  76. <label class="layui-form-label">
  77. <span class="we-red">*</span>右坡比
  78. </label>
  79. <div class="layui-input-inline">
  80. <input type="text" id="S_tx5" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
  81. <span class="explain" style="right: -167px">(代表字母m2,单位1:m)</span>
  82. </div>
  83. </div>
  84. <div class="layui-form-item" style="text-align: center;margin: 30px">
  85. <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
  86. </div>
  87. </form>
  88. </div>
  89. <div class="layui-tab-item">
  90. <div style="text-align: center">
  91. <img src="../../static/images/thx.png" alt="" style="width: 475px">
  92. </div>
  93. <form class="layui-form">
  94. <div class="layui-form-item">
  95. <label class="layui-form-label">
  96. <span class="we-red">*</span>渠底直端
  97. </label>
  98. <div class="layui-input-inline">
  99. <input type="text" id="S_thx1" name="S_number" placeholder="渠底宽" required="" lay-verify="required" class="layui-input">
  100. <span class="explain">(代表字母D,单位cm)</span>
  101. </div>
  102. </div>
  103. <div class="layui-form-item">
  104. <label class="layui-form-label">
  105. <span class="we-red">*</span>渠深
  106. </label>
  107. <div class="layui-input-inline">
  108. <input type="text" id="S_thx2" name="S_years" placeholder="渠深" required="" lay-verify="required" class="layui-input">
  109. <span class="explain">(代表字母H,单位cm)</span>
  110. </div>
  111. </div>
  112. <div class="layui-form-item">
  113. <label class="layui-form-label">
  114. <span class="we-red">*</span>渠口宽
  115. </label>
  116. <div class="layui-input-inline">
  117. <input type="text" id="S_thx3" name="S_years" placeholder="渠口宽" required="" lay-verify="required" class="layui-input">
  118. <span class="explain">(代表字母L,单位cm)</span>
  119. </div>
  120. </div>
  121. <div class="layui-form-item">
  122. <label class="layui-form-label">
  123. <span class="we-red">*</span>弧半径
  124. </label>
  125. <div class="layui-input-inline">
  126. <input type="text" id="S_thx4" name="S_years" placeholder="左坡比" required="" lay-verify="required" class="layui-input">
  127. <span class="explain">(代表字母r,单位1:m)</span>
  128. </div>
  129. </div>
  130. <div class="layui-form-item">
  131. <label class="layui-form-label">
  132. <span class="we-red">*</span>圆心角
  133. </label>
  134. <div class="layui-input-inline">
  135. <input type="text" id="S_thx5" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
  136. <span class="explain">(代表字母θ,单位。)</span>
  137. </div>
  138. </div>
  139. <div class="layui-form-item">
  140. <label class="layui-form-label">
  141. <span class="we-red">*</span>直端坡比
  142. </label>
  143. <div class="layui-input-inline">
  144. <input type="text" id="S_thx6" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
  145. <span class="explain" style="right: -155px">(代表字母m,单位1:m)</span>
  146. </div>
  147. </div>
  148. <div class="layui-form-item" style="text-align: center;margin: 30px">
  149. <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
  150. </div>
  151. </form>
  152. </div>
  153. <div class="layui-tab-item">
  154. <form class="layui-form">
  155. <div class="layui-form-item">
  156. <label class="layui-form-label">
  157. <span class="we-red">*</span>C
  158. </label>
  159. <div class="layui-input-inline">
  160. <input type="text" id="S_js1" value="0" name="S_number" placeholder="C" required="" lay-verify="required" class="layui-input">
  161. </div>
  162. </div>
  163. <div class="layui-form-item">
  164. <label class="layui-form-label">
  165. <span class="we-red">*</span>D
  166. </label>
  167. <div class="layui-input-inline">
  168. <input type="text" id="S_js2" value="1" name="S_years" placeholder="D" required="" lay-verify="required" class="layui-input">
  169. </div>
  170. </div>
  171. <div class="layui-form-item" style="text-align: center;margin: 30px">
  172. <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
  173. </div>
  174. </form>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <script>
  180. layui.extend({
  181. admin: '{/}../../static/js/admin'
  182. });
  183. layui.use(['form', 'admin', 'jquery', 'table', 'layer'], function() {
  184. var form = layui.form,
  185. admin = layui.admin,
  186. $ = layui.jquery,
  187. table = layui.table,
  188. layer = layui.layer;
  189. //监听提交
  190. form.on('submit(add)', function(data) {
  191. console.log(data);
  192. //发异步,把数据提交给php
  193. layer.alert("增加成功", {
  194. icon: 6
  195. }, function() {
  196. // 获得frame索引
  197. var index = parent.layer.getFrameIndex(window.name);
  198. //关闭当前frame
  199. parent.layer.close(index);
  200. });
  201. return false;
  202. });
  203. var num = 3;
  204. //删除行
  205. function removeTr(trNum) {
  206. $("#tr" + trNum).remove();
  207. }
  208. });
  209. </script>
  210. </body>
  211. </html>