Ray
3 years ago
10 changed files with 300 additions and 65 deletions
@ -0,0 +1,22 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using System.Linq; |
|||
using System.Threading.Tasks; |
|||
using AMESCoreStudio.WebApi.Models.AMES; |
|||
using AMESCoreStudio.WebApi.Models.BAS; |
|||
using AMESCoreStudio.WebApi.DTO.AMES; |
|||
|
|||
namespace AMESCoreStudio.Web.ViewModels |
|||
{ |
|||
public class FQC008ViewModel |
|||
{ |
|||
public NgInfo ngInfo { get; set; } |
|||
|
|||
public NgComponent ngComponent { get; set; } |
|||
|
|||
public RepairRecord repairRecord { get; set; } |
|||
|
|||
public NgRepair ngRepair { get; set; } |
|||
|
|||
} |
|||
} |
|||
@ -0,0 +1,178 @@ |
|||
@{ |
|||
ViewData["Title"] = "FQC查詢"; |
|||
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> |
|||
</div> |
|||
</div> |
|||
<div class="layui-card-body"> |
|||
<div class="layui-form"> |
|||
<div class="layui-row"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-col-sm4"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">內部序號:</label> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="barcodeNo" name="barcodeNo" autocomplete="off" class="layui-input" > |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-sm4"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">工單號碼:</label> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="wipNo" name="wipNo" autocomplete="off" class="layui-input" > |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-sm4"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">包裝箱號:</label> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="boxNo" name="boxNo" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-row"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-col-sm4"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">入庫單號:</label> |
|||
<div class="layui-input-inline"> |
|||
<input id="inhouseNo" name="inhouseNo" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-sm6"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">入庫日期:</label> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="dateStr" name="dateStr" autocomplete="off" class="layui-input" readonly=""> |
|||
</div> |
|||
<div class="layui-form-mid">～</div> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input" readonly=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-sm1"> |
|||
<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"></i> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<table class="layui-hide" id="query" lay-filter="query"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
@section Scripts{ |
|||
<script type="text/javascript"> |
|||
//var roleId = 0; |
|||
//var roleName = ""; |
|||
layui.use(['form', 'layer', 'laydate'], function () { |
|||
form = layui.form; |
|||
laydate = layui.laydate; |
|||
laydate.render({ |
|||
elem: '#dateStr' |
|||
, trigger: 'click' |
|||
, format: 'yyyy/MM/dd' |
|||
, theme: 'grid' |
|||
}); |
|||
|
|||
laydate.render({ |
|||
elem: '#dateEnd' |
|||
, trigger: 'click' |
|||
, format: 'yyyy/MM/dd' |
|||
, theme: 'grid' |
|||
}); |
|||
}); |
|||
|
|||
//监听表单提交事件 |
|||
hg.form.onsubmit('querysubmit', function (data) { |
|||
hg.msghide("重新載入資料.."); |
|||
table && table.reload(data); |
|||
}); |
|||
|
|||
var tableCols = [[ |
|||
{ |
|||
field: 'itemNo', |
|||
width: 150, |
|||
title: '入庫單號', |
|||
sort: true |
|||
}, |
|||
{ |
|||
field: 'unitName', |
|||
title: '工單號碼', |
|||
width: 200, |
|||
sort: true |
|||
}, |
|||
{ |
|||
field: 'fileName', |
|||
title: '狀態', |
|||
sort: true |
|||
}, |
|||
{ |
|||
field: 'right', |
|||
width: 80, |
|||
title: '操作', |
|||
align: 'center', |
|||
fixed: 'right', |
|||
templet: function (d) { |
|||
return '<button class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" lay-event="show">預覽</button>' |
|||
} |
|||
}] |
|||
]; |
|||
//通过行tool编辑，lay-event="show" |
|||
function show(obj) { |
|||
layui.use('layer', function () { |
|||
var layer = layui.layer; |
|||
layer.open({ |
|||
type: 2, |
|||
area: ['900px', '650px'], |
|||
fixed: false, //不固定 |
|||
maxmin: true, |
|||
content: obj.data.filePath + obj.data.newName |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
//基本数据表格 |
|||
var table = hg.table.datatable('query', 'FQC查詢', '/FQC/FQC008Query', {}, tableCols, '', true, 'full-100', ['filter', 'print', 'exports']); |
|||
// var table = hg.table.datatable('test', '條碼狀態維護', '/PCS/GetWipInfo', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); |
|||
</script> |
|||
} |
|||
Loading…
Reference in new issue