@{
    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">&#xe654;</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">&#xe615;</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: '&#xe608;',
                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>*@
}