| 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>
 |