@{
    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">
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-right:0px;">
                    <label class="layui-inline layui-form-label" style="width:80px;">報工生產單位</label>
                    <div class="layui-input-inline" width:400px;">
                        <select style="width:400px;" lay-filter="unitNo" lay-submit id="unitNo" name="unitNo" asp-items="@ViewBag.WorkingUnitNo">
                        </select>
                    </div>
                    <input id="unitId" type="hidden" name="unitId" />
                </div>
                <div class="layui-inline" style="margin-left:0px;">
                    <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>

        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            table && table.reload(data);
        });
        var tableCols = [[
            {
                field: 'workingStationID',
                width: 80,
                title: '#'
            },
            {
                field: 'workingStationName',
                width: 300,
                title: '報工工作站別名稱'
            },
            {
                field: 'workingStationDesc',
                title: '報工工作站敘述',
            },
            {
                field: 'typeNo',
                width: 300,
                title: 'SAP工時類別'
            },
            {
                field: 'workingUnitName',
                width: 300,
                title: '報工生產單位名稱'
            },
            {
                field: 'right',
                width: 200,
                title: '操作',
                fixed: 'right',
                templet: function (d) {

                    var btns = '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>';

                    if (d.statusNo == "A")
                        btns = btns + ' <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">停用</a>';
                    else if (d.statusNo == "S")
                        btns = btns + ' <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="del">啟用</a>';
                    return btns;
                }
            }]
        ];

        //通过行tool編輯，lay-event="edit"
        function edit(obj) {
            if (obj.data.workingStationID) {
                hg.open('修改報工工作站', '/WHS/WHS024U/' + obj.data.workingStationID, 640,480);
            }
        }

        function del(obj) {
            if (obj.data.workingStationID) {
                if (obj.data.statusNo == 'A')
                    str = '停用';
                else
                    str = '啟用';
                hg.confirm("報工工作站別名稱：" + obj.data.workingStationName + "，確定要" + str + "嗎?", function () {
                    $.ajax({
                        url: '/WHS/WHS024D',
                        data: { id: obj.data.workingStationID },
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                hg.msghide(str + "成功!");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                        },
                        error: function () {
                            hg.msg("網路請求失!");
                        }
                         
                    });
                });
                tt();
            }
        }
        var toolbar = [{
            text: '新增',
            layuiicon: '&#xe608;',
            class: 'layui-btn-normal',
            handler: function () {
                hg.open('新增報工工作站別', '/WHS/WHS024C', 640, 480);

            }
        }
        ];
        //基本資料表格
        $('#btnSearch').click(function () {

            hg.msghide("刷新資料！");
            tt();

        });
        var table;
        $(function () {
            tt();
        });
        //基本資料表格
        function tt() {
            var unit = $("#unitNo").val();
            table = hg.table.datatable('test', '報工工作站別維護', '/WHS/GetWorkingStations?id=' + unit
                , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
        }
      //  var table = hg.table.datatable('test', '報工工作站別維護', '/WHS/GetWorkingStations', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
    </script>
}