123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>初始化设备</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../static/css/font.css">
- <link rel="stylesheet" href="../../static/css/weadmin.css">
- <script src="../../lib/layui/layui.js" charset="utf-8"></script>
- <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
- <!--[if lt IE 9]>
- <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
- <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- <style>
- .explain{
- position: absolute;
- right: -149px;
- top: 10px;
- }
- </style>
- </head>
- <body>
- <div class="weadmin-body">
- <div class="layui-tab layui-tab-card">
- <ul class="layui-tab-title">
- <li class="layui-this">梯形</li>
- <li>梯弧形</li>
- <li>教授</li>
- </ul>
- <div class="layui-tab-content">
- <div class="layui-tab-item layui-show">
- <div style="text-align: center">
- <img src="../../static/images/tx.png" alt="">
- </div>
- <form class="layui-form">
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠底宽
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_tx1" name="S_number" placeholder="渠底宽" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母D,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠深
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_tx2" name="S_years" placeholder="渠深" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母H,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠口宽
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_tx3" name="S_years" placeholder="渠口宽" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母L,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>左坡比
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_tx4" name="S_years" placeholder="左坡比" required="" lay-verify="required" class="layui-input">
- <span class="explain" style="right: -167px">(代表字母m1,单位1:m)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>右坡比
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_tx5" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
- <span class="explain" style="right: -167px">(代表字母m2,单位1:m)</span>
- </div>
- </div>
- <div class="layui-form-item" style="text-align: center;margin: 30px">
- <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
- </div>
- </form>
- </div>
- <div class="layui-tab-item">
- <div style="text-align: center">
- <img src="../../static/images/thx.png" alt="" style="width: 475px">
- </div>
- <form class="layui-form">
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠底直端
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx1" name="S_number" placeholder="渠底宽" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母D,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠深
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx2" name="S_years" placeholder="渠深" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母H,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>渠口宽
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx3" name="S_years" placeholder="渠口宽" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母L,单位cm)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>弧半径
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx4" name="S_years" placeholder="左坡比" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母r,单位1:m)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>圆心角
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx5" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
- <span class="explain">(代表字母θ,单位。)</span>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>直端坡比
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_thx6" name="S_years" placeholder="右坡比" required="" lay-verify="required" class="layui-input">
- <span class="explain" style="right: -155px">(代表字母m,单位1:m)</span>
- </div>
- </div>
- <div class="layui-form-item" style="text-align: center;margin: 30px">
- <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
- </div>
- </form>
- </div>
- <div class="layui-tab-item">
- <form class="layui-form">
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>C
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_js1" value="0" name="S_number" placeholder="C" required="" lay-verify="required" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">
- <span class="we-red">*</span>D
- </label>
- <div class="layui-input-inline">
- <input type="text" id="S_js2" value="1" name="S_years" placeholder="D" required="" lay-verify="required" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="text-align: center;margin: 30px">
- <button class="layui-btn" lay-filter="add" lay-submit="">初始化设备</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <script>
- layui.extend({
- admin: '{/}../../static/js/admin'
- });
- layui.use(['form', 'admin', 'jquery', 'table', 'layer'], function() {
- var form = layui.form,
- admin = layui.admin,
- $ = layui.jquery,
- table = layui.table,
- layer = layui.layer;
- //监听提交
- form.on('submit(add)', function(data) {
- console.log(data);
- //发异步,把数据提交给php
- layer.alert("增加成功", {
- icon: 6
- }, function() {
- // 获得frame索引
- var index = parent.layer.getFrameIndex(window.name);
- //关闭当前frame
- parent.layer.close(index);
- });
- return false;
- });
- var num = 3;
- //删除行
- function removeTr(trNum) {
- $("#tr" + trNum).remove();
- }
- });
- </script>
- </body>
- </html>
|