@{
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 class="layui-form-item layui-layout-right">
<div class="layui-inline layui-show-xs-block">
<button id="btnSearch" class="layui-btn layui-btn-sm layui-btn-normal">
<i class="layui-icon layui-icon-sm"></i>
</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
<i class="layui-icon layui-icon-sm"></i>
</button>
</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">
////layui.use(['form', 'layer'], function () {
//// form = layui.form;
//// form.on('select(unit)', function (data) {
//// $("#unitId").val(data.value);
//// //var table = hg.table.datatable('test', '班別資料維護', '/BAS/GetClassInfoByUnit/' + data.value), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
//// //var qs = $('button[lay-filter="querysubmit"]');
//// //qs.click();
//// //hg.msghide("刷新数据！");
//// //table && table.reload();
//// });
////});
////监听表单提交事件
//hg.form.onsubmit('querysubmit', function (data) {
// table && table.reload(data);
//});
//var tableCols = [[
// {
// field: 'classID',
// width: 80,
// title: '#',
// sort: true
// },
// {
// field: 'classNo',
// width: 90,
// title: '班別代碼'
// },
// {
// field: 'beginTime',
// title: '上班時間'
// },
// {
// field: 'endTime',
// title: '下班時間'
// },
// {
// field: 'breakTime',
// width: 100,
// title: '休息時間(分)'
// },
// {
// field: 'sartDate',
// width: 100,
// title: '起用時間',
// templet: function (d) {
// return layui.util.toDateString(d.bulletinTime, "yyyy-MM-dd");
// }
// },
// {
// field: 'stopDate',
// width: 100,
// title: '停用時間',
// templet: function (d) {
// return layui.util.toDateString(d.bulletinTime, "yyyy-MM-dd");
// }
// },
// {
// 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="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) {
// if (obj.data.classID) {
// hg.open('修改班別', '/BAS/BAS005U/' + obj.data.classID, 480,480);
// }
//}
////通过行tool删除，lay-event="del"
//function del(obj) {
// if (obj.data.classID) {
// hg.confirm("系統：" + obj.data.classNo + "，确定要删除吗？", function () {
// $.ajax({
// url: '/BAS/BAS005D',
// data: { id: obj.data.classID },
// 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/BAS005C', 480, 480);
//
// }
//}
//];
////基本数据表格
//var table = hg.table.datatable('test', '班別資料維護', '/BAS/GetClassInfoByUnit/' + unitId.value, {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
//1026
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 == 'add') {
// hg.open('新增班別', '/BAS/BAS005C', 480, 480);
//}
if (obj.event == 'edit') {
//alert(obj.data);
if (obj.data.classID) {
hg.open('修改班別', '/BAS/BAS005U/' + obj.data.classID, 480, 480);
}
}
if (obj.data.statusNo == "A")
str = "停用";
else
str = "啟用";
if (obj.event == 'del') {
hg.confirm("系統：" + obj.data.classNo + "，确定要" + str + "吗？", function () {
$.ajax({
url: '/BAS/BAS005D',
data: { id: obj.data.classID },
type: 'POST',
success: function (data) {
if (data.success) {
obj.del(); //只删本地数据
hg.msghide(str + "成功！");
init(data);
request($("#selectunit").val());
}
else {
hg.msg(data.msg);
}
},
error: function () {
hg.msg("网络请求失败！");
}
});
});
}
});
form.on('select(unit)', function (data) {
//alert("select yessss!!");
$("#unitId").val(data.value);
$('#btnSearch').click();
});
});
//通过行tool编辑，lay-event="edit"
//function selectunit2(obj) {
// alert("select yes!!");
// $("#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/GetClassInfoByUnit/' + 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: 'classID'
},
cols: [
{
field: 'classID',
width: 90,
title: '#',
sort: true
},
{
field: 'classNo',
width: 90,
title: '班別代碼'
},
{
field: 'beginTime',
title: '上班時間'
},
{
field: 'endTime',
title: '下班時間'
},
{
field: 'breakTime',
width: 100,
title: '休息時間(分)'
},
{
field: 'statusNo',
title: '狀態'
},
{
field: 'sartDate',
width: 100,
title: '起用時間',
templet: function (d) {
return layui.util.toDateString(d.sartDate, "yyyy-MM-dd");
}
},
{
field: 'stopDate',
width: 100,
title: '停用時間',
templet: function (d) {
return layui.util.toDateString(d.stopDate, "yyyy-MM-dd");
}
},
{
field: 'unit',
width: 100,
title: '製程單位',
templet: function (item) {
return item.unit["unitName"];
}
},
{
align: 'center', title: '操作',
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/BAS005C', 480, 480);
});
</script>
}