MES-WEB-LayUI.git

parent: 700c8c7c | 补丁 | 提交 | ignore whitespace

yusijie

2022-11-03 b7c582540b8ebf70db99e2997d26a4f327b61e28

作业指导书

1个文件已修改

2个文件已添加

	WebTM/views/index.html	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/基础资料/生产基础资料/Gy_SOPBill.html	567 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/基础资料/生产基础资料/Gy_SOPBillList.html	545 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 WebTM/views/index.html

@@ -981,6 +981,8 @@
                                        <dd><a lay-href="åºç¡èµæ/å·¥èµåºç¡èµæ/Gy_Group.html">çäº§çç»åè¡¨</a></dd>
                                        <dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_BadReason.html">ä¸è¯åå åè¡¨</a></dd>
                                        <dd><a lay-href="åºç¡èµæ/åºç¡èµæ/Gy_ConkReasonList.html">æéåå åè¡¨</a></dd>
                                        <dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_SOPBillList.html">ä½ä¸æå¯¼ä¹¦ç»´æ¤</a></dd>
                                        <dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_SOPBill.html">ä½ä¸æå¯¼ä¹¦</a></dd>
                                    </dl>
                                </dd>
                                <dd>

 WebTM/views/»ù´¡×ÊÁÏ/Éú²ú»ù´¡×ÊÁÏ/Gy_SOPBill.html

New file
@@ -0,0 +1,567 @@
ï»¿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ä½ä¸æå¯¼ä¹¦</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <style>
        .layui-table-view{
            width:52%;
            float:left;
        }
        /*layui-form layui-border-box layui-table-view*/
        .right{
            width:47.5%;
            height:550px;
            float:left;
            margin-left:0.5%;            
        }
        .right-button{
            float:right;
            margin-top:10px
        }
        .right-content {
            width: 100%;
            height: 490px;
            background-color: white;
            border: solid 1px #BEC0C4;
        }
    </style>
</head>
<body>
    <div class="layui-fluid">
        <div class="layui-col-md12">
            <div class="layui-card" style="padding: 1px">
                <div class="layui-card-body" style="padding: 1px;">
                    <form class="layui-form" action="" lay-filter="component-form-group">
                        <div class="layui-card-header">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Add_Row">å¢è¡</button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Del_Row">å è¡</button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Give_Up">æ¾å¼</button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Get_Use">ä½¿ç¨</button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Cancel">åæ¶</button>
                                <button type="button" id="add-btn" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Saver">ä¿å</button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">éåº</button>
                            </div>
                        </div>
                        <div class="layui-collapse" style="margin-bottom:2px">
                            <h1 style="text-align: center; padding: 10px 0;"><b>ä½ä¸æå¯¼ä¹¦</b></h1>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">åæ®å·</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="HBillNo" style="width:190px;">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">æ¥æ</label>
                                            <div class="layui-input-inline">
                                                <input type="date" class="layui-input" id="HDate" style="width:190px;">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">æå¯¼ä¹¦åç§°</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="HName" style="width:190px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">äº§åä»£ç </label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="HSourceBillNo" id="HSourceBillNo" readonly class="layui-input" value="" style="float:left;width:150px;">
                                                <button type="button" lay-submit="" class="layui-btn" lay-filter="HSourceBillNoList" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">äº§ååç§°</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="HMaterName" style="width:190px;">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">è§æ ¼åå·</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="HMaterName" style="width:190px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">è®¡éåä½</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="HSourceBillNo" id="HSourceBillNo" readonly class="layui-input" value="" style="float:left;width:150px;">
                                                <button type="button" lay-submit="" class="layui-btn" lay-filter="HSourceBillNoList" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">å¤æ³¨</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="HMaterName" style="width:514px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <div class="layui-input-inline" style="margin-left: 80px;">
                                                <input type="checkbox" name="checkboxHStandard" id="checkboxHStandard" lay-skin="primary" lay-filter="checkboxHStandard" title="æ¯å¦é»è®¤å·¥èº">
                                                <input type="hidden" value="true" name="HStandard" id="HStandard" lay-verify="HStandard">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <div class="layui-input-inline" style="margin-left: 110px;">
                                                <input type="checkbox" name="checkboxHStandard" id="checkboxHStandard" lay-skin="primary" lay-filter="checkboxHStandard" title="æ¯å¦å¯ç¨">
                                                <input type="hidden" value="true" name="HStandard" id="HStandard" lay-verify="HStandard">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <table class="" id="mainTable" lay-filter="mainTable"></table>
                        <div class="right">
                            <div class="right-content">

                            </div>
                            <div class="right-button">
                                <button type="button" class="layui-btn layui-btn-primary" lay-submit="" lay-filter="Add_Row" style="color:#232389">ä¸ä¼ </button>
                                <button type="button" class="layui-btn layui-btn-primary" lay-submit="" lay-filter="Add_Row" style="color:#232389">å é¤</button>
                            </div>
                        </div>
                        <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">

                            </div>
                        </script>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        layui.config({
            base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
        }).extend({
            index: 'lib/index', //ä¸»å¥å£æ¨¡å
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
            //#region å¬å±åé
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                , element = layui.element
                , laypage = layui.laypage
                , laydate = layui.laydate
                , util = layui.util
            //æ¥è¯¢æ¡ä»¶
            var sWhere = "";
            var option = [];
            var HModName = "WW_PPBomBillList";
            //#endregion

            //#region è¿å¥é¡µé¢æ¢å è½½
            //åå§åè¡¨æ ¼
            set_InitGrid();
            //å è½½æ°æ®å°ç½æ ¼
            get_Display(sWhere);
            //éèå¾éåæ®µ
            DisPlay_HideColumn();
            //#endregion

            //#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
            //å¤´å·¥å·æ äºä»¶
            table.on('toolbar(mainTable)', function (obj) {
                switch (obj.event) {
                    //æ·»å è¡
                    case 'Add_Row': set_AddRow();
                        break;
                    //å é¤è¡
                    case 'Del_Row': set_DelRow();
                        break;
                    //æ¾å¼
                    case 'Give_Up': set_GiveUp();
                        break;
                    //ä½¿ç¨
                    case 'Get_Use': set_GetUse();
                        break;
                    //åæ¶
                    case 'Cancel': set_Cancel();
                        break;
                    //ä¿å
                    case 'Saver': set_Saver();
                        break;
                    //éåº
                    case 'Exit': set_Exit();
                        break;
                };
            });

            //éç½®æé®
            form.on('submit(btnReSearch)', function (data) {
                set_ClearQuery();
            });

            //æ¥è¯¢æé®
            form.on('submit(btnSearch)', function (data) {
                get_FastQuery(table, option);
            });
            //#endregion

            //#region æ¤é¡µé¢æææ¹æ³
            //åå§åè¡¨æ ¼
            function set_InitGrid() {
                $("#HDate").val(Format(new Date(), "yyyy-MM-dd"));
                option = {
                    elem: '#mainTable'
                    , toolbar: '#toolbarDemo'
                    , page: true
                    , cellMinWidth: 120
                    , totalRow: true
                    , limit: 50
                    , cellMinWidth: 1000
                    , height: 'full-50'
                    , cols: [[
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'æµæ°´å·', title: 'æµæ°´å·', width: 200, hide: true }
                        , { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ', width: 200, sort: true }
                        , { field: 'å·¥åº', title: 'å·¥åº', width: 200 }
                        , { field: 'å·¥ä½', title: 'å·¥ä½', width: 200 }
                        , { field: 'å·¥ä½ä»£ç ', title: 'å·¥ä½ä»£ç ', width: 200, hide: true }
                        , { field: 'å·¥ä½ä¸å¿ä»£ç ', title: 'å·¥ä½ä¸å¿ä»£ç ', width: 110 }
                        , { field: 'å·¥ä½ä¸å¿', title: 'å·¥ä½ä¸å¿', width: 110 }
                        , { field: 'å¤æ³¨', title: 'å¤æ³¨', width: 110 }
                    ]]
                    , limits: [50, 500, 5000, 20000]
                    , done: function (res, curr, count) {

                    }
                };
            }
            //å è½½ç½æ ¼
            function get_Display(sWhere) {
                var wait = layer.load();//é®ç½©
                $.ajax({
                    url: GetWEBURL() + '/Gy_SOPBill/list',
                    type: "GET",
                    data: { "sWhere": sWhere, "user": sessionStorage["HUserName"]},
                    success: function (data1) {
                        if (data1.count == 1) {
                            DataList = data1.data;
                            option.data = data1.data;
                            table.render(option);
                            layer.close(wait);
                        } else {
                            layer.close(wait);
                            layer.alert(data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(wait);
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                });
            }
            //ä½¿ç¨
            function get_Use() {
                $.ajax({
                    type: "GET",
                    url: GetWEBURL() + "Gy_SOPBill/BatchUse", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
                    success: function (result) {
                        if (result.count == 1) {
                            layer.alert(result.Message, { icon: 1 }, function (index) {
                                //å³éå½åframe
                                layer.close(index);
                            });

                        } else {
                            layer.alert(result.code + result.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                });
            }
            //æ°å¢
            function set_AddNew() {
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
                    title: 'ä½ä¸æå¯¼ä¹¦',
                    closeBtn: 1,
                    shift: 2,
                    area: ['100%', '100%'],
                    maxmin: true,
                    content: '../çäº§åºç¡èµæ/Gy_SOPBill.html?OperationType=1&linterid=&HSouceBillType=',
                    end: function () {
                        //å·æ°é¡µé¢,
                        location.reload();
                    },
                    success: function (layero, index) {

                    }
                });
            }
            //æå°
            function get_PrintReport() {
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                if (checkStatus.data.length === 1) {
                    layer.open({
                        type: 2
                        , area: ['50%', '50%']
                        , title: 'æå°æ¨¡çéæ©'
                        , shade: 0.6 //é®ç½©éæåº¦
                        , maxmin: false //åè®¸å¨å±æå°å
                        , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
                        , content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HEquipFileMainBill', 'yes']
                        , resize: false
                    })
                }
                else {
                    layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
                }
            }
            //Excelè¡¨æ ¼å¯¼åº
            function SetExcel() {
                layer.confirm("ç¡®å®å¯¼åºæææ°æ®å", { title: "å¯¼åºç¡®è®¤" }, function (index) {
                    var HBillNo = $("#HBillNo").val(); //åæ®å·
                    var HBillType = $("#HBillType").val();
                    var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
                    var HMaterName = $("#HMaterName").val();
                    var HCenterName = $("#HCenterName").val();
                    if (HBillNo) {
                        sWhere += " and åæ®å· like '%" + HBillNo + "%'";
                    }
                    if (HBillType) {
                        sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
                    }
                    if (HMaterNumber) {
                        sWhere += " and ç©æä»£ç  like '%" + HMaterNumber + "%'";
                    }
                    if (HMaterName) {
                        sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
                    }
                    if (HCenterName) {
                        sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
                    }
                    window.location.href = GetWEBURL() + "/Gy_SOPBill/SetExcel?sWhere=" + sWhere;
                    // å¾å°frameç´¢å¼
                    //var index = layer.getFrameIndex(window.name);
                    //å³éå½åframe
                    layer.close(index);
                })
                sWhere = " ";
            }
            //å·æ°
            function get_Refresh() {
                $("#HBillNo").val(""); //åæ®å·
                $("#HBillType").val("");
                $("#HMaterNumber").val("");
                $("#HMaterName").val("");
                $("#HCenterName").val("");
                $("#btnSearch").click();
            }

            //é¢è§
            function get_ViewReport() {
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                if (checkStatus.data.length === 1) {
                    layer.open({
                        type: 2
                        , area: ['50%', '50%']
                        , title: 'æå°æ¨¡çéæ©'
                        , shade: 0.6 //é®ç½©éæåº¦
                        , maxmin: false //åè®¸å¨å±æå°å
                        , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
                        , content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HMouldProdInBill', 'yes']
                        , resize: false
                    })
                }
                else {
                    layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
                }
            }

            //å¿«éè¿æ»¤
            function get_FastQuery() {
                var HBillNo = $("#HBillNo").val(); //åæ®å·
                var HBillType = $("#HBillType").val();
                var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
                var HMaterName = $("#HMaterName").val();
                var HCenterName = $("#HCenterName").val();
                if (HBillNo) {
                    sWhere += " and åæ®å· like '%" + HBillNo + "%'";
                }
                if (HBillType) {
                    sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
                }
                if (HMaterNumber) {
                    sWhere += " and ç©æä»£ç  like '%" + HMaterNumber + "%'";
                }
                if (HMaterName) {
                    sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
                }
                if (HCenterName) {
                    sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
                }
                var index = layer.load(0);
                get_Display(sWhere);
                //è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
                sWhere = " ";
            }
            //éç½®è¿æ»¤æ¡ä»¶
            function set_ClearQuery() {
                $("#HBillNo").val(""); //åæ®å·
                $("#HBillType").val("");
                $("#HMaterNumber").val("");
                $("#HMaterName").val("");
                $("#HCenterName").val("");

                sWhere = " ";
                get_Display(sWhere);
            }
            //#endregion

            //éèåè®¾ç½®
            function get_HideColumn() {
                var colName = "";
                var contentUrl = "";
                for (var i = 1; i < option.cols[0].length - 1; i++) {
                    colName += option.cols[0][i]["title"] + ",";
                }
                var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾
                var urlLen = urlStr.split('/');
                for (var i = 0; i < urlLen.length - 4; i++) {
                    contentUrl += "../";
                }
                colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç 

                contentUrl += 'åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName;

                layer.open({
                    type: 2
                    , skin: "layui-layer-rim" //å ä¸è¾¹æ¡
                    , title: "éèåè®¾ç½®"  //æ é¢
                    , closeBtn: 1  //çªä½å³ä¸è§å³é ç æ ·å¼
                    , shift: 2 //å¼¹åºå¨ç»
                    , area: ["50%", "90%"] //çªä½å¤§å°
                    , maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
                    , content: [contentUrl, "yes"]
                    , btn: ["ç¡®å®", "åæ¶"]
                    , btn1: function (index, laero) {
                        //å·æ°è¡¨æ ¼æ°æ®
                        DisPlay_HideColumn();
                        //æ´æ°è¡¨æ ¼ç¼åçæ°æ®
                        layer.close(index);//å³éå¼¹çª
                    }
                })
            }

            //æ¾ç¤ºåæ°æ®
            function DisPlay_HideColumn() {
                $.ajax({
                    url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
                    type: "GET",
                    data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.data.length != 0) {


                            var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
                            var titleData = ["åæ®ID", "hmaterid", "hsubid", "HCenterID", "HWorkStationID"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

                            dataCol = data1.data[0].HGridString.split(',');

                            for (var i = 0; i < option.cols[0].length - 2; i++) {
                                var dataCols = dataCol[i].split('|');
                                //éèå
                                if (dataCols[1] == 1) {
                                    option.cols[0][i + 1]["hide"] = true;
                                }
                                //è®¾ç½®åå®½
                                if (dataCols[3] > 0) {
                                    option.cols[0][i + 1]["width"] = dataCols[3];
                                }
                                //è®¾ç½®åå®¹åä½å¤§å°
                                if (data1.data[0].HFontSize != 0) {
                                    option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
                                } else {
                                    option.cols[0][i + 1]["style"] = "font-size:100%";
                                }
                                //è®¾ç½®åå®½
                                //if (data1.data[0].HColumnWidth != 0) {
                                //    option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
                                //} else {
                                //    option.cols[0][i + 1]["width"] = "";
                                //}
                                //æ¾ç¤ºå
                                if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
                                    option.cols[0][i + 1]["hide"] = false;
                                }
                                //åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
                                switch (dataCols[2]) {
                                    case "L":
                                        option.cols[0][i + 1]["align"] = "left";
                                        break;
                                    case "M":
                                        option.cols[0][i + 1]["align"] = "center";
                                        break;
                                    case "R":
                                        option.cols[0][i + 1]["align"] = "right";
                                        break;
                                }
                            }

                            //åæ¶å»ç»å
                            for (var i = 1; i < option.cols[0].length - 1; i++) {
                                if (option.cols[0][i]["fixed"] != null) {
                                    option.cols[0][i]["fixed"] = null;
                                }
                                else {
                                    break;
                                }
                            }
                            //å»ç»å
                            if (data1.data[0].HFixCols != 0) {
                                for (var i = 0; i < data1.data[0].HFixCols; i++) {
                                    if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
                                        data1.data[0].HFixCols += 1;
                                    }
                                    option.cols[0][i + 1]["fixed"] = "left";
                                }
                            }
                            table.render(option);
                        } else {
                            table.render(option);
                        }
                    }, error: function () {
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                })
            }
            //ä»¥ä¸æ¯layuiæ¨¡å
        });
    </script>
</body>
</html>

 WebTM/views/»ù´¡×ÊÁÏ/Éú²ú»ù´¡×ÊÁÏ/Gy_SOPBillList.html

New file
@@ -0,0 +1,545 @@
ï»¿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ä½ä¸æå¯¼ä¹¦åè¡¨</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
</head>
<body>
    <div class="layui-fluid">
        <div class="layui-col-md12">
            <div class="layui-card" style="padding: 1px">
                <div class="layui-card-body" style="padding: 1px;">
                    <form class="layui-form" action="" lay-filter="component-form-group">
                        <div class="layui-collapse">
                            <div class="layui-colla-item">
                                <div class="layui-colla-title layui-inline">
                                    <div class="layui-inline">
                                        <span>æ´å¤</span>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">åæ®å·</label>
                                    <div class="layui-input-block">
                                        <input type="text" class="layui-input" id="HBillNo" style="width:190px;">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">åæ®ç±»å</label>
                                    <div class="layui-input-block">
                                        <input type="text" class="layui-input" id="HBillType" style="width:190px;">
                                    </div>
                                </div>                     
                                <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                </button>
                                <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button>
                                <div class="layui-colla-content" style="padding: 0px; margin-left: 6.6%; margin-top: 5px">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">ç©æä»£ç </label>
                                        <div class="layui-input-block">
                                            <input type="text" class="layui-input" id="HMaterNumber" style="width:190px;">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">ç©æåç§°</label>
                                        <div class="layui-input-block">
                                            <input type="text" class="layui-input" id="HMaterName" style="width:190px;">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">å·¥ä½ä¸å¿</label>
                                        <div class="layui-input-block">
                                            <input type="text" class="layui-input" id="HCenterName" style="width:190px;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <table class="" id="mainTable" lay-filter="mainTable"></table>
                        <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="SetExcel"><i class="layui-icon layui-icon-return"></i>Excelè¡¨æ ¼å¯¼åº</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-view"><i class="layui-icon layui-icon-tips"></i>é¢è§æå°</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Add"><i class="layui-icon layui-icon-file-b"></i>æ°å¢</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button>
                                <!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Edit"><i class="layui-icon layui-icon-form"></i>ç¼è¾</button>-->
                                <!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-audit"><i class="layui-icon layui-icon-repeat"></i>å®¡æ ¸</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Faudit"><i class="layui-icon layui-icon-refresh"></i>åå®¡æ ¸</button>-->
                                <<!--button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Delete"><i class="layui-icon layui-icon-delete"></i>å é¤</button>-->
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="set_HideColumn"><i class="layui-icon layui-icon-form"></i>åè®¾ç½®</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Exit"><i class="layui-icon layui-icon-logout"></i>éåº</button>
                                 <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Use"><i class="layui-icon layui-icon-ok"></i>ä½¿ç¨</button>
                            </div>
                        </script>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        layui.config({
            base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
        }).extend({
            index: 'lib/index', //ä¸»å¥å£æ¨¡å
        }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
            //#region å¬å±åé
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                , element = layui.element
                , laypage = layui.laypage
                , laydate = layui.laydate
                , util = layui.util
            //æ¥è¯¢æ¡ä»¶
            var sWhere = "";
            var option = [];
            //#endregion

            //#region è¿å¥é¡µé¢æ¢å è½½
            //åå§åè¡¨æ ¼
            set_InitGrid();
            //å è½½æ°æ®å°ç½æ ¼
            get_Display(sWhere);
            //éèå¾éåæ®µ
            DisPlay_HideColumn();
            //#endregion

            //#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
            //å¤´å·¥å·æ äºä»¶
            table.on('toolbar(mainTable)', function (obj) {
                switch (obj.event) {
                    //æ°å¢æé®
                    case 'btn-Add': set_AddNew();
                        break;
                    //ç¼è¾æé®
                    case 'btn-Edit': set_ShowBill();
                        break;
                    //å é¤æé®
                    case 'btn-Delete': set_DeleteBill();
                        break;
                    //é¢è§
                    case 'btn-view': get_ViewReport();
                        break;
                    //æå°
                    case 'btn-print': get_PrintReport();
                        break;
                    //å®¡æ ¸
                    case 'btn-audit': get_Audit();
                        break;
                    //åå®¡æ ¸
                    case 'btn-Faudit': get_FAudit();
                        break;
                    //å·æ°
                    case 'get_Refresh': get_Refresh();
                        break;
                    //åè®¾ç½®
                    case 'set_HideColumn': get_HideColumn();
                        break;
                    //éåº
                    case 'get_Exit': Pub_Close(2);
                        break;
                    //Excelè¡¨æ ¼å¯¼åº
                    case 'SetExcel': SetExcel();
                        break;
                    case 'get_Use': get_Use();
                        break;
                };
            });

            //éç½®æé®
            form.on('submit(btnReSearch)', function (data) {
                set_ClearQuery();
            });

            //æ¥è¯¢æé®
            form.on('submit(btnSearch)', function (data) {
                get_FastQuery(table, option);
            });
            //#endregion

            //#region æ¤é¡µé¢æææ¹æ³
            //åå§åè¡¨æ ¼
            function set_InitGrid() {
                option = {
                    elem: '#mainTable'
                    , toolbar: '#toolbarDemo'
                    , page: true
                    , cellMinWidth: 120
                    , totalRow: true
                    , limit: 50
                    , height: 'full-50'
                    , cols: [[
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'hmainid', title: 'åæ®ID', width: 200, hide: true }
                        , { field: 'åæ®å·', title: 'åæ®å·', width: 200, sort: true }
                        , { field: 'åæ®ç±»å', title: 'åæ®ç±»å', width: 200 }
                        , { field: 'å·¥èºåç§°', title: 'å·¥èºåç§°', width: 200 }
                        , { field: 'hmaterid', title: 'hmaterid', width: 200, hide: true }
                        , { field: 'ç©æä»£ç ', title: 'ç©æä»£ç ', width: 110 }
                        , { field: 'ç©æåç§°', title: 'ç©æåç§°', width: 110 }
                        , { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·', width: 110 }
                        , { field: 'è®¡éåä½ä»£ç ', title: 'è®¡éåä½ä»£ç ', width: 200 }
                        , { field: 'è®¡éåä½', title: 'è®¡éåä½', width: 200 }
                        , { field: 'é»è®¤æå¯¼ä¹¦', title: 'é»è®¤æå¯¼ä¹¦', width: 200 }
                        , { field: 'è¡¨å¤´å¤æ³¨', title: 'è¡¨å¤´å¤æ³¨', width: 200 }
                        , { field: 'hsubid', title: 'hsubid', width: 200, hide: true }
                        , { field: 'å·¥åºå·', title: 'å·¥åºå·', width: 200 }
                        , { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ', width: 200 }
                        , { field: 'å·¥åº', title: 'å·¥åº', width: 200 }
                        , { field: 'HCenterID', title: 'HCenterID', width: 200, hide: true }
                        , { field: 'å·¥ä½ä¸å¿ä»£ç ', title: 'å·¥ä½ä¸å¿ä»£ç ', width: 200 }
                        , { field: 'å·¥ä½ä¸å¿åç§°', title: 'å·¥ä½ä¸å¿åç§°', width: 200 }
                        , { field: 'HWorkStationID', title: 'HWorkStationID', width: 200, hide: true }
                        , { field: 'å·¥ä½ä»£ç ', title: 'å·¥ä½ä»£ç ', width: 200 }
                        , { field: 'å·¥ä½', title: 'å·¥ä½', width: 200 }
                        , { field: 'è¡¨ä½å¤æ³¨', title: 'è¡¨ä½å¤æ³¨', width: 200 }
                        , { field: 'ä½¿ç¨æ è®°', title: 'ä½¿ç¨æ è®°', width: 200 }
                        , { field: 'å¯ç¨äºº', title: 'å¯ç¨äºº', width: 200 }
                        , { field: 'å¯ç¨æ¥æ', title: 'å¯ç¨æ¥æ', width: 200, templet: "<div>{{d.å¯ç¨æ¥æ ==null ?'':layui.util.toDateString(d.å¯ç¨æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
                        , { field: 'å¶åäºº', title: 'å¶åäºº', width: 200 }
                        , { field: 'å¶åæ¥æ', title: 'å¶åæ¥æ', width: 200, templet: "<div>{{d.å¶åæ¥æ ==null ? '':layui.util.toDateString(d.å¶åæ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
                        , { field: 'å®¡æ ¸äºº', title: 'å®¡æ ¸äºº', width: 200 }
                        , { field: 'å®¡æ ¸æ¥æ', title: 'å®¡æ ¸æ¥æ', width: 200, templet: "<div>{{d.å®¡æ ¸æ¥æ ==null ?'':layui.util.toDateString(d.å®¡æ ¸æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
                        , { field: 'ä¿®æ¹äºº', title: 'ä¿®æ¹äºº', width: 200 }
                        , { field: 'ä¿®æ¹æ¥æ', title: 'ä¿®æ¹æ¥æ', width: 200, templet: "<div>{{d.ä¿®æ¹æ¥æ ==null ?'':layui.util.toDateString(d.ä¿®æ¹æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
                        , { field: 'ä½åºäºº', title: 'ä½åºäºº', width: 200 }
                        , { field: 'ä½åºæ¥æ', title: 'ä½åºæ¥æ', width: 200, templet: "<div>{{d.ä½åºæ¥æ ==null ?'':layui.util.toDateString(d.ä½åºæ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
                    ]]
                    , limits: [50, 500, 5000, 20000]
                    , done: function (res, curr, count) {

                    }
                };
                ////è®¾ç½®åå®½
                //var colWidth = getColumnsWidth();
                //if (colWidth == "" || colWidth == []) {

                //}
                //else {
                //    $.each(columns, function (x, m) {
                //        m["width"] = colWidth[x];
                //    });
                //}
            }
            //å è½½ç½æ ¼
            function get_Display(sWhere) {
                var wait = layer.load();//é®ç½©
                $.ajax({
                    url: GetWEBURL() + '/Gy_SOPBill/list',
                    type: "GET",
                    data: { "sWhere": sWhere, "user": sessionStorage["HUserName"]},
                    success: function (data1) {
                        if (data1.count == 1) {
                            DataList = data1.data;
                            option.data = data1.data;
                            table.render(option);
                            layer.close(wait);
                        } else {
                            layer.close(wait);
                            layer.alert(data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(wait);
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                });
            }
            //ä½¿ç¨
            function get_Use() {
                $.ajax({
                    type: "GET",
                    url: GetWEBURL() + "Gy_SOPBill/BatchUse", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
                    success: function (result) {
                        if (result.count == 1) {
                            layer.alert(result.Message, { icon: 1 }, function (index) {
                                //å³éå½åframe
                                layer.close(index);
                            });

                        } else {
                            layer.alert(result.code + result.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                });
            }
            //æ°å¢
            function set_AddNew() {
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
                    title: 'ä½ä¸æå¯¼ä¹¦',
                    closeBtn: 1,
                    shift: 2,
                    area: ['100%', '100%'],
                    maxmin: true,
                    content: '../çäº§åºç¡èµæ/Gy_SOPBill.html?OperationType=1&linterid=&HSouceBillType=',
                    end: function () {
                        //å·æ°é¡µé¢,
                        location.reload();
                    },
                    success: function (layero, index) {

                    }
                });
            }
            //æå°
            function get_PrintReport() {
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                if (checkStatus.data.length === 1) {
                    layer.open({
                        type: 2
                        , area: ['50%', '50%']
                        , title: 'æå°æ¨¡çéæ©'
                        , shade: 0.6 //é®ç½©éæåº¦
                        , maxmin: false //åè®¸å¨å±æå°å
                        , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
                        , content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HEquipFileMainBill', 'yes']
                        , resize: false
                    })
                }
                else {
                    layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
                }
            }
            //Excelè¡¨æ ¼å¯¼åº
            function SetExcel() {
                layer.confirm("ç¡®å®å¯¼åºæææ°æ®å", { title: "å¯¼åºç¡®è®¤" }, function (index) {
                    var HBillNo = $("#HBillNo").val(); //åæ®å·
                    var HBillType = $("#HBillType").val();
                    var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
                    var HMaterName = $("#HMaterName").val();
                    var HCenterName = $("#HCenterName").val();
                    if (HBillNo) {
                        sWhere += " and åæ®å· like '%" + HBillNo + "%'";
                    }
                    if (HBillType) {
                        sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
                    }
                    if (HMaterNumber) {
                        sWhere += " and ç©æä»£ç  like '%" + HMaterNumber + "%'";
                    }
                    if (HMaterName) {
                        sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
                    }
                    if (HCenterName) {
                        sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
                    }
                    window.location.href = GetWEBURL() + "/Gy_SOPBill/SetExcel?sWhere=" + sWhere;
                    // å¾å°frameç´¢å¼
                    //var index = layer.getFrameIndex(window.name);
                    //å³éå½åframe
                    layer.close(index);
                })
                sWhere = " ";
            }
            //å·æ°
            function get_Refresh() {
                $("#HBillNo").val(""); //åæ®å·
                $("#HBillType").val("");
                $("#HMaterNumber").val("");
                $("#HMaterName").val("");
                $("#HCenterName").val("");
                $("#btnSearch").click();
            }                      

            //é¢è§
            function get_ViewReport() {
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                if (checkStatus.data.length === 1) {
                    layer.open({
                        type: 2
                        , area: ['50%', '50%']
                        , title: 'æå°æ¨¡çéæ©'
                        , shade: 0.6 //é®ç½©éæåº¦
                        , maxmin: false //åè®¸å¨å±æå°å
                        , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
                        , content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HMouldProdInBill', 'yes']
                        , resize: false
                    })
                }
                else {
                    layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
                }
            }

            //å¿«éè¿æ»¤
            function get_FastQuery() {
                var HBillNo = $("#HBillNo").val(); //åæ®å·
                var HBillType = $("#HBillType").val();
                var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
                var HMaterName = $("#HMaterName").val();
                var HCenterName = $("#HCenterName").val();
                if (HBillNo) {
                    sWhere += " and åæ®å· like '%" + HBillNo + "%'";
                }
                if (HBillType) {
                    sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
                }
                if (HMaterNumber) {
                    sWhere += " and ç©æä»£ç  like '%" + HMaterNumber + "%'";
                }
                if (HMaterName) {
                    sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
                }
                if (HCenterName) {
                    sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
                }
                var index = layer.load(0);
                get_Display(sWhere);
                //è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
                sWhere = " ";
            }
            //éç½®è¿æ»¤æ¡ä»¶
            function set_ClearQuery() {
                $("#HBillNo").val(""); //åæ®å·
                $("#HBillType").val("");
                $("#HMaterNumber").val("");
                $("#HMaterName").val("");
                $("#HCenterName").val("");
                
                sWhere = " ";
                get_Display(sWhere);
            }
            //#endregion

            //éèåè®¾ç½®
            function get_HideColumn() {
                var colName = "";
                var contentUrl = "";
                for (var i = 1; i < option.cols[0].length - 1; i++) {
                    colName += option.cols[0][i]["title"] + ",";
                }
                var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾
                var urlLen = urlStr.split('/');
                for (var i = 0; i < urlLen.length - 4; i++) {
                    contentUrl += "../";
                }
                colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç 

                contentUrl += 'åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName;

                layer.open({
                    type: 2
                    , skin: "layui-layer-rim" //å ä¸è¾¹æ¡
                    , title: "éèåè®¾ç½®"  //æ é¢
                    , closeBtn: 1  //çªä½å³ä¸è§å³é ç æ ·å¼
                    , shift: 2 //å¼¹åºå¨ç»
                    , area: ["50%", "90%"] //çªä½å¤§å°
                    , maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
                    , content: [contentUrl, "yes"]
                    , btn: ["ç¡®å®", "åæ¶"]
                    , btn1: function (index, laero) {
                        //å·æ°è¡¨æ ¼æ°æ®
                        DisPlay_HideColumn();
                        //æ´æ°è¡¨æ ¼ç¼åçæ°æ®
                        layer.close(index);//å³éå¼¹çª
                    }
                })
            }

            //æ¾ç¤ºåæ°æ®
            function DisPlay_HideColumn() {
                $.ajax({
                    url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
                    type: "GET",
                    data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.data.length != 0) {


                            var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
                            var titleData = ["åæ®ID", "hmaterid", "hsubid", "HCenterID", "HWorkStationID"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

                            dataCol = data1.data[0].HGridString.split(',');

                            for (var i = 0; i < option.cols[0].length - 2; i++) {
                                var dataCols = dataCol[i].split('|');
                                //éèå
                                if (dataCols[1] == 1) {
                                    option.cols[0][i + 1]["hide"] = true;
                                }
                                //è®¾ç½®åå®½
                                if (dataCols[3] > 0) {
                                    option.cols[0][i + 1]["width"] = dataCols[3];
                                }
                                //è®¾ç½®åå®¹åä½å¤§å°
                                if (data1.data[0].HFontSize != 0) {
                                    option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
                                } else {
                                    option.cols[0][i + 1]["style"] = "font-size:100%";
                                }
                                //è®¾ç½®åå®½
                                //if (data1.data[0].HColumnWidth != 0) {
                                //    option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
                                //} else {
                                //    option.cols[0][i + 1]["width"] = "";
                                //}
                                //æ¾ç¤ºå
                                if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
                                    option.cols[0][i + 1]["hide"] = false;
                                }
                                //åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
                                switch (dataCols[2]) {
                                    case "L":
                                        option.cols[0][i + 1]["align"] = "left";
                                        break;
                                    case "M":
                                        option.cols[0][i + 1]["align"] = "center";
                                        break;
                                    case "R":
                                        option.cols[0][i + 1]["align"] = "right";
                                        break;
                                }
                            }

                            //åæ¶å»ç»å
                            for (var i = 1; i < option.cols[0].length - 1; i++) {
                                if (option.cols[0][i]["fixed"] != null) {
                                    option.cols[0][i]["fixed"] = null;
                                }
                                else {
                                    break;
                                }
                            }
                            //å»ç»å
                            if (data1.data[0].HFixCols != 0) {
                                for (var i = 0; i < data1.data[0].HFixCols; i++) {
                                    if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
                                        data1.data[0].HFixCols += 1;
                                    }
                                    option.cols[0][i + 1]["fixed"] = "left";
                                }
                            }
                            table.render(option);
                        } else {
                            table.render(option);
                        }
                    }, error: function () {
                        layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
                    }
                })
            }
            //ä»¥ä¸æ¯layuiæ¨¡å
        });
    </script>
</body>
</html>

			@@ -981,6 +981,8 @@
			<dd><a lay-href="åºç¡èµæ/å·¥èµåºç¡èµæ/Gy_Group.html">çäº§çç»åè¡¨</a></dd>
			<dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_BadReason.html">ä¸è¯åå åè¡¨</a></dd>
			<dd><a lay-href="åºç¡èµæ/åºç¡èµæ/Gy_ConkReasonList.html">æéåå åè¡¨</a></dd>
			<dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_SOPBillList.html">ä½ä¸æå¯¼ä¹¦ç»´æ¤</a></dd>
			<dd><a lay-href="åºç¡èµæ/çäº§åºç¡èµæ/Gy_SOPBill.html">ä½ä¸æå¯¼ä¹¦</a></dd>
			</dl>
			</dd>
			<dd>

New file
			@@ -0,0 +1,567 @@
			ï»¿<!DOCTYPE html>
			<html>
			<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>ä½ä¸æå¯¼ä¹¦</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/Scripts/json2.js"></script>
			<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/PubCustom.js"></script>
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
			<style>
			.layui-table-view{
			width:52%;
			float:left;
			}
			/layui-form layui-border-box layui-table-view/
			.right{
			width:47.5%;
			height:550px;
			float:left;
			margin-left:0.5%;
			}
			.right-button{
			float:right;
			margin-top:10px
			}
			.right-content {
			width: 100%;
			height: 490px;
			background-color: white;
			border: solid 1px #BEC0C4;
			}
			</style>
			</head>
			<body>
			<div class="layui-fluid">
			<div class="layui-col-md12">
			<div class="layui-card" style="padding: 1px">
			<div class="layui-card-body" style="padding: 1px;">
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-card-header">
			<div class="layui-btn-group">
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Add_Row">å¢è¡</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Del_Row">å è¡</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Give_Up">æ¾å¼</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Get_Use">ä½¿ç¨</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Cancel">åæ¶</button>
			<button type="button" id="add-btn" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Saver">ä¿å</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">éåº</button>
			</div>
			</div>
			<div class="layui-collapse" style="margin-bottom:2px">
			<h1 style="text-align: center; padding: 10px 0;"><b>ä½ä¸æå¯¼ä¹¦</b></h1>
			<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
			<div class="layui-form-item">
			<div class="layui-inline">
			<label class="layui-form-label">åæ®å·</label>
			<div class="layui-input-inline">
			<input type="text" class="layui-input" id="HBillNo" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">æ¥æ</label>
			<div class="layui-input-inline">
			<input type="date" class="layui-input" id="HDate" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">æå¯¼ä¹¦åç§°</label>
			<div class="layui-input-inline">
			<input type="text" class="layui-input" id="HName" style="width:190px;">
			</div>
			</div>
			</div>
			<div class="layui-form-item">
			<div class="layui-inline">
			<label class="layui-form-label">äº§åä»£ç </label>
			<div class="layui-input-inline">
			<input type="text" name="HSourceBillNo" id="HSourceBillNo" readonly class="layui-input" value="" style="float:left;width:150px;">
			<button type="button" lay-submit="" class="layui-btn" lay-filter="HSourceBillNoList" style="width:40px;">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
			</button>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">äº§ååç§°</label>
			<div class="layui-input-inline">
			<input type="text" class="layui-input" id="HMaterName" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">è§æ ¼åå·</label>
			<div class="layui-input-inline">
			<input type="text" class="layui-input" id="HMaterName" style="width:190px;">
			</div>
			</div>
			</div>
			<div class="layui-form-item">
			<div class="layui-inline">
			<label class="layui-form-label">è®¡éåä½</label>
			<div class="layui-input-inline">
			<input type="text" name="HSourceBillNo" id="HSourceBillNo" readonly class="layui-input" value="" style="float:left;width:150px;">
			<button type="button" lay-submit="" class="layui-btn" lay-filter="HSourceBillNoList" style="width:40px;">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
			</button>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">å¤æ³¨</label>
			<div class="layui-input-inline">
			<input type="text" class="layui-input" id="HMaterName" style="width:514px;">
			</div>
			</div>
			</div>
			<div class="layui-form-item">
			<div class="layui-inline">
			<div class="layui-input-inline" style="margin-left: 80px;">
			<input type="checkbox" name="checkboxHStandard" id="checkboxHStandard" lay-skin="primary" lay-filter="checkboxHStandard" title="æ¯å¦é»è®¤å·¥èº">
			<input type="hidden" value="true" name="HStandard" id="HStandard" lay-verify="HStandard">
			</div>
			</div>
			<div class="layui-inline">
			<div class="layui-input-inline" style="margin-left: 110px;">
			<input type="checkbox" name="checkboxHStandard" id="checkboxHStandard" lay-skin="primary" lay-filter="checkboxHStandard" title="æ¯å¦å¯ç¨">
			<input type="hidden" value="true" name="HStandard" id="HStandard" lay-verify="HStandard">
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			<div class="right">
			<div class="right-content">

			</div>
			<div class="right-button">
			<button type="button" class="layui-btn layui-btn-primary" lay-submit="" lay-filter="Add_Row" style="color:#232389">ä¸ä¼ </button>
			<button type="button" class="layui-btn layui-btn-primary" lay-submit="" lay-filter="Add_Row" style="color:#232389">å é¤</button>
			</div>
			</div>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">

			</div>
			</script>
			</form>
			</div>
			</div>
			</div>
			</div>

			<script type="text/javascript">
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
			//#region å¬å±åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, util = layui.util
			//æ¥è¯¢æ¡ä»¶
			var sWhere = "";
			var option = [];
			var HModName = "WW_PPBomBillList";
			//#endregion

			//#region è¿å¥é¡µé¢æ¢å è½½
			//åå§åè¡¨æ ¼
			set_InitGrid();
			//å è½½æ°æ®å°ç½æ ¼
			get_Display(sWhere);
			//éèå¾éåæ®µ
			DisPlay_HideColumn();
			//#endregion

			//#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
			//å¤´å·¥å·æ äºä»¶
			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//æ·»å è¡
			case 'Add_Row': set_AddRow();
			break;
			//å é¤è¡
			case 'Del_Row': set_DelRow();
			break;
			//æ¾å¼
			case 'Give_Up': set_GiveUp();
			break;
			//ä½¿ç¨
			case 'Get_Use': set_GetUse();
			break;
			//åæ¶
			case 'Cancel': set_Cancel();
			break;
			//ä¿å
			case 'Saver': set_Saver();
			break;
			//éåº
			case 'Exit': set_Exit();
			break;
			};
			});

			//éç½®æé®
			form.on('submit(btnReSearch)', function (data) {
			set_ClearQuery();
			});

			//æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			get_FastQuery(table, option);
			});
			//#endregion

			//#region æ¤é¡µé¢æææ¹æ³
			//åå§åè¡¨æ ¼
			function set_InitGrid() {
			$("#HDate").val(Format(new Date(), "yyyy-MM-dd"));
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, page: true
			, cellMinWidth: 120
			, totalRow: true
			, limit: 50
			, cellMinWidth: 1000
			, height: 'full-50'
			, cols: [[
			{ type: 'checkbox', fixed: 'left' }
			, { field: 'æµæ°´å·', title: 'æµæ°´å·', width: 200, hide: true }
			, { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ', width: 200, sort: true }
			, { field: 'å·¥åº', title: 'å·¥åº', width: 200 }
			, { field: 'å·¥ä½', title: 'å·¥ä½', width: 200 }
			, { field: 'å·¥ä½ä»£ç ', title: 'å·¥ä½ä»£ç ', width: 200, hide: true }
			, { field: 'å·¥ä½ä¸å¿ä»£ç ', title: 'å·¥ä½ä¸å¿ä»£ç ', width: 110 }
			, { field: 'å·¥ä½ä¸å¿', title: 'å·¥ä½ä¸å¿', width: 110 }
			, { field: 'å¤æ³¨', title: 'å¤æ³¨', width: 110 }
			]]
			, limits: [50, 500, 5000, 20000]
			, done: function (res, curr, count) {

			}
			};
			}
			//å è½½ç½æ ¼
			function get_Display(sWhere) {
			var wait = layer.load();//é®ç½©
			$.ajax({
			url: GetWEBURL() + '/Gy_SOPBill/list',
			type: "GET",
			data: { "sWhere": sWhere, "user": sessionStorage["HUserName"]},
			success: function (data1) {
			if (data1.count == 1) {
			DataList = data1.data;
			option.data = data1.data;
			table.render(option);
			layer.close(wait);
			} else {
			layer.close(wait);
			layer.alert(data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			//ä½¿ç¨
			function get_Use() {
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "Gy_SOPBill/BatchUse", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			success: function (result) {
			if (result.count == 1) {
			layer.alert(result.Message, { icon: 1 }, function (index) {
			//å³éå½åframe
			layer.close(index);
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			//æ°å¢
			function set_AddNew() {
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'ä½ä¸æå¯¼ä¹¦',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../çäº§åºç¡èµæ/Gy_SOPBill.html?OperationType=1&linterid=&HSouceBillType=',
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			},
			success: function (layero, index) {

			}
			});
			}
			//æå°
			function get_PrintReport() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HEquipFileMainBill', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}
			//Excelè¡¨æ ¼å¯¼åº
			function SetExcel() {
			layer.confirm("ç¡®å®å¯¼åºæææ°æ®å", { title: "å¯¼åºç¡®è®¤" }, function (index) {
			var HBillNo = $("#HBillNo").val(); //åæ®å·
			var HBillType = $("#HBillType").val();
			var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
			var HMaterName = $("#HMaterName").val();
			var HCenterName = $("#HCenterName").val();
			if (HBillNo) {
			sWhere += " and åæ®å· like '%" + HBillNo + "%'";
			}
			if (HBillType) {
			sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
			}
			if (HMaterNumber) {
			sWhere += " and ç©æä»£ç like '%" + HMaterNumber + "%'";
			}
			if (HMaterName) {
			sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
			}
			if (HCenterName) {
			sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
			}
			window.location.href = GetWEBURL() + "/Gy_SOPBill/SetExcel?sWhere=" + sWhere;
			// å¾å°frameç´¢å¼
			//var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			})
			sWhere = " ";
			}
			//å·æ°
			function get_Refresh() {
			$("#HBillNo").val(""); //åæ®å·
			$("#HBillType").val("");
			$("#HMaterNumber").val("");
			$("#HMaterName").val("");
			$("#HCenterName").val("");
			$("#btnSearch").click();
			}

			//é¢è§
			function get_ViewReport() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HMouldProdInBill', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}

			//å¿«éè¿æ»¤
			function get_FastQuery() {
			var HBillNo = $("#HBillNo").val(); //åæ®å·
			var HBillType = $("#HBillType").val();
			var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
			var HMaterName = $("#HMaterName").val();
			var HCenterName = $("#HCenterName").val();
			if (HBillNo) {
			sWhere += " and åæ®å· like '%" + HBillNo + "%'";
			}
			if (HBillType) {
			sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
			}
			if (HMaterNumber) {
			sWhere += " and ç©æä»£ç like '%" + HMaterNumber + "%'";
			}
			if (HMaterName) {
			sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
			}
			if (HCenterName) {
			sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
			}
			var index = layer.load(0);
			get_Display(sWhere);
			//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			sWhere = " ";
			}
			//éç½®è¿æ»¤æ¡ä»¶
			function set_ClearQuery() {
			$("#HBillNo").val(""); //åæ®å·
			$("#HBillType").val("");
			$("#HMaterNumber").val("");
			$("#HMaterName").val("");
			$("#HCenterName").val("");

			sWhere = " ";
			get_Display(sWhere);
			}
			//#endregion

			//éèåè®¾ç½®
			function get_HideColumn() {
			var colName = "";
			var contentUrl = "";
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			colName += option.cols[0][i]["title"] + ",";
			}
			var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾
			var urlLen = urlStr.split('/');
			for (var i = 0; i < urlLen.length - 4; i++) {
			contentUrl += "../";
			}
			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç

			contentUrl += 'åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName;

			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: [contentUrl, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}

			//æ¾ç¤ºåæ°æ®
			function DisPlay_HideColumn() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			var titleData = ["åæ®ID", "hmaterid", "hsubid", "HCenterID", "HWorkStationID"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option.cols[0].length - 2; i++) {
			var dataCols = dataCol[i].split('\|');
			//éèå
			if (dataCols[1] == 1) {
			option.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
			option.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			if (option.cols[0][i]["fixed"] != null) {
			option.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option);
			} else {
			table.render(option);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//ä»¥ä¸æ¯layuiæ¨¡å
			});
			</script>
			</body>
			</html>

New file
			@@ -0,0 +1,545 @@
			ï»¿<!DOCTYPE html>
			<html>
			<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>ä½ä¸æå¯¼ä¹¦åè¡¨</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/Scripts/json2.js"></script>
			<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/PubCustom.js"></script>
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
			</head>
			<body>
			<div class="layui-fluid">
			<div class="layui-col-md12">
			<div class="layui-card" style="padding: 1px">
			<div class="layui-card-body" style="padding: 1px;">
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-collapse">
			<div class="layui-colla-item">
			<div class="layui-colla-title layui-inline">
			<div class="layui-inline">
			<span>æ´å¤</span>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">åæ®å·</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" id="HBillNo" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">åæ®ç±»å</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" id="HBillType" style="width:190px;">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button>
			<div class="layui-colla-content" style="padding: 0px; margin-left: 6.6%; margin-top: 5px">
			<div class="layui-inline">
			<label class="layui-form-label">ç©æä»£ç </label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" id="HMaterNumber" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">ç©æåç§°</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" id="HMaterName" style="width:190px;">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">å·¥ä½ä¸å¿</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" id="HCenterName" style="width:190px;">
			</div>
			</div>
			</div>
			</div>
			</div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="SetExcel"><i class="layui-icon layui-icon-return"></i>Excelè¡¨æ ¼å¯¼åº</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-view"><i class="layui-icon layui-icon-tips"></i>é¢è§æå°</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Add"><i class="layui-icon layui-icon-file-b"></i>æ°å¢</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button>
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Edit"><i class="layui-icon layui-icon-form"></i>ç¼è¾</button>-->
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-audit"><i class="layui-icon layui-icon-repeat"></i>å®¡æ ¸</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Faudit"><i class="layui-icon layui-icon-refresh"></i>åå®¡æ ¸</button>-->
			<<!--button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Delete"><i class="layui-icon layui-icon-delete"></i>å é¤</button>-->
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_HideColumn"><i class="layui-icon layui-icon-form"></i>åè®¾ç½®</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Exit"><i class="layui-icon layui-icon-logout"></i>éåº</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Use"><i class="layui-icon layui-icon-ok"></i>ä½¿ç¨</button>
			</div>
			</script>
			</form>
			</div>
			</div>
			</div>
			</div>

			<script type="text/javascript">
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
			//#region å¬å±åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, util = layui.util
			//æ¥è¯¢æ¡ä»¶
			var sWhere = "";
			var option = [];
			//#endregion

			//#region è¿å¥é¡µé¢æ¢å è½½
			//åå§åè¡¨æ ¼
			set_InitGrid();
			//å è½½æ°æ®å°ç½æ ¼
			get_Display(sWhere);
			//éèå¾éåæ®µ
			DisPlay_HideColumn();
			//#endregion

			//#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
			//å¤´å·¥å·æ äºä»¶
			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//æ°å¢æé®
			case 'btn-Add': set_AddNew();
			break;
			//ç¼è¾æé®
			case 'btn-Edit': set_ShowBill();
			break;
			//å é¤æé®
			case 'btn-Delete': set_DeleteBill();
			break;
			//é¢è§
			case 'btn-view': get_ViewReport();
			break;
			//æå°
			case 'btn-print': get_PrintReport();
			break;
			//å®¡æ ¸
			case 'btn-audit': get_Audit();
			break;
			//åå®¡æ ¸
			case 'btn-Faudit': get_FAudit();
			break;
			//å·æ°
			case 'get_Refresh': get_Refresh();
			break;
			//åè®¾ç½®
			case 'set_HideColumn': get_HideColumn();
			break;
			//éåº
			case 'get_Exit': Pub_Close(2);
			break;
			//Excelè¡¨æ ¼å¯¼åº
			case 'SetExcel': SetExcel();
			break;
			case 'get_Use': get_Use();
			break;
			};
			});

			//éç½®æé®
			form.on('submit(btnReSearch)', function (data) {
			set_ClearQuery();
			});

			//æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			get_FastQuery(table, option);
			});
			//#endregion

			//#region æ¤é¡µé¢æææ¹æ³
			//åå§åè¡¨æ ¼
			function set_InitGrid() {
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, page: true
			, cellMinWidth: 120
			, totalRow: true
			, limit: 50
			, height: 'full-50'
			, cols: [[
			{ type: 'checkbox', fixed: 'left' }
			, { field: 'hmainid', title: 'åæ®ID', width: 200, hide: true }
			, { field: 'åæ®å·', title: 'åæ®å·', width: 200, sort: true }
			, { field: 'åæ®ç±»å', title: 'åæ®ç±»å', width: 200 }
			, { field: 'å·¥èºåç§°', title: 'å·¥èºåç§°', width: 200 }
			, { field: 'hmaterid', title: 'hmaterid', width: 200, hide: true }
			, { field: 'ç©æä»£ç ', title: 'ç©æä»£ç ', width: 110 }
			, { field: 'ç©æåç§°', title: 'ç©æåç§°', width: 110 }
			, { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·', width: 110 }
			, { field: 'è®¡éåä½ä»£ç ', title: 'è®¡éåä½ä»£ç ', width: 200 }
			, { field: 'è®¡éåä½', title: 'è®¡éåä½', width: 200 }
			, { field: 'é»è®¤æå¯¼ä¹¦', title: 'é»è®¤æå¯¼ä¹¦', width: 200 }
			, { field: 'è¡¨å¤´å¤æ³¨', title: 'è¡¨å¤´å¤æ³¨', width: 200 }
			, { field: 'hsubid', title: 'hsubid', width: 200, hide: true }
			, { field: 'å·¥åºå·', title: 'å·¥åºå·', width: 200 }
			, { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ', width: 200 }
			, { field: 'å·¥åº', title: 'å·¥åº', width: 200 }
			, { field: 'HCenterID', title: 'HCenterID', width: 200, hide: true }
			, { field: 'å·¥ä½ä¸å¿ä»£ç ', title: 'å·¥ä½ä¸å¿ä»£ç ', width: 200 }
			, { field: 'å·¥ä½ä¸å¿åç§°', title: 'å·¥ä½ä¸å¿åç§°', width: 200 }
			, { field: 'HWorkStationID', title: 'HWorkStationID', width: 200, hide: true }
			, { field: 'å·¥ä½ä»£ç ', title: 'å·¥ä½ä»£ç ', width: 200 }
			, { field: 'å·¥ä½', title: 'å·¥ä½', width: 200 }
			, { field: 'è¡¨ä½å¤æ³¨', title: 'è¡¨ä½å¤æ³¨', width: 200 }
			, { field: 'ä½¿ç¨æ è®°', title: 'ä½¿ç¨æ è®°', width: 200 }
			, { field: 'å¯ç¨äºº', title: 'å¯ç¨äºº', width: 200 }
			, { field: 'å¯ç¨æ¥æ', title: 'å¯ç¨æ¥æ', width: 200, templet: "<div>{{d.å¯ç¨æ¥æ ==null ?'':layui.util.toDateString(d.å¯ç¨æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
			, { field: 'å¶åäºº', title: 'å¶åäºº', width: 200 }
			, { field: 'å¶åæ¥æ', title: 'å¶åæ¥æ', width: 200, templet: "<div>{{d.å¶åæ¥æ ==null ? '':layui.util.toDateString(d.å¶åæ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
			, { field: 'å®¡æ ¸äºº', title: 'å®¡æ ¸äºº', width: 200 }
			, { field: 'å®¡æ ¸æ¥æ', title: 'å®¡æ ¸æ¥æ', width: 200, templet: "<div>{{d.å®¡æ ¸æ¥æ ==null ?'':layui.util.toDateString(d.å®¡æ ¸æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
			, { field: 'ä¿®æ¹äºº', title: 'ä¿®æ¹äºº', width: 200 }
			, { field: 'ä¿®æ¹æ¥æ', title: 'ä¿®æ¹æ¥æ', width: 200, templet: "<div>{{d.ä¿®æ¹æ¥æ ==null ?'':layui.util.toDateString(d.ä¿®æ¹æ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
			, { field: 'ä½åºäºº', title: 'ä½åºäºº', width: 200 }
			, { field: 'ä½åºæ¥æ', title: 'ä½åºæ¥æ', width: 200, templet: "<div>{{d.ä½åºæ¥æ ==null ?'':layui.util.toDateString(d.ä½åºæ¥æ, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
			]]
			, limits: [50, 500, 5000, 20000]
			, done: function (res, curr, count) {

			}
			};
			////è®¾ç½®åå®½
			//var colWidth = getColumnsWidth();
			//if (colWidth == "" \|\| colWidth == []) {

			//}
			//else {
			// $.each(columns, function (x, m) {
			// m["width"] = colWidth[x];
			// });
			//}
			}
			//å è½½ç½æ ¼
			function get_Display(sWhere) {
			var wait = layer.load();//é®ç½©
			$.ajax({
			url: GetWEBURL() + '/Gy_SOPBill/list',
			type: "GET",
			data: { "sWhere": sWhere, "user": sessionStorage["HUserName"]},
			success: function (data1) {
			if (data1.count == 1) {
			DataList = data1.data;
			option.data = data1.data;
			table.render(option);
			layer.close(wait);
			} else {
			layer.close(wait);
			layer.alert(data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			//ä½¿ç¨
			function get_Use() {
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "Gy_SOPBill/BatchUse", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			success: function (result) {
			if (result.count == 1) {
			layer.alert(result.Message, { icon: 1 }, function (index) {
			//å³éå½åframe
			layer.close(index);
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			//æ°å¢
			function set_AddNew() {
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'ä½ä¸æå¯¼ä¹¦',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../çäº§åºç¡èµæ/Gy_SOPBill.html?OperationType=1&linterid=&HSouceBillType=',
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			},
			success: function (layero, index) {

			}
			});
			}
			//æå°
			function get_PrintReport() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HEquipFileMainBill', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}
			//Excelè¡¨æ ¼å¯¼åº
			function SetExcel() {
			layer.confirm("ç¡®å®å¯¼åºæææ°æ®å", { title: "å¯¼åºç¡®è®¤" }, function (index) {
			var HBillNo = $("#HBillNo").val(); //åæ®å·
			var HBillType = $("#HBillType").val();
			var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
			var HMaterName = $("#HMaterName").val();
			var HCenterName = $("#HCenterName").val();
			if (HBillNo) {
			sWhere += " and åæ®å· like '%" + HBillNo + "%'";
			}
			if (HBillType) {
			sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
			}
			if (HMaterNumber) {
			sWhere += " and ç©æä»£ç like '%" + HMaterNumber + "%'";
			}
			if (HMaterName) {
			sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
			}
			if (HCenterName) {
			sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
			}
			window.location.href = GetWEBURL() + "/Gy_SOPBill/SetExcel?sWhere=" + sWhere;
			// å¾å°frameç´¢å¼
			//var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			})
			sWhere = " ";
			}
			//å·æ°
			function get_Refresh() {
			$("#HBillNo").val(""); //åæ®å·
			$("#HBillType").val("");
			$("#HMaterNumber").val("");
			$("#HMaterName").val("");
			$("#HCenterName").val("");
			$("#btnSearch").click();
			}

			//é¢è§
			function get_ViewReport() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HMouldProdInBill', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}

			//å¿«éè¿æ»¤
			function get_FastQuery() {
			var HBillNo = $("#HBillNo").val(); //åæ®å·
			var HBillType = $("#HBillType").val();
			var HMaterNumber = $("#HMaterNumber").val();//ç»ææ¥æ
			var HMaterName = $("#HMaterName").val();
			var HCenterName = $("#HCenterName").val();
			if (HBillNo) {
			sWhere += " and åæ®å· like '%" + HBillNo + "%'";
			}
			if (HBillType) {
			sWhere += " and åæ®ç±»å like '%" + HBillNo + "%'";
			}
			if (HMaterNumber) {
			sWhere += " and ç©æä»£ç like '%" + HMaterNumber + "%'";
			}
			if (HMaterName) {
			sWhere += " and ç©æåç§° like '%" + HMaterName + "%'";
			}
			if (HCenterName) {
			sWhere += " and å·¥ä½ä¸å¿åç§° like '%" + HCenterName + "%'";
			}
			var index = layer.load(0);
			get_Display(sWhere);
			//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			sWhere = " ";
			}
			//éç½®è¿æ»¤æ¡ä»¶
			function set_ClearQuery() {
			$("#HBillNo").val(""); //åæ®å·
			$("#HBillType").val("");
			$("#HMaterNumber").val("");
			$("#HMaterName").val("");
			$("#HCenterName").val("");

			sWhere = " ";
			get_Display(sWhere);
			}
			//#endregion

			//éèåè®¾ç½®
			function get_HideColumn() {
			var colName = "";
			var contentUrl = "";
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			colName += option.cols[0][i]["title"] + ",";
			}
			var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾
			var urlLen = urlStr.split('/');
			for (var i = 0; i < urlLen.length - 4; i++) {
			contentUrl += "../";
			}
			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç

			contentUrl += 'åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName;

			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: [contentUrl, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}

			//æ¾ç¤ºåæ°æ®
			function DisPlay_HideColumn() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			var titleData = ["åæ®ID", "hmaterid", "hsubid", "HCenterID", "HWorkStationID"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option.cols[0].length - 2; i++) {
			var dataCols = dataCol[i].split('\|');
			//éèå
			if (dataCols[1] == 1) {
			option.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
			option.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			if (option.cols[0][i]["fixed"] != null) {
			option.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option);
			} else {
			table.render(option);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//ä»¥ä¸æ¯layuiæ¨¡å
			});
			</script>
			</body>
			</html>