AMES/AMESCoreStudio.Web/Views/FQC/FQC014.cshtml

@{
    ViewData["Title"] = "異常警報資料維護";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<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">
            <input type="hidden" id="caseID" name="caseID" value="@ViewBag.caseID" />
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm2">
                        <div class="layui-inline">
                            <label class="layui-form-label">料號</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="itemNoF" name="itemNoF" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm2">
                        <div class="layui-inline">
                            <label class="layui-form-label">機種</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="modelName" name="modelName" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm2">
                        <div class="layui-inline">
                            <label class="layui-form-label">工單</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="wipNoF" name="wipNoF" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <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">&#xe615;</i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm2">
                        <div class="layui-inline">
                            <label class="layui-form-label">異常代碼</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="errorCode" name="errorCode" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm2">
                        <label class="layui-form-label">狀態</label>
                        <div class="layui-input-inline" style="width:100px">
                            <select id="statusNo" name="statusNo" lay-filter="statusNo" lay-submit>
                                <option value="">請選擇</option>
                                <option value="ALL">全部</option>
                                <option value="未處理">未處理</option>
                                <option value="處理中">處理中</option>
                                <option value="已結案">已結案</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-col-sm5">
                        <div class="layui-inline">
                            <label class="layui-form-label">警報時間:</label>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="dateStart" name="dateStart" 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>
            </div>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.use(['form', 'layer', 'jquery', 'laydate'], function () {
            form = layui.form;
            laydate = layui.laydate;
            laydate.render({
                elem: '#dateStart'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

            laydate.render({
                elem: '#dateEnd'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

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

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            var dateStart = $("#dateStart").val();
            var dateEnd = $("#dateEnd").val();

            // Convert the date strings to Date objects for comparison
            var startDate = new Date(dateStart);
            var endDate = new Date(dateEnd);

            // Check if dateStart is greater than dateEnd
            if (startDate > endDate) {
                alert("開始日期不可大於結束日期");
                $("#dateStart").val('');  // Example of resetting the start date
                $("#dateEnd").val('');    // Example of resetting the end date
            }
            else {
                hg.msghide("重新載入資料..");
                // table && table.reload(data);
                tt();
            }
        });


        var tableCols = [[
            {
                field: 'caseID',
                width: 100,
                title: 'CaseID',
                sort: true,
                templet: '#caseID1'

            },
            {
                field: 'factoryNo',
                width: 80,
                title: '廠別',
                sort: true,
                templet: '#factoryNo'
            },
            {
                field: 'wipNoF',
                title: '系統工單',
                width: 100,
                sort: true,
                templet: '#wipNoF1'
            }, {
                field: 'itemNoF',
                title: '系統料號',
                sort: true,
                templet: '#itemNoF1'
            },
            {
                field: 'modelName',
                title: '機種',
                sort: true,
                templet: '#modelName1'
            },
            {
                field: 'wipNoH',
                title: '單板工單',
                width: 100,
                sort: true,
                templet: '#wipNoH'

            }, {
                field: 'itemNoH',
                title: '單板料號',
                sort: true,
                templet: '#itemNoH'
            },
            {
                field: 'reasonNo',
                title: '警報原因',
                width: 190,
                sort: true,
                templet: '#reasonNo'
            },
            {
                field: 'stationName',
                width: 100,
                title: '發生站別',
                sort: true, templet: '#stationName'
            },
            {
                field: 'userName',
                title: 'QA人員',
                width: 100,
                sort: true,
                templet: '#userName'
            },
            {
                field: 'right',
                width: 150,
                title: '操作',
                templet: function (d) {
                    var btn = '<a class="layui-btn layui-bg-blue layui-btn-xs layui-icon layui-icon-form" lay-event="view">檢視</a>'
                    if (d.statusNo != "已結案") {
                        btn += '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>'
                    }
                    return btn

                }
            },
            {
                field: 'statusNo',
                title: '狀態',
                width: 80,
                sort: true,
                templet: '#statusNo1'
            },
            {
                field: 'createDate',
              //  templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>',
                title: '警報開始時間',
                width: 100,
                sort: true,
                templet: '#createDate'
            }, {
                field: 'finishDate',
               // templet: '<div>{{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</div>',
                title: '處理完成時間',
                width: 100,
                sort: true,
                templet: '#finishDate'
            },
            {
                field: 'right',
                width: 130,
                title: '上傳檔案',
                fixed: 'right',
                templet: function (d) {
                    btn = `<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="Download">下載</a>`
                    if (d.statusNo != "已結案") {
                        btn += `<a class="layui-btn layui-btn-xs" lay-event="Upload">上傳</a>`
                    }
                    return btn
                }
            }]
        ];

        //修改
        function edit(obj) {
            if (obj.data.caseID) {
                hg.open('異常警報處理回覆', '/FQC/FQC014U/' + obj.data.caseID, 1200, 800);
            }
        }

        //檢視
        function view(obj) {
            if (obj.data.caseID) {

                hg.open('異常警報處理檢視', '/FQC/FQC014UV/' + obj.data.caseID, 1200, 800);
            }
        }

        //上傳
        function Upload(obj) {
            if (obj.data.caseID) {

                hg.open('上傳檔案', '/FQC/FQC014R/' + obj.data.caseID, 800, 550);
            }
        };
        //下載
        function Download(obj) {
            if (obj.data.caseID) {

                hg.open('下載檔案', '/FQC/FQC014RV/' + obj.data.caseID, 800, 550);
            }
        };

        var toolbar = [];
        //基本数据表格

        function tt() {
            //基本数据表格
           // var  table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);

            var caseID = $("#caseID").val();
            var itemNoF = $("#itemNoF").val();
            var modelName = $("#modelName").val();;
            var wipNoF = $("#wipNoF").val();
            var errorCode = $("#errorCode").val();
            var statusNo = $("#statusNo").val();
            var dateStart = $("#dateStart").val();
            var dateEnd = $("#dateEnd").val();
            var table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery?caseID=' + caseID + "&itemNoF=" + itemNoF + "&modelName=" + modelName + "&wipNoF=" + wipNoF + "&errorCode=" + errorCode + "&statusNo=" + statusNo + "&dateStart=&dateEnd=", {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);

        };
        
        var caseID = $("#caseID").val();
        var itemNoF = $("#itemNoF").val();
        var modelName = $("#modelName").val();;
        var wipNoF = $("#wipNoF").val();
        var errorCode = $("#errorCode").val();
        var statusNo = $("#statusNo").val();
        var dateStart = $("#dateStart").val();
        var dateEnd = $("#dateEnd").val();
        var table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery?caseID=' + caseID + "&itemNoF=" + itemNoF + "&modelName=" + modelName + "&wipNoF=" + wipNoF + "&errorCode=" + errorCode + "&statusNo=" + statusNo + "&dateStart=&dateEnd=", {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);



     </script>
    <script type="text/html" id="statusNo1">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.statusNo }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.statusNo }}</span>
        {{#  } else { }}
        {{ d.statusNo }}
        {{#  } }}
    </script>
    <script type="text/html" id="caseID1">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.caseID }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.caseID }}</span>
        {{#  } else { }}
        {{ d.caseID }}
        {{#  } }}
    </script>
    <script type="text/html" id="factoryNo">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.factoryNo }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.factoryNo }}</span>
        {{#  } else { }}
        {{ d.factoryNo }}
        {{#  } }}
    </script>
    <script type="text/html" id="wipNoF1">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.wipNoF }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.wipNoF }}</span>
        {{#  } else { }}
        {{ d.wipNoF }}
        {{#  } }}
    </script>
    <script type="text/html" id="itemNoF1">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.itemNoF }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.itemNoF }}</span>
        {{#  } else { }}
        {{ d.itemNoF }}
        {{#  } }}
    </script>
    <script type="text/html" id="modelName1">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.modelName }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.modelName }}</span>
        {{#  } else { }}
        {{ d.modelName }}
        {{#  } }}
    </script>
    <script type="text/html" id="wipNoH">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.wipNoH }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.wipNoH }}</span>
        {{#  } else { }}
        {{ d.wipNoH }}
        {{#  } }}
    </script>
    <script type="text/html" id="itemNoH">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.itemNoH }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.itemNoH }}</span>
        {{#  } else { }}
        {{ d.itemNoH }}
        {{#  } }}
    </script>

    <script type="text/html" id="reasonNo">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.reasonNo }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.reasonNo }}</span>
        {{#  } else { }}
        {{ d.reasonNo }}
        {{#  } }}
    </script>
    <script type="text/html" id="stationName">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.stationName }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.stationName }}</span>
        {{#  } else { }}
        {{ d.stationName }}
        {{#  } }}
    </script>
    <script type="text/html" id="userName">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">{{ d.userName }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">{{ d.userName }}</span>
        {{#  } else { }}
        {{ d.userName }}
        {{#  } }}
    </script>
    <script type="text/html" id="createDate">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">  {{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">  {{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</span>
        {{#  } else { }}
        {{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}
        {{#  } }}
    </script>
    <script type="text/html" id="finishDate">
        {{#  if(d.statusNo === '未處理' ){ }}
        <span style="color: #FF0000">  {{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</span>
        {{#  } else if(d.statusNo === '已結案'){ }}
        <span style="color: #D3D3D3; ">  {{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</span>
        {{#  } else { }}
        {{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}
        {{#  } }}
    </script>





}