AMES/AMESCoreStudio.Web/Views/FQC/FQC007.cshtml

@{
    ViewData["Title"] = "FQC抽驗作業";
    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-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">入庫單號：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">抽樣點數：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">抽驗PASS數量：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">本批完成量：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">拒收點數：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">不良數：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">工單號碼：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">料號：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">品名：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">抽樣結果：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">判定備註：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">料號屬性：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">不良品數量：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">手動批退備註：</label>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs2">

            </div>
            <div class="layui-col-xs2">

            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label-col" style="text-align:right;">入庫單備註描述：</label>
            </div>
            <div class="layui-col-xs10">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:auto;">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs10">
            </div>
            <div class="layui-col-xs1">
                <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">抽驗</a>
            </div>
            <div class="layui-col-xs1">
                <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="result">結果判定</a>
            </div>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.use(['form', 'laydate'], function () {
            var form = layui.form;
        });
        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            table && table.reload(data);
        });
        var tableCols = [[
            {
                field: 'groupNameCN',
                title: '箱號',
                sort: true
            },
            {
                field: 'groupNameEN',
                title: '總數量',
                sort: true
            },
            {
                field: 'groupNameEN',
                title: '已抽數量',
                sort: true
            },
            {
                field: 'groupNameEN',
                title: '抽驗PASS數量',
                sort: true
            },
            {
                field: 'groupNameEN',
                title: '抽驗FAIL數量',
                sort: true
            },
            {
                field: 'right',
                width: 100,
                title: '操作',
                fixed: 'right',
                templet: function (d) {
                    return '<a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>'
                }
            }]
        ];

        //通过行tool编辑，lay-event="edit"
        function edit(){
                hg.open('抽驗', '/FQC/FQC007C/', 400, 400);
        }

        //通过行tool删除，lay-event="del"
        function del(obj) {
            if (obj.data.groupID) {
                hg.confirm("檢驗類別：" + obj.data.groupNameCN + "【" + obj.data.groupNameEN + "】，確定要刪除嗎？", function () {
                    $.ajax({
                        url: '/FQC/FQC001D',
                        data: { id: obj.data.groupID },
                        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('新增檢驗類別', '/FQC/FQC001C', 400, 400);

            }
        }
        ];
        //基本数据表格
        var table = hg.table.datatable('test', '檢驗類別維護', '/FQC/FQC001Query', {}, tableCols, '', false, 'full-100', []);
    </script>
}