|
|
@@ -5,7 +5,7 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<!--360浏览器优先以webkit内核解析-->
|
|
|
<title></title>
|
|
|
- <link rel="shortcut icon" href="favicon.ico">
|
|
|
+ <link rel="shortcut icon" href="faviconOld.ico">
|
|
|
<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
|
|
|
<link href="../static/css/mainBaokang.css" th:href="@{/css/mainBaokang.css}" rel="stylesheet"/>
|
|
|
<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
|
|
|
@@ -157,85 +157,87 @@
|
|
|
for (let i = 1;i <= danganList.length;i++){
|
|
|
let str = "";
|
|
|
if(i===1){
|
|
|
+ let targetObject;
|
|
|
+ danganList.forEach(item =>{
|
|
|
+ if(item.danganName ==="智慧水务综合大屏"){
|
|
|
+ targetObject = item;
|
|
|
+ }
|
|
|
+ });
|
|
|
str += "<div style=\"\" class=\"leftOneDiv\">"+
|
|
|
"<div class=\"leftOneTopLine\"></div>" +
|
|
|
"<div>" +
|
|
|
- "<p style=\"word-wrap: break-word;width:400px;margin-top:1.5em;margin-left:-1em;display: inline-block;\">"+danganList[i-1].danganName+"</p>" +
|
|
|
- "<img class=\"leftOneIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/左一.png\" " +
|
|
|
- " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;margin-left: 0em\">" +
|
|
|
+ "<p style=\"word-wrap: break-word;width:400px;margin-top:2em;margin-left:-1em;display: inline-block;\">智慧水务综合大屏</p>" +
|
|
|
+ "<img class=\"leftOneIcon\" alt=\"[ 智慧水务综合大屏 ]\" src=\"../img/baokang/左一.png\" " +
|
|
|
+ " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;margin-left: 1.5em\">" +
|
|
|
"</div>" +
|
|
|
"<div class=\"leftOneBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
+ "<input style='display: none' value='"+targetObject.danganUrl+"' class='.divUrl'>";
|
|
|
}
|
|
|
if(i===2){
|
|
|
+ let targetObject;
|
|
|
+ danganList.forEach(item =>{
|
|
|
+ if(item.danganName ==="DMA漏损管理系统"){
|
|
|
+ targetObject = item;
|
|
|
+ }
|
|
|
+ });
|
|
|
str +="<div style=\"\" class=\"leftTwoDiv\">"+
|
|
|
"<div class=\"leftTwoTopLine\"></div>" +
|
|
|
"<div>" +
|
|
|
"<p class='pWidth' style=\"line-height: 60px;margin-left:-1em;display: inline-block;white-space: pre-wrap;" +
|
|
|
"margin-top:110px;text-align: right;";
|
|
|
//配合样式white-space: pre-wrap;使用该逻辑
|
|
|
- let left2DanganName = danganList[i-1].danganName;
|
|
|
+ let left2DanganName = "DMA漏损管理系统";
|
|
|
if(left2DanganName.includes("供水运营")){
|
|
|
left2DanganName = insertChar(left2DanganName,4,"\n")
|
|
|
}
|
|
|
str+="\">"+left2DanganName+"</p>" +
|
|
|
- "<img class=\"leftTwoIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/左二.png\" th:src=\"@{/img/yining/icon/智慧生产系统,未选中.png}\"" +
|
|
|
- " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;margin-left: 1.5em\">" +
|
|
|
+ "<img class=\"leftTwoIcon\" alt=\"[ DMA漏损管理系统 ]\" src=\"../img/baokang/左二.png\" th:src=\"@{/img/yining/icon/智慧生产系统,未选中.png}\"" +
|
|
|
+ " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;margin-left: 0.5em\">" +
|
|
|
"</div>" +
|
|
|
"<div class=\"leftTwoBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
+ "<input style='display: none' value='"+targetObject.danganUrl+"' class='.divUrl'>";
|
|
|
}
|
|
|
if(i===3){
|
|
|
- str += "<div style=\"\" class=\"leftThreeDiv\">"+
|
|
|
- "<div class=\"leftThreeTopLine\"></div>" +
|
|
|
- "<div>" +
|
|
|
- "<p style=\"line-height: 6em;padding-left: 1em;display: inline-block;\">"+danganList[i-1].danganName+"</p>" +
|
|
|
- "<img class=\"leftThreeIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/左三.png\" th:src=\"@{/img/yining/icon/智慧管网系统,未选中.png}\"" +
|
|
|
- " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;margin-left: 1em\">" +
|
|
|
- "</div>" +
|
|
|
- "<div class=\"leftThreeBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
- }
|
|
|
- if(i===4){
|
|
|
+ let targetObject;
|
|
|
+ danganList.forEach(item =>{
|
|
|
+ if(item.danganName ==="管网地理信息系统"){
|
|
|
+ targetObject = item;
|
|
|
+ }
|
|
|
+ });
|
|
|
str += "<div style=\"\" class=\"rightOneDiv\">"+
|
|
|
"<div class=\"rightOneTopLine\"></div>" +
|
|
|
"<div>" +
|
|
|
- "<img class=\"rightOneIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/右一.png\" th:src=\"@{/img/yining/icon/智慧营业系统,未选中.png}\"" +
|
|
|
+ "<img class=\"rightOneIcon\" alt=\"[ 管网地理信息系统 ]\" src=\"../img/baokang/右一.png\" th:src=\"@{/img/yining/icon/智慧营业系统,未选中.png}\"" +
|
|
|
" style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;left: 120px;margin-left: 1em\">" +
|
|
|
- "<p style=\"line-height: 60px;margin-left: 360px;display: inline-block;white-space: pre-wrap;" +
|
|
|
+ "<p style=\"line-height: 120px;margin-left: 350px;display: inline-block;white-space: pre-wrap;" +
|
|
|
"margin-top:80px;text-align: right;" +
|
|
|
"\">";
|
|
|
//配合样式white-space: pre-wrap;使用该逻辑
|
|
|
- let right1DanganName = danganList[i-1].danganName;
|
|
|
+ let right1DanganName = "管网地理信息系统";
|
|
|
if(right1DanganName .includes("DMA")){
|
|
|
right1DanganName = insertChar(right1DanganName ,8,"\n")
|
|
|
}
|
|
|
str += right1DanganName+"</p>" +
|
|
|
"</div>" +
|
|
|
"<div class=\"rightOneBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
+ "<input style='display: none' value='"+targetObject.danganUrl+"' class='.divUrl'>";
|
|
|
}
|
|
|
- if(i===5){
|
|
|
+ if(i===4){
|
|
|
+ let targetObject;
|
|
|
+ danganList.forEach(item =>{
|
|
|
+ if(item.danganName ==="综合调度SCADA系统"){
|
|
|
+ targetObject = item;
|
|
|
+ }
|
|
|
+ });
|
|
|
str += "<div style=\"\" class=\"rightTwoDiv\">"+
|
|
|
"<div class=\"rightTwoTopLine\"></div>" +
|
|
|
"<div>" +
|
|
|
- "<img class=\"rightTwoIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/右二.png\" th:src=\"@{/img/yining/icon/智慧客服系统,未选中.png}\"" +
|
|
|
+ "<img class=\"rightTwoIcon\" alt=\"[ 综合调度SCADA系统 ]\" src=\"../img/baokang/右二.png\" th:src=\"@{/img/yining/icon/智慧客服系统,未选中.png}\"" +
|
|
|
" style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;left: 60px;margin-left: 1em\">" +
|
|
|
- "<p style=\"line-height: 6em;margin-left: 300px;display: inline-block;\">"+danganList[i-1].danganName+"</p>" +
|
|
|
+ "<p style=\"line-height: 1em;margin-left: 300px;margin-top:100px;display: inline-block;\">综合调度SCADA系统</p>" +
|
|
|
"</div>" +
|
|
|
"<div class=\"leftOneBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
- }
|
|
|
- if(i===6){
|
|
|
- str += "<div style=\"\" class=\"rightThreeDiv\">"+
|
|
|
- "<div class=\"rightThreeTopLine\"></div>" +
|
|
|
- "<div>" +
|
|
|
- "<img class=\"rightThreeIcon\" alt=\"[ "+danganList[i-1].danganName+" ]\" src=\"../img/baokang/右三.png\" th:src=\"@{/img/yining/icon/智慧办公系统,未选中.png}\"" +
|
|
|
- " style=\"width: 150px;height: 150px;vertical-align:middle;position: absolute;top: 75px;left: 120px;margin-left: 1em\">" +
|
|
|
- "<p style=\"line-height: 6em;margin-left: 360px;display: inline-block;\">"+danganList[i-1].danganName+"</p>" +
|
|
|
- "</div>" +
|
|
|
- "<div class=\"rightThreeBottomLine\"></div>"+
|
|
|
- "<input style='display: none' value='"+danganList[i-1].danganUrl+"' class='.divUrl'>";
|
|
|
+ "<input style='display: none' value='"+targetObject.danganUrl+"' class='.divUrl'>";
|
|
|
}
|
|
|
str += "</div>";
|
|
|
$contentDiv.append(str);
|
