@model AMESCoreStudio.WebApi.Models.AMES.InspectionResultMaster


@{ ViewData["Title"] = "SPC005U";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
    //Layout = "~/Views/Shared/_FormLayout.cshtml";
}
<style>
    .layui-table-cell {
        overflow: visible !important;
    }

    td .layui-form-select {
        margin-top: -10px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .layui-table-cell {
        height: auto;
        overflow: visible;
        text-overflow: inherit;
        white-space: normal
    }
</style>
<div class="layui-card">
    <div class="layui-card-body">
        <label class="layui-form-label" value="@ViewBag.FormName"></label>
        <label class="layui-form-label" value="@ViewBag.InspectionForm"></label>
        <form id="modelform" method="post">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" id="InspectionID" asp-for="InspectionID" />
            <input type="hidden" id="InspectionFormID" asp-for="InspectionFormID" />
            <input type="hidden" asp-for="CreateUserID" />
            <input type="hidden" asp-for="UpdateUserID" value="@ViewBag.UserID" />
            <input type="hidden" asp-for="CreateDate" />
            <input type="hidden" asp-for="UpdateDate" value="@System.DateTime.Now" />
            <input type="hidden" asp-for="StatusNo" />
            <div class="form-inline ">
                <div class="layui-form-item">
                    <div class="layui-form-item">
                        <label>檢驗人員: @ViewBag.UserName</label>
                        <div class="layui-input-inline">
                            <label asp-for="WipNo" class="control-label col-sm-2"></label>
                            <input id="WipNo" asp-for="WipNo" type="text" class="layui-input" readonly>
                        </div>
                        <div class="layui-input-inline">
                            <label asp-for="ItemNo" class="control-label col-sm-2"></label>
                            <input id="ItemNo" asp-for="ItemNo" class="layui-input" readonly>
                        </div>
                        <div class="layui-input-inline">
                            <label asp-for="BarcodeNo" class="control-label col-sm-2"></label>
                            <input id="BarcodeNo" asp-for="BarcodeNo" class="layui-input" readonly>
                        </div>
                    </div>
                </div>
            </div>
            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
        </form>
        <form id="modeltable" method="post">
            <table class="layui-hide" id="test" lay-filter="test" lay-data="{id:'test'}"></table>
        </form>
    </div>
 </div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

    @*回復*@
    <script type="text/html" id="selectResult">
        <select name="selectResult" lay-filter="selectResult" id="selectResult" data-value={{d.result}} class="layui-form" disabled>
            <option value="NA">N/A</option>
            <option value="P">PASS</option>
            <option value="F">FAIL </option>
        </select>
    </script>
    @*線別*@
    <script type="text/html" id="selectLine">
        <select name="selectLine" lay-filter="selectLine" id="selectLine" data-value={{d.lineID}} asp-items="@ViewBag.LineList" class="layui-form" disabled>
        </select>
    </script>
    @*站別*@
    <script type="text/html" id="selectStation">
        <select name="selectStation" lay-filter="selectStation" id="selectStation" data-value={{d.ruleStationID}} asp-items="@ViewBag.StationList" class="layui-form" disabled>
        </select>
    </script>
    @*缺失單位*@
    <script type="text/html" id="selectDept">
        <select name="selectDept" lay-filter="selectDept" id="selectDept" data-value={{d.missingUnitNo}} asp-items="@ViewBag.FactoryUnit" class="layui-form" disabled>
        </select>
    </script>
    @*缺失人員*@
    <script type="text/html" id="selectUser">
        <select name="selectUser" lay-filter="selectUser" id="selectUser" data-value={{d.missingUserID}} lay-search='' asp-items="@ViewBag.UserList" class="layui-form" disabled>
        </select>
    </script>
    <script type="text/javascript">

    layui.use(['form', 'layer', 'table', 'laytpl', 'laydate'], function () {
        var layer = layui.layer,
            $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        itemslist();
        function itemslist() {
            var formID = $("#InspectionID").val();
            table.render({
                elem: '#test',
                url: '/SPC/GetInspectionResultDetailsandBolb?id=' + formID,
                id: 'test',
                toolbar: '#toolBar',
                //height:720,
                page: false,
                cols: [[
                    { field: 'inspectionItemID', width: 50, title: '#', },
                    {
                        field: 'inspectionItem',
                        title: '項目',
                        align: 'left',
                        sort: true,
                        templet: function (d) {
                            return d.inspectionItem['inspectionItemName'];
                        }
                    },
                    {
                        field: 'inspectionItem',
                        title: '標準值',
                        minwidth: 80,
                        align: 'left',
                        templet: function (d) {
                            return d.inspectionItem['inspectionItemValue'];
                        }
                    },
                    { field: 'result', title: '稽核結果', width: 100,  align: "left", templet: '#selectResult' },
                    { field: 'lineID', title: '線別', width: 100,  align: "left", templet: '#selectLine' },
                    { field: 'ruleStationID', title: '站別', width: 100, align: "left", templet: '#selectStation' },
                    { field: 'location', title: '插件位置', width: 100, align: "left" },
                    { field: 'missingUnitNo', title: '缺失單位', width: 100, align: "left", templet: '#selectDept' },
                    { field: 'missingUserID', title: '缺失人員', width: 100, align: "left", templet: '#selectUser' },
                    { field: 'missingRemark', title: '備註', width: 250, align: "left"},//templet: '#inputTest'
                    {
                        field: 'right',
                        width: 120,
                        title: '操作',
                        fixed: 'right',
                        templet: function (d) {
               
                            var btn = '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">上傳圖片</a> ';
                            if (d.stations.newCno > 0)
                                btn = btn + '<i class="layui-icon" style="font-size: 20px;">&#xe66e;</i>  ';
                            return btn;


                        }
                    }
                ]],
                done: function (res, curr, count) {
                    $(".layui-table-main  tr").each(function (index, val) {
                        $($(".layui-table-fixed .layui-table-body tbody tr")[index]).height($(val).height());
                    });
                    layui.each($('select'), function (index, item) {
                        var elem = $(item);
                        elem.val(elem.data('value')).parents('div.layui-table-cell').css('overflow', 'visible');
                    });
                    form.render();
                }
            });
        }
        /*表格列表操作*/
        table.on('tool(test)', function (obj) {
            var data = obj.data, layEvent = obj.event;
            if (layEvent === 'edit') {
                var id = $("#InspectionID").val();
                if (obj.data.inspectionItemID) {
                    layer.open({
                        type: 2 //此處以iframe舉例
                        , title: '上傳文件'
                        , area: ['480px', '400px']
                        , shade: 0
                        , maxmin: true
                        , offset: 'auto'//顯示座標-auto居中
                        , content: "/SPC/SPC005R?id=" + id + "&itemID=" + obj.data.inspectionItemID
                        //, btn: ['關閉']
                        , yes: function () {
                            //layer.close();
                            if (layer.confirm('確定要關閉麼')) {
                                layer.close(index);
                            }
                            // $(that).click();
                        }
                        , zIndex: 19891014 //layer.zIndex //重點1
                        , success: function (layero) {
                            layer.setTop(layero); //重點2
                        }
                    });
                    //hg.open('上傳文件', '/SPC/SPC005R?id=' + id + '&itemID=' + obj.data.inspectionItemID, 1080, 640);
                }
            }
        });
    });
    $(document).ready(function () {
        var error = '@Html.ValidationMessage("error")';
        if ($(error).text() != '') {
        parent.hg.msg(error);
        }
    });
    </script>
}