| | |
| | | <!DOCTYPE html> |
| | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | | |
| | | <head> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <title>选择用户资料</title> |
| | | <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, maximum-scale=1"> |
| | |
| | | <script src="../../layuiadmin/treeTable.js"></script> |
| | | <script src="../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <script src="../../layuiadmin/layui/lay/modules/util.js"></script> |
| | | <script src="../../layuiadmin/layui/zgqlayui.js"></script> |
| | | <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src="../../layuiadmin/PubCustom.js"></script> |
| | | <script src="../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <style media="screen"> |
| | | .custom-tree-item-clicked { |
| | | color: #FC9003 |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | | <body> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-col-md12"> |
| | |
| | | <div class="layui-form-item" style="border-top: solid 1px #F6F6F6;"> |
| | | <div class="layui-row" style="padding:10px 0"> |
| | | <div class="layui-col-xs3 layui-inline" style="width: 23%; display:none;"> |
| | | <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" style="height: 580px; overflow: scroll;"></div> |
| | | <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" |
| | | style="height: 580px; overflow: scroll;"></div> |
| | | </div> |
| | | <div class="layui-col-xs12 layui-inline"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">代码</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HNumber" id="HNumber"> |
| | | <input type="text" class="layui-input" name="HNumber" |
| | | id="HNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | |
| | | <input type="text" class="layui-input" name="HName" id="HName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" |
| | | lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <script src="../../layuiadmin/layui/zgqlayui.js"></script> |
| | | <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src="../../layuiadmin/PubCustom.js"></script> |
| | | |
| | | <script> |
| | | //获取页面跳转参数 |
| | | var params = get_UrlVars(); |
| | |
| | | , tree = layui.tree |
| | | var sWhere = " where HStopFlag=0 and HEndFlag<>'1' and HUSEORGID = " + sessionStorage["OrganizationID"] + " "; //树型 |
| | | var sWhere1 = " where HStopFlag=0 and HEndFlag=1 and HUSEORGID = " + sessionStorage["OrganizationID"] + " "; //列表 |
| | | if (TreeFlag == "false") |
| | | { |
| | | if (TreeFlag == "false") { |
| | | //$(".layui-col-xs3").css("display", "none"); //隐藏树型 |
| | | //$(".layui-col-xs9").css("width", "100%"); //设置宽度 |
| | | } |
| | | else |
| | | { |
| | | else { |
| | | //tree.render({ |
| | | // elem: '#treeUser', |
| | | // data: getData(sWhere), |
| | |
| | | // } |
| | | //}); |
| | | } |
| | | |
| | | |
| | | table.on('row(mainTable)', function (obj) { |
| | | //选中行改变颜色 |
| | | var flag = !obj.tr.find(':checkbox:first').prop('checked'); |
| | | obj.tr.find(':checkbox').prop('checked', flag); |
| | | if (flag) { |
| | | obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked'); //设置复选框选中样式 |
| | | $(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//改变当前tr背景颜色和字体颜色 |
| | | } else { |
| | | obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//取消复选框选中样式 |
| | | $(obj.tr.selector).attr({ "style": "background:" });//取消当前tr颜色 |
| | | } |
| | | //mainTable 为表格ID 注意此处如果ID不正确将导致你在监听复选框时获取不到你选择的数据,前面的只是添加或删除选中未选中样式以及设置背景色,字体颜色 |
| | | layui.each(table.cache.mainTable, function (i, l) { |
| | | if (obj.tr.index() == l.LAY_TABLE_INDEX) { |
| | | l.LAY_CHECKED = flag; |
| | | } |
| | | }); |
| | | }) |
| | | |
| | | |
| | | var option = { |
| | |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: 'full-120' |
| | | , page: true |
| | | , limits: [50, 500, 5000, 50000] |
| | | , limit: 50 |
| | | , cellMinWidth: 90 |
| | | , cols: [[ |
| | | { type: 'radio', fixed: 'left' } |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { field: 'HItemID', title: 'HItemID', sort: true, hide: true } |
| | | , { field: 'ParentID', title: 'ParentID', sort: true, hide: true } |
| | | , { field: 'HNumber', title: '职员代码' } |
| | |
| | | </script> |
| | | |
| | | </body> |
| | | </html> |
| | | |
| | | </html> |