{extend name="public:form" /}
{block name="body"}
<style type="text/css">
.layui-table-page{
  text-align: right;
}
</style>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                           <form class="layui-form">
                            <div class="layui-input-inline layui-show-xs-block" style="width:130px;">
                              <select name="search_type" id="search_type">
                                <option value="1" selected="selected" {if $search_type eq 1 } selected {/if}>站名</option>
                                <option value="2" {if $search_type eq 2 } selected {/if}>站号</option>
                                <option value="3" {if $search_type eq 3 } selected {/if}>项目编号</option>
                                <option value="4" {if $search_type eq 4 } selected {/if}>电表识别号</option>
                                <option value="5" {if $search_type eq 5 } selected {/if}>机房二维码</option>
                                <option value="6" {if $search_type eq 6 } selected {/if}>出租单位名称</option>
                              </select>
                            </div>
                            <div class="layui-input-inline layui-show-xs-block">
                              <input type="text" name="search_text" placeholder="搜索内容" style="width:150px;" autocomplete="off" id="search_text" class="layui-input" value="{$search_text}">
                            </div>
                            <div class="layui-input-inline layui-show-xs-block" style="width:130px;">
                              <select name="operator" id="operator">
                                <option value="0">运营商</option>
                                {volist name="operators" id="item"}
                                <option value="{$item.operator_id}" {if $operator eq $item.operator_id } selected {/if}>{$item.operator_name}</option>
                                {/volist}
                              </select>
                            </div>
                             <div class="layui-input-inline layui-show-xs-block" style="width:130px;">

                              <select name="area_id" id="area_id">
                              <option value="0"> 区域</option>
                              {volist name="regions" id="region"}
                              {if $region.level == 0}
                                <option disabled='disabled'  class='layui-disabled' >{$region.region_name}</option>
                              {else /}
                              <option value="{$region.id}" {if $area_id eq $region.id } selected {/if} >&nbsp;&nbsp;&nbsp;&nbsp;{$region.region_name}</option>
                              {/if}
                              
                              {/volist}
                             
                              </select>
                            </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>
                          </form>
                        </div>
                            <div class="layui-card-header">
                            <button class="layui-btn" onclick="xadmin.open('电表列表','/em_search_stations')" >
                                <i class="layui-icon"></i>添加</button>

                            <button class="layui-btn" onclick="EmExport()" id="EmImport">
                                <i class="layui-icon iconfont">&#xe7e4;</i></button>
                            <a href="/em_export" target="_blank" class="layui-btn">
                                <i class="layui-icon iconfont">&#xe7e6;</i></a>
                         
                        </div> 
                      <div class="layui-card-body">
                      <table class="layui-table" lay-data="{  url:'/em', page:true,  id:'idTest',where:{search_type:document.getElementById('search_type').value,search_text:document.getElementById('search_text').value,operator:document.getElementById('operator').value,area_id:document.getElementById('area_id').value} }">
                       <thead>
                          <tr>
                          <th lay-data="{templet: '#number'}">电表识别号</th>
                          <th lay-data="{field:'station_sp_code'}" >电表所属基站号</th>
                          <th lay-data="{field:'station_name'}">电表所属站名</th>
                          <th lay-data="{field:'region_name'} ">区域</th>
                          <th lay-data="{field:'operator_name'}">运营商</th>
                          <th lay-data="{field:'proj_number'}">项目编号</th>
                            <th lay-data="{fixed: 'right',  align:'center', toolbar: '#barDemo'}">操作</th>
                          </tr>
                        </thead>
                        </table>
                      </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
<script type="text/html" id="number">
         <a class="layui-link" href="/em_detail/{{d.id}}">{{d.number}}</a>
</script>
<script type="text/html" id="barDemo">
<a title="抄表" href="/copy/{{d.id}}">[<i class="layui-icon">&#xe642;</i>抄表]</a>
<a title="编辑" href="/em_edit/{{d.id}}">[编辑]</a>
</script>
<script>
layui.use(['table','laydate'], function(){


  var table = layui.table;
  var laydate = layui.laydate;

   
  //监听表格复选框选择
  table.on('checkbox(demo)', function(obj){
    console.log(obj)
  });

  //监听工具条
  table.on('tool(demo)', function(obj){
    var data = obj.data;
    
  });
  
  var $ = layui.$, active = {
    getCheckData: function(){ //获取选中数据
      var checkStatus = table.checkStatus('idTest')
      ,data = checkStatus.data;
      layer.alert(JSON.stringify(data));
    }
    ,getCheckLength: function(){ //获取选中数目
      var checkStatus = table.checkStatus('idTest')
      ,data = checkStatus.data;
      layer.msg('选中了：'+ data.length + ' 个');
    }
    ,isAll: function(){ //验证是否全选
      var checkStatus = table.checkStatus('idTest');
      layer.msg(checkStatus.isAll ? '全选': '未全选')
    }
  };
  
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});

</script>
 <script>
      layui.use(['laydate','form','upload'], function(){
        var laydate = layui.laydate,
            form    = layui.form,
            upload  = layui.upload;
        var EmImport = upload.render({
          elem: '#EmImport' , 
          url: '/em_import',
          accept:'file',
          field: 'file_name',
          done: function (res) {
              if(res.status == 1){
                layer.open({
                    content: res.message,
                    btn: ['确定'],
                    yes: function() {
                        layer.closeAll();
                        window.location.reload();
                    }
                });
              }
              if(res.status == 0){
              layer.open({
                    content: res.message,
                    btn: ['确定'],
                    yes: function() {
                        layer.closeAll();
                        window.location.reload();
                    }
                });
              }

              else {
                  //layMsg(res.message,5)
                  return;
              }
          }
      });
   });
    </script>
{/block}