@{ ViewData["Title"] = "線別資料維護"; Layout = "~/Views/Shared/_AMESLayout.cshtml"; } <div class="layui-card"> <div class="layui-card-header"> <div class="layui-form"> <div class="layui-form-item "> <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div> </div> </div> </div> <div class="layui-card-body"> <div class="layui-form" style="margin-bottom:5px;"> <div class="layui-form-item"> <div class="layui-inline"> <button type="button" id="btnAdd" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i>新增</button> </div> <div class="layui-inline" style="margin-right:0px;"> <label class=" layui-inline layui-form-label" style="width:120px;">请選擇單位名稱</label> <div class="layui-input-inline" width:400px;"> <select id="unit" lay-event="unit" lay-filter="unit" lay-submit asp-items="@ViewBag.FactoryUnit"> </select> </div> <input id="unitId" type="hidden" name="unitId" /> </div> <div class="layui-inline" style="margin-left:0px;"> <div class="layui-btn-group"> <button id="btnSearch" class="layui-btn layui-btn-sm layui-btn-normal"> <i class="layui-icon layui-icon-sm"></i> </button> </div> </div> </div> </div> <table class="layui-hide" id="test" lay-filter="test"></table> </div> </div> @section Scripts{ <script type="text/javascript"> var treeTable; layui.config({ base: '../lib/layui_ext/' }).extend({ treeTable: 'treetable/treeTable' }).use(['treeTable'], function () { treeTable = layui.treeTable; treeTable.on('tool(test)', function (obj) { if (obj.event == 'edit') { if (obj.data.lineID) { hg.open('修改線別', '/BAS/BAS003U/' + obj.data.lineID, 480, 480); } } if (obj.event == 'del') { var str; if (obj.data.statusNo == 'A') str = '停用'; else str = '啟用'; hg.confirm("系統:" + obj.data.lineDesc + ",确定要"+str+"吗?", function () { $.ajax({ url: '/BAS/BAS003U2', //抓取停用 data: { model: obj.data }, type: 'POST', success: function (data) { if (data.success) { //obj.del(); //只删本地数据 hg.msghide("成功!"); var aa = $("#unitId").val(); request(aa); } else { hg.msg(data.msg); } }, error: function () { hg.msg("网络请求失败!"); } }); }); } }); form.on('select(unit)', function (data) { //alert("select yessss!!"); $("#unitId").val(data.value); $('#btnSearch').click(); }); }); var data = []; $(document).ready(function () { var aa = $("#unitId").val(); request(aa); }); //通过table定义reload刷新列表,update本地填充一条数据 var TABLE = function () { return { reload: function () { var aa = $("#unitId").val(); request(aa); }, update: function (d) { var model = $.parseJSON(d); var up = false; layui.each(data, function (i, d) { if (d.id == model.id) { data[i] = model; up = true; return false; } }); up || data.push(model); init(data); } } } function request(Unitstr) { hg.request('/BAS/GetLineInfoByUnit/' + Unitstr, function (result) { data = result.data; init(data); }); } var insTb; function init(data) { insTb = treeTable.render({ elem: '#test', height: 'full-180', text: { none: '<div style="padding: 18px 0;">暂无数据</div>' }, data: data, tree: { iconIndex: -1, isPidData: false, idName: 'lineID', }, cols: [ { field: 'lineID', width: 120, title: '#', sort: true }, { field: 'deptID', width: 100, title: '部門代碼', templet: function (d) { return d.dept["deptNo"]; } }, { field: 'dept', title: '部門名稱', templet: function (d) { return d.dept["deptName"]; } }, { field: 'unit', title: '製程單位', templet: function (d) { return d.unit["unitName"]; } }, { field: 'lineDesc', minWidth: 100, title: '線別說明' }, { field: 'story', title: '樓層', width: 80 }, { align: 'center' , title: '操作' , width: 200 ,templet: function (item) { var btns = ''; btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>'; if (item.statusNo == "A") btns = btns + '<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">停用</a>'; else if (item.statusNo == "S") btns = btns + '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="del">啟用</a>'; return btns; } } ], style: 'margin-top:0;', done: function () { } }); insTb.expandAll(); } var table = new TABLE(); //搜索 $('#btnSearch').click(function () { hg.msghide("刷新数据!"); var aa = $("#unit").val(); //alert(aa); request(aa); }) $('#btnAdd').click(function () { hg.open('新增線別', '/BAS/BAS003C', 480, 480); }); </script> @*<script type="text/javascript"> //监听表单提交事件 hg.form.onsubmit('querysubmit', function (data) { table && table.reload(data); }); var tableCols = [[ { field: 'lineID', width: 50, title: '#', sort: true }, { field: 'deptID', width: 100, title: '部門代碼', templet: function (d) { return d.dept["deptNo"]; } }, { field: 'dept', width: 100, title: '部門名稱', templet: function (d) { return d.dept["deptName"]; } }, { field: 'lineDesc', minWidth: 100, title: '線別說明' }, { field: 'story', title: '樓層', width: 80 }, { field: 'right', width: 200, title: '操作', fixed: 'right', templet: function (d) { return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit2">停用</a> <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a> <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>' } }] ]; //通过行tool编辑,lay-event="edit" function edit(obj) { alert(obj); if (obj.data.lineID) { hg.open('修改線別', '/BAS/BAS003U/' + obj.data.lineID, 480,480); } } //通过行tool删除,lay-event="del" function del(obj) { if (obj.data.lineID) { hg.confirm("系統:" + obj.data.lineDesc + ",确定要删除吗?", function () { $.ajax({ url: '/BAS/BAS003D', data: { id: obj.data.lineID }, type: 'POST', success: function (data) { if (data.success) { obj.del(); //只删本地数据 hg.msghide("删除成功!"); } else { hg.msg(data.msg); } }, error: function () { hg.msg("网络请求失败!"); } }); }); } } //通过行tool停用,lay-event="edit2" function edit2(obj) { if (obj.data.lineID) { hg.confirm("系統:" + obj.data.lineDesc + ",确定要停用吗?", function () { $.ajax({ url: '/BAS/BAS003U2', data: { model: obj.data}, type: 'POST', success: function (data) { if (data.success) { //obj.del(); //只删本地数据 hg.msghide("成功!"); } else { hg.msg(data.msg); } }, error: function () { hg.msg("网络请求失败!"); } }); }); } } var toolbar = [{ text: '新增', layuiicon: '', class: 'layui-btn-normal', handler: function () { hg.open('新增線別資料', '/BAS/BAS003C', 480, 480); } } ]; //基本数据表格 var table = hg.table.datatable('test', '線別資料維護', '/BAS/GetLineInfoes', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); </script>*@ }