@model AMESCoreStudio.Web.ViewModels.REP001ViewModel

@{
    ViewData["Title"] = "前判維修輸入";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style type="text/css">
    .layui-table-main .layui-table-cell {
        /*height: auto !important;*/
        white-space: normal;
    }

    .layui-table img {
        max-width: 60px;
        max-height: 28px;
    }

    .layui-tree-main {
        cursor: pointer;
        padding-right: 10px;
        float: left;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
        margin: 10px 0;
    }
</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 class="layui-inline">
                    <label class="layui-form-label">不良條碼:</label>
                    <div class="layui-input-inline">
                        <input id="barcodeNo" name="barcodeNo" autocomplete="off" class="layui-input" placeholder="請輸入不良條碼">
                    </div>
                </div>
                <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 class="layui-card-body">
        <table class="layui-hide" id="test" lay-filter="test"></table>
        <input id="factoryNo" type="hidden" name="factoryNo" value="@ViewBag.UserFactory" />
    </div>
</div>

@section Scripts{
    <script type="text/javascript">


        layui.use(['form', 'jquery', 'layer'], function () {
            form = layui.form;

            var qs = $('button[lay-filter="querysubmit"]');
            qs.click();
        });

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            hg.msghide("重新載入資料..");
            table && table.reload(data);
        });

        var tableCols2 = [[
            {
                field: 'ngID',
                title: '測試不良ID'
            },
            {
                field: 'barcode',
                title: '條碼',
                width: 200,
                sort: true,
                templet: function (d) {
                    return d.barcode['barcodeNo'];
                }
            },
            {
                field: 'wip',
                title: '工單號碼',
                width: 200,
                sort: true,
                templet: function (d) {
                    return d.wip['wipNO'];
                }
            },
            {
                field: 'station',
                title: '站別名稱',
                width: 160,
                sort: true,
                templet: function (d) {
                    return d.station['stationName'];
                }
            },
            {
                field: 'testStatus',
                width: 120,
                title: '測試狀態'
            },
            {
                field: 'status',
                width: 120,
                title: '處理狀態',
                templet: function (d) {
                    if (d.status == 0)
                        return '未維修'
                    if (d.status == 1)
                        return '已維修'
                    if (d.status == 2)
                        return '誤判'
                }
            },
            {
                field: 'right',
                width: 120,
                title: '操作',
                align: 'center',
                fixed: 'right',
                templet: function (d) {
                    return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" lay-event="detail"> 檢視 </a>'
                }
            }]
        ];

        var tableCols = [[
            {
                field: 'ngID',
                title: '測試不良ID'
            },
            {
                field: 'barcodeNo',
                title: '條碼',
                width: 200,
                sort: true
            },
            {
                field: 'wipNO',
                title: '工單號碼',
                width: 200,
                sort: true
            },
            {
                field: 'stationName',
                title: '站別名稱',
                width: 160,
                sort: true
            },
            {
                field: 'testStatus',
                width: 120,
                title: '測試狀態'
            },
            {
                field: 'status',
                width: 120,
                title: '處理狀態',
                templet: function (d) {
                    if (d.status == 0)
                        return '未維修'
                    if (d.status == 1)
                        return '已維修'
                    if (d.status == 2)
                        return '誤判'
                }
            },
            {
                field: 'right',
                width: 120,
                title: '操作',
                align: 'center',
                fixed: 'right',
                templet: function (d) {
                    return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" lay-event="detail"> 檢視 </a>'
                }
            }]
        ];

        function detail(obj) {
            if (obj.data.ngID) {
                hg.open('檢視不良資料', '/REP/REP001V/' + obj.data.ngID, '', '', true);
            }
        }

        var param = "0_" + factoryNo.value;

        //基本数据表格
        var table = hg.table.datatable('test', '測試不良資料', '/REP/GetNgInfoByStatus/' + param, {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);

    </script>
}