@{ ViewData["Title"] = "組件料號序號上傳"; 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="KCS005Save"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <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"> <pre style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</pre> </div> </div> </form> <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"> //layui.use(['form', 'layer', 'laydate'], function () { // form = layui.form; // // form.on('select(Type)', function (data) { // var data = $("#Type").val(); // getInspectionForms(data); // }); // //}); hg.form.onsubmit('asubmit', function (data) { tt(); //table && table.reload(data); }); //通过行tool编辑,lay-event="show" function show(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.filePath + obj.data.newName, //iframe的url zIndex: 19891014, //iframe: { // src:obj.data.filePath + obj.data.newName // //} }); }); }; //通过行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', '組件料號序號文件', '/KCS/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> }