@{
    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-form">
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">群組代號</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="no" name="no" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">群組名稱</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="name" name="name" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">料號</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="itemNo" name="itemNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm1">
                        <div class="layui-inline layui-show-xs-block">
                            <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>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

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

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            table && table.reload(data);
        });
        var tableCols = [[
            {
                field: 'itemGroupNo',
                title: '群組代號',
                sort: true
            },
            {
                field: 'itemGroupName',
                title: '群組名稱',
                sort: true
            },
            {
                field: 'itemGroupDesc',
                title: '群組描述',
                sort: true
            },
            {
                field: 'right',
                width: 260,
                title: '操作',
                fixed: 'right',
                templet: function (d) {
                    return `<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>
                            <a class="layui-btn layui-bg-blue layui-btn-xs layui-icon layui-icon-form" lay-event="settingItem">設定項目</a>
                            <a class="layui-btn layui-bg-orange layui-btn-xs layui-icon layui-icon-list" lay-event="settingMaterial">綁定料號</a>`
                         // <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>`
                }
            }]
        ];

        //修改
        function edit(obj) {
            if (obj.data.fqcItemGroupId) {
                hg.open('修改檢驗項目群組名稱', '/FQC/FQC013U/' + obj.data.fqcItemGroupId, 400, 400);
            }
        }

        //設定項目
        function settingItem(obj) {
            if (obj.data.fqcItemGroupId) {
                hg.open(`檢驗群組設定項目:${obj.data.itemGroupNo}`, '/FQC/FQC013A?fqcItemGroupId= ' + obj.data.fqcItemGroupId, 800, 550);
            }
        }

        //綁定料號
        function settingMaterial(obj) {
            if (obj.data.fqcItemGroupId) {
                hg.open(`檢驗群組綁定料號:${obj.data.itemGroupNo}`, '/FQC/FQC013B?groupId= ' + obj.data.fqcItemGroupId, 800, 550);
            }
        }

        //删除
        function del(obj) {
            if (obj.data.fqcItemGroupId) {
                hg.confirm("群組代碼：" + obj.data.itemGroupNo + "【" + obj.data.itemGroupName + "】，確定相關資料全部刪除嗎？", function () {
                    $.ajax({
                        url: '/FQC/FQC013D',
                        data: { id: obj.data.fqcItemGroupId },
                        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/FQC013C', 400, 400);

            }
        }
        ];
        //基本数据表格
        var table = hg.table.datatable('test', '檢驗項目群組名稱', '/FQC/FQC013Query', {}, tableCols, toolbar, false, 'full-100', ['filter', 'print', 'exports']);
    </script>
}