@model AMESCoreStudio.WebApi.Models.AMES.InspectionResultBlob



@{
    ViewData["Title"] = "SPC005R";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style>
    .control-label {
        justify-content: flex-end !important;
    }

    .text-error {
        color: #dc3545 !important;
    }

    .my-read-only-class {
        cursor: not-allowed;
    }
</style>

<div class="layui-card">
    <div class="layui-card-body">
        <form enctype="multipart/form-data" class="layui-form" method="post" asp-action="SPC005RSave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" id="id" asp-for="InspectionID" value="@ViewBag.MasterID" />
            <input type="hidden" id="itemID" asp-for="InspectionItemID" value="@ViewBag.ItemID" />
            <div class="layui-form-item" style="text-align:center">
                <div class="layui-inline">
                    <label class="layui-btn">
                        <input type="file" name="formFile">
                    </label>
                    <input type="submit" id="asubmit" value="上傳" class="layui-btn layui-icon " />
                </div>
            </div>
            <div style="text-align:center">
                <div class="layui-inline">
                    <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
                    @* <input type="submit" id="asubmit" value="上傳" class="layui-btn layui-btn-normal layui-btn-xs layui-icon " /> *@
                </div>
            </div>
        </form>
        @* SOP文件 sheet *@
        <table class="layui-hide" id="sop" lay-filter="sop"></table>

    </div>
</div>

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

    <script type="text/javascript">
            hg.form.onsubmit('asubmit', function (data) {
                tt();
            });
            //檔案預覽
            function show(obj) {
                layui.use('layer', function () {
                        var FileUploadUrl = '@ViewBag.FileUploadUrl'; if(!FileUploadUrl)
                        {
                            FileUploadUrl = 'https://ames.avalue.com.tw:9443';
                        }
                        var layer = layui.layer;
                        layer.open({
                        type: 2,
                        title: '預覽文件',
                        shadeClose: true,//点击遮罩关闭层
                        shade: 0.8,
                        area: ['90%', '90%'],
                        content: FileUploadUrl + obj.data.filePath + obj.data.newName,
                        zIndex: 19891014,
                        });
                    });

                };
            //通过行tool删除，lay-event="del"
            function del(obj) {
            if (obj.data.imageName) {
                hg.confirm("圖片資料：" + obj.data.imageName + "，确定要删除吗？", function () {
                    $.ajax({
                        url: '/REP/REP001D',
                        data: { id: obj.data.imageName },
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                obj.del(); //只删本地数据
                                hg.msghide("删除成功！");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                        },
                        error: function () {
                            hg.msg("网络请求失败！");
                        }
                    });
                });
            }
        }

        @* SOP文件 sheet *@
            var tableCols = [[
                {
                    field: 'imageName',
                    title: '檔案名稱',
                    sort: true
                },
                {
                    field: 'createDate',
                    templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>'
                },
                {
                    field: 'right',
                    width: 80,
                    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="show">預覽</a>'
                    }
                }]
            ];
            //基本数据表格
            var table;
            $(function () {
                tt();
            });
            function tt() {
                //基本数据表格
                table = hg.table.datatable('sop', '巡檢上傳文件', '/SPC/GetInspectionResultBlobsByQuery?id=' + @ViewBag.MasterID +'&itemID=' + @ViewBag.ItemID, {}, tableCols, false, 'full-100');
            };

            $(document).ready(function () {
                var error = '@Html.ValidationMessage("error")';
                if ($(error).text() != '') {
                    parent.hg.msg(error);
                }
            });

    </script>


}