@{
    ViewData["Title"] = "報工對應途程站點資料檔";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
@model AMESCoreStudio.WebApi.Models.AMES.WorkingFlowStations

<div class="layui-card">
    <div class="layui-card-header">
        <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</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" style="width: 200px; margin-right: 5px;">
                        <select style="width:200px;" lay-filter="unitNo" lay-submit id="unitNo" name="unitNo" asp-items="@ViewBag.WorkingUnitNo">
                        </select>
                    </div>
                </div>
               
                <div class="layui-inline" style="margin-left:0px;">
                    <button id="btnSearch" class="layui-btn tt">
                        <i class="layui-icon">&#xe615;</i>搜索
                    </button>
                </div>
            </div>
        </div>
        <input type="hidden" asp-for="UpdateUserID" value="@ViewBag.UserID" />
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>
@section Scripts{
    <script type="text/javascript">
        var tableCols = [[
            {
                field: 'workingFlowStationsID',
                width: 100,
                title: '#',
                sort: true
            },
            {
                field: 'workingStationID',
                 width: 200,
                title: '報工站點ID',
            },
            {
                field: 'workingStationName',
                title: '報工站點名稱',
            },
            {
                field: 'stationID',
                 width: 200,
                title: '途程站點ID',
            },
            {
                field: 'stationName',
                title: '途程站點名稱',
            },
            {
                field: 'center',
                width: 200,
                title: '操作',
                templet: function (d) {
                    var btns = '';
                   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="del"
       
         function del(obj) {
            if (obj.data.workingFlowStationsID) {
                if (obj.data.statusNo == 'A')
                    str = '停用';
                else
                    str = '啟用';
                hg.confirm("報工站點：" + obj.data.workingStationName + "，確定要" + str + "嗎?", function () {
                    $.ajax({
                        url: '/WHS/WHS027D',
                        data: { id: obj.data.workingFlowStationsID },
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                hg.msghide(str + "成功!");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                            tt();
                        },
                        error: function () {
                            hg.msg("網路請求失!");
                        }

                    });
                });

            }
        }
       

        ////搜索
        $('#btnSearch').click(function () {

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

        });

        layui.use(['form', 'layer', 'laydate'], function () {
            form = layui.form;
            form.on('select(unitNo)', function (data) {
                var data = $("#unitNo").val();
              
            });

        });
       

      
        ////搜索
        $('#querysubmit').click(function () {
            hg.msghide("刷新資料！");
            tt();
        });


        var toolbar = [{
            text: '新增',
            layuiicon: '&#xe608;',
            class: 'layui-btn-normal',
            handler: function () {
                hg.open('新增除外站別', '/WHS/WHS027C', 800, 400);

            }
        }
        ];

        var table;
        $(function () {
            tt();
        });
        //基本資料表格
        function tt() {
            var unit = $("#unitNo").val();

            table = hg.table.datatable('test', '除外站別維護', '/WHS/GetWorkingFlowStations?workingunit=' + unit
                , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
        }
       

    </script>
    
}