search.html 5.0 KB
{extend name="public:form" /}
{block name="body"}
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body">
                <form class="layui-form layui-col-space5">
                    <div class="layui-form-box">
                        <div class="layui-form-head">
                            <div class="layui-form-item">
                                <label for="station_number" class="layui-form-label">
                                    查询电表主体
                                </label>
                            </div>
                        </div>
                        <div class="layui-form-body">
                            <div class="layui-form-item">
                                <div class="layui-input-inline layui-show-xs-block">
                                    <select name="seach_type">
                                        <option value="station_sp_code" selected="selected">站号</option>
                                        <option value="station_name">站名</option>
                                        <option value="proj_number">项目编号</option>
                                     </select>
                                </div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input type="text" name="search_text" placeholder="搜索内容" autocomplete="off" class="layui-input" lay-verify="required">
                                </div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <button class="layui-btn" lay-submit="" lay-filter="search">
                                        <i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </div>
                            <div class="layui-form-item layui-hide">
                                <div id="search_result"></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="layui-card-body" id="result_list">
              <table class="layui-table layui-form">
                <thead>
                  <tr>
                    <th>站号</th>
                    <th>站名</th>
                    <th>项目编号</th>
                    <th>操作</th>
                </thead>
                <tbody id="stations"></tbody>
              </table>
          </div>
        </div>
    </div>
</div>
{/block}

{block name="js"}
<script>
    layui.use(['form', 'layer', 'laydate', 'upload'],
        function () {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;

            var $station = $("tbody#stations");

            var timer = null;
            form.on('submit(search)',
                function(data) {
                    clearTimeout(timer)
                    timer = setTimeout(function(){
                        $station.empty()
                        $.ajax({
                            url: '/select_by_tag',
                            method: "POST",
                            data: data.field,
                            dataType: "json",
                            success: function (data) {
                                if(data.status == 1){
                                  var stations = data.data;
                                   for (var i in stations) {
                                      var temp = 
                                        '<tr><td>'+ stations[i].station_sp_code +'</td>' +
                                        '<td>'+ stations[i].station_name +'</td>' +
                                        '<td>'+ stations[i].proj_number +'</td>' +
                                        '<td class="td-manage"><a class="layui-btn" title="添加" href="'+
                                        '/em_add/'+stations[i].station_id
                                        +'"><i class="layui-icon iconfont">&#xe6b9;</i></a></td></tr>';

                                      $station.append(temp);
                                    }
                 
                                   //添加到table中
                                } else {
                                    layer.alert(data.message, {
                                      icon: 5
                                    });
                                }
                               
                            },
                            error : function (XMLHttpRequest, textStatus, errorThrow ) {
                                console.log('AJAX 执行失败...');
                            }

                        });
                    },300)
                    return false;
                });


            function close() {
                //关闭当前frame
                xadmin.close();
                // 可以对父窗口进行刷新
                xadmin.father_reload();
            }

        });
</script>
{/block}