@using Microsoft.AspNetCore.Mvc.Localization
@inject IViewLocalizer Localizer

@{
    ViewData["Title"] = @Localizer["PCS005"];
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style>
    /*    .layui-table-col-special .layui-table-cell {
                            height:auto;
                            overflow:visible;
                            text-overflow:inherit;
                            white-space: normal;
                        }*/
</style>
<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-row">
                <div class="layui-form-item">
                    <div class="layui-col-md3">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:50px">@Localizer["WipNo"]</label>
                            <div class="layui-input-inline" style="width:170px">
                                <input id="wipNo" name="wipNo" autocomplete="off" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:50px">@Localizer["ItemNo"]</label>
                            <div class="layui-input-inline" style="width:170px">
                                <input id="itemNo" name="itemNo" autocomplete="off" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:50px">@Localizer["UnitNo"]</label>
                            <div class="layui-input-inline" style="width:170px">
                                <select id="unit" lay-filter="unit" name="unit" lay-submit asp-items="@ViewBag.FactoryUnitList">
                                </select>
                                <input id="unitNo" type="hidden" name="unitNo" value="@ViewBag.UnitNo" />
                                <input id="factoryNo" type="hidden" name="factoryNo" value="@ViewData["UserFactory"]" />
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:50px">@Localizer["WipStatus"]</label>
                            <div class="layui-input-inline" style="width:100px">
                                <select id="statusNo" name="statusNo" lay-filter="statusNo" lay-submit>
                                    <option value="">全部</option>
                                    <option value="N">未完工</option>
                                    <option value="E">已完工</option>
                                    <option value="C">已刪除</option>
                                </select>
                            </div>

                            <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
                                <i class="layui-icon layui-icon-sm">&#xe615;</i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-md3">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:50px">@Localizer["CustomerWipNo"]</label>
                            <div class="layui-input-inline" style="width:170px">
                                <input id="customerWipNo" name="customerWipNo" autocomplete="off" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
           
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
         
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-inline">
 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table class="layui-hide" id="query" lay-filter="query"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.use('table', function () {
            form = layui.form;

            form.on('select(unit)', function (data) {
                $("#unitNo").val(data.value);
                //roleName = data.elem[data.elem.selectedIndex].text;
                var qs = $('button[lay-filter="querysubmit"]');
                qs.click();
            });

            form.on('select(statusNo)', function (data) {
                //roleName = data.elem[data.elem.selectedIndex].text;
                var qs = $('button[lay-filter="querysubmit"]');
                qs.click();
            });

            var table = layui.table;

            table.on('tool(query)', function (obj) {
                if (obj.event == 'detail') {
                    if (obj.data.wipID) {
                        hg.open('@Localizer["PCS001R"]', '/PCS/PCS001R/' + obj.data.wipID, '', '', true);
                    }
                }
            });


        });

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            table && table.reload(data);

        });
        var tableCols = [[
            {
                field: 'wipNo',
                width: 100,
                title: '@Localizer["WipNo"]',
                sort: true
            },
            {
                field: 'itemNo',
                title: '@Localizer["ItemNo"]',
                width: 150,
                sort: true,
                expandedMode: 'tips'
            },
            {
                field: 'description',
                title: '@Localizer["WipDescription"]',
                width: 100,
                expandedMode: 'tips'
            },
            {
                field: 'planQTY',
                title: '@Localizer["PlanQty"]'
            },
            {
                field: 'lineDesc',
                title: '@Localizer["Lineid"]',
                sort: true
            },
            {
                field: 'unitName',
                title: '@Localizer["UnitNo"]',
                width: 100,
                sort: true
            },
            {
                field: 'factoryNameCh',
                title: '@Localizer["Werks"]',
                sort: true
            },
            {
                field: 'wipScheduleDate',
                title: '@Localizer["WipScheduleDate"]',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.wipScheduleDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'workDate',
                title: '@Localizer["StartDate"]',
                sort: true
            },
            {
                field: 'wipDueDate',
                title: '@Localizer["WipDueDate"]',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.wipDueDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'statusNo',
                title: '@Localizer["WipStatus"]',
                templet: '#statusNoName'
            },
            {
                field: 'wipCheck',
                title: '@Localizer["SendNotification"]'
            },
            {
                field: 'fqcDate',
                title: '@Localizer["FQCDate"]'
            },
            {
                field: 'right',
                width: 80,
                title: '@Localizer["Action"]',
                fixed: 'right',
                templet: function (d) {
                    return '<a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">@Localizer["View"]</a>'
                }
            }
        ]
        ];


        //通过行tool檢視，lay-event="detail"
        function detail(obj) {
            if (obj.data.wipID) {
                hg.open('@Localizer["PCS001R"]', '/PCS/PCS001R/' + obj.data.wipID, '', '', true);
            }
        }

        //通过行tool編輯，lay-event="edit"
        function edit(obj) {
            if (obj.data.wipID) {
                hg.open('@Localizer["PCS002"]', '/PCS/PCS003/' + obj.data.wipID, '', '', true);
            }
        }

        function del(obj) {
            hg.confirm("確定要刪除工單號碼【" + obj.data.wipNO + "】嗎？", function () {
                $.ajax({
                    url: '/PCS/PCS005D',
                    data: { id: obj.data.wipID },
                    type: 'POST',
                    success: function (data) {
                        if (data.success) {
                            hg.msghide("刪除成功！");
                            var qs = $('button[lay-filter="querysubmit"]');
                            qs.click();
                        }
                        else {
                            hg.msg(data.msg);
                        }
                    },
                    error: function () {
                        hg.msg("網路請求失敗！");
                    }
                });
            });
        }

        var param = unitNo.value + '_' + wipNo.value + '_' + itemNo.value + '_' + factoryNo.value;

        var table = hg.table.datatable('query', '工單資料查詢', '/PCS/PCS005Query/' + param, {}, tableCols, "", true, 'full-100', ['filter', 'print', 'exports']);
    </script>
    <script type="text/html" id="statusNoName">
        {{#  if(d.statusNo === 'E'){ }}
        <span>{{ '完工' }}</span>
        {{#  } else if(d.statusNo === 'C'){ }}
        <span>{{ '刪除' }}</span>
        {{#  } else { }}
        {{ '未完工' }}
        {{#  } }}
    </script>
}