diff --git a/src/main/java/com/sipai/controller/work/MPointController.java b/src/main/java/com/sipai/controller/work/MPointController.java
index 146578d5..bcc2f008 100644
--- a/src/main/java/com/sipai/controller/work/MPointController.java
+++ b/src/main/java/com/sipai/controller/work/MPointController.java
@@ -4137,8 +4137,15 @@ public class MPointController {
                 for (int i = 0; i < ids.length; i++) {
                     com.alibaba.fastjson.JSONObject jsonObject2 = new com.alibaba.fastjson.JSONObject();
 
-                    //通过es查询bizid
-                    MPoint mPoint_es = mPointService.selectById(ids[i]);
+                    //通过数据库查询测点（优先通过unitId和测点编码查询）
+                    MPoint mPoint_es = mPointService.selectById(unitId, ids[i]);
+                    if (mPoint_es == null) {
+                        // 尝试通过测点编码查询
+                        List<MPoint> mPointList = mPointService.selectListByWhere(unitId, "where mpointcode='" + ids[i] + "'");
+                        if (mPointList != null && mPointList.size() > 0) {
+                            mPoint_es = mPointList.get(0);
+                        }
+                    }
                     if (mPoint_es != null) {
                         unitId = mPoint_es.getBizid();
 
diff --git a/src/main/webapp/IMG/loginbp.png b/src/main/webapp/IMG/loginbp.png
new file mode 100644
index 00000000..93b1007d
Binary files /dev/null and b/src/main/webapp/IMG/loginbp.png differ
diff --git a/src/main/webapp/JS/main/main_js.js b/src/main/webapp/JS/main/main_js.js
index 2daa0041..a8f088c2 100644
--- a/src/main/webapp/JS/main/main_js.js
+++ b/src/main/webapp/JS/main/main_js.js
@@ -1,6 +1,5 @@
 //金山项目首页
 
-
 /**
  * 获取点位实时值
  * @param unitId
@@ -10,192 +9,89 @@
  */
 function getValue4Es(unitId, mpointCode, valueId, textId) {
     $.ajax({
-        type: 'GET',
-        url: ext.contextPath + '/work/mpoint/getValue4Es.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValue4Es.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
         async: true,
         globle: false,
         error: function () {
             return false;
         },
         success: function (data) {
-            if (data != null && data != '') {
-                var data = eval('(' + data + ')');
+            if (data != null && data != "") {
+                var data = eval("(" + data + ")");
                 //只限制上限为0.8   下限根据设定值自己设
                 // var maxvalue = data.alarmmax/0.8;
                 // var minvalue = data.alarmmin/maxvalue;
                 // var acvalue = data.parmvalue/maxvalue*100;
-                $('#' + valueId).html(data.parmvalue);//赋值
+                $("#" + valueId).html(data.parmvalue); //赋值
                 if (data.unit == undefined) {
-                    $('#' + textId).html(data.parmname);//赋值名称
+                    $("#" + textId).html(data.parmname); //赋值名称
                 } else {
-                    $('#' + textId).html(data.parmname + ' (' + data.unit + ')');//赋值名称+单位
+                    $("#" + textId).html(data.parmname + " (" + data.unit + ")"); //赋值名称+单位
                 }
             }
-        }
+        },
     });
 }
 
 function getValue(unitId, mpointCode, valueId, textId) {
     $.ajax({
-        type: 'GET',
-        url: ext.contextPath + '/work/mpoint/getValue.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValue.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
         async: true,
         globle: false,
         error: function () {
             return false;
         },
         success: function (data) {
-            if (data != null && data != '') {
-                var data = eval('(' + data + ')');
+            if (data != null && data != "") {
+                var data = eval("(" + data + ")");
                 console.log(data);
-                $('#' + valueId).html(data.parmvalue);//赋值
+                $("#" + valueId).html(data.parmvalue); //赋值
                 if (data.unit == undefined) {
-                    $('#' + textId).html(data.parmname);//赋值名称
+                    $("#" + textId).html(data.parmname); //赋值名称
                 } else {
-                    $('#' + textId).html(data.parmname + ' (' + data.unit + ')');//赋值名称+单位
+                    $("#" + textId).html(data.parmname + " (" + data.unit + ")"); //赋值名称+单位
                 }
             }
-        }
+        },
     });
 }
 
-// /**
-//  * echart饼图--通用 -- 新
-//  */
-// function echartPie2(unitId, mpointCode, echartId, textId) {
-//     var myChart = echarts.init(document.getElementById(echartId));
-//     $.ajax({
-//         type: 'GET',
-//         url: ext.contextPath + '/work/mpoint/getValue4Es.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
-//         async: true,
-//         globle: false,
-//         error: function () {
-//             return false;
-//         },
-//         success: function (data) {
-//             if (data != null && data != '') {
-//                 var echart_minvalue = 0.2;
-//                 var echart_maxvalue = 0.8;
-
-//                 // var data = eval('(' + data + ')');
-//                 //180度的上限
-//                 var maxvalue_20 = data.alarmmax * 1.2;
-//                 //0度的下限
-//                 var minvalue_20 = data.alarmmin - data.alarmmin * 0.2;
-
-//                 var maxvalue = data.alarmmax;
-//                 var minvalue = data.alarmmin;
-
-//                 //判断是否需要下限
-//                 if (data.alarmmin == null || data.alarmmin == '') {
-//                     minvalue_20 = 0;
-//                     minvalue = 0;
-//                     echart_minvalue = 0;
-//                 }
-
-//                 var parmvalue = data.parmvalue;
-//                 var rate = 0;
-//                 var unit = '';
-
-//                 $('#' + textId).html(data.parmname);
-
-//                 if (data.unit != undefined && data.unit != null && data.unit != '') {
-//                     unit = '(' + data.unit + ')';
-//                 }
-
-//                 //计算实际值比例
-//                 if (maxvalue_20 <= 1) {
-//                     minvalue_20 = minvalue_20 * 100;
-//                     maxvalue_20 = maxvalue_20 * 100;
-//                     parmvalue = parmvalue * 100;
-//                     minvalue = minvalue * 100;
-//                     maxvalue = maxvalue * 100;
-//                     if (maxvalue != undefined && minvalue != undefined) {
-//                         rate = parmvalue / (maxvalue_20 - minvalue_20) * 100;
-//                     } else {
-//                         rate = parmvalue;
-//                     }
-
-//                     rate += 20;
-//                 } else {
-//                     if (maxvalue != undefined && minvalue != undefined) {
-//                         // rate = parmvalue / maxvalue_20 * 100;
-//                         rate = (parmvalue / maxvalue) * 0.8 * 100;
-//                     } else {
-//                         rate = parmvalue;
-//                     }
-//                 }
-
-//                 //计算颜色
-//                 var colorStr = '#6C6C6C';
-//                 if (parmvalue < minvalue) {
-//                     colorStr = '#67e0e3';
-//                 } else if (parmvalue > maxvalue) {
-//                     colorStr = '#fd666d';
-//                 } else {
-//                     colorStr = '#37a2da';
-//                     // 37a2da
-//                 }
-
-//                 console.log(data.parmname + '扩大下限：' + minvalue_20 + '------扩大上限：' + maxvalue_20 + '------实际比率：' + rate + '------实际值：' + parmvalue + '------实际下限：' + minvalue + '------实际上限：' + maxvalue);
-
-//                 var option = {
-//                     toolbox: { //可视化的工具箱
-//                         show: false, feature: {
-//                             restore: { //重置
-//                                 show: true
-//                             }, saveAsImage: {//保存图片
-//                                 show: true
-//                             }
-//                         }
-//                     }, series: [{
-//                         name: '业务指标', type: 'gauge', startAngle: 180, endAngle: 0, radius: 70, center: ['50%', '80%'],//设置饼图位置
-//                         axisLine: {
-//                             show: true, // 属性lineStyle控制线条样式
-//                             lineStyle: {
-//                                 width: 15, // color: [[0.2, '#e2e2e2'], [0.8, '#66d99f'], [maxvalue, '#f35a4a']]
-//                                 color: [[echart_minvalue, '#67e0e3'], [echart_maxvalue, '#37a2da'], [maxvalue_20, '#fd666d']]
-//                             }
-//                         }, splitLine: {
-//                             show: false,
-//                         }, axisTick: {
-//                             show: false,
-//                         }, axisLabel: {
-//                             show: false,
-//                         }, pointer: {
-//                             length: '40px', width: '3px',
-//                         }, detail: {
-//                             offsetCenter: [0, '20%'], fontSize: 14, color: colorStr, //formatter: data.parmname,
-//                             formatter: data.parmvalue + unit//data.parmvalue为实际值  acvalue为计算后的比例
-//                         }, data: [{value: rate}]
-//                     }]
-//                 };
-//                 myChart.setOption(option);
-//                 myChart.resize();
-//             }
-//             }
-//     });
-// }
-
 /**
  * echart饼图--通用
  */
 function echartPie(unitId, mpointCode, echartId, textId) {
     var myChart = echarts.init(document.getElementById(echartId));
     $.ajax({
-        type: 'GET',
-        url: ext.contextPath + '/work/mpoint/getValue4Es.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValue4Es.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
         async: true,
         globle: false,
         error: function () {
             return false;
         },
         success: function (data) {
-            if (data != null && data != '') {
+            if (data != null && data != "") {
                 var echart_minvalue = 0.2;
                 var echart_maxvalue = 0.8;
 
-                var data = eval('(' + data + ')');
+                var data = eval("(" + data + ")");
                 //180度的上限
                 var maxvalue_20 = data.alarmmax * 1.2;
                 //0度的下限
@@ -205,7 +101,7 @@ function echartPie(unitId, mpointCode, echartId, textId) {
                 var minvalue = data.alarmmin;
 
                 //判断是否需要下限
-                if (data.alarmmin == null || data.alarmmin == '') {
+                if (data.alarmmin == null || data.alarmmin == "") {
                     minvalue_20 = 0;
                     minvalue = 0;
                     echart_minvalue = 0;
@@ -213,12 +109,12 @@ function echartPie(unitId, mpointCode, echartId, textId) {
 
                 var parmvalue = data.parmvalue;
                 var rate = 0;
-                var unit = '';
+                var unit = "";
 
-                $('#' + textId).html(data.parmname);
+                $("#" + textId).html(data.parmname);
 
-                if (data.unit != undefined && data.unit != null && data.unit != '') {
-                    unit = '(' + data.unit + ')';
+                if (data.unit != undefined && data.unit != null && data.unit != "") {
+                    unit = "(" + data.unit + ")";
                 }
 
                 //计算实际值比例
@@ -229,7 +125,7 @@ function echartPie(unitId, mpointCode, echartId, textId) {
                     minvalue = minvalue * 100;
                     maxvalue = maxvalue * 100;
                     if (maxvalue != undefined && minvalue != undefined) {
-                        rate = parmvalue / (maxvalue_20 - minvalue_20) * 100;
+                        rate = (parmvalue / (maxvalue_20 - minvalue_20)) * 100;
                     } else {
                         rate = parmvalue;
                     }
@@ -245,204 +141,95 @@ function echartPie(unitId, mpointCode, echartId, textId) {
                 }
 
                 //计算颜色
-                var colorStr = '#6C6C6C';
+                var colorStr = "#6C6C6C";
                 if (parmvalue < minvalue) {
-                    colorStr = '#6C6C6C';
+                    colorStr = "#6C6C6C";
                 } else if (parmvalue > maxvalue) {
-                    colorStr = '#f35a4a';
+                    colorStr = "#f35a4a";
                 } else {
-                    colorStr = '#66d99f';
+                    colorStr = "#66d99f";
                 }
 
-                console.log(data.parmname + '扩大下限：' + minvalue_20 + '------扩大上限：' + maxvalue_20 + '------实际比率：' + rate + '------实际值：' + parmvalue + '------实际下限：' + minvalue + '------实际上限：' + maxvalue);
+                console.log(
+                    data.parmname +
+                    "扩大下限：" +
+                    minvalue_20 +
+                    "------扩大上限：" +
+                    maxvalue_20 +
+                    "------实际比率：" +
+                    rate +
+                    "------实际值：" +
+                    parmvalue +
+                    "------实际下限：" +
+                    minvalue +
+                    "------实际上限：" +
+                    maxvalue,
+                );
 
                 var option = {
-                    toolbox: { //可视化的工具箱
-                        show: false, feature: {
-                            restore: { //重置
-                                show: true
-                            }, saveAsImage: {//保存图片
-                                show: true
-                            }
-                        }
-                    }, series: [{
-                        name: '业务指标', type: 'gauge', startAngle: 180, endAngle: 0, radius: 70, center: ['50%', '80%'],//设置饼图位置
-                        axisLine: {
-                            show: true, // 属性lineStyle控制线条样式
-                            lineStyle: {
-                                width: 15, // color: [[0.2, '#e2e2e2'], [0.8, '#66d99f'], [maxvalue, '#f35a4a']]
-                                color: [[echart_minvalue, '#f35a4a'], [echart_maxvalue, '#66d99f'], [maxvalue_20, '#f35a4a']]
-                            }
-                        }, splitLine: {
-                            show: false,
-                        }, axisTick: {
-                            show: false,
-                        }, axisLabel: {
-                            show: false,
-                        }, pointer: {
-                            length: '40px', width: '3px',
-                        }, detail: {
-                            offsetCenter: [0, '20%'], fontSize: 14, color: colorStr, //formatter: data.parmname,
-                            formatter: data.parmvalue + unit//data.parmvalue为实际值  acvalue为计算后的比例
-                        }, data: [{value: rate}]
-                    }]
+                    toolbox: {
+                        //可视化的工具箱
+                        show: false,
+                        feature: {
+                            restore: {
+                                //重置
+                                show: true,
+                            },
+                            saveAsImage: {
+                                //保存图片
+                                show: true,
+                            },
+                        },
+                    },
+                    series: [
+                        {
+                            name: "业务指标",
+                            type: "gauge",
+                            startAngle: 180,
+                            endAngle: 0,
+                            radius: 70,
+                            center: ["50%", "80%"], //设置饼图位置
+                            axisLine: {
+                                show: true, // 属性lineStyle控制线条样式
+                                lineStyle: {
+                                    width: 15, // color: [[0.2, '#e2e2e2'], [0.8, '#66d99f'], [maxvalue, '#f35a4a']]
+                                    color: [
+                                        [echart_minvalue, "#f35a4a"],
+                                        [echart_maxvalue, "#66d99f"],
+                                        [maxvalue_20, "#f35a4a"],
+                                    ],
+                                },
+                            },
+                            splitLine: {
+                                show: false,
+                            },
+                            axisTick: {
+                                show: false,
+                            },
+                            axisLabel: {
+                                show: false,
+                            },
+                            pointer: {
+                                length: "40px",
+                                width: "3px",
+                            },
+                            detail: {
+                                offsetCenter: [0, "20%"],
+                                fontSize: 14,
+                                color: colorStr, //formatter: data.parmname,
+                                formatter: data.parmvalue + unit, //data.parmvalue为实际值  acvalue为计算后的比例
+                            },
+                            data: [{ value: rate }],
+                        },
+                    ],
                 };
                 myChart.setOption(option);
                 myChart.resize();
             }
-        }
+        },
     });
 }
 
-
-// /**
-//  * echart饼图--通用--新
-//  */
-// function echartPie(unitId, mpointCode, echartId, textId) {
-//     var myChart = echarts.init(document.getElementById(echartId));
-//     var data = {
-//         "confirmalarm": "0",
-//         "parmname": "进水PH",
-//         "signaltag": "",
-//         "soundalarm": "0",
-//         "remoteup": "0",
-//         "triggercycle": "0",
-//         "triggermutation": "0",
-//         "ledcolor": "1",
-//         "id": "D_JinSPH",
-//         "numtail": "0",
-//         "signaltype": "AI",
-//         "active": "启用",
-//         "flowset": 0,
-//         "unit": "mg/l",
-//         "sourceType": "auto",
-//         "mpointcode": "D_JinSPH",
-//         "triggerequoff": "0",
-//         "disname": "",
-//         "valuetype": "sql",
-//         "directtype": "1",
-//         "freq": 1,
-//         "morder": 999,
-//         "showname": "1",
-//         "rate": 1,
-//         "subscriptionStatus": 0,
-//         "mpointid": "D_JinSPH",
-//         "valuemeaning": "",
-//         "mathop": "*",
-//         "triggeralarm": "1",
-//         "equipmentid": "",
-//         "biztype": "",
-//         "parmvalue": 20,
-//         "alarmmax": 14,
-//         "alarmmin": 6,
-//         "ledtype": "1",
-//         "measuredt": "2026-03-11T18:20:27Z",
-//         "bizid": "0533JS"
-//     };
-
-
-//     if (data != null && data != '') {
-//                 var echart_minvalue = 0.2;
-//                 var echart_maxvalue = 0.8;
-
-//                 // var data = eval('(' + data + ')');
-//                 //180度的上限
-//                 var maxvalue_20 = data.alarmmax * 1.2;
-//                 //0度的下限
-//                 var minvalue_20 = data.alarmmin - data.alarmmin * 0.2;
-
-//                 var maxvalue = data.alarmmax;
-//                 var minvalue = data.alarmmin;
-
-//                 //判断是否需要下限
-//                 if (data.alarmmin == null || data.alarmmin == '') {
-//                     minvalue_20 = 0;
-//                     minvalue = 0;
-//                     echart_minvalue = 0;
-//                 }
-
-//                 var parmvalue = data.parmvalue;
-//                 var rate = 0;
-//                 var unit = '';
-
-//                 $('#' + textId).html(data.parmname);
-
-//                 if (data.unit != undefined && data.unit != null && data.unit != '') {
-//                     unit = '(' + data.unit + ')';
-//                 }
-
-//                 //计算实际值比例
-//                 if (maxvalue_20 <= 1) {
-//                     minvalue_20 = minvalue_20 * 100;
-//                     maxvalue_20 = maxvalue_20 * 100;
-//                     parmvalue = parmvalue * 100;
-//                     minvalue = minvalue * 100;
-//                     maxvalue = maxvalue * 100;
-//                     if (maxvalue != undefined && minvalue != undefined) {
-//                         rate = parmvalue / (maxvalue_20 - minvalue_20) * 100;
-//                     } else {
-//                         rate = parmvalue;
-//                     }
-
-//                     rate += 20;
-//                 } else {
-//                     if (maxvalue != undefined && minvalue != undefined) {
-//                         // rate = parmvalue / maxvalue_20 * 100;
-//                         rate = (parmvalue / maxvalue) * 0.8 * 100;
-//                     } else {
-//                         rate = parmvalue;
-//                     }
-//                 }
-
-//                 //计算颜色
-//                 var colorStr = '#6C6C6C';
-//                 if (parmvalue < minvalue) {
-//                     colorStr = '#67e0e3';
-//                 } else if (parmvalue > maxvalue) {
-//                     colorStr = '#fd666d';
-//                 } else {
-//                     colorStr = '#37a2da';
-//                     // 37a2da
-//                 }
-
-//                 console.log(data.parmname + '扩大下限：' + minvalue_20 + '------扩大上限：' + maxvalue_20 + '------实际比率：' + rate + '------实际值：' + parmvalue + '------实际下限：' + minvalue + '------实际上限：' + maxvalue);
-
-//                 var option = {
-//                     toolbox: { //可视化的工具箱
-//                         show: false, feature: {
-//                             restore: { //重置
-//                                 show: true
-//                             }, saveAsImage: {//保存图片
-//                                 show: true
-//                             }
-//                         }
-//                     }, series: [{
-//                         name: '业务指标', type: 'gauge', startAngle: 180, endAngle: 0, radius: 70, center: ['50%', '80%'],//设置饼图位置
-//                         axisLine: {
-//                             show: true, // 属性lineStyle控制线条样式
-//                             lineStyle: {
-//                                 width: 15, // color: [[0.2, '#e2e2e2'], [0.8, '#66d99f'], [maxvalue, '#f35a4a']]
-//                                 color: [[echart_minvalue, '#67e0e3'], [echart_maxvalue, '#37a2da'], [maxvalue_20, '#fd666d']]
-//                             }
-//                         }, splitLine: {
-//                             show: false,
-//                         }, axisTick: {
-//                             show: false,
-//                         }, axisLabel: {
-//                             show: false,
-//                         }, pointer: {
-//                             length: '40px', width: '3px',
-//                         }, detail: {
-//                             offsetCenter: [0, '20%'], fontSize: 14, color: colorStr, //formatter: data.parmname,
-//                             formatter: data.parmvalue + unit//data.parmvalue为实际值  acvalue为计算后的比例
-//                         }, data: [{value: rate}]
-//                     }]
-//                 };
-//                 myChart.setOption(option);
-//                 myChart.resize();
-//             }
-// }
-
 /**
  * echart折线图--单点
  */
@@ -450,460 +237,483 @@ function echartLine(unitId, mpointCode, echartId) {
     var myChart = echarts.init(document.getElementById(echartId));
 
     $.ajax({
-        type: 'GET',
-        url: ext.contextPath + '/work/mpoint/getValueMonth.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValueMonth.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
         async: true,
         globle: false,
         error: function () {
             return false;
         },
         success: function (data) {
-            var data = eval('(' + data + ')');
+            var data = eval("(" + data + ")");
             var option = {
                 tooltip: {
-                    trigger: 'axis'
-                }, title: [{
-                    left: 'center', text: data.name
-                }], grid: {
-                    left: '3%', right: '4%', bottom: '3%', containLabel: true
-                }, xAxis: {
-                    type: 'category',
+                    trigger: "axis",
+                },
+                title: [
+                    {
+                        left: "center",
+                        text: data.name,
+                    },
+                ],
+                grid: {
+                    left: "3%",
+                    right: "4%",
+                    bottom: "3%",
+                    containLabel: true,
+                },
+                xAxis: {
+                    type: "category",
                     boundaryGap: false,
-                    data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
-                }, yAxis: {
-                    type: 'value'
-                }, series: [{
-                    name: '上限', type: 'line', // stack: '总量',
-                    data: data.maxlist
-                }, {
-                    name: '下限', type: 'line', // stack: '总量',
-                    data: data.minlist
-                }, {
-                    name: '实际值', type: 'line', // stack: '总量',
-                    data: data.datalist
-                }]
+                    data: [
+                        "1",
+                        "2",
+                        "3",
+                        "4",
+                        "5",
+                        "6",
+                        "7",
+                        "8",
+                        "9",
+                        "10",
+                        "11",
+                        "12",
+                        "13",
+                        "14",
+                        "15",
+                        "16",
+                        "17",
+                        "18",
+                        "19",
+                        "20",
+                        "21",
+                        "22",
+                        "23",
+                        "24",
+                        "25",
+                        "26",
+                        "27",
+                        "28",
+                        "29",
+                        "30",
+                        "31",
+                    ],
+                },
+                yAxis: {
+                    type: "value",
+                },
+                series: [
+                    {
+                        name: "上限",
+                        type: "line", // stack: '总量',
+                        data: data.maxlist,
+                    },
+                    {
+                        name: "下限",
+                        type: "line", // stack: '总量',
+                        data: data.minlist,
+                    },
+                    {
+                        name: "实际值",
+                        type: "line", // stack: '总量',
+                        data: data.datalist,
+                    },
+                ],
             };
             myChart.setOption(option);
             myChart.resize();
-        }
+        },
     });
 }
 
-/**
- * echart混合图--双柱状+折线
- */
-function echartMixed(unitId, mpointCode, echartId) {
-    var myChart = echarts.init(document.getElementById(echartId));
-
-    var datastr = {
-        "barData1": {
-            "name": "工业进水量",
-            "data": [89483, 96870, 85420, 92150, 88960, 95340, 91280]
-        },
-        "barData2": {
-            "name": "工业出水量",
-            "data": [87297, 88460, 82100, 89500, 85600, 91200, 88500]
-        },
-        "barData3": {
-            "name": "生活进水量",
-            "data": [89483, 96870, 85420, 92150, 88960, 95340, 91280]
-        },
-        "barData4": {
-            "name": "生活出水量",
-            "data": [87297, 88460, 82100, 89500, 85600, 91200, 88500]
-        },
-        "lineData": {
-            "name": "累计水量",
-            "data": [176780, 185330, 167520, 181650, 174560, 186540, 179780]
-        },
-        "timeJson": [
-            "2026-03-10",
-            "2026-03-11",
-            "2026-03-12",
-            "2026-03-13",
-            "2026-03-14",
-            "2026-03-15",
-            "2026-03-16"
-        ]
-    };
-
-    var option = {
-        color: ['#67D89F', '#FFBB00', '#5B8FF9', '#F6903D', '#EE6666'],
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'cross'
-            }
-        },
-        legend: {
-            data: [datastr.barData1.name, datastr.barData2.name, datastr.barData3.name, datastr.barData4.name, datastr.lineData.name]
-        },
-        xAxis: [{
-            type: 'category',
-            axisLabel: {
-                interval: 0
-            },
-            data: datastr.timeJson
-        }],
-        yAxis: [{
-            type: 'value',
-            name: '水量(m³)',
-            position: 'left'
-        }],
-        grid: {
-            left: '2%',
-            right: '5%',
-            bottom: '3%',
-            containLabel: true
-        },
-        series: [
-            {
-                name: datastr.barData1.name,
-                type: 'bar',
-                barWidth: 20,
-                data: datastr.barData1.data
-            },
-            {
-                name: datastr.barData2.name,
-                type: 'bar',
-                barWidth: 20,
-                data: datastr.barData2.data
-            },
-            {
-                name: datastr.barData3.name,
-                type: 'bar',
-                barWidth: 20,
-                data: datastr.barData3.data
-            },
-            {
-                name: datastr.barData4.name,
-                type: 'bar',
-                barWidth: 20,
-                data: datastr.barData4.data
-            },
-            {
-                name: datastr.lineData.name,
-                type: 'line',
-                smooth: true,
-                symbol: 'circle',
-                symbolSize: 6,
-                lineStyle: {
-                    width: 2
-                },
-                data: datastr.lineData.data
-            }
-        ]
-    };
-    myChart.setOption(option);
-    myChart.resize();
-}
-
-/**
- * echart曲线图--单点
- */
-function echartLine2(unitId, mpointCode, echartId) {
-    var myChart = echarts.init(document.getElementById(echartId));
-
-    var datastr = {
-        "dataJson": [
-            {
-                "data": [
-                    89483.1,
-                    96870.97,
-                    85420.5,
-                    92150.3,
-                    88960.8,
-                    95340.2,
-                    91280.6
-                ],
-                "name": "每日进水出水总量",
-                "type": "line",
-                "smooth": true,
-                "symbol": "circle",
-                "symbolSize": 6,
-                "lineStyle": {
-                    "width": 2
-                },
-                "areaStyle": {
-                    "opacity": 0.1
-                }
-            },
-        ],
-        "timeJson": [
-            "2026-03-10",
-            "2026-03-11",
-            "2026-03-12",
-            "2026-03-13",
-            "2026-03-14",
-            "2026-03-15",
-            "2026-03-16"
-        ]
-    }
-
-    var data1 = datastr.dataJson;
-    var data2 = datastr.timeJson;
-
-    var option = {
-        color: ['#67D89F', '#5B8FF9'],
-        tooltip: {
-            trigger: 'axis'
-        },
-        legend: {},
-        xAxis: [{
-            type: 'category',
-            boundaryGap: false,
-            axisLabel: {
-                interval: 0
-            },
-            data: data2
-        }],
-        yAxis: [{
-            type: 'value'
-        }],
-        grid: {
-            left: '2%',
-            right: '5%',
-            bottom: '3%',
-            containLabel: true
-        },
-        series: data1
-    };
-    myChart.setOption(option);
-    myChart.resize();
-}
-
 /**
  * echart柱状图--单点
  */
-function echartColumnar2(unitId, mpointCode, echartId) {
+function echartColumnar(unitId, mpointCode, echartId) {
     var myChart = echarts.init(document.getElementById(echartId));
 
-    var datastr = {
-        "dataJson": [
-            {
-                "barWidth": 30,
-                "stack": "total",
-                "data": [
-                    89483.1,
-                    96870.97,
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
-                ],
-                "name": "每日进水量",
-                "label": {
-                    "show": "true"
+    $.ajax({
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValueMonth.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
+        async: true,
+        globle: false,
+        error: function () {
+            return false;
+        },
+        success: function (data) {
+            var data = eval("(" + data + ")");
+            var option = {
+                color: "#62AEDF",
+                tooltip: {
+                    trigger: "axis",
+                    axisPointer: {
+                        // 坐标轴指示器，坐标轴触发有效
+                        type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+                    },
                 },
-                "type": "bar"
-            },
-            {
-                "barWidth": 30,
-                "stack": "total",
-                "data": [
-                    87297.59,
-                    88460.4,
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
-                ],
-                "name": "每日出水量",
-                "label": {
-                    "show": "true"
+                xAxis: {
+                    type: "category",
+                    data: [
+                        "1",
+                        "2",
+                        "3",
+                        "4",
+                        "5",
+                        "6",
+                        "7",
+                        "8",
+                        "9",
+                        "10",
+                        "11",
+                        "12",
+                        "13",
+                        "14",
+                        "15",
+                        "16",
+                        "17",
+                        "18",
+                        "19",
+                        "20",
+                        "21",
+                        "22",
+                        "23",
+                        "24",
+                        "25",
+                        "26",
+                        "27",
+                        "28",
+                        "29",
+                        "30",
+                        "31",
+                    ],
                 },
-                "type": "bar"
-            }
-
-            ],
-        "timeJson": [
-            "2026-03-10",
-            "2026-03-11",
-            "2026-03-12",
-            "2026-03-13",
-            "2026-03-14",
-            "2026-03-15",
-            "2026-03-16"
-        ]
-    }
-
-    var data1 = datastr.dataJson;
-    var data2 = datastr.timeJson;
-
-    var option = {
-        color: ['#67D89F', '#FFBB00'], legend: {}, calculable: true, xAxis: [{
-            type: 'category', axisLabel: {
-                interval: 0,//代表显示所有x轴标签显示
-            }, data: data2
-        }], yAxis: [{
-            type: 'value'
-        }], grid: {
-            left: '2%', right: '5%', bottom: '3%', containLabel: true
-        }, series: data1
-    };
-    myChart.setOption(option);
-    myChart.resize();
-
-    // $.ajax({
-    //     type: 'GET',
-    //     url: ext.contextPath + '/work/mpoint/getValueMonth.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
-    //     async: true,
-    //     globle: false,
-    //     error: function () {
-    //         return false;
-    //     },
-    //     success: function (data) {
-    //         var data = eval('(' + data + ')');
-    //         var option = {
-    //             color: '#62AEDF', tooltip: {
-    //                 trigger: 'axis', axisPointer: {            // 坐标轴指示器，坐标轴触发有效
-    //                     type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
-    //                 }
-    //             }, xAxis: {
-    //                 type: 'category',
-    //                 data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
-    //             }, yAxis: {
-    //                 type: 'value'
-    //             }, title: [{
-    //                 left: 'center', text: data.name
-    //             }], grid: {
-    //                 left: '3%', right: '4%', bottom: '3%', containLabel: true
-    //             }, series: [{
-    //                 data: data.datalist, type: 'bar', showBackground: true
-    //                 // backgroundStyle: {
-    //                 //     //color: '#62AEDF'
-    //                 // }
-    //             }]
-    //         };
-    //         myChart.setOption(option);
-    //         myChart.resize();
-    //     }
-    // });
+                yAxis: {
+                    type: "value",
+                },
+                title: [
+                    {
+                        left: "center",
+                        text: data.name,
+                    },
+                ],
+                grid: {
+                    left: "3%",
+                    right: "4%",
+                    bottom: "3%",
+                    containLabel: true,
+                },
+                series: [
+                    {
+                        data: data.datalist,
+                        type: "bar",
+                        showBackground: true,
+                        // backgroundStyle: {
+                        //     //color: '#62AEDF'
+                        // }
+                    },
+                ],
+            };
+            myChart.setOption(option);
+            myChart.resize();
+        },
+    });
 }
 
 /**
- * echart柱状图--多点
+ * echart柱状图--多点 (原有)
  */
-function echartColumnar1(unitId, mpointCode, echartId) {
+function echartColumnar2_1(unitId, mpointCode, echartId) {
     var myChart = echarts.init(document.getElementById(echartId));
 
+    $.ajax({
+        type: "GET",
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValueWeekS.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            mpointCode,
+        async: true,
+        globle: false,
+        error: function () {
+            return false;
+        },
+        success: function (data) {
+            var datastr = eval("(" + data + ")");
 
-    var datastr = {
-        "dataJson": [
-            {
-                "barWidth": 30,
-                "stack": "total",
-                "data": [
-                    89483.1,
-                    96870.97,
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
+            var data1 = datastr.dataJson;
+            var data2 = datastr.timeJson;
+
+            var option = {
+                color: ["#67D89F", "#FFBB00"],
+                legend: {},
+                calculable: true,
+                xAxis: [
+                    {
+                        type: "category",
+                        axisLabel: {
+                            interval: 0, //代表显示所有x轴标签显示
+                        },
+                        data: data2,
+                    },
                 ],
-                "name": "每日进水量",
-                "label": {
-                    "show": "true"
-                },
-                "type": "bar"
-            },
-            {
-                "barWidth": 30,
-                "stack": "total",
-                "data": [
-                    87297.59,
-                    88460.4,
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
+                yAxis: [
+                    {
+                        type: "value",
+                    },
                 ],
-                "name": "每日出水量",
-                "label": {
-                    "show": "true"
+                grid: {
+                    left: "2%",
+                    right: "5%",
+                    bottom: "3%",
+                    containLabel: true,
                 },
-                "type": "bar"
+                series: data1,
+            };
+            myChart.setOption(option);
+            myChart.resize();
+        },
+    });
+}
+
+function initEchartColumnar2() {
+                var chart = echarts.init(document.getElementById('myChartProduce8'));
+            var option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'shadow'
+                    }
+                },
+                legend: {
+                    data: ['工业进水', '工业出水', '生活进水', '生活出水'],
+                    top: 5,
+                    textStyle: {
+                        fontSize: 12
+                    }
+                },
+                grid: {
+                    left: '5%',
+                    right: '5%',
+                    bottom: '8%',
+                    top: '18%',
+                    containLabel: true
+                },
+                xAxis: {
+                    type: 'category',
+                    data: ['3/16', '3/17', '3/18', '3/19', '3/20', '3/21', '3/22'],
+                    axisLine: {
+                        lineStyle: {
+                            color: '#e8e8e8'
+                        }
+                    },
+                    axisLabel: {
+                        color: '#666',
+                        fontSize: 12
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    name: 'm³/D',
+                    nameTextStyle: {
+                        fontSize: 12
+                    },
+                    axisLine: {
+                        show: false
+                    },
+                    axisTick: {
+                        show: false
+                    },
+                    axisLabel: {
+                        color: '#666',
+                        fontSize: 12
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            color: '#f0f0f0'
+                        }
+                    }
+                },
+                series: [
+                    {
+                        name: '工业进水',
+                        type: 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {offset: 0, color: '#378dcc'},
+                                {offset: 1, color: '#5ba3d9'}
+                            ])
+                        },
+                        data: [0, 0, 0, 0, 0, 0, 0]
+                    },
+                    {
+                        name: '工业出水',
+                        type: 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {offset: 0, color: '#5b8def'},
+                                {offset: 1, color: '#40a9ff'}
+                            ])
+                        },
+                        data: [0, 0, 0, 0, 0, 0, 0]
+                    },
+                    {
+                        name: '生活进水',
+                        type: 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {offset: 0, color: '#52c41a'},
+                                {offset: 1, color: '#73d13d'}
+                            ])
+                        },
+                        data: [0, 0, 0, 0, 0, 0, 0]
+                    },
+                    {
+                        name: '生活出水',
+                        type: 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                                {offset: 0, color: '#2ecc71'},
+                                {offset: 1, color: '#58d68d'}
+                            ])
+                        },
+                        data: [0, 0, 0, 0, 0, 0, 0]
+                    }
+                ]
+            };
+            chart.setOption(option);
+            chart.resize();
+       
+}
+
+/**
+ * echart柱状图--多点 （TGLW新版）- （工业生活污水流量7天日趋势）
+ */
+function echartColumnar2(unitId, mpointCode, echartId) {
+    var myChart = echarts.init(document.getElementById(echartId));
+
+    $.ajax({
+        type: "GET",
+        // url: ext.contextPath + '/work/mpoint/getValueWeekS.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+        url:
+            ext.contextPath +
+            "/work/mpoint/getValueWeekS.do?unitId=" +
+            unitId +
+            "&mpointCode=" +
+            "C_GYJsssll,C_GYCsssll,C_SHJsssll,C_SHCsssll",
+        async: true,
+        globle: false,
+        error: function () {
+            return false;
+        },
+        success: function (data) {
+            var datastr = eval("(" + data + ")");
+
+            var data1 = datastr.dataJson;
+            var data2 = datastr.timeJson;
+            var series = [];
+            var legendData = [];
+
+            if (data1) {
+                data1.forEach(function(item, index) {
+                    legendData.push(item.name);
+                    var colors = [
+                        [{offset: 0, color: '#378dcc'}, {offset: 1, color: '#5ba3d9'}],
+                        [{offset: 0, color: '#5b8def'}, {offset: 1, color: '#40a9ff'}],
+                        [{offset: 0, color: '#52c41a'}, {offset: 1, color: '#73d13d'}],
+                        [{offset: 0, color: '#2ecc71'}, {offset: 1, color: '#58d68d'}]
+                    ];
+                    series.push({
+                        name: item.name,
+                        type: item.type || 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, colors[index % colors.length])
+                        },
+                        data: item.data
+                    });
+                });
             }
 
-        ],
-        "timeJson": [
-            "2026-03-10",
-            "2026-03-11",
-            "2026-03-12",
-            "2026-03-13",
-            "2026-03-14",
-            "2026-03-15",
-            "2026-03-16"
-        ]
-    }
-
-    var data1 = datastr.dataJson;
-    var data2 = datastr.timeJson;
-
-    // var option = {
-    //     color: ['#67D89F', '#FFBB00'], legend: {}, calculable: true, xAxis: [{
-    //         type: 'category', axisLabel: {
-    //             interval: 0,//代表显示所有x轴标签显示
-    //         }, data: data2
-    //     }], yAxis: [{
-    //         type: 'value'
-    //     }], grid: {
-    //         left: '2%', right: '5%', bottom: '3%', containLabel: true
-    //     }, series: data1
-    // };
-    // myChart.setOption(option);
-    // myChart.resize();
-
-
-
-    var option = {
-        color: ['#67D89F', '#FFBB00'], legend: {}, calculable: true, xAxis: [{
-            type: 'category', axisLabel: {
-                interval: 0,//代表显示所有x轴标签显示
-            }, data: data2
-        }], yAxis: [{
-            type: 'value'
-        }], grid: {
-            left: '2%', right: '5%', bottom: '3%', containLabel: true
-        }, series: data1
-    };
-    myChart.setOption(option);
-    myChart.resize();
-
-
-    // $.ajax({
-    //     type: 'GET',
-    //     url: ext.contextPath + '/work/mpoint/getValueWeekS.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
-    //     async: true,
-    //     globle: false,
-    //     error: function () {
-    //         return false;
-    //     },
-    //     success: function (data) {
-    //         var datastr = eval('(' + data + ')');
-    //
-    //         var data1 = datastr.dataJson;
-    //         var data2 = datastr.timeJson;
-    //
-    //         var option = {
-    //             color: ['#67D89F', '#FFBB00'], legend: {}, calculable: true, xAxis: [{
-    //                 type: 'category', axisLabel: {
-    //                     interval: 0,//代表显示所有x轴标签显示
-    //                 }, data: data2
-    //             }], yAxis: [{
-    //                 type: 'value'
-    //             }], grid: {
-    //                 left: '2%', right: '5%', bottom: '3%', containLabel: true
-    //             }, series: data1
-    //         };
-    //         myChart.setOption(option);
-    //         myChart.resize();
-    //     }
-    // });
+            var option = {
+                tooltip: {
+                    trigger: "axis",
+                    axisPointer: {
+                        type: "shadow",
+                    },
+                },
+                legend: {
+                    data: legendData,
+                    top: 5,
+                    textStyle: {
+                        fontSize: 12,
+                    },
+                },
+                grid: {
+                    left: "5%",
+                    right: "5%",
+                    bottom: "8%",
+                    top: "18%",
+                    containLabel: true,
+                },
+                xAxis: [
+                    {
+                        type: "category",
+                        data: data2,
+                        axisLine: {
+                            lineStyle: {
+                                color: "#e8e8e8",
+                            },
+                        },
+                        axisLabel: {
+                            color: "#666",
+                            fontSize: 12,
+                            interval: 0, //代表显示所有x轴标签显示
+                        },
+                    },
+                ],
+                yAxis: {
+                    type: "value",
+                    name: "m³/D",
+                    nameTextStyle: {
+                        fontSize: 12,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#666",
+                        fontSize: 12,
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            color: "#f0f0f0",
+                        },
+                    },
+                },
+                series: series,
+            };
+            myChart.setOption(option);
+            myChart.resize();
+        },
+    });
 }
 
 /**
@@ -911,7 +721,10 @@ function echartColumnar1(unitId, mpointCode, echartId) {
  * @param unitId
  */
 function getPic(unitId) {
-    $("#mainImg").attr("src", ext.contextPath + "/IMG/main/main_" + unitId + ".jpg");
+    $("#mainImg").attr(
+        "src",
+        ext.contextPath + "/IMG/main/main_" + unitId + ".jpg",
+    );
 }
 
 /**
@@ -922,21 +735,37 @@ function getPic(unitId, unit, proDatavisualFrame) {
     //$("#mainImg").attr("src", ext.contextPath + "/IMG/main/main_" + unitId + ".jpg");
     var unitIds = JSON.parse(unit);
     var proDatavisualFrames = JSON.parse(proDatavisualFrame);
-    var active = '';
-    var item = '';
+    var active = "";
+    var item = "";
     var proDatavisualFrames_i = 0;
     if (unitIds != null && unitIds.length > 0) {
         for (var i = 0; i < unitIds.length; i++) {
-            if (unitIds[i].type == 'B' || unitIds[i].type == 'C') {
+            if (unitIds[i].type == "B" || unitIds[i].type == "C") {
                 var proDatavisualFrameId = proDatavisualFrames[proDatavisualFrames_i];
                 proDatavisualFrames_i++;
                 if (unitId == unitIds[i].id) {
-                    active = 'active';
+                    active = "active";
                 } else {
-                    active = '';
+                    active = "";
                 }
                 var src = ext.contextPath + "/IMG/main/main_" + unitIds[i].id + ".jpg";
-                item += '<div class="item ' + active + ' ">' + '<img src="' + src + '" class="mainImg">' + '<div class="carousel-caption" onclick="proDatavisualFrame(\'' + unitIds[i].id + '\',\'' + proDatavisualFrameId + '\')">' + '<h4>' + unitIds[i].text + '</h4>' + '</div>' + '</div>';
+                item +=
+                    '<div class="item ' +
+                    active +
+                    ' ">' +
+                    '<img src="' +
+                    src +
+                    '" class="mainImg">' +
+                    '<div class="carousel-caption" onclick="proDatavisualFrame(\'' +
+                    unitIds[i].id +
+                    "','" +
+                    proDatavisualFrameId +
+                    "')\">" +
+                    "<h4>" +
+                    unitIds[i].text +
+                    "</h4>" +
+                    "</div>" +
+                    "</div>";
             }
         }
     }
@@ -944,17 +773,39 @@ function getPic(unitId, unit, proDatavisualFrame) {
 }
 
 function getUnitsByUnitId4Select(id, funname, proDatavisualFrame) {
-    $.post(ext.contextPath + "/user/getUnitsByUnitId4Select.do", {id: id}, function (data) {
-        //console.log(data);
-        var unitIds = data;
-        eval(funname + "('" + id + "','" + unitIds + "','" + proDatavisualFrame + "')")
-    });
+    $.post(
+        ext.contextPath + "/user/getUnitsByUnitId4Select.do",
+        { id: id },
+        function (data) {
+            //console.log(data);
+            var unitIds = data;
+            eval(
+                funname +
+                "('" +
+                id +
+                "','" +
+                unitIds +
+                "','" +
+                proDatavisualFrame +
+                "')",
+            );
+        },
+    );
 }
 
 function proDatavisualFrame(unitId, proDatavisualFrameId) {
-    if (proDatavisualFrameId != null && proDatavisualFrameId != undefined && proDatavisualFrameId != '') {
-        parent.addTab(proDatavisualFrameId, '工艺可视化', 'process/dataVisualFrame/view.do?frameId=' + proDatavisualFrameId + '&unitId=' + unitId);
+    if (
+        proDatavisualFrameId != null &&
+        proDatavisualFrameId != undefined &&
+        proDatavisualFrameId != ""
+    ) {
+        parent.addTab(
+            proDatavisualFrameId,
+            "工艺可视化",
+            "process/dataVisualFrame/view.do?frameId=" +
+            proDatavisualFrameId +
+            "&unitId=" +
+            unitId,
+        );
     }
 }
-
-
diff --git a/src/main/webapp/jsp/equipment/equipmentCardReamrkView.jsp b/src/main/webapp/jsp/equipment/equipmentCardReamrkView.jsp
index f58bffed..8276270a 100644
--- a/src/main/webapp/jsp/equipment/equipmentCardReamrkView.jsp
+++ b/src/main/webapp/jsp/equipment/equipmentCardReamrkView.jsp
@@ -105,16 +105,15 @@
             masterId: id,
             tbName: tbName
         }, function (data) {
-            //console.info(data)
+            // 清空之前的配置
+            previews = [];
+            previewConfigs = [];
             if (data.length > 0) {
-                previews = new Array();
                 $('#maintenancefile').show();
                 for (var i = 0; i < data.length; i++) {
                     var previewConfig = new Object();
-                    var path = data[i].abspath;
-                    path = path.substring(path.indexOf('webapps') + 7, path.length);
-                    path = ext.basePath.replace(ext.contextPath, '') + path.replace(/\\/g, "\/");
-                    ;
+                    // 预览地址：添加preview=true参数，让浏览器内嵌显示
+                    var path = ext.contextPath + "/report/rptInfoSetFile/downloadFile4minio.do?id=" + data[i].id + "&tbName=" + tbName + "&preview=true";
                     previews.push(path);
                     previewConfig['width'] = '2500px';
                     previewConfig['caption'] = data[i].filename;
diff --git a/src/main/webapp/jsp/login.jsp b/src/main/webapp/jsp/login.jsp
index 11c773fc..fe74e3e6 100644
--- a/src/main/webapp/jsp/login.jsp
+++ b/src/main/webapp/jsp/login.jsp
@@ -135,7 +135,7 @@
       //配置logo
       var array = eval(${jsonArray});
       var verCode = true;
-      var bgpath = ["IMG/login/bg1.png"];
+      var bgpath = ["IMG/loginbp.png"];
         if(array!=null && array!=undefined && array.length>0){
           for(var i =0;i<array.length;i++){
             var img = null;
@@ -325,15 +325,9 @@
     <div class="content" style="height:100%;vertical-align: middle;" id="login-content">
         <!-- BEGIN 登录 FORM -->
       <form class="login-form " id="loginForm">
-        <div class="logo row">
+        <!-- <div class="logo row">
             <img  src="IMG/login/title.png" style="width:100%;" alt="" id="login-title" />
-          <!-- <div class="col-lg-8 col-sm-8 col-md-8 col-xs-8">
-            <h5 style="color:black" class="form-title">西派埃智能</h4>
-            <h2 style="margin:0px">南康智慧水厂运管平台</h2>
-            <h4 style="color:black;margin-top:4px" >精益运行工业互联网平台</h4>
-            
-          </div> -->
-        </div>
+        </div> -->
         
         <div class="form-group">
             <div id="alertDiv"></div>
diff --git a/src/main/webapp/jsp/main_JS_Company.jsp b/src/main/webapp/jsp/main_JS_Company.jsp
index 64c58ef9..d8f9ad6d 100644
--- a/src/main/webapp/jsp/main_JS_Company.jsp
+++ b/src/main/webapp/jsp/main_JS_Company.jsp
@@ -78,7 +78,7 @@
         /* 上部分区域 */
         .top-section {
             display: grid;
-            grid-template-columns: 220px 1fr 220px;
+            grid-template-columns: 220px 1fr 240px;
             gap: 15px;
             margin-bottom: 15px;
             align-items: start;
@@ -186,7 +186,7 @@
         
         /* 设备运行卡片 */
         .device-list {
-            max-height: 360px;
+            max-height: 343px;
             overflow-y: auto;
         }
         
@@ -424,6 +424,7 @@
             padding: 10px 15px;
             border-top: 1px solid #f0f0f0;
             background: #fafafa;
+            margin: 0;
         }
         
         .pagination-info {
@@ -483,6 +484,127 @@
         .device-list::-webkit-scrollbar-track {
             background: #f1f1f1;
         }
+        
+        /* 企业模块样式 */
+        .enterprise-section {
+            margin-top: 15px;
+        }
+        
+        .enterprise-stats {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 15px;
+            margin-bottom: 15px;
+        }
+        
+        .enterprise-stat-card {
+            background: #fff;
+            border-radius: 8px;
+            padding: 20px;
+            text-align: center;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+        }
+        
+        .enterprise-stat-card .stat-value {
+            font-size: 32px;
+            font-weight: bold;
+            color: #0c4377;
+            margin-bottom: 5px;
+        }
+        
+        .enterprise-stat-card .stat-label {
+            font-size: 14px;
+            color: #666;
+        }
+        
+        .enterprise-stat-card.primary .stat-value {
+            color: #378dcc;
+        }
+        
+        .enterprise-stat-card.success .stat-value {
+            color: #52c41a;
+        }
+        
+        .enterprise-stat-card.warning .stat-value {
+            color: #faad14;
+        }
+        
+        .enterprise-list-wrapper {
+            display: grid;
+            grid-template-columns: repeat(5, 1fr);
+            gap: 15px;
+        }
+        
+        .enterprise-item {
+            background: #fff;
+            border-radius: 8px;
+            padding: 15px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+        
+        .enterprise-item:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0,0,0,0.12);
+        }
+        
+        .enterprise-item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 10px;
+            padding-bottom: 10px;
+            border-bottom: 1px solid #f0f0f0;
+        }
+        
+        .enterprise-item-name {
+            font-size: 14px;
+            font-weight: bold;
+            color: #333;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 150px;
+        }
+        
+        .enterprise-item-status {
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-size: 12px;
+        }
+        
+        .enterprise-item-status.online {
+            background: #e6f7e6;
+            color: #52c41a;
+        }
+        
+        .enterprise-item-status.offline {
+            background: #fff1f0;
+            color: #ff4d4f;
+        }
+        
+        .enterprise-item-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .enterprise-flow-label {
+            font-size: 12px;
+            color: #999;
+        }
+        
+        .enterprise-flow-value {
+            font-size: 18px;
+            font-weight: bold;
+            color: #378dcc;
+        }
+        
+        .enterprise-flow-unit {
+            font-size: 12px;
+            color: #999;
+            margin-left: 2px;
+        }
     </style>
     <script type="text/javascript">
         // 分页配置
@@ -494,17 +616,259 @@
         var alarmCurrentPage = 1;
         var alarmData = [];
         
+        // 接口返回的原始数据缓存
+        var mainConfigData = null;
+        
+        // 默认unitId（如果在URL中没有传递或无法从父页面获取）
+        var defaultUnitId = '0533JS';
+        
         $(function () {
-            initData();
-            initChart();
+            // 如果unitId为空，使用默认值或URL参数
+            if (!unitId || unitId === '') {
+                var urlParams = new URLSearchParams(window.location.search);
+                unitId = urlParams.get('unitId') || defaultUnitId;
+            }
+            loadMainConfig();
+            loadEnterpriseData();
         });
+        
+        // 企业模块变量
+        var enterpriseTotal = 0;
+        var enterpriseOnline = 0;
+        var enterpriseList = [];
+        
+        // 加载企业数据
+        function loadEnterpriseData() {
+            $.ajax({
+                type: 'POST',
+                url: ext.contextPath + '/sparepart/sewage/getList.do',
+                data: {
+                    page: 1,
+                    rows: 1000,
+                    sort: "displacement",
+                    order: "asc",
+                    unitId: '0533JS',
+                },
+                // async: true,
+                // dataType: 'json',
+                // globle: false,
+                error: function () {
+                    // loadEnterpriseDataMock();
+                    return false;
+                },
+                success: function (data) {
+                if (typeof data === "string") {
+                    var dataList = JSON.parse(data);
+                    if (dataList && dataList.rows) {
+                        var list = dataList.rows || [];
+                        enterpriseTotal = dataList.total;
+                        enterpriseOnline = list.filter(function(item) { 
+                            return item._input; 
+                        }).length;
+                        enterpriseList = list;
+                        renderEnterpriseStats();
+                        renderEnterpriseList(list);
+                    } else {
+                        loadEnterpriseDataMock();
+                    }
+                }
+            }
+        });
+    }
+        
+        // Mock企业数据
+        function loadEnterpriseDataMock() {
+            var mockData = [
+                {id: '001', text: '金山污水处理厂', attributes: {status: 'online', flow: 12580}},
+                {id: '002', text: '亭林污水处理厂', attributes: {status: 'online', flow: 8650}},
+                {id: '003', text: '朱泾污水处理厂', attributes: {status: 'online', flow: 5430}},
+                {id: '004', text: '枫泾污水处理厂', attributes: {status: 'offline', flow: 0}},
+                {id: '005', text: '廊下污水处理厂', attributes: {status: 'online', flow: 3280}},
+                {id: '006', text: '张堰污水处理厂', attributes: {status: 'online', flow: 4560}},
+                {id: '007', text: '吕巷污水处理厂', attributes: {status: 'online', flow: 2890}},
+                {id: '008', text: '漕泾污水处理厂', attributes: {status: 'offline', flow: 0}}
+            ];
+            enterpriseTotal = mockData.length;
+            enterpriseOnline = mockData.filter(function(item) { return item.attributes.status === 'online'; }).length;
+            enterpriseList = mockData;
+            renderEnterpriseStats();
+            renderEnterpriseList(mockData);
+        }
+        
+        // 渲染企业统计
+        function renderEnterpriseStats() {
+            $('#enterprise_total').text(enterpriseTotal);
+            $('#enterprise_online').text(enterpriseOnline);
+            $('#enterprise_offline').text(enterpriseTotal - enterpriseOnline);
+            // 计算总流量
+            var totalFlow = enterpriseList.reduce(function(sum, item) {
+                return sum + (item.attributes && item.attributes.flow ? item.attributes.flow : 0);
+            }, 0);
+            $('#enterprise_total_flow').text(formatNumber(totalFlow));
+        }
+        
+        // 渲染企业列表
+        function renderEnterpriseList(list) {
+            var html = '';
+            list.forEach(function(item) {
+                var name = item.name || item.text || '--';
+                var status = item._input ? 'online' : 'offline';
+                var flow = item.attributes && item.attributes.flow ? item.attributes.flow : 0;
+                var statusClass = status === 'online' ? 'online' : 'offline';
+                var statusText = status === 'online' ? '已接入' : '未接入';
+                
+                html += '<div class="enterprise-item">';
+                html += '<div class="enterprise-item-header">';
+                html += '<span class="enterprise-item-name" title="' + name + '">' + name + '</span>';
+                html += '<span class="enterprise-item-status ' + statusClass + '">' + statusText + '</span>';
+                html += '</div>';
+                html += '<div class="enterprise-item-flow">';
+                html += '<span class="enterprise-flow-label">瞬时流量</span>';
+                html += '<div>';
+                html += '<span class="enterprise-flow-value">' + formatNumber(flow) + '</span>';
+                html += '<span class="enterprise-flow-unit">m³/h</span>';
+                html += '</div>';
+                html += '</div>';
+                html += '</div>';
+            });
+            $('#enterprise_list').html(html);
+        }
+        
+        // 格式化数字
+        function formatNumber(num) {
+            if (num === null || num === undefined) return '--';
+            return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        }
+
+        // 加载主配置数据
+        function loadMainConfig() {
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/base/mainConfig/getJson.do',
+                async: true,
+                data: {unitId: unitId},
+                globle: false,
+                error: function () {
+                    console.error('获取主配置数据失败');
+                    // // 加载失败时使用默认数据
+                    // initData();
+                    // initChart();
+                    return false;
+                },
+                success: function (data) {
+                    try {
+                        var jsonData = eval('(' + data + ')');
+                        if (jsonData.status === 'pass' && jsonData.mpcode) {
+                            mainConfigData = jsonData.mpcode;
+                            processMainConfig(jsonData.mpcode);
+                        } else {
+                            // initData();
+                            // initChart();
+                        }
+                    } catch (e) {
+                        console.error('解析主配置数据失败', e);
+                        // initData();
+                        // initChart();
+                    }
+                }
+            });
+        }
+
+        // 处理主配置数据
+        function processMainConfig(mpcode) {
+            var hasChartConfig = false;
+            
+            for (var i = 0; i < mpcode.length; i++) {
+                var item = mpcode[i];
+                var code = item.mpointId;
+                var funname = item.funName;
+                var divid = item.divId;
+                var testid = item.testId;
+                var type = item.type;
+                var mpointId = item.mpointId;
+                var funName = item.funName;
+
+                if (type == '${type_pro}' && funName == 'getValue') {//生产
+                        eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                    }
+                    if (type == '${type_safe}') {//安全
+                        eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                    }
+                    if (type == '${type_eff}') {//效率
+                        eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                    }
+                    if (type == '${type_pic}') {//左上角图片
+                        // getUnitsByUnitId4Select(unitId,funname,mpointId);
+                    }
+                }
+                
+                // // 根据type类型调用对应函数
+                // if (type === '${type_pro}' || type === '${type_safe}' || type === '${type_eff}') {
+                //     if (funname && divid) {
+                //         eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')");
+                //     }
+                // } else if (type === 'chart') {
+                //     // 图表类型
+                //     hasChartConfig = true;
+                //     if (funname === 'initChartByConfig') {
+                //         initChartByConfig(code, divid);
+                //     } else if (funname === 'echartMixed' || funname === 'echartColumnar1' || funname === 'echartColumnar2') {
+                //         eval(funname + "('" + unitId + "','" + code + "','" + divid + "')");
+                //     } else if (funname === 'echartPie') {
+                //         eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')");
+                //     } else if (funname) {
+                //         eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')");
+                //     }
+                // } else if (type === 'device') {
+                //     // 设备运行状态
+                //     initDeviceListByConfig(code, divid);
+                // } else if (type === 'pump') {
+                //     // 泵站详情
+                //     initPumpStationByConfig(item);
+                // } else if (type === 'process') {
+                //     // 工艺列表
+                //     initProcessListByConfig(code, divid);
+                // } else if (type === 'alarm') {
+                //     // 告警列表
+                //     initAlarmListByConfig(code, divid);
+                // }
+            
+            // // 如果没有图表配置，使用默认图表
+            // if (!hasChartConfig) {
+            //     initChart();
+            // }
+            
+            // 如果没有设备配置，使用默认数据
+            var hasDeviceConfig = mpcode.some(function(item) { return item.type === 'device'; });
+            if (!hasDeviceConfig) {
+                initDeviceList();
+            }
+            
+            // 如果没有泵站配置，使用默认数据
+            var hasPumpConfig = mpcode.some(function(item) { return item.type === 'pump'; });
+            if (!hasPumpConfig) {
+                initPumpStations();
+            }
+            
+            // 如果没有工艺配置，使用默认数据
+            var hasProcessConfig = mpcode.some(function(item) { return item.type === 'process'; });
+            if (!hasProcessConfig) {
+                initProcessList();
+            }
+            
+            // 如果没有告警配置，使用默认数据
+            var hasAlarmConfig = mpcode.some(function(item) { return item.type === 'alarm'; });
+            if (!hasAlarmConfig) {
+                initAlarmList();
+            }
+        }
 
         function initData() {
-            // 初始化进出水累计
-            $('#industrial_inflow_value').text('12,580');
-            $('#industrial_outflow_value').text('12,380');
-            $('#domestic_inflow_value').text('8,650');
-            $('#domestic_outflow_value').text('8,450');
+            // 初始化进出水累计（默认值）
+            $('#valueProduce1_js').text('--');
+            $('#valueProduce2_js').text('--');
+            $('#valueProduce3_js').text('--');
+            $('#valueProduce4_js').text('--');
             
             // 初始化设备运行列表
             initDeviceList();
@@ -516,32 +880,132 @@
             initAlarmList();
         }
         
+        // 设备列表分页配置
+        var devicePageSize = 20;
+        var deviceCurrentPage = 1;
+        var deviceTotal = 0;
+        
         function initDeviceList() {
+            loadDeviceList(1);
+        }
+        
+        // 加载设备运行列表（分页）
+        function loadDeviceList(page) {
+            deviceCurrentPage = page;
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/equipment/getList4EquipmentCard.do',
+                data: {
+                    rows: devicePageSize,
+                    page: page,
+                    sort: 'equipmentcardid',
+                    order: 'asc',
+                    unitId: unitId,
+                },
+                async: true,
+                globle: false,
+                error: function () {
+                    // 失败时使用默认mock数据
+                    loadDeviceListMock();
+                    return false;
+                },
+                success: function (data) {
+                    if (data != null && data !== '') {
+                        try {
+                            var result = eval('(' + data + ')');
+                            if (result.total !== undefined && result.rows) {
+                                deviceTotal = result.total;
+                                renderDeviceList('device_list', result.rows);
+                                renderDevicePagination();
+                            } else {
+                                loadDeviceListMock();
+                            }
+                        } catch (e) {
+                            loadDeviceListMock();
+                        }
+                    } else {
+                        loadDeviceListMock();
+                    }
+                }
+            });
+        }
+        
+        // Mock数据（接口失败时使用）
+        function loadDeviceListMock() {
             var devices = [
-                {name: '进水泵1#', status: 'running'},
-                {name: '进水泵2#', status: 'running'},
-                {name: '鼓风机1#', status: 'running'},
-                {name: '鼓风机2#', status: 'stopped'},
-                {name: '回流泵1#', status: 'warning'},
-                {name: '回流泵2#', status: 'running'},
-                {name: '污泥泵1#', status: 'running'},
-                {name: '污泥泵2#', status: 'stopped'},
-                {name: '提升泵1#', status: 'running'},
-                {name: '提升泵2#', status: 'running'}
+                {equipmentname: '进水泵1#', equipmentstatus: '运行'},
+                {equipmentname: '进水泵2#', equipmentstatus: '运行'},
+                {equipmentname: '鼓风机1#', equipmentstatus: '运行'},
+                {equipmentname: '鼓风机2#', equipmentstatus: '停止'},
+                {equipmentname: '回流泵1#', equipmentstatus: '异常'},
+                {equipmentname: '回流泵2#', equipmentstatus: '运行'},
+                {equipmentname: '污泥泵1#', equipmentstatus: '运行'},
+                {equipmentname: '污泥泵2#', equipmentstatus: '停止'},
+                {equipmentname: '提升泵1#', equipmentstatus: '运行'},
+                {equipmentname: '提升泵2#', equipmentstatus: '运行'}
             ];
-            
+            deviceTotal = devices.length;
+            renderDeviceList('device_list', devices);
+            renderDevicePagination();
+        }
+        
+        // 根据配置初始化设备运行列表
+        function initDeviceListByConfig(mpointCode, containerId) {
+            loadDeviceList(1);
+        }
+        
+        // 渲染设备列表
+        function renderDeviceList(containerId, devices) {
             var html = '';
             devices.forEach(function(device) {
-                var statusClass = device.status === 'running' ? 'status-running' : 
-                                  device.status === 'stopped' ? 'status-stopped' : 'status-warning';
-                var statusText = device.status === 'running' ? '运行中' : 
-                                 device.status === 'stopped' ? '已停止' : '异常';
+                var status = device.equipmentStatusManagement.name || device.status || '';
+                var name = device.equipmentname || device.name || '';
+                // 根据状态设置样式
+                var statusClass = '';
+                var statusText = '';
+                if (status === '在用' || status === 'running') {
+                    statusClass = 'status-running';
+                    statusText = '在用';
+                } else if (status === '停用') {
+                    statusClass = 'status-stopped';
+                    statusText = '停用';
+                } else if (status === '异常') {
+                    statusClass = 'status-warning';
+                    statusText = '异常';
+                } else {
+                    statusClass = 'status-stopped';
+                    statusText = status || '运行中';
+                }
                 html += '<div class="device-item">';
-                html += '<span class="device-name">' + device.name + '</span>';
+                html += '<span class="device-name">' + name + '</span>';
                 html += '<span class="device-status ' + statusClass + '">' + statusText + '</span>';
                 html += '</div>';
             });
-            $('#device_list').html(html);
+            $('#' + containerId).html(html);
+        }
+        
+        // 渲染设备分页
+        function renderDevicePagination() {
+            var totalPages = Math.ceil(deviceTotal / devicePageSize);
+            // var pageInfo = '第 ' + deviceCurrentPage + '/' + totalPages + ' 页，共 ' + deviceTotal + ' 条';
+            var pageInfo = '第 ' + deviceCurrentPage + '/' + totalPages + '页';
+            
+            var html = '<span class="pagination-info">' + pageInfo + '</span>';
+            html += '<div class="pagination-btns">';
+            // html += '<button class="pagination-btn" onclick="deviceGoToPage(1)" ' + (deviceCurrentPage === 1 ? 'disabled' : '') + '>首页</button>';
+            html += '<button class="pagination-btn" onclick="deviceGoToPage(' + (deviceCurrentPage - 1) + ')" ' + (deviceCurrentPage === 1 ? 'disabled' : '') + '><</button>';
+            html += '<button class="pagination-btn" onclick="deviceGoToPage(' + (deviceCurrentPage + 1) + ')" ' + (deviceCurrentPage >= totalPages ? 'disabled' : '') + '>></button>';
+            html += '</div>';
+            
+            $('#device_pagination').html(html);
+        }
+        
+        // 设备分页跳转
+        function deviceGoToPage(page) {
+            var totalPages = Math.ceil(deviceTotal / devicePageSize);
+            if (page < 1) page = 1;
+            if (page > totalPages) page = totalPages;
+            loadDeviceList(page);
         }
         
         function initPumpStations() {
@@ -576,6 +1040,55 @@
             $('#' + containerId).html(html);
         }
         
+        // 根据配置初始化泵站详情
+        function initPumpStationByConfig(configItem) {
+            var code = configItem.mpointId;
+            var divid = configItem.divId;
+            var testid = configItem.testId;
+            var memo = configItem.memo || '';
+            
+            // 解析memo获取泵站信息，格式如："泵站名称:COD:氨氮"
+            var parts = memo.split(':');
+            var stationName = parts[0] || '';
+            var paramNames = parts.slice(1);
+            
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/work/mpoint/getPumpStation.do?unitId=' + unitId + '&mpointCode=' + code,
+                async: true,
+                globle: false,
+                error: function () {
+                    return false;
+                },
+                success: function (data) {
+                    if (data != null && data !== '') {
+                        try {
+                            var result = eval('(' + data + ')');
+                            if (result.status === 'pass') {
+                                // 更新水质参数
+                                if (result.params) {
+                                    for (var key in result.params) {
+                                        $('#' + key).text(result.params[key]);
+                                    }
+                                }
+                                // 更新泵状态
+                                if (result.pumps && divid) {
+                                    renderPumpList(divid, result.pumps);
+                                }
+                            }
+                        } catch (e) {
+                            console.error('解析泵站数据失败', e);
+                        }
+                    }
+                }
+            });
+        }
+        
+        // 获取泵站水质参数值
+        function getPumpParamValue(unitId, mpointCode, valueId, textId) {
+            getValue(unitId, mpointCode, valueId, textId);
+        }
+        
         // 生成工艺列表mock数据
         function generateProcessData() {
             var processNames = ['粗格栅间', '细格栅间', '曝气沉砂池', '厌氧池', '缺氧池', '好氧池', '二沉池', '消毒池', '污泥浓缩池', '污泥脱水间'];
@@ -596,6 +1109,41 @@
             return data;
         }
         
+        // 根据配置初始化工艺列表
+        function initProcessListByConfig(mpointCode, containerId) {
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/work/mpoint/getProcessList.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+                async: true,
+                globle: false,
+                error: function () {
+                    processData = generateProcessData();
+                    renderProcessTable();
+                    return false;
+                },
+                success: function (data) {
+                    if (data != null && data !== '') {
+                        try {
+                            var result = eval('(' + data + ')');
+                            if (result.status === 'pass' && result.processList) {
+                                processData = result.processList;
+                                renderProcessTable();
+                            } else {
+                                processData = generateProcessData();
+                                renderProcessTable();
+                            }
+                        } catch (e) {
+                            processData = generateProcessData();
+                            renderProcessTable();
+                        }
+                    } else {
+                        processData = generateProcessData();
+                        renderProcessTable();
+                    }
+                }
+            });
+        }
+        
         // 生成告警列表mock数据
         function generateAlarmData() {
             var processNames = ['粗格栅间', '细格栅间', '曝气沉砂池', '厌氧池', '缺氧池', '好氧池', '二沉池', '消毒池', '污泥浓缩池', '污泥脱水间'];
@@ -620,6 +1168,41 @@
             return data;
         }
         
+        // 根据配置初始化告警列表
+        function initAlarmListByConfig(mpointCode, containerId) {
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/work/mpoint/getAlarmList.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
+                async: true,
+                globle: false,
+                error: function () {
+                    alarmData = generateAlarmData();
+                    renderAlarmTable();
+                    return false;
+                },
+                success: function (data) {
+                    if (data != null && data !== '') {
+                        try {
+                            var result = eval('(' + data + ')');
+                            if (result.status === 'pass' && result.alarmList) {
+                                alarmData = result.alarmList;
+                                renderAlarmTable();
+                            } else {
+                                alarmData = generateAlarmData();
+                                renderAlarmTable();
+                            }
+                        } catch (e) {
+                            alarmData = generateAlarmData();
+                            renderAlarmTable();
+                        }
+                    } else {
+                        alarmData = generateAlarmData();
+                        renderAlarmTable();
+                    }
+                }
+            });
+        }
+        
         function initProcessList() {
             processData = generateProcessData();
             renderProcessTable();
@@ -705,10 +1288,34 @@
             alarmCurrentPage = page;
             renderAlarmTable();
         }
-        
-        function initChart() {
-            var chart = echarts.init(document.getElementById('flow_chart'));
-            var option = {
+    
+        // 构建图表配置项
+        function buildChartOption(chartData) {
+            var series = [];
+            var legendData = [];
+            
+            if (chartData.series) {
+                chartData.series.forEach(function(item, index) {
+                    legendData.push(item.name);
+                    var colors = [
+                        [{offset: 0, color: '#378dcc'}, {offset: 1, color: '#5ba3d9'}],
+                        [{offset: 0, color: '#5b8def'}, {offset: 1, color: '#40a9ff'}],
+                        [{offset: 0, color: '#52c41a'}, {offset: 1, color: '#73d13d'}],
+                        [{offset: 0, color: '#2ecc71'}, {offset: 1, color: '#58d68d'}]
+                    ];
+                    series.push({
+                        name: item.name,
+                        type: item.type || 'bar',
+                        barWidth: '20%',
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, colors[index % colors.length])
+                        },
+                        data: item.data
+                    });
+                });
+            }
+            
+            return {
                 tooltip: {
                     trigger: 'axis',
                     axisPointer: {
@@ -716,7 +1323,7 @@
                     }
                 },
                 legend: {
-                    data: ['工业进水', '工业出水', '生活进水', '生活出水'],
+                    data: legendData,
                     top: 5,
                     textStyle: {
                         fontSize: 12
@@ -731,7 +1338,7 @@
                 },
                 xAxis: {
                     type: 'category',
-                    data: ['3/16', '3/17', '3/18', '3/19', '3/20', '3/21', '3/22'],
+                    data: chartData.xAxis || ['3/16', '3/17', '3/18', '3/19', '3/20', '3/21', '3/22'],
                     axisLine: {
                         lineStyle: {
                             color: '#e8e8e8'
@@ -744,7 +1351,7 @@
                 },
                 yAxis: {
                     type: 'value',
-                    name: 'm³/D',
+                    name: chartData.yAxisName || 'm³/D',
                     nameTextStyle: {
                         fontSize: 12
                     },
@@ -764,62 +1371,8 @@
                         }
                     }
                 },
-                series: [
-                    {
-                        name: '工业进水',
-                        type: 'bar',
-                        barWidth: '20%',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                {offset: 0, color: '#378dcc'},
-                                {offset: 1, color: '#5ba3d9'}
-                            ])
-                        },
-                        data: [12000, 11500, 13000, 12500, 11800, 12200, 12580]
-                    },
-                    {
-                        name: '工业出水',
-                        type: 'bar',
-                        barWidth: '20%',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                {offset: 0, color: '#5b8def'},
-                                {offset: 1, color: '#40a9ff'}
-                            ])
-                        },
-                        data: [11800, 11300, 12800, 12300, 11600, 12000, 12380]
-                    },
-                    {
-                        name: '生活进水',
-                        type: 'bar',
-                        barWidth: '20%',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                {offset: 0, color: '#52c41a'},
-                                {offset: 1, color: '#73d13d'}
-                            ])
-                        },
-                        data: [8500, 8200, 9000, 8800, 8600, 8400, 8650]
-                    },
-                    {
-                        name: '生活出水',
-                        type: 'bar',
-                        barWidth: '20%',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                {offset: 0, color: '#2ecc71'},
-                                {offset: 1, color: '#58d68d'}
-                            ])
-                        },
-                        data: [8300, 8000, 8800, 8600, 8400, 8200, 8450]
-                    }
-                ]
+                series: series
             };
-            chart.setOption(option);
-            
-            window.addEventListener('resize', function() {
-                chart.resize();
-            });
         }
     </script>
 </head>
@@ -838,19 +1391,19 @@
                         <div class="inflow-group-content">
                             <div class="inflow-item industrial-inflow">
                                 <div class="inflow-content">
-                                    <span class="label">进水累计</span>
+                                    <span class="label" id="textProduce1_js">进水累计</span>
                                     <div class="value-row">
-                                        <span class="value" id="industrial_inflow_value">--</span>
-                                        <span class="unit">m³</span>
+                                        <span class="value" id="valueProduce1_js">--</span>
+                                        <!-- <span class="unit">m³</span> -->
                                     </div>
                                 </div>
                             </div>
                             <div class="inflow-item industrial-outflow">
                                 <div class="inflow-content">
-                                    <span class="label">出水累计</span>
+                                    <span class="label" id="textProduce2_js">出水累计</span>
                                     <div class="value-row">
-                                        <span class="value" id="industrial_outflow_value">--</span>
-                                        <span class="unit">m³</span>
+                                        <span class="value" id="valueProduce2_js">--</span>
+                                        <!-- <span class="unit">m³</span> -->
                                     </div>
                                 </div>
                             </div>
@@ -861,19 +1414,19 @@
                         <div class="inflow-group-content">
                             <div class="inflow-item domestic-inflow">
                                 <div class="inflow-content">
-                                    <span class="label">进水累计</span>
+                                    <span class="label" id="textProduce3_js">进水累计</span>
                                     <div class="value-row">
-                                        <span class="value" id="domestic_inflow_value">--</span>
-                                        <span class="unit">m³</span>
+                                        <span class="value" id="valueProduce3_js">--</span>
+                                        <!-- <span class="unit">m³</span> -->
                                     </div>
                                 </div>
                             </div>
                             <div class="inflow-item domestic-outflow">
                                 <div class="inflow-content">
-                                    <span class="label">出水累计</span>
+                                    <span class="label" id="textProduce4_js">出水累计</span>
                                     <div class="value-row">
-                                        <span class="value" id="domestic_outflow_value">--</span>
-                                        <span class="unit">m³</span>
+                                        <span class="value" id="valueProduce4_js">--</span>
+                                        <!-- <span class="unit">m³</span> -->
                                     </div>
                                 </div>
                             </div>
@@ -887,7 +1440,7 @@
         <div class="card">
             <div class="card-header">污水流量7天日趋势</div>
             <div class="card-body">
-                <div id="flow_chart" class="chart-container"></div>
+                <div id="myChartProduce8" class="chart-container"></div>
             </div>
         </div>
         
@@ -897,6 +1450,7 @@
             <div class="card-body" style="padding: 0;">
                 <div class="device-list" id="device_list"></div>
             </div>
+            <div class="pagination device_pagination" id="device_pagination"></div>
         </div>
     </div>
     
@@ -1011,6 +1565,39 @@
             </div>
         </div>
     </div>
+    
+    <!-- 企业模块 -->
+    <div class="enterprise-section">
+        <div class="card">
+            <div class="card-header">企业概况</div>
+            <div class="card-body">
+                <!-- 统计卡片 -->
+                <div class="enterprise-stats">
+                    <div class="enterprise-stat-card primary">
+                        <div class="stat-value" id="enterprise_total">--</div>
+                        <div class="stat-label">企业总数</div>
+                    </div>
+                    <div class="enterprise-stat-card success">
+                        <div class="stat-value" id="enterprise_online">--</div>
+                        <div class="stat-label">接入总数</div>
+                    </div>
+                    <div class="enterprise-stat-card warning">
+                        <div class="stat-value" id="enterprise_offline">--</div>
+                        <div class="stat-label">离线企业</div>
+                    </div>
+                    <div class="enterprise-stat-card">
+                        <div class="stat-value" id="enterprise_total_flow">--</div>
+                        <div class="stat-label">总瞬时流量(m³/h)</div>
+                    </div>
+                </div>
+                
+                <!-- 企业列表 -->
+                <div class="enterprise-list-wrapper" id="enterprise_list">
+                    <!-- 企业卡片将通过JS动态生成 -->
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 </body>
 
diff --git a/src/main/webapp/jsp/main_JS_Company2_init.jsp b/src/main/webapp/jsp/main_JS_Company2_init.jsp
new file mode 100644
index 00000000..ad8e22c1
--- /dev/null
+++ b/src/main/webapp/jsp/main_JS_Company2_init.jsp
@@ -0,0 +1,398 @@
+<%@ page language="java" pageEncoding="UTF-8" %>
+<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
+<%@ page import="com.sipai.entity.base.ServerObject" %>
+<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
+
+<%@ page import="com.sipai.entity.base.MainConfig" %>
+<% request.setAttribute("type_pro", MainConfig.type_pro); %>
+<% request.setAttribute("type_safe", MainConfig.type_safe); %>
+<% request.setAttribute("type_eff", MainConfig.type_eff); %>
+<% request.setAttribute("type_pic", MainConfig.type_pic); %>
+
+<!DOCTYPE html>
+
+<head>
+    <title><%= ServerObject.atttable.get("TOPTITLE")%>
+    </title>
+
+    <!-- 引用页头及CSS页-->
+    <jsp:include page="/jsp/inc.jsp"></jsp:include>
+    <!-- echarts-->
+    <script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.4.1.0.min.js"
+            charset="utf-8"></script>
+
+    <script type="text/javascript" src="<%=request.getContextPath()%>/JS/main/main_js.js" charset="utf-8"></script>
+    <style>
+        /*
+        根据不同分辨率显示不同px的文字大小
+        */
+        @media (min-width: 1080px) {
+
+        }
+
+        @media (min-width: 1550px) {
+
+        }
+
+        .fontValue {
+            text-align: center;
+            margin-top: 20px;
+            margin-left: 70px;
+            font-size: 20px;
+            color: #ffffff;
+            font-weight: bold;
+        }
+
+        .fontText {
+            margin-left: 20px;
+            font-size: 14px;
+            color: #ffffff;
+            font-weight: bold;
+        }
+      .carousel-inner,
+      .carousel-inner >.item,
+      .carousel-inner >.item >img{
+        width:100%;height:100%;
+      }
+      .carousel-caption{
+        cursor: pointer;
+        padding: 0;
+        background-color: RGBA(55,141,204,0.5);
+        bottom: 10px;
+      }
+    </style>
+    <script type="text/javascript">
+
+
+        $(function () {
+            firstFun();
+        });
+
+        window.onresize = function () {
+            firstFun();
+        }
+
+        function firstFun() {
+            //var height = document.documentElement.clientHeight;
+            var height = $(window).height();
+            $('#mainDiv').css('height', height);//页面加载先给高度
+
+            $.ajax({
+                type: 'GET',
+                url: ext.contextPath + '/base/mainConfig/getJson.do',
+                async: true,
+                data: {unitId: unitId},
+                globle: false,
+                error: function () {
+                    return false;
+                },
+                success: function (data) {
+                    var data = eval('(' + data + ')');
+                    for (var i = 0; i < data.mpcode.length; i++) {
+                        var code = data.mpcode[i].mpointId;
+                        var funname = data.mpcode[i].funName;
+                        var divid = data.mpcode[i].divId;
+                        var testid = data.mpcode[i].testId;
+                        var mpointId = data.mpcode[i].mpointId;
+                        if (data.mpcode[i].type == '${type_pro}') {//生产
+                            eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                        }
+                        if (data.mpcode[i].type == '${type_safe}') {//安全
+                            eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                        }
+                        if (data.mpcode[i].type == '${type_eff}') {//效率
+                            eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
+                        }
+                        if (data.mpcode[i].type == '${type_pic}') {//左上角图片
+                            //eval(funname + "('" + unitId + "')")
+                            getUnitsByUnitId4Select(unitId,funname,mpointId);
+                        }
+                    }
+                    //安全
+                    // echartColumnar2(unitId, 'TH_03_FIT040001D_FLOW_C', 'myChartsafe1');
+                }
+            });
+
+            //优良差
+            $(".evaluateIcon").attr("src", ext.contextPath + "/IMG/main/evaluate.png");
+
+            //左上角图片
+            // $("#mainImg").attr("src", ext.contextPath + "/IMG/main/main.jpg");
+
+        }
+    </script>
+
+</head>
+
+<body>
+<div id="mainDiv" style="background:#f1f1f1;">
+
+    <div style="float:left;height:100%;width:35%;">
+        <div style="float:left;height:45%;width:100%;padding:5px 5px 5px 5px;">
+            <div style="height:100%;width:100%;background-color:#ffffff;">
+                <%--图片--%>
+                <!-- <img src="" id="mainImg" style="width:100%;height:100%;"> -->
+                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:100%;height:100%;">
+                
+                  <!-- Wrapper for slides -->
+                  <div class="carousel-inner" role="listbox" id="carousel-items">
+                  </div>
+                  <!-- Controls -->
+                  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                  </a>
+                  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                  </a>
+                </div>
+            </div>
+        </div>
+        <div style="float:left;height:55%;width:100%;padding:5px 5px 5px 5px;">
+            <div style="height:100%;width:100%;background-color:#ffffff;">
+                <div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
+                    水量及电耗
+                </div>
+                <div style="width:100%;height:40%;float:left;">
+
+                    <div style="width:48%;height:45%;float:left;background-color:#378dcc;margin:1%;">
+                        <div class="fontValue" id="safe_value_1">-</div>
+                        <div class="fontText" id="safe_text_1">-</div>
+                    </div>
+                    <div style="width:48%;height:45%;float:right;background-color:#67aad7;margin:1%;">
+                        <div class="fontValue" id="safe_value_2">-</div>
+                        <div class="fontText" id="safe_text_2">-</div>
+                    </div>
+
+                    <div style="width:48%;height:45%;float:left;background-color:#FACA00;margin:1%;">
+                        <div class="fontValue" id="safe_value_3">-</div>
+                        <div class="fontText" id="safe_text_3">-</div>
+                    </div>
+                    <div style="width:48%;height:45%;float:right;background-color:#66D97C;margin:1%;">
+                        <div class="fontValue" id="safe_value_4">-</div>
+                        <div class="fontText" id="safe_text_4">-</div>
+                    </div>
+                </div>
+                <div style="width:100%;height:55%;float:left;padding: 5px 5px 5px 5px;">
+                    <div style="width:100%;height:100%;float:left;">
+                        <div style="width:100%;height:100%;float:left;" id="myChartProduce8"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div style="float:left;height:100%;width:65%;">
+        <div style="float:left;height:50%;width:100%;padding:5px 5px 5px 5px;">
+            <div style="height:100%;width:100%;background-color:#ffffff;">
+                <div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
+                    一车间
+                </div>
+                <div style="width:20%;height:100%;float:left;">
+                    <div style="width:100%;height:25%;float:left;background-color:#cbe3f9;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce1_js"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce1_js"></div>
+                    </div>
+                    <div style="width:100%;height:25%;float:left;background-color:#badaf8;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce2_js"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce2_js"></div>
+                    </div>
+                    <div style="width:100%;height:25%;float:left;background-color:#73afd8;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce3_js"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce3_js"></div>
+                    </div>
+                </div>
+                <div style="width:80%;height:100%;float:left;padding: 5px 10px 30px 10px;">
+                    <div style="width:100%;height:100%;float:left;">
+                        <div style="width:100%;height:3%;float:left;"></div>
+                        <div style="width:100%;height:40%;float:left;">
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText1_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce1_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText2_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce2_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText3_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce3_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText4_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce4_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText5_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce5_js"></div>
+                            </div>
+                        </div>
+                        <div style="width:100%;height:4%;float:left;"></div>
+                        <div style="width:100%;height:40%;float:left;">
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText6_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce6_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText7_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce7_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText8_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce8_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText9_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce9_js"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText10_js">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce10_js"></div>
+                            </div>
+                        </div>
+                        <div style="width:100%;height:3%;float:left;"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div style="float:left;height:50%;width:100%;padding:5px 5px 5px 5px;">
+            <div style="height:100%;width:100%;background-color:#ffffff;">
+                <div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
+                    二车间
+                </div>
+                <div style="width:20%;height:96%;float:left;">
+                    <div style="width:100%;height:25%;float:left;background-color:#cbe3f9;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce1_cs"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce1_cs"></div>
+                    </div>
+                    <div style="width:100%;height:25%;float:left;background-color:#badaf8;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce2_cs"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce2_cs"></div>
+                    </div>
+                    <div style="width:100%;height:25%;float:left;background-color:#73afd8;margin:6%;">
+                        <div class="fontValue" style="color: #0c4377;" id="valueProduce3_cs"></div>
+                        <div class="fontText" style="color: #0c4377;" id="textProduce3_cs"></div>
+                    </div>
+                </div>
+                <div style="width:80%;height:96%;float:left;padding: 5px 10px 30px 10px;">
+                    <div style="width:100%;height:100%;float:left;">
+                        <div style="width:100%;height:3%;float:left;"></div>
+                        <div style="width:100%;height:40%;float:left;">
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText1_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce1_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText2_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce2_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText3_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce3_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText4_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce4_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText5_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce5_cs"></div>
+                            </div>
+                        </div>
+                        <div style="width:100%;height:4%;float:left;"></div>
+                        <div style="width:100%;height:40%;float:left;">
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText6_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce6_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText7_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce7_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText8_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce8_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText9_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce9_cs"></div>
+                            </div>
+                            <div style="width:20%;height:100%;float:left;">
+                                <div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
+                                     id="myChartProduceText10_cs">
+                                    -
+                                </div>
+                                <div style="width:100%;height:80%;" id="myChartProduce10_cs"></div>
+                            </div>
+                        </div>
+                        <div style="width:100%;height:3%;float:left;"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+</body>
+
+</html>
\ No newline at end of file