操作日志搜索

web/YTSoft.BaseCallCenter.MVCWeb/Views/LogAction/GetList.cshtml

@@ -30,6 +30,35 @@
   <div class="layui-fluid">
     <div class=" layui-col-space15">
 
+      <div class="layui-card">
+          <div class="layui-card-body">
+              <div class="layui-row layui-col-space15 searchfilter">
+              
+                  <div class="layui-input-inline">
+                      <label class="layui-form-label">
+                          坐席姓名：
+                      </label>
+                      <div class="layui-input-block">
+                          <input type="text" placeholder="" autocomplete="off" class="layui-input" id="userName">
+                      </div>
+                  </div>
+                  <div class="layui-input-inline">
+                      <label class="layui-form-label">
+                          受理日期：
+                      </label>
+                      <div class="layui-input-block">
+                          <input type="text" class="layui-input dateParty" id="test10" placeholder=" - " style="width:320px">
+                      </div>
+                  </div>
+              
+                  <div class="layui-input-inline">
+                      <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
+                          <i class="layui-icon">&#xe615;  查 询</i>
+                      </button>
+                  </div>
+              </div>
+          </div>
+      </div>
 
       <div class="layui-card layui-form">
         <div class="layui-row layui-col-space10">
@@ -85,11 +114,54 @@
 </script>
 
 <script type="text/javascript" src="/Content/layui/layui.js" charset="utf-8"></script>
-<script src="~/Content/js/repositorycategory/QuickMsgs.js" charset="utf-8"></script>
 <script src="/Content/layui/formatdate.js"></script>
 
 <script>
-
+layui.use(['laydate', 'table', 'jquery'], function () {
+    var table = layui.table;
+    //监听表格复选框选择
+    table.on('checkbox(demo)', function (obj) {
+        console.log(obj)
+    });
+
+    
+    var laydate = layui.laydate;
+    //日期时间范围
+    laydate.render({
+        elem: '#test10'
+      , type: 'datetime'
+      , range: true
+    });
+
+
+    var $ = layui.$, active = {
+        //查询按钮
+        reload: function () {
+          
+            //执行重载
+            table.reload('recordtable', {
+                page: {
+                    curr: 1 //重新从第 1 页开始
+                }
+              , where: {
+                  NowDateTime: new Date(),
+                  userName: $("#userName").val(),
+                  dateParty: $(".dateParty").val()
+                
+              }
+            });
+        }
+
+    };
+
+    $('.searchfilter .layui-btn').on('click', function () {
+        var type = $(this).data('type');
+        active[type] ? active[type].call(this) : '';
+    });
+ 
+
+
+});
 </script>
 
 </html>