@{
    ViewData["Title"] = "Label樣版資料維護";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
<style>
    .control-label {
        justify-content: flex-end !important;
    }
</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" style="margin-bottom:5px;">
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-right:5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label">Label料號:</label>
                        <div class="layui-input-inline" style="width:150px">
                            <input id="labelMatnr" name="labelMatnr" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                @*<div class="layui-inline" style="margin-right:5px;">
            <label class="layui-inline layui-form-label">是否有效</label>
            <div class="layui-input-inline">
                <select name="StatusNo" id="StatusNo" class="custom-select col-sm-4">
                    <option value="Y">上架中</option>
                    <option value="N">未上架</option>
                </select>
            </div>
        </div>*@

                <div class="layui-inline" style="margin-left:0px;">
                    <div class="layui-btn-group">
                        <button class="layui-btn layui-btn-sm layui-btn-normal" id="querysubmit" lay-filter="querysubmit">
                            <i class="layui-icon layui-icon-sm">&#xe615;</i>
                        </button>
                    </div>
                </div>
                <div class="layui-card-body">

                    @*@Html.Raw(ViewData["RateDataListS"])*@
                </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: 'templatE_ID',
                title: '樣式編號',
                sort: true
            },
            {
                field: 'labeL_MATNR',
                title: '標籤料號',
                sort: true
            },
            {
                field: 'labeL_FILE',
                title: '標籤檔名'
            },
            {
                field: 'statuS_NO',
                title: '狀態',
                templet: function (d) {
                    var str = '';
                    if (d.statuS_NO == "Y")
                        str = '上架中';
                    else
                        str = '未上架';
                    return str
                }
            },
            {
                field: 'remark',
                title: '備註說明'
            },
            {
                field: 'updatE_DATE',
                title: '更新時間',
                width: 160,
                templet: '<div>{{ layui.util.toDateString(d.updatE_DATE, "yyyy/MM/dd HH:mm:ss") }}</div>'
            }, 
            {
                field: 'imagE_NAME',
                title: '圖檔',
                templet: function (d) {
                    var btn = '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="Show">檢視圖片</a>';
                    return btn
                }
            },
            {
                field: 'right',
                width: 200,
                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-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>'
                }
            }]
        ];

        //通过行tool编辑，lay-event="edit"
        function edit(obj) {
            if (obj.data.templatE_ID) {
                hg.open('修改Label參數', '/LAB/LAB002U/' + obj.data.templatE_ID, 680, 640);
            }
        }

        function detail(obj) {
            if (obj.data.templatE_ID) {
                hg.open('檢視Label參數', '/LAB/LAB002V/' + obj.data.templatE_ID, 680, 640);
            }
        }

        //通过行tool编辑，lay-event="show"
        function Show1(obj) {
            layui.use('layer', function () {

                var layer = layui.layer;
                layer.open({
                    type: 2,
                    title: '預覽文件',
                    shadeClose: true,//点击遮罩关闭层
                    shade: 0.8,
                    area: ['90%', '90%'],
                    content: obj.data.imagE_NAME, //+ obj.data.newName, //iframe的url
                    zIndex: 19891014,
                    //iframe: {
                    //    src:obj.data.filePath + obj.data.newName
                    //
                    //}
                });
            });

        };


        function Show(obj) {
            $.ajax({
                url: '/LAB/LAB002_COPY',
                method: 'POST',
                data: { ImgFile: obj.data.imagE_NAME, LabMatnr: obj.data.labeL_MATNR},
                success: function (data) {
                    if (data.success) {
                        layui.use('layer', function () {
                            var layer = layui.layer;
                            layer.open({
                                type: 2,
                                title: '預覽文件',
                                shadeClose: true,//点击遮罩关闭层
                                shade: 0.8,
                                area: ['90%', '90%'],
                                content: data.msg,  // 图片路径作为内容, // 完整的图片路径
                                zIndex: 19891014
                            });
                        });
                    }
                    else {
                        hg.msg(data.msg);
                    }
                },
                error: function () {
                    hg.msg("网络请求失败！");
                }
                
            });
      
           
        };

        //通过行tool删除，lay-event="del"
        function del(obj) {
            var status;
            if (obj.data.status=="A")
                status = "停用";
            else
                status = "啟用";

            if (obj.data.commodityID) {
                hg.confirm("設備種類：" + obj.data.commodityName + "，确定要" + status+"吗？", function () {
                    $.ajax({
                        url: '/JIG/JIG001D',
                        data: { id: obj.data.commodityID },
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                obj.del(); //只删本地数据
                                hg.msghide(status + "成功！");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                        },
                        error: function () {
                            hg.msg("网络请求失败！");
                        }
                    });
                });
            }
        }
        var toolbar = [{
            text: '新增',
            layuiicon: '&#xe608;',
            class: 'layui-btn-normal',
            handler: function () {
                hg.open('新增設備種類', '/LAB/LAB002C', 680,640);

            }
        }];

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

        var table;
        $(function () {
            tt();
        });
        //基本数据表格
        function tt() {
         //   table = hg.table.datatable('test', '設備種類', '/LAB/GetLabelTemplateDto?LabelMatnr=' + $("#labelMatnr").val() + '&Status=' + $("#StatusNo").val(), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
            table = hg.table.datatable('test', '設備種類', '/LAB/GetLabelTemplateDto?LabelMatnr=' + $("#labelMatnr").val() , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
        }
        
    </script>
}