MES-WEB-LayUI.git

parent: 244b147c | 补丁 | 提交 | ignore whitespace

yangle

2024-03-25 c4e556a509b7fd8084a4aee8f4221158bac6cd3a

设备负荷分析表

1个文件已添加

3个文件已修改

	WebTM/WebTM.csproj	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/index.html	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/生产管理/生产计划平台/JIT_DayPlanPlatForm.html	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	WebTM/views/设备管理/设备报表/Sb_EquipmentLoadReport.html	684 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 WebTM/WebTM.csproj

@@ -493,6 +493,7 @@
    <Content Include="views\è®¾å¤ç®¡ç\åºå®èµäº§å¡ç\Gy_FixCardBill.html" />
    <Content Include="views\è®¾å¤ç®¡ç\åºå®èµäº§å¡ç\Gy_FixCardBillList.html" />
    <Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipConkBookBillReport.html" />
    <Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipmentLoadReport.html" />
    <Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipRepairWorkBillReport.html" />
    <Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipDotCheckBillReport.html" />
    <Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipMaintainBillReport.html" />

 WebTM/views/index.html

@@ -855,6 +855,7 @@
                                    <a>è®¾å¤æ¥è¡¨</a>
                                    <dl class="layui-nav-child">
                                        <dd><a lay-href="è®¾å¤ç®¡ç/è®¾å¤æ¡£æ¡/Gy_EquipFileBillResume.html">è®¾å¤å±¥åè¡¨</a></dd>
                                        <dd><a lay-href="è®¾å¤ç®¡ç/è®¾å¤æ¥è¡¨/Sb_EquipmentLoadReport.html">è®¾å¤è´è·æ¥è¡¨</a></dd>
                                    </dl>
                                </dd>
                            </dl>

 WebTM/views/Éú²ú¹ÜÀí/Éú²ú¼Æ»®Æ½Ì¨/JIT_DayPlanPlatForm.html

@@ -1574,7 +1574,7 @@
                    success: function (data) {
                        if (data.count == 1) { // è¯´æéªè¯æåäºï¼
                            if (data.data.length == 0) {
                                return layer.msg("å½åç©ææ²¡æå·¥èºè·¯çº¿!");
                                return layer.msg("å½åç©ææ²¡æå·¥èºè·¯çº¿!è¯·æ¥çç©ææå¯¹åºçå·¥ä½ä¸å¿æ¯å¦æ£ç¡®!");
                            } else {
                                var HInterID = data.data[0]["HInterID"];


 WebTM/views/Éè±¸¹ÜÀí/Éè±¸±¨±í/Sb_EquipmentLoadReport.html

New file
@@ -0,0 +1,684 @@
ï»¿<!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/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>
    <script src='../../../layuiadmin/lib/extend/echarts.min.js'></script>
    <style type="text/css">
        .layui-progress-big {
            margin-top: 5px;
        }
        .memberstatus-span-left {
            font-size: 25px;
        }

        .memberstatus-span-right {
            font-size: 25px;
        }
    </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-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" style="width: 85px;padding: 9px 18px;">è½¦é´</label>
                                    <div class="layui-input-block" style="margin-left: 77px;">
                                        <input type="hidden" class="layui-input" lay-verify="HDeptID" name="HDeptID" id="HDeptID" value="0" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
                                        <input type="text" class="layui-input" lay-verify="HDeptName" name="HDeptName" id="HDeptName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
                                        <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnHDeptID" id="btnHDeptID" style="padding: 0 10px;float: right;margin-right: 3px;">
                                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 85px;padding: 9px 18px;">å·¥ä½ä¸å¿</label>
                                    <div class="layui-input-block" style="margin-left: 77px;">
                                        <input type="hidden" class="layui-input" lay-verify="HWorkCenterID" name="HWorkCenterID" id="HWorkCenterID" value="0" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
                                        <input type="text" class="layui-input" lay-verify="HWorkCenterName" name="HWorkCenterName" id="HWorkCenterName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
                                        <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnHWorkCenterID" id="btnHWorkCenterID" style="padding: 0 10px;float: right;margin-right: 3px;">
                                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                        </button>
                                    </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%;">
                                    <div class="layui-row" style="margin-top:10px;">
                                        <!--å¶ä»æ¡ä»¶-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div style="width: 99.5%; height: calc(40vh); margin-top: 10px;">
                                <div id="histogram" style="width: 100%; height: calc(40vh); float: left">

                                </div>
                            </div>
                            <div style="width:99%;">
                                <table class="" id="mainTable" lay-filter="mainTable"></table>
                            </div>
                        </div>
                        <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit"><i class="layui-icon layui-icon-return"></i>éåº</button>
                                <button type="button" class="layui-btn layui-btn-sm" lay-event="HideColumn"><i class="layui-icon layui-icon-form"></i>éèåè®¾ç½®</button>
                            </div>
                        </script>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>

        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 option = [];
            var DateClo = [];
            var ZHUData = [];
            var HModName = "Sb_EquipmentLoadReport";
            //#endregion

            //#region è¿å¥é¡µé¢æ¢å è½½

            //åå§åçé¢
            set_ClearBill();

              //#endregion

            //#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
            //å¤´å·¥å·æ äºä»¶
            table.on('toolbar(mainTable)', function (obj) {
                switch (obj.event) {
                    //éåº
                    case 'btn-exit': Pub_Close(2);
                        break;
                    //éèåè®¾ç½®
                    case 'HideColumn':
                        get_HideColumn();
                        break;
                };
            });

            //éæ©å·¥ä½ä¸å¿æé®
            form.on('submit(btnHWorkCenterID)', function () {
                get_checkWorkCenter();
            });

            //éæ©è½¦é´æé®
            form.on('submit(btnHDeptID)', function () {
                btnHDeptID();
            });


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

            //æ¥è¯¢æé®
            form.on('submit(btnSearch)', function (data) {
                get_FastQuery();
            });
            //#endregion
            
            //#region æ¤é¡µé¢ææçæ¹æ³

            //åå§åçé¢
            function set_ClearBill() {
                //åå§åè¡¨æ ¼
                set_InitGrid();
                //å è½½æ°æ®å°ç½æ ¼
                get_FastQuery();
                //set_Graphics();
            }

            //ãå¾å½¢ã
            function set_Graphics() {
                //#region ãæ±ç¶å¾ã
                var app = {};
                var chartDom = document.getElementById('histogram');
                var myChart = echarts.init(chartDom);
                var option_ZZT;
                //#region [æ±ç¶å¾å¸å±æ ·å¼]
                const posList = [
                    'left',
                    'right',
                    'top',
                    'bottom',
                    'inside',
                    'insideTop',
                    'insideLeft',
                    'insideRight',
                    'insideBottom',
                    'insideTopLeft',
                    'insideTopRight',
                    'insideBottomLeft',
                    'insideBottomRight'
                ];
                app.configParameters = {
                    rotate: {
                        min: -90,
                        max: 90
                    },
                    align: {
                        options: {
                            left: 'left',
                            center: 'center',
                            right: 'right'
                        }
                    },
                    verticalAlign: {
                        options: {
                            top: 'top',
                            middle: 'middle',
                            bottom: 'bottom'
                        }
                    },
                    position: {
                        options: posList.reduce(function (map, pos) {
                            map[pos] = pos;
                            return map;
                        }, {})
                    },
                    distance: {
                        min: 0,
                        max: 100
                    }
                };
                app.config = {
                    rotate: 90,
                    align: 'left',
                    verticalAlign: 'middle',
                    position: 'insideBottom',
                    distance: 15,
                    onChange: function () {
                        const labelOption = {
                            rotate: app.config.rotate,
                            align: app.config.align,
                            verticalAlign: app.config.verticalAlign,
                            position: app.config.position,
                            distance: app.config.distance
                        };
                        myChart.setOption({
                            series: [
                                {
                                    label: labelOption
                                },
                                {
                                    label: labelOption
                                },
                                {
                                    label: labelOption
                                },
                                {
                                    label: labelOption
                                }
                            ]
                        });
                    }
                };
                const labelOption = {
                    show: true,
                    position: 'top'
                };
                //#endregion

                //æ±ç¶å¾ç»å®æ°æ®
                var HXTitle = [];//Xè½´æ é¢åç§°
                var TimeCount = []; //å·¥æ¶æ°æ®
                for (let i = 0; i < 14; i++) {
                        
                    HXTitle.push(DateClo[i]["title"]);
                    if (ZHUData.length > 0) {
                        TimeCount.push(ZHUData[i]['HTimeSum']);
                    } else {
                        TimeCount.push(0);
                    }
                  
                }
                option_ZZT = {
                    title: {
                        text: 'åå¨çäº§èµæºæ»è´è·',
                        left: 'left',
                        textStyle: {
                            color: 'black',
                            fontSize: 18,
                            fontWeight: 'normal'
                        }
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow'
                        }
                    },
                    toolbox: {
                        show: true,
                        orient: 'vertical',
                        left: 'right',
                        top: 'center',
                        feature: {
                            mark: { show: true },
                            dataView: { show: true, readOnly: false },
                            magicType: { show: true, type: ['line', 'bar', 'stack'] },
                            restore: { show: true },
                            saveAsImage: { show: true }
                        }
                    },
                    xAxis: [
                        {
                            type: 'category',
                            axisTick: { show: true },
                            data: HXTitle
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value'
                        }
                    ],
                    series: [
                        {
                            name: 'å·¥æ¶',
                            type: 'bar',
                            barGap: 0,
                            label: labelOption,
                            emphasis: {
                                focus: 'series'
                            },
                            data: TimeCount
                        }
                    ]
                };
                option_ZZT && myChart.setOption(option_ZZT);
                //#endregion
            }

            //åå§åè¡¨æ ¼
            function set_InitGrid() {
                var columns = [];
                columns.push({ type: 'numbers', title: 'åºå·'});
                columns.push({ field: 'HSourceID', title: 'çäº§èµæº', width: 120 });
                var myDate = new Date();
                var oneday = 1000 * 60 * 60 * 24;

                columns.push({
                    field: Format(myDate.getTime() + 0 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 0 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 0 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 1 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 1 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 1 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 2 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 2 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 2 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 3 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 3 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 3 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 4 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 4 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 4 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 5 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 5 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 5 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 6 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 6 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 6 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 7 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 7 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 7 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 8 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 8 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 8 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 9 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 9 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 9 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 10 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 10 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 10 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 11 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 11 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 11 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 12 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 12 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 12 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0
                columns.push({
                    field: Format(myDate.getTime() + 13 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 13 * oneday, 'MM.dd'), width: 110, templet: function (d) {
                        return ProgressBar(d[Format(myDate.getTime() + 13 * oneday, 'yyyy-MM-dd')]);
                    }
                })//0


                //è·åä¸¤ä¸ªææä¹é´çç¸å·®
                var time1 = Date.parse(new Date());//å¼å§æ¶é´
                var time2 = Date.parse(new Date()) + 1000 * 3600 * 24 * 13;//ç»ææ¶é´
                var Days = Math.abs(parseInt((time2 - time1) / 1000 / 3600 / 24));
                //è·åå¹´
                var yyyy = new Date().getFullYear();
                //è·åæä»½
                var MM = new Date().getMonth() + 1;
                //è·åå¼å§æä»½çæå¤§å¤©æ°
                var SumMonth = new Date(yyyy, MM, 0).getDate(); //å¨æä¸¤æä¹å·®
                //è·åå¼å§æ¥æçå¤©æ°
                var HBEGINDATE = new Date().getDate(); //è·åå¼å§æ¥æå¤©æ°

                var k = 0;//æ¶éå¾ªç¯æ¬¡æ°
                for (var j = 0; j <= (Days - k); j++) {
                    //columns.push({
                    //    field: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'yyyy-MM-dd'), title: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'MM.dd'), width: 110, totalRow: true, templet: function (d) {
                          
                    //    }
                    //})
                    DateClo.push({ field: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'yyyy-MM-dd'), title: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'MM.dd'), width: 70, totalRow: true })
                    //è·¨å¹´çè¯ ä¼ä»ä¸æä¸å·å¼å§
                    if (MM == 12 && (HBEGINDATE + j) == 31) {
                        yyyy += 1;
                        MM = 1;
                        SumMonth = new Date(yyyy, MM, 0).getDate();
                        HBEGINDATE = 0;
                        k += j;
                        j = 0;
                    } else if ((HBEGINDATE + j) == SumMonth) { //è·¨æ ææ°å ä¸  å¤©æ°ä»ä¸å¼å§
                        HBEGINDATE = 0;
                        MM += 1;
                        SumMonth = new Date(yyyy, MM, 0).getDate();
                        k += j;
                        j = 0;
                    }
                }
                option = {
                    elem: '#mainTable'
                    , toolbar: '#toolbarDemo'
                    , height: 500
                    , page: true
                    , totalRow: true
                    , cellMinWidth: 90
                    , limit: 50
                    , limits: [50, 500, 5000, 20000]
                    , cols: [columns]
                    , done: function (res, currentCount) {
                        //***éç¹***ï¼tableæ¸²æå®æåæ¸²æelementè¿åº¦æ¡
                        element.render()
                    }

                }
            }

            //è¿åº¦æ¡æ¾ç¤º
            function ProgressBar(HQty) {
                var ys = '';
                if (30 < HQty && HQty < 100) {
                    ys = 'layui-bg-orange'
                } else if (0 < HQty && HQty <= 30) {
                    ys = 'layui-bg-red'
                }
                //***éç¹***ï¼æ¼æ¥è¿åº¦æ¡
                return '<div class="layui-progress layui-progress-big" lay-showpercent="true"><div class="layui-progress-bar ' + ys + '" lay-percent="' + HQty + '%"></div></div><br>'
            }

            //å è½½ç½æ ¼
            function get_Display(HDeptID, HWorkCenterID) {
                var wait = layer.load();//é®ç½©
                $.ajax({
                    url: GetWEBURL() + '/Sb_EquipMaintainReport/Sb_EquipmentLoadReportList',
                    type: "GET",
                    async: false,
                    data: { "HDeptID": HDeptID, "HWorkCenterID": HWorkCenterID, "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.count == 1) {
                            ZHUData = data1.data.h_p_Sb_EquipmentLoadReportListt;
                            option.data = data1.data.h_p_Sb_EquipmentLoadReportListt1;

                            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_FastQuery() {
                var HDeptID = $("#HDeptID").val();
                var HWorkCenterID = $("#HWorkCenterID").val();

                get_Display(HDeptID, HWorkCenterID);
                set_Graphics();
            }

            //å·¥ä½ä¸å¿éæ©é¡µé¢
            function get_checkWorkCenter() {
                layer.open({
                    type: 2//å¼¹çªç±»å
                    , skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
                    , area: ['90%', '90%']//å¤§å°
                    , title: 'å·¥ä½ä¸å¿è¡¨'//æ é¢
                    , shift: 2//å¼¹åºå¨ç»
                    , content: ['../../åºç¡èµæ/å¬ç¨åºç¡èµæ/Gy_WorkCenter.html', 'yes']
                    , btn: ['ç¡®å®', 'åæ¶']
                    , btn1: function (index, layero) {//æé®ãæé®ä¸ãçåè°
                        var iframeWindow = window['layui-layer-iframe' + index]  //è·åå¼¹æ¡é¡µé¢
                        var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test"
                        if (checkStatus.data.length === 0) {
                            return layer.msg('è¯·éæ©æ°æ®');
                        }
                        //è·åæ°æ®
                        $("#HWorkCenterID").val(checkStatus.data[0].HItemID);//å·¥ä½ä¸å¿id
                        $("#HWorkCenterName").val(checkStatus.data[0].å·¥ä½ä¸å¿åç§°);//è®¡éåä½åç§°

                        layer.close(index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layeråé¨å¨æéå¢è®¡ç®ç
                    }
                    , btn2: function (index, layero) { }
                })
            }

            function btnHDeptID() {
                layer.open({
                    type: 2//å¼¹çªç±»å
                    , skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
                    , area: ['90%', '90%']//å¤§å°
                    , title: 'è½¦é´åè¡¨'//æ é¢
                    , shift: 2//å¼¹åºå¨ç»
                    , content: ['../../åºç¡èµæ/å¬ç¨åºç¡èµæ/Gy_DepartmentList.html', 'yes']
                    , btn: ['ç¡®å®', 'åæ¶']
                    , btn1: function (index, layero) {//æé®ãæé®ä¸ãçåè°
                        var iframeWindow = window['layui-layer-iframe' + index]  //è·åå¼¹æ¡é¡µé¢
                        var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test"
                        if (checkStatus.data.length === 0) {
                            return layer.msg('è¯·éæ©æ°æ®');
                        }
                        //è·åæ°æ®
                        $("#HDeptID").val(checkStatus.data[0].HItemID);//å·¥ä½ä¸å¿id
                        $("#HDeptName").val(checkStatus.data[0].é¨é¨åç§°);//è®¡éåä½åç§°

                        layer.close(index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layeråé¨å¨æéå¢è®¡ç®ç
                    }
                    , btn2: function (index, layero) { }
                })
            }
            //éç½®è¿æ»¤æ¡ä»¶
            function set_ClearQuery() {
                $("#HDeptID").val("");
                $("#HWorkCenterID").val("");
                get_FastQuery();
            }

            //éèåè®¾ç½®
            function get_HideColumn() {
                var colName = "";
                for (var i = 1; i < option.cols[0].length - 1; i++) {
                    colName += option.cols[0][i]["title"] + ",";
                }

                colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç 
                layer.open({
                    type: 2
                    , skin: "layui-layer-rim" //å ä¸è¾¹æ¡
                    , title: "éèåè®¾ç½®"  //æ é¢
                    , closeBtn: 1  //çªä½å³ä¸è§å³é ç æ ·å¼
                    , shift: 2 //å¼¹åºå¨ç»
                    , area: ["50%", "90%"] //çªä½å¤§å°
                    , maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
                    , content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName, "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 = [];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

                            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 (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 (dataCols[3] > 0) {
                                    option.cols[0][i + 1]["width"] = dataCols[3];
                                }
                                //æ¾ç¤ºå
                                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 });
                    }
                })
            }

            //#endregion
        });
    </script>
</body>
</html>

			@@ -493,6 +493,7 @@
			<Content Include="views\è®¾å¤ç®¡ç\åºå®èµäº§å¡ç\Gy_FixCardBill.html" />
			<Content Include="views\è®¾å¤ç®¡ç\åºå®èµäº§å¡ç\Gy_FixCardBillList.html" />
			<Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipConkBookBillReport.html" />
			<Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipmentLoadReport.html" />
			<Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipRepairWorkBillReport.html" />
			<Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipDotCheckBillReport.html" />
			<Content Include="views\è®¾å¤ç®¡ç\è®¾å¤æ¥è¡¨\Sb_EquipMaintainBillReport.html" />

			@@ -855,6 +855,7 @@
			<a>è®¾å¤æ¥è¡¨</a>
			<dl class="layui-nav-child">
			<dd><a lay-href="è®¾å¤ç®¡ç/è®¾å¤æ¡£æ¡/Gy_EquipFileBillResume.html">è®¾å¤å±¥åè¡¨</a></dd>
			<dd><a lay-href="è®¾å¤ç®¡ç/è®¾å¤æ¥è¡¨/Sb_EquipmentLoadReport.html">è®¾å¤è´è·æ¥è¡¨</a></dd>
			</dl>
			</dd>
			</dl>

			@@ -1574,7 +1574,7 @@
			success: function (data) {
			if (data.count == 1) { // è¯´æéªè¯æåäºï¼
			if (data.data.length == 0) {
			return layer.msg("å½åç©ææ²¡æå·¥èºè·¯çº¿!");
			return layer.msg("å½åç©ææ²¡æå·¥èºè·¯çº¿!è¯·æ¥çç©ææå¯¹åºçå·¥ä½ä¸å¿æ¯å¦æ£ç¡®!");
			} else {
			var HInterID = data.data[0]["HInterID"];

New file
			@@ -0,0 +1,684 @@
			ï»¿<!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/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>
			<script src='../../../layuiadmin/lib/extend/echarts.min.js'></script>
			<style type="text/css">
			.layui-progress-big {
			margin-top: 5px;
			}
			.memberstatus-span-left {
			font-size: 25px;
			}

			.memberstatus-span-right {
			font-size: 25px;
			}
			</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-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" style="width: 85px;padding: 9px 18px;">è½¦é´</label>
			<div class="layui-input-block" style="margin-left: 77px;">
			<input type="hidden" class="layui-input" lay-verify="HDeptID" name="HDeptID" id="HDeptID" value="0" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
			<input type="text" class="layui-input" lay-verify="HDeptName" name="HDeptName" id="HDeptName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnHDeptID" id="btnHDeptID" style="padding: 0 10px;float: right;margin-right: 3px;">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;padding: 9px 18px;">å·¥ä½ä¸å¿</label>
			<div class="layui-input-block" style="margin-left: 77px;">
			<input type="hidden" class="layui-input" lay-verify="HWorkCenterID" name="HWorkCenterID" id="HWorkCenterID" value="0" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
			<input type="text" class="layui-input" lay-verify="HWorkCenterName" name="HWorkCenterName" id="HWorkCenterName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnHWorkCenterID" id="btnHWorkCenterID" style="padding: 0 10px;float: right;margin-right: 3px;">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			</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%;">
			<div class="layui-row" style="margin-top:10px;">
			<!--å¶ä»æ¡ä»¶-->
			</div>
			</div>
			</div>
			</div>
			<div>
			<div style="width: 99.5%; height: calc(40vh); margin-top: 10px;">
			<div id="histogram" style="width: 100%; height: calc(40vh); float: left">

			</div>
			</div>
			<div style="width:99%;">
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			</div>
			</div>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit"><i class="layui-icon layui-icon-return"></i>éåº</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="HideColumn"><i class="layui-icon layui-icon-form"></i>éèåè®¾ç½®</button>
			</div>
			</script>
			</form>
			</div>
			</div>
			</div>
			</div>

			<script>

			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 option = [];
			var DateClo = [];
			var ZHUData = [];
			var HModName = "Sb_EquipmentLoadReport";
			//#endregion

			//#region è¿å¥é¡µé¢æ¢å è½½

			//åå§åçé¢
			set_ClearBill();

			//#endregion

			//#region ç¹å»äºä»¶åæ¬on formäºä»¶ç
			//å¤´å·¥å·æ äºä»¶
			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//éåº
			case 'btn-exit': Pub_Close(2);
			break;
			//éèåè®¾ç½®
			case 'HideColumn':
			get_HideColumn();
			break;
			};
			});

			//éæ©å·¥ä½ä¸å¿æé®
			form.on('submit(btnHWorkCenterID)', function () {
			get_checkWorkCenter();
			});

			//éæ©è½¦é´æé®
			form.on('submit(btnHDeptID)', function () {
			btnHDeptID();
			});


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

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

			//#region æ¤é¡µé¢ææçæ¹æ³

			//åå§åçé¢
			function set_ClearBill() {
			//åå§åè¡¨æ ¼
			set_InitGrid();
			//å è½½æ°æ®å°ç½æ ¼
			get_FastQuery();
			//set_Graphics();
			}

			//ãå¾å½¢ã
			function set_Graphics() {
			//#region ãæ±ç¶å¾ã
			var app = {};
			var chartDom = document.getElementById('histogram');
			var myChart = echarts.init(chartDom);
			var option_ZZT;
			//#region [æ±ç¶å¾å¸å±æ ·å¼]
			const posList = [
			'left',
			'right',
			'top',
			'bottom',
			'inside',
			'insideTop',
			'insideLeft',
			'insideRight',
			'insideBottom',
			'insideTopLeft',
			'insideTopRight',
			'insideBottomLeft',
			'insideBottomRight'
			];
			app.configParameters = {
			rotate: {
			min: -90,
			max: 90
			},
			align: {
			options: {
			left: 'left',
			center: 'center',
			right: 'right'
			}
			},
			verticalAlign: {
			options: {
			top: 'top',
			middle: 'middle',
			bottom: 'bottom'
			}
			},
			position: {
			options: posList.reduce(function (map, pos) {
			map[pos] = pos;
			return map;
			}, {})
			},
			distance: {
			min: 0,
			max: 100
			}
			};
			app.config = {
			rotate: 90,
			align: 'left',
			verticalAlign: 'middle',
			position: 'insideBottom',
			distance: 15,
			onChange: function () {
			const labelOption = {
			rotate: app.config.rotate,
			align: app.config.align,
			verticalAlign: app.config.verticalAlign,
			position: app.config.position,
			distance: app.config.distance
			};
			myChart.setOption({
			series: [
			{
			label: labelOption
			},
			{
			label: labelOption
			},
			{
			label: labelOption
			},
			{
			label: labelOption
			}
			]
			});
			}
			};
			const labelOption = {
			show: true,
			position: 'top'
			};
			//#endregion

			//æ±ç¶å¾ç»å®æ°æ®
			var HXTitle = [];//Xè½´æ é¢åç§°
			var TimeCount = []; //å·¥æ¶æ°æ®
			for (let i = 0; i < 14; i++) {

			HXTitle.push(DateClo[i]["title"]);
			if (ZHUData.length > 0) {
			TimeCount.push(ZHUData[i]['HTimeSum']);
			} else {
			TimeCount.push(0);
			}

			}
			option_ZZT = {
			title: {
			text: 'åå¨çäº§èµæºæ»è´è·',
			left: 'left',
			textStyle: {
			color: 'black',
			fontSize: 18,
			fontWeight: 'normal'
			}
			},
			tooltip: {
			trigger: 'axis',
			axisPointer: {
			type: 'shadow'
			}
			},
			toolbox: {
			show: true,
			orient: 'vertical',
			left: 'right',
			top: 'center',
			feature: {
			mark: { show: true },
			dataView: { show: true, readOnly: false },
			magicType: { show: true, type: ['line', 'bar', 'stack'] },
			restore: { show: true },
			saveAsImage: { show: true }
			}
			},
			xAxis: [
			{
			type: 'category',
			axisTick: { show: true },
			data: HXTitle
			}
			],
			yAxis: [
			{
			type: 'value'
			}
			],
			series: [
			{
			name: 'å·¥æ¶',
			type: 'bar',
			barGap: 0,
			label: labelOption,
			emphasis: {
			focus: 'series'
			},
			data: TimeCount
			}
			]
			};
			option_ZZT && myChart.setOption(option_ZZT);
			//#endregion
			}

			//åå§åè¡¨æ ¼
			function set_InitGrid() {
			var columns = [];
			columns.push({ type: 'numbers', title: 'åºå·'});
			columns.push({ field: 'HSourceID', title: 'çäº§èµæº', width: 120 });
			var myDate = new Date();
			var oneday = 1000 * 60 * 60 * 24;

			columns.push({
			field: Format(myDate.getTime() + 0 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 0 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 0 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 1 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 1 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 1 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 2 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 2 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 2 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 3 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 3 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 3 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 4 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 4 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 4 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 5 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 5 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 5 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 6 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 6 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 6 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 7 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 7 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 7 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 8 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 8 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 8 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 9 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 9 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 9 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 10 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 10 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 10 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 11 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 11 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 11 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 12 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 12 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 12 * oneday, 'yyyy-MM-dd')]);
			}
			})//0
			columns.push({
			field: Format(myDate.getTime() + 13 * oneday, 'yyyy-MM-dd'), title: Format(myDate.getTime() + 13 * oneday, 'MM.dd'), width: 110, templet: function (d) {
			return ProgressBar(d[Format(myDate.getTime() + 13 * oneday, 'yyyy-MM-dd')]);
			}
			})//0


			//è·åä¸¤ä¸ªææä¹é´çç¸å·®
			var time1 = Date.parse(new Date());//å¼å§æ¶é´
			var time2 = Date.parse(new Date()) + 1000 * 3600 * 24 * 13;//ç»ææ¶é´
			var Days = Math.abs(parseInt((time2 - time1) / 1000 / 3600 / 24));
			//è·åå¹´
			var yyyy = new Date().getFullYear();
			//è·åæä»½
			var MM = new Date().getMonth() + 1;
			//è·åå¼å§æä»½çæå¤§å¤©æ°
			var SumMonth = new Date(yyyy, MM, 0).getDate(); //å¨æä¸¤æä¹å·®
			//è·åå¼å§æ¥æçå¤©æ°
			var HBEGINDATE = new Date().getDate(); //è·åå¼å§æ¥æå¤©æ°

			var k = 0;//æ¶éå¾ªç¯æ¬¡æ°
			for (var j = 0; j <= (Days - k); j++) {
			//columns.push({
			// field: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'yyyy-MM-dd'), title: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'MM.dd'), width: 110, totalRow: true, templet: function (d) {

			// }
			//})
			DateClo.push({ field: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'yyyy-MM-dd'), title: Format(yyyy + '/' + MM + '/' + (HBEGINDATE + j), 'MM.dd'), width: 70, totalRow: true })
			//è·¨å¹´çè¯ ä¼ä»ä¸æä¸å·å¼å§
			if (MM == 12 && (HBEGINDATE + j) == 31) {
			yyyy += 1;
			MM = 1;
			SumMonth = new Date(yyyy, MM, 0).getDate();
			HBEGINDATE = 0;
			k += j;
			j = 0;
			} else if ((HBEGINDATE + j) == SumMonth) { //è·¨æ ææ°å ä¸ å¤©æ°ä»ä¸å¼å§
			HBEGINDATE = 0;
			MM += 1;
			SumMonth = new Date(yyyy, MM, 0).getDate();
			k += j;
			j = 0;
			}
			}
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, height: 500
			, page: true
			, totalRow: true
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			, cols: [columns]
			, done: function (res, currentCount) {
			//*éç¹*ï¼tableæ¸²æå®æåæ¸²æelementè¿åº¦æ¡
			element.render()
			}

			}
			}

			//è¿åº¦æ¡æ¾ç¤º
			function ProgressBar(HQty) {
			var ys = '';
			if (30 < HQty && HQty < 100) {
			ys = 'layui-bg-orange'
			} else if (0 < HQty && HQty <= 30) {
			ys = 'layui-bg-red'
			}
			//*éç¹*ï¼æ¼æ¥è¿åº¦æ¡
			return '<div class="layui-progress layui-progress-big" lay-showpercent="true"><div class="layui-progress-bar ' + ys + '" lay-percent="' + HQty + '%"></div></div><br>'
			}

			//å è½½ç½æ ¼
			function get_Display(HDeptID, HWorkCenterID) {
			var wait = layer.load();//é®ç½©
			$.ajax({
			url: GetWEBURL() + '/Sb_EquipMaintainReport/Sb_EquipmentLoadReportList',
			type: "GET",
			async: false,
			data: { "HDeptID": HDeptID, "HWorkCenterID": HWorkCenterID, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.count == 1) {
			ZHUData = data1.data.h_p_Sb_EquipmentLoadReportListt;
			option.data = data1.data.h_p_Sb_EquipmentLoadReportListt1;

			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_FastQuery() {
			var HDeptID = $("#HDeptID").val();
			var HWorkCenterID = $("#HWorkCenterID").val();

			get_Display(HDeptID, HWorkCenterID);
			set_Graphics();
			}

			//å·¥ä½ä¸å¿éæ©é¡µé¢
			function get_checkWorkCenter() {
			layer.open({
			type: 2//å¼¹çªç±»å
			, skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
			, area: ['90%', '90%']//å¤§å°
			, title: 'å·¥ä½ä¸å¿è¡¨'//æ é¢
			, shift: 2//å¼¹åºå¨ç»
			, content: ['../../åºç¡èµæ/å¬ç¨åºç¡èµæ/Gy_WorkCenter.html', 'yes']
			, btn: ['ç¡®å®', 'åæ¶']
			, btn1: function (index, layero) {//æé®ãæé®ä¸ãçåè°
			var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢
			var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test"
			if (checkStatus.data.length === 0) {
			return layer.msg('è¯·éæ©æ°æ®');
			}
			//è·åæ°æ®
			$("#HWorkCenterID").val(checkStatus.data[0].HItemID);//å·¥ä½ä¸å¿id
			$("#HWorkCenterName").val(checkStatus.data[0].å·¥ä½ä¸å¿åç§°);//è®¡éåä½åç§°

			layer.close(index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layeråé¨å¨æéå¢è®¡ç®ç
			}
			, btn2: function (index, layero) { }
			})
			}

			function btnHDeptID() {
			layer.open({
			type: 2//å¼¹çªç±»å
			, skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
			, area: ['90%', '90%']//å¤§å°
			, title: 'è½¦é´åè¡¨'//æ é¢
			, shift: 2//å¼¹åºå¨ç»
			, content: ['../../åºç¡èµæ/å¬ç¨åºç¡èµæ/Gy_DepartmentList.html', 'yes']
			, btn: ['ç¡®å®', 'åæ¶']
			, btn1: function (index, layero) {//æé®ãæé®ä¸ãçåè°
			var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢
			var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test"
			if (checkStatus.data.length === 0) {
			return layer.msg('è¯·éæ©æ°æ®');
			}
			//è·åæ°æ®
			$("#HDeptID").val(checkStatus.data[0].HItemID);//å·¥ä½ä¸å¿id
			$("#HDeptName").val(checkStatus.data[0].é¨é¨åç§°);//è®¡éåä½åç§°

			layer.close(index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layeråé¨å¨æéå¢è®¡ç®ç
			}
			, btn2: function (index, layero) { }
			})
			}
			//éç½®è¿æ»¤æ¡ä»¶
			function set_ClearQuery() {
			$("#HDeptID").val("");
			$("#HWorkCenterID").val("");
			get_FastQuery();
			}

			//éèåè®¾ç½®
			function get_HideColumn() {
			var colName = "";
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			colName += option.cols[0][i]["title"] + ",";
			}

			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName, "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 = [];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

			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 (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 (dataCols[3] > 0) {
			option.cols[0][i + 1]["width"] = dataCols[3];
			}
			//æ¾ç¤ºå
			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 });
			}
			})
			}

			//#endregion
			});
			</script>
			</body>
			</html>