首页样式重新设计
This commit is contained in:
Rue Ji
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 80 KiB |
BIN
src/main/webapp/IMG/logo1.png
Normal file
BIN
src/main/webapp/IMG/logo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
@ -9,6 +9,82 @@
|
||||
* @param textId
|
||||
*/
|
||||
function getValue(unitId, mpointCode, valueId, textId) {
|
||||
// var data = {
|
||||
// "confirmalarm": "0",
|
||||
// "parmname": "进水瞬时流量",
|
||||
// "signaltag": "",
|
||||
// "soundalarm": "0",
|
||||
// "remoteup": "0",
|
||||
// "triggercycle": "0",
|
||||
// "triggermutation": "0",
|
||||
// "ledcolor": "1",
|
||||
// "id": "C_Jsssll",
|
||||
// "numtail": "0",
|
||||
// "signaltype": "AI",
|
||||
// "active": "启用",
|
||||
// "flowset": 0,
|
||||
// "unit": "m³/h",
|
||||
// "sourceType": "auto",
|
||||
// "mpointcode": "C_Jsssll",
|
||||
// "triggerequoff": "0",
|
||||
// "disname": "",
|
||||
// "valuetype": "sql",
|
||||
// "directtype": "1",
|
||||
// "freq": 1,
|
||||
// "morder": 999,
|
||||
// "showname": "1",
|
||||
// "rate": 1,
|
||||
// "subscriptionStatus": 0,
|
||||
// "mpointid": "C_Jsssll",
|
||||
// "valuemeaning": "",
|
||||
// "mathop": "*",
|
||||
// "triggeralarm": "1",
|
||||
// "equipmentid": "",
|
||||
// "biztype": "",
|
||||
// "parmvalue": 3551,
|
||||
// "ledtype": "1",
|
||||
// "measuredt": "2026-03-11T17:05:43Z",
|
||||
// "bizid": "0533JS"
|
||||
// }
|
||||
//
|
||||
// $('#' + valueId).html(data.parmvalue);//赋值
|
||||
// if (data.unit == undefined) {
|
||||
// $('#' + textId).html(data.parmname);//赋值名称
|
||||
// } else {
|
||||
// $('#' + textId).html(data.parmname + ' (' + data.unit + ')');//赋值名称+单位
|
||||
// }
|
||||
// $.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 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);//赋值
|
||||
// if (data.unit == undefined) {
|
||||
// $('#' + textId).html(data.parmname);//赋值名称
|
||||
// } else {
|
||||
// $('#' + 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,
|
||||
@ -19,26 +95,113 @@ function getValue(unitId, mpointCode, valueId, textId) {
|
||||
},
|
||||
success: function (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);//赋值
|
||||
if (data.unit == undefined) {
|
||||
$('#' + textId).html(data.parmname);//赋值名称
|
||||
} else {
|
||||
$('#' + textId).html(data.parmname + ' (' + data.unit + ')');//赋值名称+单位
|
||||
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) {
|
||||
function echartPie1(unitId, mpointCode, echartId, textId) {
|
||||
var myChart = echarts.init(document.getElementById(echartId));
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
@ -152,6 +315,155 @@ function echartPie(unitId, mpointCode, echartId, textId) {
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 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折线图--单点
|
||||
*/
|
||||
@ -199,83 +511,420 @@ function echartLine(unitId, mpointCode, echartId) {
|
||||
}
|
||||
|
||||
/**
|
||||
* echart柱状图--单点
|
||||
* echart混合图--双柱状+折线
|
||||
*/
|
||||
function echartColumnar(unitId, mpointCode, echartId) {
|
||||
function echartMixed(unitId, mpointCode, echartId) {
|
||||
var myChart = echarts.init(document.getElementById(echartId));
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: ext.contextPath + '/work/mpoint/getValueMonth.do?unitId=' + unitId + '&mpointCode=' + mpointCode,
|
||||
async: true,
|
||||
globle: false,
|
||||
error: function () {
|
||||
return false;
|
||||
var datastr = {
|
||||
"barData1": {
|
||||
"name": "工业进水量",
|
||||
"data": [89483, 96870, 85420, 92150, 88960, 95340, 91280]
|
||||
},
|
||||
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();
|
||||
}
|
||||
});
|
||||
"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) {
|
||||
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"
|
||||
},
|
||||
"type": "bar"
|
||||
},
|
||||
{
|
||||
"barWidth": 30,
|
||||
"stack": "total",
|
||||
"data": [
|
||||
87297.59,
|
||||
88460.4,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"name": "每日出水量",
|
||||
"label": {
|
||||
"show": "true"
|
||||
},
|
||||
"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();
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
/**
|
||||
* echart柱状图--多点
|
||||
*/
|
||||
function echartColumnar2(unitId, mpointCode, echartId) {
|
||||
function echartColumnar1(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 data1 = datastr.dataJson;
|
||||
var data2 = datastr.timeJson;
|
||||
var datastr = {
|
||||
"dataJson": [
|
||||
{
|
||||
"barWidth": 30,
|
||||
"stack": "total",
|
||||
"data": [
|
||||
89483.1,
|
||||
96870.97,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"name": "每日进水量",
|
||||
"label": {
|
||||
"show": "true"
|
||||
},
|
||||
"type": "bar"
|
||||
},
|
||||
{
|
||||
"barWidth": 30,
|
||||
"stack": "total",
|
||||
"data": [
|
||||
87297.59,
|
||||
88460.4,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"name": "每日出水量",
|
||||
"label": {
|
||||
"show": "true"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
|
||||
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();
|
||||
}
|
||||
});
|
||||
],
|
||||
"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();
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
/**
|
||||
@ -327,4 +976,6 @@ function proDatavisualFrame(unitId, proDatavisualFrameId) {
|
||||
if (proDatavisualFrameId != null && proDatavisualFrameId != undefined && proDatavisualFrameId != '') {
|
||||
parent.addTab(proDatavisualFrameId, '工艺可视化', 'process/dataVisualFrame/view.do?frameId=' + proDatavisualFrameId + '&unitId=' + unitId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -166,9 +166,8 @@
|
||||
$.widget.bridge('uibutton', $.ui.button);
|
||||
</script>
|
||||
<!-- END 布局样式 -->
|
||||
<LINK href="<%=contextPath%>/IMG/sipai.ico" type="image/x-icon" rel="shortcut icon"></LINK>
|
||||
<!-- END HEAD -->
|
||||
<LINK href="<%=contextPath%>/IMG/logo.ico" type="image/x-icon" rel="shortcut icon"></LINK>
|
||||
<LINK href="<%=contextPath%>/IMG/logo.png" type="image/png" rel="shortcut icon"></LINK>
|
||||
<LINK href="<%=contextPath%>/IMG/logo.png" type="image/png" rel="icon"></LINK>
|
||||
|
||||
<script type="text/javascript" src="<%=contextPath%>/node_modules/bootstrap/layer/layer.js" charset="utf-8"></script>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
839
src/main/webapp/jsp/main_JS_Company2.jsp
Normal file
839
src/main/webapp/jsp/main_JS_Company2.jsp
Normal file
@ -0,0 +1,839 @@
|
||||
<%@ 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: 20px;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
.section-header {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
float: left;
|
||||
border-bottom: 2px solid #67aad7;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #0c4377;
|
||||
padding-left: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: linear-gradient(to right, rgba(103, 170, 215, 0.1), transparent);
|
||||
}
|
||||
.section-header::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 60%;
|
||||
background-color: #0c4377;
|
||||
margin-right: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
$(function () {
|
||||
firstFun();
|
||||
});
|
||||
|
||||
window.onresize = function () {
|
||||
firstFun();
|
||||
}
|
||||
|
||||
function firstFun() {
|
||||
// 不再设置固定高度，让页面自然滚动
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: ext.contextPath + '/base/mainConfig/getJson.do',
|
||||
async: true,
|
||||
data: {unitId: unitId},
|
||||
globle: false,
|
||||
error: function () {
|
||||
return false;
|
||||
},
|
||||
success: function (data1) {
|
||||
// var data = eval('(' + data + ')');
|
||||
|
||||
console.log(data);
|
||||
var data = {
|
||||
"status": "pass",
|
||||
"mpcode": [
|
||||
{
|
||||
"divId": "valueProduce1_js",
|
||||
"funName": "getValue",
|
||||
"id": "9A46F4D7-3C49-42DD-9603-BC55890F6829",
|
||||
"memo": "AUTO_HOME_PRO_VAL_1",
|
||||
"morder": 1,
|
||||
"mpointId": "C_Jsssll",
|
||||
"sql": "",
|
||||
"testId": "textProduce1_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "",
|
||||
"funName": "getPic",
|
||||
"id": "D071B1E9-EADC-466A-86E8-300EE5ED35B2",
|
||||
"memo": "AUTO_HOME_PIC",
|
||||
"morder": 1,
|
||||
"mpointId": "",
|
||||
"sql": "",
|
||||
"testId": "",
|
||||
"type": "pic",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "valueProduce2_js",
|
||||
"funName": "getValue",
|
||||
"id": "7A212EF9-6A0D-415D-BEA5-5A1B23250069",
|
||||
"memo": "AUTO_HOME_PRO_VAL_2",
|
||||
"morder": 2,
|
||||
"mpointId": "C_Csssll",
|
||||
"sql": "",
|
||||
"testId": "textProduce2_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "valueProduce3_js",
|
||||
"funName": "getValue",
|
||||
"id": "37D4878E-82D5-4A06-A7FC-3D1D9298D5F7",
|
||||
"memo": "AUTO_HOME_PRO_VAL_3",
|
||||
"morder": 3,
|
||||
"mpointId": "C_Mrddh",
|
||||
"sql": "",
|
||||
"testId": "textProduce3_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce1_js",
|
||||
"funName": "echartPie",
|
||||
"id": "D88301BC-ACF7-48F5-A1B1-6672CB686786",
|
||||
"memo": "AUTO_HOME_PRO_PIE_1",
|
||||
"morder": 14,
|
||||
"mpointId": "D_JinSCOD",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText1_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce2_js",
|
||||
"funName": "echartPie",
|
||||
"id": "D90B7C5B-76F4-4B70-9C65-58AD3F70C127",
|
||||
"memo": "AUTO_HOME_PRO_PIE_2",
|
||||
"morder": 15,
|
||||
"mpointId": "D_JinSPH",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText2_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce3_js",
|
||||
"funName": "echartPie",
|
||||
"id": "B2309C35-5F47-402C-A7C3-F710F67A0AE3",
|
||||
"memo": "AUTO_HOME_PRO_PIE_3",
|
||||
"morder": 16,
|
||||
"mpointId": "C_Jstp",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText3_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce4_js",
|
||||
"funName": "echartPie",
|
||||
"id": "B054F2EA-CF10-4976-B308-EE6A929468A3",
|
||||
"memo": "AUTO_HOME_PRO_PIE_4",
|
||||
"morder": 17,
|
||||
"mpointId": "C_Jstn",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText4_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce5_js",
|
||||
"funName": "echartPie",
|
||||
"id": "0DDD5D71-2D8F-400D-A99E-0D19C3D8DADF",
|
||||
"memo": "AUTO_HOME_PRO_PIE_5",
|
||||
"morder": 18,
|
||||
"mpointId": "C_Jsnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText5_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce6_js",
|
||||
"funName": "echartPie",
|
||||
"id": "DAB3ABF7-5135-462F-80FC-E717A09391C0",
|
||||
"memo": "AUTO_HOME_PRO_PIE_6",
|
||||
"morder": 19,
|
||||
"mpointId": "D_ChuSCOD",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText6_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce7_js",
|
||||
"funName": "echartPie",
|
||||
"id": "9864A8F9-6362-49F9-8F10-812E45F22FFB",
|
||||
"memo": "AUTO_HOME_PRO_PIE_7",
|
||||
"morder": 20,
|
||||
"mpointId": "D_ChuSPH",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText7_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce8_js",
|
||||
"funName": "echartPie",
|
||||
"id": "B989F914-9883-47BA-B261-F12DC2CA1365",
|
||||
"memo": "AUTO_HOME_PRO_PIE_8",
|
||||
"morder": 21,
|
||||
"mpointId": "C_Cstp",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText8_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce9_js",
|
||||
"funName": "echartPie",
|
||||
"id": "BBA7F23F-197F-4FF0-AD42-426DE4569907",
|
||||
"memo": "AUTO_HOME_PRO_PIE_9",
|
||||
"morder": 22,
|
||||
"mpointId": "C_Cstn",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText9_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce10_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText10_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce11_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText11_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce12_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText12_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce13_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText13_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce14_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText14_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce15_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText15_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce16_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText16_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce17_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText17_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce18_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText18_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce19_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText19_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce20_js",
|
||||
"funName": "echartPie",
|
||||
"id": "E179A4CE-D159-4B11-A517-7CC760C27E70",
|
||||
"memo": "AUTO_HOME_PRO_PIE_10",
|
||||
"morder": 23,
|
||||
"mpointId": "C_Csnh4n",
|
||||
"sql": "",
|
||||
"testId": "myChartProduceText20_js",
|
||||
"type": "pro",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "safe_value_1",
|
||||
"funName": "getValue",
|
||||
"id": "E39427C5-3120-46CB-B94B-53B76190ED39",
|
||||
"memo": "AUTO_HOME_SAFE_VAL_1",
|
||||
"morder": 44,
|
||||
"mpointId": "C_Ydrjjs",
|
||||
"sql": "",
|
||||
"testId": "safe_text_1",
|
||||
"type": "safe",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "safe_value_2",
|
||||
"funName": "getValue",
|
||||
"id": "541399E8-7413-444F-85A9-22D746E4A3A2",
|
||||
"memo": "AUTO_HOME_SAFE_VAL_2",
|
||||
"morder": 45,
|
||||
"mpointId": "C_Ndzjs",
|
||||
"sql": "",
|
||||
"testId": "safe_text_2",
|
||||
"type": "safe",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "safe_value_3",
|
||||
"funName": "getValue",
|
||||
"id": "E109D0CB-4458-4A63-B714-A6AC7B6979F1",
|
||||
"memo": "AUTO_HOME_SAFE_VAL_3",
|
||||
"morder": 46,
|
||||
"mpointId": "C_Sbwhl",
|
||||
"sql": "",
|
||||
"testId": "safe_text_3",
|
||||
"type": "safe",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "safe_value_4",
|
||||
"funName": "getValue",
|
||||
"id": "024F849A-E7F3-4665-862A-49B2944277B7",
|
||||
"memo": "AUTO_HOME_SAFE_VAL_4",
|
||||
"morder": 47,
|
||||
"mpointId": "C_Mrddh",
|
||||
"sql": "",
|
||||
"testId": "safe_text_4",
|
||||
"type": "safe",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
{
|
||||
"divId": "myChartProduce8",
|
||||
"funName": "echartMixed",
|
||||
"id": "B414A41C-DC87-47A0-BB07-5BC64E5E61CB",
|
||||
"memo": "AUTO_HOME_SAFE_BAR",
|
||||
"morder": 100,
|
||||
"mpointId": "C_Mrjsy,C_Mrjse",
|
||||
"sql": "",
|
||||
"testId": "",
|
||||
"type": "safe",
|
||||
"unitId": "0533JS",
|
||||
"where": ""
|
||||
},
|
||||
// {
|
||||
// "divId": "myChartProduce9",
|
||||
// "funName": "echartColumnar2",
|
||||
// "id": "B414A41C-DC87-47A0-BB07-5BC64E5E61CB",
|
||||
// "memo": "AUTO_HOME_SAFE_BAR",
|
||||
// "morder": 100,
|
||||
// "mpointId": "C_Mrjsy,C_Mrjse",
|
||||
// "sql": "",
|
||||
// "testId": "",
|
||||
// "type": "safe",
|
||||
// "unitId": "0533JS",
|
||||
// "where": ""
|
||||
// },
|
||||
// {
|
||||
// "divId": "myChartProduce10",
|
||||
// "funName": "echartLine2",
|
||||
// "id": "B414A41C-DC87-47A0-BB07-5BC64E5E61CB",
|
||||
// "memo": "AUTO_HOME_SAFE_BAR",
|
||||
// "morder": 100,
|
||||
// "mpointId": "C_Mrjsy,C_Mrjse",
|
||||
// "sql": "",
|
||||
// "testId": "",
|
||||
// "type": "safe",
|
||||
// "unitId": "0533JS",
|
||||
// "where": ""
|
||||
// }
|
||||
]
|
||||
}
|
||||
|
||||
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;min-height:100vh; width:100%;">
|
||||
|
||||
<div style="float:left;width:100%;">
|
||||
<!-- 水质指标区域 -->
|
||||
<div style="float:left;width:100%;padding:5px;">
|
||||
<div style="width:100%;background-color:#ffffff;border-radius:5px;">
|
||||
<div class="section-header">
|
||||
金山卫污水厂
|
||||
</div>
|
||||
<div style="display:flex;width:100%;">
|
||||
<!-- 左侧卡片 -->
|
||||
<div style="width:300px;min-width:300px;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px;gap:10px;">
|
||||
<div></div>
|
||||
<div style="width:100%;height:120px;background-color:#cbe3f9;border-radius:5px;">
|
||||
<div class="fontText" style="color: #0c4377;" id="textProduce1_js">进水瞬时流量(m³/h)</div>
|
||||
<div class="fontValue" style="color: #0c4377;" id="valueProduce1_js">3551</div>
|
||||
</div>
|
||||
<div style="width:100%;height:120px;background-color:#badaf8;border-radius:5px;">
|
||||
<div class="fontText" style="color: #0c4377;" id="textProduce2_js">出水瞬时流量(m³/h)</div>
|
||||
<div class="fontValue" style="color: #0c4377;" id="valueProduce2_js">3551</div>
|
||||
</div>
|
||||
<div></div>
|
||||
<div style="width:100%;height:120px;background-color:#73afd8;border-radius:5px;">
|
||||
<div class="fontText" style="color: #0c4377;" id="textProduce3_js">进水瞬时流量(m³/h)</div>
|
||||
<div class="fontValue" style="color: #0c4377;" id="valueProduce3_js">3551</div>
|
||||
</div>
|
||||
<div style="width:100%;height:120px;background-color:#378dcc;border-radius:5px;">
|
||||
<div class="fontText" style="color: #0c4377;" id="textProduce4_js">出水瞬时流量(m³/h)</div>
|
||||
<div class="fontValue" style="color: #0c4377;" id="valueProduce4_js">3551</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右侧图表区域 -->
|
||||
<div style="flex:1;padding:10px;">
|
||||
<!-- 工业污水质量指标 标题 -->
|
||||
<div style="width:100%;height:30px;font-weight:bold;color:#0c4377;padding-left:10px;border-bottom:2px solid #67aad7;display:flex;align-items:center;">
|
||||
工业污水质量指标
|
||||
</div>
|
||||
<!-- 工业污水质量指标 第一行 (1-5) -->
|
||||
<div style="width:100%;height:180px;display:flex;padding:5px 0;">
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:30px;text-align:center; line-height: 40px;" id="myChartProduceText1_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce1_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:30px;text-align:center; line-height: 40px" id="myChartProduceText2_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce2_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText3_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce3_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText4_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce4_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText5_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce5_js"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 工业污水质量指标 第二行 (6-10) -->
|
||||
<div style="width:100%;height:180px;display:flex;padding:5px 0;">
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText6_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce6_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText7_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce7_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText8_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce8_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText9_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce9_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText10_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce10_js"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 生活污水质量指标 标题 -->
|
||||
<div style="width:100%;height:30px;font-weight:bold;color:#0c4377;padding-left:10px;border-bottom:2px solid #67aad7;display:flex;align-items:center;margin-top:10px;">
|
||||
生活污水质量指标
|
||||
|
||||
</div>
|
||||
<!-- 生活污水质量指标 第一行 (11-15) -->
|
||||
<div style="width:100%;height:180px;display:flex;padding:5px 0;">
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText11_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce11_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText12_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce12_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText13_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce13_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText14_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce14_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText15_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce15_js"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 生活污水质量指标 第二行 (16-20) -->
|
||||
<div style="width:100%;height:180px;display:flex;padding:5px 0;">
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText16_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce16_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText17_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce17_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText18_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce18_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText19_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce19_js"></div>
|
||||
</div>
|
||||
<div style="width:20%;height:100%;padding:0 5px;">
|
||||
<div style="width:100%;height:25px;text-align:center; line-height: 40px" id="myChartProduceText20_js">-</div>
|
||||
<div style="width:100%;height:110px;" id="myChartProduce20_js"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 水量及电耗区域 -->
|
||||
<div style="float:left;width:100%;padding:5px;">
|
||||
<div style="width:100%;background-color:#ffffff;border-radius:5px;">
|
||||
<div class="section-header">
|
||||
水量及电耗
|
||||
</div>
|
||||
<div style="display:flex;width:100%;padding:10px;gap:10px;">
|
||||
<div style="flex:1;height:100px;background-color:#378dcc;border-radius:5px;">
|
||||
<div class="fontValue" id="safe_value_1">16532</div>
|
||||
<div class="fontText" id="safe_text_1">工业进水量 (m3)</div>
|
||||
</div>
|
||||
<div style="flex:1;height:100px;background-color:#67aad7;border-radius:5px;">
|
||||
<div class="fontValue" id="safe_value_2">16532</div>
|
||||
<div class="fontText" id="safe_text_2">工业出水量 (m3)</div>
|
||||
</div>
|
||||
<div style="flex:1;height:100px;background-color:#FACA00;border-radius:5px;">
|
||||
<div class="fontValue" id="safe_value_3">16532</div>
|
||||
<div class="fontText" id="safe_text_3">生活进水量 (m3)</div>
|
||||
</div>
|
||||
<div style="flex:1;height:100px;background-color:#66D97C;border-radius:5px;">
|
||||
<div class="fontValue" id="safe_value_4">16532</div>
|
||||
<div class="fontText" id="safe_text_4">生活出水量 (m3)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width:100%;height:300px;padding:10px;">
|
||||
<div style="width:100%;height:100%;" id="myChartProduce8"></div>
|
||||
<%-- <div style="width:100%;height:100%;" id="myChartProduce9"></div>--%>
|
||||
<%-- <div style="width:100%;height:100%;" id="myChartProduce10"></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>
|
||||
@ -1062,12 +1062,12 @@
|
||||
<a onclick="goToMainTab();" style="cursor:pointer " class="logo">
|
||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||
<span class="logo-mini">
|
||||
<img src="<%=request.getContextPath()%>/IMG/logo.png" style="height: 30px; margin-top: 10px;" alt="Logo"/>
|
||||
<img src="<%=request.getContextPath()%>/IMG/logo.png" style="height: 30px;" alt="Logo"/>
|
||||
</span>
|
||||
<!-- logo for regular state and mobile devices -->
|
||||
<span class="logo-lg">
|
||||
<img src="<%=request.getContextPath()%>/IMG/logo.png" style="height: 30px; margin-right: 5px; vertical-align: middle;" alt="Logo"/>
|
||||
<b id="logo-lg" style="vertical-align: middle; font-size: 18px;">上海金山卫污水厂</b>
|
||||
<b id="logo-lg" style="vertical-align: middle; font-size: 18px;">金山卫污水厂</b>
|
||||
</span>
|
||||
</a>
|
||||
<!-- Navbar Right Menu -->
|
||||
|
||||
Reference in New Issue
Block a user