From 0c5d5ee5e9274bdf5fcd6756237c1e08346aeea7 Mon Sep 17 00:00:00 2001 From: 王 垚 <1402714037@qq.com> Date: 星期三, 14 九月 2022 15:40:54 +0800 Subject: [PATCH] 优化 --- HDEquipment.html | 248 ++++++++++++++++++++++++------------------------- 1 files changed, 121 insertions(+), 127 deletions(-) diff --git a/HDEquipment.html b/HDEquipment.html index 8b7dbb5..fd94e46 100644 --- a/HDEquipment.html +++ b/HDEquipment.html @@ -18,6 +18,7 @@ <script src="js/jquery.SuperSlide.2.1.3.js"></script> <script src='js/template.js'></script> <script src="js/jquery.qrcode.min.js"></script> + <script src="js/webConfig.js"></script> <style> .clock { font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; @@ -28,33 +29,30 @@ margin-top: -75px; margin-right: 5px; color: #09d1ea; - } - .clock #Date { - text-align: center; - text-shadow: 0 0 0px #00c6ff; + .clock #Date { + text-align: center; + text-shadow: 0 0 0px #00c6ff; + } + .clock ul { + width: 450px; + margin: 0 auto; + padding: 0px; + list-style: none; + text-align: right; + margin-left: 15px; + position: relative; + } - } - - .clock ul { - width: 450px; - margin: 0 auto; - padding: 0px; - list-style: none; - text-align: right; - margin-left: 15px; - position: relative; - } - - .clock ul li { - display: inline; - font-size: 24px; - text-align: left; - font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; - text-shadow: 0 0 0px #00c6ff; - } + .clock ul li { + display: inline; + font-size: 24px; + text-align: left; + font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; + text-shadow: 0 0 0px #00c6ff; + } body { padding-left: 50px; @@ -62,7 +60,6 @@ } .title { - font-size: 44px; font-family: PingFangSC; font-weight: 500; @@ -165,28 +162,27 @@ float: left; } - #cList1 li { - float: left; - height: 450px; - color: #00c6ff; - font-size: 20px; - /*鏂囧瓧灞呬腑*/ - text-align: center; - /*display: flex;*/ - } + #cList1 li { + float: left; + height: 450px; + color: #00c6ff; + font-size: 20px; + /*鏂囧瓧灞呬腑*/ + text-align: center; + /*display: flex;*/ + } - #cList1 li span { - /*鏂囧瓧灞呬腑*/ - display: inline-block; - height: 100%; - /*鏂囧瓧灞呬腑*/ - - /*鏂囧瓧绔栨帓*/ - writing-mode: vertical-lr; - /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/ - writing-mode: tb-lr; - /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/ - } + #cList1 li span { + /*鏂囧瓧灞呬腑*/ + display: inline-block; + height: 100%; + /*鏂囧瓧灞呬腑*/ + /*鏂囧瓧绔栨帓*/ + writing-mode: vertical-lr; + /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/ + writing-mode: tb-lr; + /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/ + } #cList2 { height: 450px; @@ -207,15 +203,14 @@ border: none; } - .table>caption+thead>tr:first-child>td, - .table>caption+thead>tr:first-child>th, - .table>colgroup+thead>tr:first-child>td, - .table>colgroup+thead>tr:first-child>th, - .table>thead:first-child>tr:first-child>td, - .table>thead:first-child>tr:first-child>th { + .table > caption + thead > tr:first-child > td, + .table > caption + thead > tr:first-child > th, + .table > colgroup + thead > tr:first-child > td, + .table > colgroup + thead > tr:first-child > th, + .table > thead:first-child > tr:first-child > td, + .table > thead:first-child > tr:first-child > th { background-color: #000; color: #3bff72; - } .fixed-table-container tbody td .th-inner, @@ -342,44 +337,43 @@ interval = setInterval(function () { $("#tb_order").bootstrapTable('refresh'); }, 10000); - interval2 = setInterval(function () { - CallData = []; - CAllDataX = []; - CAllDataXval = []; - Chart(mychart1, mychart2); - }, 20000); + interval2 = setInterval(function () { + CallData = []; + CAllDataX = []; + CAllDataXval = []; + Chart(mychart1, mychart2); + }, 20000); //鏍规嵁绐楀彛鐨勫ぇ灏忓彉鍔ㄥ浘琛� --- 閲嶇偣 - window.onresize = function () { - myChart1.resize(); - myChart2.resize(); - } + window.onresize = function () { + mychart1.resize(); + mychart2.resize(); + } }) - function Chart(mychart1, mychart2) { - $.ajax({ - url: "http://localhost:12298/api/loaddata/SearchGetWorkStepBillPie", - dataType: "JSON", - async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮� - type: "Get", - data: { "CallHouseCode": CallHouseCode }, - success: function (data) { - //楗煎浘 - CallData.push(data.Table[0]["column3"]); - CallData.push(data.Table[0]["column4"]); - CallData.push(data.Table[0]["column5"]); - CallData.push(data.Table[0]["column6"]); - CallData.push(data.Table[0]["column7"]); - //鏌辩姸鍥� - $.each(data.Table1 ,function (index, val) { - CAllDataX.push(val.countDay); - CAllDataXval.push(val.HName); - }); - }, - error: function (data) { + $.ajax({ + url: GetWEBURL() + "/loaddata/SearchGetWorkStepBillPie", + dataType: "JSON", + async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮� + type: "Get", + data: { "CallHouseCode": CallHouseCode }, + success: function (data) { + //楗煎浘 + CallData.push(data.Table[0]["column3"]); + CallData.push(data.Table[0]["column4"]); + CallData.push(data.Table[0]["column5"]); + CallData.push(data.Table[0]["column6"]); + CallData.push(data.Table[0]["column7"]); + //鏌辩姸鍥� + $.each(data.Table1, function (index, val) { + CAllDataX.push(val.countDay); + CAllDataXval.push(val.HName); + }); + }, + error: function (data) { - } - }) + } + }) const colorList = ['#91CC75 ', '#5470C6', '#73C0DE', '#EE6666', '#FAC858'] option1 = { @@ -421,7 +415,7 @@ } ] }; - + option2 = { title: { text: '鎬讳骇鍊�', @@ -523,7 +517,7 @@ } function TopData() { $('#tb_order').bootstrapTable({ - url: 'http://localhost:12298/api/loaddata/EquipMentData', + url: GetWEBURL() + '/loaddata/EquipMentData', //data: dataJson, method: 'get', //璇锋眰鏂瑰紡锛�*锛� dataType: "json", @@ -569,48 +563,48 @@ }) } function BottomData() { - $.ajax({ - url: "http://localhost:12298/api/loaddata/SearchGetWorkStepBillList", - dataType: "JSON", - async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮� - type: "Get", - data: { "CallHouseCode": CallHouseCode }, - success: function (data) { - for (var i = 0; i < data.Table.length; i++) { - var html1 = ''; + $.ajax({ + url: GetWEBURL() + "/loaddata/SearchGetWorkStepBillList", + dataType: "JSON", + async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮� + type: "Get", + data: { "CallHouseCode": CallHouseCode }, + success: function (data) { + for (var i = 0; i < data.Table.length; i++) { + var html1 = ''; - html1 += '<div class="col-sm-12 col-md-2" >'; - if (data.Table[i]["璁惧鐘舵��"] == '绂荤嚎') - html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#9A9999">'; - else if (data.Table[i]["璁惧鐘舵��"] == '宸ヤ綔') - html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#259D27">'; - else if (data.Table[i]["璁惧鐘舵��"] == '寰呮満') - html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#199687">'; - else if (data.Table[i]["璁惧鐘舵��"] == '鎶ヨ') - html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#FC522A">'; - - html1 += '<dl>'; - //html1 += '<img src="img/device.png">' - html1 += '<dd class="tcenter">'; - html1 += '<h1><span></span><span id="ptn' + (i + 1) + '">' + data.Table[i]["璁惧鍚嶇О"] + '</span></h1>'; - html1 += '<h1><span>宸ュ崟锛�' + data.Table[i]["宸ュ崟"] + '</span></h1>'; - html1 += '<h1><span>' + data.Table[i]["浜у搧缂栫爜"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; - html1 += '<h1><span>' + data.Table[i]["浜у搧鍚嶇О"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; - html1 += '<h1><span>璁″垝鏁伴噺锛�</span><span>' + data.Table[i]["璁″垝鏁伴噺"] + '</span><span style="margin-left:20px;">姹囨姤鎬绘暟锛�</span><span>' + data.Table[i]["姹囨姤鎬绘暟"] + '</span></h1>'; - html1 += '<h1><span>璁惧鐘舵�侊細' + data.Table[i]["璁惧鐘舵��"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; - html1 += '</div > '; - html1 += '</div>'; - html1 += '</dd>'; - html1 += '</dl>'; - html1 += '</div>'; - html1 += '</div>'; - $("#btomleft").append(html1); - } - }, - error: function (data) { + html1 += '<div class="col-sm-12 col-md-2" >'; + if (data.Table[i]["璁惧鐘舵��"] == '绂荤嚎') + html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#9A9999">'; + else if (data.Table[i]["璁惧鐘舵��"] == '宸ヤ綔') + html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#259D27">'; + else if (data.Table[i]["璁惧鐘舵��"] == '寰呮満') + html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#199687">'; + else if (data.Table[i]["璁惧鐘舵��"] == '鎶ヨ') + html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#FC522A">'; - } - }) + html1 += '<dl>'; + //html1 += '<img src="img/device.png">' + html1 += '<dd class="tcenter">'; + html1 += '<h1><span></span><span id="ptn' + (i + 1) + '">' + data.Table[i]["璁惧鍚嶇О"] + '</span></h1>'; + html1 += '<h1><span>宸ュ崟锛�' + data.Table[i]["宸ュ崟"] + '</span></h1>'; + html1 += '<h1><span>' + data.Table[i]["浜у搧缂栫爜"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; + html1 += '<h1><span>' + data.Table[i]["浜у搧鍚嶇О"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; + html1 += '<h1><span>璁″垝鏁伴噺锛�</span><span>' + data.Table[i]["璁″垝鏁伴噺"] + '</span><span style="margin-left:20px;">姹囨姤鎬绘暟锛�</span><span>' + data.Table[i]["姹囨姤鎬绘暟"] + '</span></h1>'; + html1 += '<h1><span>璁惧鐘舵�侊細' + data.Table[i]["璁惧鐘舵��"] + '</span><span id="pts' + (i + 1) + '">' + '' + '</span></h1>'; + html1 += '</div > '; + html1 += '</div>'; + html1 += '</dd>'; + html1 += '</dl>'; + html1 += '</div>'; + html1 += '</div>'; + $("#btomleft").append(html1); + } + }, + error: function (data) { + + } + }) //for (var i = 0; i < 20; i++) { // var html1 = ''; -- Gitblit v1.9.1