From 4faf4d0a75681bcd2e0ef3ef11774a356ee15639 Mon Sep 17 00:00:00 2001
From: yangle <admin@YINMOU>
Date: 星期二, 26 九月 2023 16:39:04 +0800
Subject: [PATCH] 乔一报表3
---
img/bj3.jpg | 0
GlobalSituation3.html | 1296 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 1,296 insertions(+), 0 deletions(-)
diff --git a/GlobalSituation3.html b/GlobalSituation3.html
new file mode 100644
index 0000000..333e656
--- /dev/null
+++ b/GlobalSituation3.html
@@ -0,0 +1,1296 @@
+锘�<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <meta charset="utf-8" />
+ <title>鍏ㄥ眬鐘跺喌鐪嬫澘</title>
+ <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+ <link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css">
+ <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css">
+ <link rel="stylesheet" type="text/css" href="css/index.css">
+ <script src="js/jquery.min.js"></script>
+ <script src='js/echarts.min.js'></script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src='js/bootstrap-table.min.js'></script>
+ <script src='js/bootstrap-select.min.js'></script>
+ <script src='js/bootstrap-table-zh-CN.min.js'></script>
+ <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>
+
+ body {
+ padding: 0px;
+ font-family: KaiTi;
+ height: 100%;
+ width: 100%;
+ }
+
+ .bj {
+ background: url(../KanBanUI/img/bj3.jpg) no-repeat center center; /*鍔犺浇鑳屾櫙鍥撅細鍥剧墖鍦板潃 涓嶅钩閾� */
+ background-size: cover; /*璁╄儗鏅浘鍩轰簬瀹瑰櫒澶у皬浼哥缉 */
+ background-attachment: fixed;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ }
+
+ .tr0 {
+ height: 80px;
+ /*background-color: aquamarine;*/
+ width: 100%
+ }
+
+ .col2-1 {
+ /*background-color: aquamarine;*/
+ width: 100%;
+ height: 100%;
+ }
+
+ .col2-1-p {
+ padding-right:2%;
+ width: 50%;
+ height: 100%;
+ /*background-color: #0d5974;*/
+ margin: 0 auto;
+ line-height: 100%;
+ }
+
+ .col2-1-p p {
+ font-size: 28px;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ line-height: 400%;
+ /*background-color: #88ace74d;*/
+ }
+
+ .clock {
+ /*background-color: #88ace74d;*/
+ font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
+ font-size: 20px;
+ float: right;
+ /*margin-top: -4px;*/
+ margin-right: 25px;
+ }
+
+ .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;
+ }
+ .tr1 {
+ height: 1000px;
+ /*background-color: #e5b2b26b;*/
+ width: 22%;
+ float: left;
+ }
+ .tr1-k {
+ height: 1000px;
+ /*background-color: #e5b1b26b;*/
+ width: 5.5%;
+ float: left;
+ }
+
+ .tr1-1 {
+ height: 28%;
+ /*background-color: #e5c6b26b;*/
+ width: 94.5%;
+ float: left;
+ }
+ .tr1-2 {
+ height: 23%;
+ /*background-color: #dd9393ad;*/
+ width: 94.5%;
+ float: left;
+ color: aqua;
+ }
+ .tr1-2-k {
+ height: 34%;
+ width: 100%;
+ /*background-color: #cc9393ad;*/
+ }
+ .tr1-2-cen {
+ height: 20%;
+ width: 100%;
+ /*background-color: #cc9223ad;*/
+ }
+ .tr1-2-cenk {
+ height: 100%;
+ width: 10%;
+ /*background-color: #9d202099;*/
+ float: left;
+ }
+ .tr1-2-cen-left {
+ height: 100%;
+ width: 39%;
+ /*background-color: #9d909099;*/
+ float: left;
+ }
+
+ .tr1-2-cen-left p {
+ text-align:center;
+ font-size: 30px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr1-2-cen-right {
+ height: 100%;
+ width: 35%;
+ /*background-color: #9d329099;*/
+ float: left;
+ }
+
+ .tr1-2-cen-right p {
+ text-align: center;
+ font-size: 30px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr1-2-cen-k {
+ height: 21%;
+ width: 100%;
+ /*background-color: #cc9393ad;*/
+ }
+ .tr1-2-btm {
+ height: 27%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ float: left;
+ }
+ .tr1-2-btm-k {
+ height: 100%;
+ width: 10%;
+ /*background-color: #9d909099;*/
+ float: left;
+ }
+ .tr1-2-btm-left {
+ height: 100%;
+ width: 37%;
+ /*background-color: #9d303099;*/
+ float: left;
+ }
+
+ .tr1-2-btm-left p {
+ text-align:center;
+ font-size: 30px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+
+ .tr1-2-btm-right {
+ height: 100%;
+ width: 42%;
+ /*background-color: #9d909099;*/
+ float: left;
+ }
+
+ .tr1-2-btm-right p {
+ text-align:center;
+ font-size: 30px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr1-3 {
+ margin-left: 2%;
+ height: 20%;
+ /*background-color: #6aa3dbde;*/
+ width: 90.5%;
+ float: left;
+ }
+ .tr1-4 {
+ margin-left: 2%;
+ margin-top: 9%;
+ height: 20%;
+ /*background-color: #6cc3aade;*/
+ width: 88%;
+ float: left;
+ }
+ .tr2 {
+ height: 966px;
+ /*background-color: #7e7474a3;*/
+ width: 56%;
+ float: left;
+ }
+ .tr2-k {
+ height: 12%;
+ /*background-color: #7e3374a3;*/
+ width: 100%;
+ }
+ .tr2-1 {
+ height: 14%;
+ /*background-color: #7e3323a3;*/
+ width: 100%;
+ }
+ .tr2-1-k {
+ height: 100%;
+ /*background-color: #7e6623a3;*/
+ width: 8%;
+ float:left;
+ }
+ .tr2-1-1 {
+ height: 100%;
+ /*background-color: #7e8426c3;*/
+ width: 9%;
+ float: left;
+ }
+ .tr2-1-1-k {
+ height: 100%;
+ /*background-color: #7e6623a3;*/
+ width: 13.5%;
+ float: left;
+ }
+ .tr2-1-2 {
+ height: 100%;
+ /*background-color: #7e8426c3;*/
+ width: 9%;
+ float: left;
+ }
+ .tr2-1-2-k {
+ height: 100%;
+ /*background-color: #7e6623a3;*/
+ width: 14%;
+ float: left;
+ }
+ .tr2-1-3 {
+ height: 100%;
+ /*background-color: #7e8426c3;*/
+ width: 9%;
+ float: left;
+ }
+ .tr2-1-3-k {
+ height: 100%;
+ /*background-color: #7e6623a3;*/
+ width: 15%;
+ float: left;
+ }
+
+ .tr2-1-4 {
+ height: 100%;
+ /*background-color: #7e8426c3;*/
+ width: 9%;
+ float: left;
+ }
+ .tr2-k-1 {
+ height: 12%;
+ /*background-color: #7e3374a3;*/
+ width: 100%;
+ }
+ .tr3 {
+ height: 966px;
+ /*background-color: #99d7c799;*/
+ width: 22%;
+ float: left;
+ }
+ .tr3-1 {
+ height: 36%;
+ /*background-color: #99d7c799;*/
+ width: 100%;
+ }
+ .tr3-2 {
+ height: 26%;
+ /*background-color: #99f6a799;*/
+ width: 100%;
+ color: aqua;
+ }
+ .tr3-2-k {
+ height: 40%;
+ /*background-color: #99f6a799;*/
+ width: 100%;
+ }
+ .tr3-2-l-k {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 6%;
+ float: left;
+ }
+ .tr3-2-l {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 28%;
+ float: left;
+ padding-top: 1%;
+ }
+ .tr3-2-l p {
+ text-align: center;
+ font-size: 22px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr3-2-c {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 28%;
+ float: left;
+ padding-top: 1%;
+ }
+
+ .tr3-2-c p {
+ text-align: center;
+ font-size: 22px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr3-2-r {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 29%;
+ float: left;
+ padding-top: 1%;
+ }
+
+ .tr3-2-r p {
+ text-align: center;
+ font-size: 22px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+ .tr3-2-2-k {
+ height: 39%;
+ /*background-color: #99f6a799;*/
+ width: 100%;
+ }
+ .tr3-2-2 {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 32%;
+ float: left;
+ }
+
+ .tr3-2-2 p {
+ text-align: center;
+ font-size: 22px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d332359;*/
+ }
+ .tr3-2-3 {
+ height: 20%;
+ /*background-color: #99f3e399;*/
+ width: 20%;
+ float: left;
+ }
+
+ .tr3-2-3 p {
+ text-align: center;
+ font-size: 22px;
+ height: 100%;
+ width: 100%;
+ /*background-color: #9d909099;*/
+ }
+
+ .tr3-3 {
+ margin-left: 3%;
+ margin-top: 7%;
+ height: 30%;
+ /*background-color: #99f6a733;*/
+ width: 88%;
+ }
+
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function () {
+ // 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
+ var monthNames = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
+ setInterval(function () {
+ var date1 = new Date;
+ var year = date1.getFullYear();
+ var month = date1.getMonth();
+ var day = date1.getDate();
+ var hh = date1.getHours();
+ var mm = date1.getMinutes();
+ var ss = date1.getSeconds();
+
+
+ $('#Date').html(year + "-" + monthNames[month] + '-' + (day < 10 ? "0" + day : day) + " ");
+ $("#hours").html((hh < 10 ? ("0" + hh) : hh));
+ $("#min").html((mm < 10 ? ("0" + mm) : mm));
+ $("#sec").html((ss < 10 ? ("0" + ss) : ss));
+
+ }, 1000);
+ });
+
+ $(function () {
+ var mychart1 = echarts.init(document.getElementById('mychart1'));
+ var mychart2 = echarts.init(document.getElementById('mychart2'));
+ var mychart3 = echarts.init(document.getElementById('mychart3'));
+ var mychart4 = echarts.init(document.getElementById('mychart4'));
+ var mychart5 = echarts.init(document.getElementById('mychart5'));
+
+ Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
+
+ setInterval(function () {
+ Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
+ }, 60000);
+
+
+
+ //鏍规嵁绐楀彛鐨勫ぇ灏忓彉鍔ㄥ浘琛� --- 閲嶇偣
+ window.onresize = function () {
+ mychart1.resize();
+ mychart2.resize();
+ mychart3.resize();
+ mychart4.resize();
+ }
+
+ });
+ var PubRes = [];
+
+
+
+ function Chart(mychart1, mychart2, mychart3, mychart4, mychart5) {
+ //鎵�鏈夊伐搴忓湪鍒� 鐢熶骇鏁伴噺
+ get_Proc();
+ //褰撳墠鐘舵��
+ get_CurrentState();
+ //鎶樼嚎鍥�
+ get_LineChart(mychart1, mychart3);
+ //鏌辩姸鍥�
+ get_Histogram(mychart2);
+ //浠〃鐩�
+ get_Dashboard(mychart4);
+ get_Dashboard_2(mychart5);
+ }
+
+ //褰撳墠鐘舵��
+ function get_CurrentState() {
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/get_CurrentState",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+ var HQty = 0.0;
+ for (var i = 0; i < PubRes.data[0].length; i++) {
+ HQty += PubRes.data[0][i].InHQty;
+ }
+ $("#jh").text(res.data[0][0]["HQty"].toLocaleString());
+ $("#wc").text(res.data[1][0]["HQty"].toLocaleString());
+ $("#zz").text(HQty.toLocaleString());
+ $("#dd").text(res.data[2][0]["HQty"].toLocaleString());
+ }
+ })
+ }
+
+ //宸ュ簭鏁伴噺
+ function get_Proc() {
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/KB_ProcSum",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+ PubRes = res;
+ for (var i = 0; i < res.data[0].length; i++) {
+ if (res.data[0][i].HProcID == 191) {//缂稿巶
+ //$("#zzp1_2").text( res.data[0][i].InHQty.toLocaleString());
+ $("#cps_2").text(res.data[0][i].OutHQty.toLocaleString());
+ } else if (res.data[0][i].HProcID == 193) {//鐑樺共瀹氬瀷
+ $("#zzp1_3").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_3").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 194) {//涓婃祮瀹氬瀷
+ $("#zzp1_4").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_4").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 206) {//鐭嚎鐑�
+ $("#zzp1_5").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_5").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 204) {//棰勭儷鍓�
+ $("#zzp1_6").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_6").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 200) {//鎷夊箙瀹氬瀷
+ $("#zzp1_7").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_7").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 198) {//鑹插澂鐑厜
+ $("#zzp1_8").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_8").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 197) {//琛ュ埛
+ $("#zzp1_9").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_9").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 201) {//鍗版瘺灏�
+ $("#zzp1_10").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_10").text(res.data[0][i].OutHQty.toLocaleString());
+ }
+ else if (res.data[0][i].HProcID == 205) {//闀跨嚎鐑�
+ $("#zzp1_11").text(res.data[0][i].InHQty.toLocaleString());
+ $("#cps_11").text(res.data[0][i].OutHQty.toLocaleString());
+ $("#zzp1_12").text(res.data[0][i].InHQty.toLocaleString());//鎵撳寘鍏ュ簱
+ }
+ }
+ //鎵撳寘鍏ュ簱
+ $("#cps_12").text(res.data[1][0].HQty.toLocaleString());
+ //鏌撳巶鍦ㄥ埗鏁伴噺
+ $("#zzp1_2").text((res.data[2].length == 0 ? 0 : res.data[2][0].HQty.toLocaleString()));
+ }
+ })
+ }
+
+ //鎶樼嚎鍥�
+ function get_LineChart(mychart1, mychart3) {
+
+ //鐢熶骇鏁堢巼
+ var res = PubRes;
+ var optionData = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+ for (var i = 0; i < res.data[0].length; i++) {
+ if (res.data[0][i].HProcID == 191) {//缂稿巶
+ optionData[0] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ } else if (res.data[0][i].HProcID == 193) {//鐑樺共瀹氬瀷
+ optionData[1] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 194) {//涓婃祮瀹氬瀷
+ optionData[2] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 198) {//鑹插澂鐑厜
+ optionData[3] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 204) {//棰勭儷鍓�
+ optionData[4] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 197) {//琛ュ埛
+ optionData[5] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 201) {//鍗版瘺灏�
+ optionData[6] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 200) {//鎷夊箙瀹氬瀷
+ optionData[7] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 206) {//鐭嚎鐑�
+ optionData[8] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 205) {//闀跨嚎鐑�
+ optionData[9] = (res.data[0][i].OutHQty / 1000).toFixed(2);
+ }
+ }
+ //鎵撳寘鍏ュ簱
+ optionData[10] = (res.data[1][0].HQty / 1000).toFixed(2);
+
+ var option = {
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: ['缂告煋', '鐑樺共瀹氬瀷', '涓婃祮瀹氬瀷', '鑹插澂鐑厜', '棰勭儷鍓�', '琛ュ埛', '鍗版瘺灏�', '鎷夊箙瀹氬瀷', '鐭嚎鐑�', '闀跨嚎鐑�', '鎵撳寘鍏ュ簱']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ legend: {
+ orient: 'vertical',
+ data: ['12', '43'],//璁剧疆绾挎潯鐨勫悕瀛�
+ right: 0,
+ top: 15,
+ textStyle: {
+ color: '#35d1ed' //璁剧疆瀛椾綋棰滆壊
+ }
+ },
+ axisLabel: {
+ show: true,
+ interval: 0,
+ color: '#35d1ed',
+ formatter: function (value) {
+ var ret = "";//鎷兼帴鍔燶n杩斿洖鐨勭被鐩」
+ var maxLength = 1;//姣忛」鏄剧ず鏂囧瓧涓暟
+ var valLength = value.length;//X杞寸被鐩」鐨勬枃瀛椾釜鏁�
+ var rowN = Math.ceil(valLength / maxLength); //绫荤洰椤归渶瑕佹崲琛岀殑琛屾暟
+ if (rowN > 1)//濡傛灉绫荤洰椤圭殑鏂囧瓧澶т簬3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//姣忔鎴彇鐨勫瓧绗︿覆
+ var start = i * maxLength;//寮�濮嬫埅鍙栫殑浣嶇疆
+ var end = start + maxLength;//缁撴潫鎴彇鐨勪綅缃�
+ //杩欓噷涔熷彲浠ュ姞涓�涓槸鍚︽槸鏈�鍚庝竴琛岀殑鍒ゆ柇锛屼絾鏄笉鍔犱篃娌℃湁褰卞搷锛岄偅灏变笉鍔犲惂
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //鍑�熸渶缁堢殑瀛楃涓�
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ series: [
+ {
+ name: '12',//涓巐egend瀵瑰簲
+ data: optionData,
+ type: 'line',
+ label: {
+ normal: {
+ show: true,
+ position: 'top',
+ formatter: function (params) {
+ return echarts.format.addCommas(params.value);
+ }
+ }
+ },
+ smooth: true,//smooth灞炴�ч粯璁ゆ槸false false灏辨槸鐩寸嚎 true灏辨槸鏇茬嚎
+ lineStyle: {
+ color: '#44E2F0'
+ }
+ , itemStyle: {
+ // 璁剧疆绾挎潯涓婄偣鐨勯鑹诧紙鍜屽浘渚嬬殑棰滆壊锛�
+ normal: {
+ color: '#44E2F0',
+ label: {
+ show: true // 鍦ㄦ姌绾挎嫄鐐逛笂鏄剧ず鏁版嵁
+ }
+ },
+ }, areaStyle: {}
+ },
+ {
+ name: '43',
+ data: [10, 10, 10, 10, 10, 10, 10, 10],
+ type: 'line',
+ smooth: true,//smooth灞炴�ч粯璁ゆ槸false false灏辨槸鐩寸嚎 true灏辨槸鏇茬嚎
+ lineStyle: {
+ color: '#90f083'
+ }
+ , itemStyle: {
+ // 璁剧疆绾挎潯涓婄偣鐨勯鑹诧紙鍜屽浘渚嬬殑棰滆壊锛�
+ normal: {
+ color: '#90f083',
+ label: {
+ show: true // 鍦ㄦ姌绾挎嫄鐐逛笂鏄剧ず鏁版嵁
+ }
+ },
+ }, areaStyle: {}
+ }
+ ]
+ };
+
+
+ //鐢熶骇浜ч噺
+ var dateData = [];
+ var OptionData = [];
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/ProductionOutput",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+ for (var i = 0; i < res.data[0].length; i++) {
+ dateData.push(res.data[0][i]["HDate"]);
+ OptionData.push((res.data[0][i]["HQty"] / 1000).toFixed(2));
+ }
+ }
+ })
+
+ var option2 = {
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: dateData
+ },
+ yAxis: {
+ type: 'value'
+ },
+ legend: {
+ orient: 'vertical',
+ data: ['鍗冪背'],//璁剧疆绾挎潯鐨勫悕瀛�
+ right: 0,
+ top: 15,
+ textStyle: {
+ color: '#35d1ed' //璁剧疆瀛椾綋棰滆壊
+ }
+ },
+ axisLabel: {
+ show: true,
+ interval: 0,
+ color: '#35d1ed',
+ formatter: function (value) {
+ var ret = "";//鎷兼帴鍔燶n杩斿洖鐨勭被鐩」
+ var maxLength = 2;//姣忛」鏄剧ず鏂囧瓧涓暟
+ var valLength = value.length;//X杞寸被鐩」鐨勬枃瀛椾釜鏁�
+ var rowN = Math.ceil(valLength / maxLength); //绫荤洰椤归渶瑕佹崲琛岀殑琛屾暟
+ if (rowN > 1)//濡傛灉绫荤洰椤圭殑鏂囧瓧澶т簬3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//姣忔鎴彇鐨勫瓧绗︿覆
+ var start = i * maxLength;//寮�濮嬫埅鍙栫殑浣嶇疆
+ var end = start + maxLength;//缁撴潫鎴彇鐨勪綅缃�
+ //杩欓噷涔熷彲浠ュ姞涓�涓槸鍚︽槸鏈�鍚庝竴琛岀殑鍒ゆ柇锛屼絾鏄笉鍔犱篃娌℃湁褰卞搷锛岄偅灏变笉鍔犲惂
+ if (value[i + 1] == "/") {
+ temp = value.substring(i + 1, i + 2) + "\n" + value.substring(i + 2, valLength);
+ ret += temp;
+ return ret;
+ } else {
+ temp = value.substring(start, end) + "\n";
+ }
+ ret += temp; //鍑�熸渶缁堢殑瀛楃涓�
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ series: [
+ {
+ name: '鍗冪背',//涓巐egend瀵瑰簲
+ data: OptionData,
+ type: 'line',
+ label: {
+ normal: {
+ show: true,
+ position: 'top',
+ formatter: function (params) {
+ return echarts.format.addCommas(params.value);
+ }
+ }
+ },
+ smooth: true,//smooth灞炴�ч粯璁ゆ槸false false灏辨槸鐩寸嚎 true灏辨槸鏇茬嚎
+ lineStyle: {
+ color: '#44E2F0' //绾挎潯棰滆壊
+ }
+ , itemStyle: {
+ // 璁剧疆绾挎潯涓婄偣鐨勯鑹诧紙鍜屽浘渚嬬殑棰滆壊锛�
+ normal: {
+ color: '#44E2F0',
+ label: {
+ show: true // 鍦ㄦ姌绾挎嫄鐐逛笂鏄剧ず鏁版嵁
+ }
+ },
+ }
+ }
+ ]
+ };
+ mychart1.setOption(option);
+ mychart3.setOption(option2);
+ }
+
+ //鏌辩姸鍥�
+ function get_Histogram(mychart2) {
+
+ //鐢熶骇璐熻嵎
+ var optionData = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/KB_scfh",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+
+ for (var i = 0; i < res.data[0].length; i++) {
+ if (res.data[0][i].HProcID == 191) {//缂稿巶
+ optionData[0] = (res.data[0][i].HQty / 1000).toFixed(2);
+ } else if (res.data[0][i].HProcID == 193) {//鐑樺共瀹氬瀷
+ optionData[1] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 194) {//涓婃祮瀹氬瀷
+ optionData[2] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 198) {//鑹插澂鐑厜
+ optionData[3] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 204) {//棰勭儷鍓�
+ optionData[4] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 197) {//琛ュ埛
+ optionData[5] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 201) {//鍗版瘺灏�
+ optionData[6] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 200) {//鎷夊箙瀹氬瀷
+ optionData[7] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 206) {//鐭嚎鐑�
+ optionData[8] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ else if (res.data[0][i].HProcID == 205) {//闀跨嚎鐑�
+ optionData[9] = (res.data[0][i].HQty / 1000).toFixed(2);
+ }
+ }
+ }
+ })
+
+ var option = {
+ xAxis: {
+ type: 'category',
+ data: ['缂告煋', '鐑樺共瀹氬瀷', '涓婃祮瀹氬瀷', '鑹插澂鐑厜', '棰勭儷鍓�', '琛ュ埛', '鍗版瘺灏�', '鎷夊箙瀹氬瀷', '鐭嚎鐑�', '闀跨嚎鐑�']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ axisLabel: {
+ show: true,
+ interval: 0,
+ color: '#35d1ed',
+ formatter: function (value) {
+ var ret = "";//鎷兼帴鍔燶n杩斿洖鐨勭被鐩」
+ var maxLength = 1;//姣忛」鏄剧ず鏂囧瓧涓暟
+ var valLength = value.length;//X杞寸被鐩」鐨勬枃瀛椾釜鏁�
+ var rowN = Math.ceil(valLength / maxLength); //绫荤洰椤归渶瑕佹崲琛岀殑琛屾暟
+ if (rowN > 1)//濡傛灉绫荤洰椤圭殑鏂囧瓧澶т簬3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//姣忔鎴彇鐨勫瓧绗︿覆
+ var start = i * maxLength;//寮�濮嬫埅鍙栫殑浣嶇疆
+ var end = start + maxLength;//缁撴潫鎴彇鐨勪綅缃�
+ //杩欓噷涔熷彲浠ュ姞涓�涓槸鍚︽槸鏈�鍚庝竴琛岀殑鍒ゆ柇锛屼絾鏄笉鍔犱篃娌℃湁褰卞搷锛岄偅灏变笉鍔犲惂
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //鍑�熸渶缁堢殑瀛楃涓�
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ series: [
+ {
+ data: optionData,
+ type: 'bar',
+ label: {
+ normal: {
+ show: true,
+ position: 'top',
+ formatter: function (params) {
+ return echarts.format.addCommas(params.value);
+ }
+ }
+ }
+ , itemStyle: {
+ // 璁剧疆鏌卞舰鐨勯鑹�
+ normal: {
+ color: '#14b16a',
+ label: {
+ show: true // 鍦ㄦ姌绾挎嫄鐐逛笂鏄剧ず鏁版嵁
+ }
+ },
+ }
+ }
+ ]
+ };
+ mychart2.setOption(option);
+ }
+
+ //浠〃鐩� 鍒舵垚鐜�
+ function get_Dashboard(mychart4) {
+ var zcl = 0;
+ //鍒舵垚鐜�
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/Dashboard",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+ zcl = res.data[1][0]["鍒舵垚鐜�"].toFixed(2);
+ }
+ })
+
+ var option = {
+ series: [
+ {//鍙充华琛ㄧ洏
+ // name: '涓氬姟鎸囨爣',
+ type: 'gauge',
+ detail: {
+ formatter: '{value}%',
+ offsetCenter: ['10%', '90%']
+ },
+ radius: "80%", // 鍙傛暟:number, string銆� 浠〃鐩樺崐寰�,榛樿 75% 锛屽彲浠ユ槸鐩稿浜庡鍣ㄩ珮瀹戒腑杈冨皬鐨勪竴椤圭殑涓�鍗婄殑鐧惧垎姣旓紝涔熷彲浠ユ槸缁濆鐨勬暟鍊笺��
+ center: ["50%", "60%"],
+ startAngle: 225,//浠〃鐩樿捣濮嬭搴︺�傛鍙虫墜渚т负0搴︼紝姝ｄ笂鏂逛负90搴︼紝姝ｅ乏鎵嬩晶涓�180搴︺��
+ endAngle: -45,//浠〃鐩樼粨鏉熻搴�
+ clockWise: true,
+ min: 0,
+ max: 100,
+ splitNumber: 10, // 浠〃鐩樺埢搴︾殑鍒嗗壊娈垫暟,榛樿 10銆�
+ axisTick: { // 鍒诲害(绾�)鏍峰紡銆�
+ show: true, // 鏄惁鏄剧ず鍒诲害(绾�),榛樿 true銆�
+ splitNumber: 5, // 鍒嗛殧绾夸箣闂村垎鍓茬殑鍒诲害鏁�,榛樿 5銆�
+ length: 15, // 鍒诲害绾块暱銆傛敮鎸佺浉瀵瑰崐寰勭殑鐧惧垎姣�,榛樿 8銆�
+ lineStyle: { // 鍒诲害绾挎牱寮忋��
+ color: "auto", //绾跨殑棰滆壊,榛樿 #eee銆�
+ opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 1, //绾垮害,榛樿 1銆�
+ type: "solid", //绾跨殑绫诲瀷,榛樿 solid銆� 姝ゅ杩樻湁 dashed,dotted
+ // shadowBlur: 10, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ },
+ },
+ axisLine: { // 浠〃鐩樿酱绾�(杞粨绾�)鐩稿叧閰嶇疆銆�
+ show: true, // 鏄惁鏄剧ず浠〃鐩樿酱绾�(杞粨绾�),榛樿 true銆�
+ lineStyle: { // 浠〃鐩樿酱绾挎牱寮忋��
+ color: [[0.2, '#fc3333'], [0.8, '#17cee3'], [1, '#01e878']], //浠〃鐩樼殑杞寸嚎鍙互琚垎鎴愪笉鍚岄鑹茬殑澶氭銆傛瘡娈电殑 缁撴潫浣嶇疆(鑼冨洿鏄痆0,1]) 鍜� 棰滆壊 鍙互閫氳繃涓�涓暟缁勬潵琛ㄧず銆傞粯璁ゅ彇鍊硷細[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
+ // opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 10, //杞寸嚎瀹藉害,榛樿 30銆�
+ // shadowBlur: 20, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ }
+ },
+ splitLine: { // 鍒嗛殧绾挎牱寮忋��
+ show: true, // 鏄惁鏄剧ず鍒嗛殧绾�,榛樿 true銆�
+ length: 15, // 鍒嗛殧绾跨嚎闀裤�傛敮鎸佺浉瀵瑰崐寰勭殑鐧惧垎姣�,榛樿 30銆�
+ lineStyle: { // 鍒嗛殧绾挎牱寮忋��
+ color: "auto", //绾跨殑棰滆壊,榛樿 #eee銆�
+ opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 2, //绾垮害,榛樿 2銆�
+ type: "solid", //绾跨殑绫诲瀷,榛樿 solid銆� 姝ゅ杩樻湁 dashed,dotted
+ // shadowBlur: 10, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ }
+ },
+ title: {
+ fontSize: 20,
+ color: '#55bcd5',//鏍囬棰滆壊
+ offsetCenter: ['0', '60%']//璁剧疆瀹屾垚鐜囦綅缃�
+ },
+ data: [{
+ value: zcl,
+ name: '鍒舵垚鐜�',
+ }]
+ }
+ ]
+
+ };
+
+ // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
+ mychart4.setOption(option);
+ }
+
+ //浠〃鐩� 鍚堟牸鐜�
+ function get_Dashboard_2(mychart5) {
+ var hgl = 0;
+ //鍒舵垚鐜�
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/Dashboard",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "LineCode": "1" },
+ success: function (res) {
+ hgl = res.data[0][0]["鍚堟牸鐜�"].toFixed(2);
+ }
+ })
+
+ var option = {
+ series: [
+ {//鍙充华琛ㄧ洏
+ // name: '涓氬姟鎸囨爣',
+ type: 'gauge',
+ detail: {
+ formatter: '{value}%',
+ offsetCenter: ['10%', '90%']
+ },
+ radius: "80%", // 鍙傛暟:number, string銆� 浠〃鐩樺崐寰�,榛樿 75% 锛屽彲浠ユ槸鐩稿浜庡鍣ㄩ珮瀹戒腑杈冨皬鐨勪竴椤圭殑涓�鍗婄殑鐧惧垎姣旓紝涔熷彲浠ユ槸缁濆鐨勬暟鍊笺��
+ center: ["55%", "55%"],
+ startAngle: 225,//浠〃鐩樿捣濮嬭搴︺�傛鍙虫墜渚т负0搴︼紝姝ｄ笂鏂逛负90搴︼紝姝ｅ乏鎵嬩晶涓�180搴︺��
+ endAngle: -45,//浠〃鐩樼粨鏉熻搴�
+ clockWise: true,
+ min: 0,
+ max: 100,
+ splitNumber: 10, // 浠〃鐩樺埢搴︾殑鍒嗗壊娈垫暟,榛樿 10銆�
+ axisTick: { // 鍒诲害(绾�)鏍峰紡銆�
+ show: true, // 鏄惁鏄剧ず鍒诲害(绾�),榛樿 true銆�
+ splitNumber: 5, // 鍒嗛殧绾夸箣闂村垎鍓茬殑鍒诲害鏁�,榛樿 5銆�
+ length: 15, // 鍒诲害绾块暱銆傛敮鎸佺浉瀵瑰崐寰勭殑鐧惧垎姣�,榛樿 8銆�
+ lineStyle: { // 鍒诲害绾挎牱寮忋��
+ color: "auto", //绾跨殑棰滆壊,榛樿 #eee銆�
+ opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 1, //绾垮害,榛樿 1銆�
+ type: "solid", //绾跨殑绫诲瀷,榛樿 solid銆� 姝ゅ杩樻湁 dashed,dotted
+ // shadowBlur: 10, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ },
+ },
+ axisLine: { // 浠〃鐩樿酱绾�(杞粨绾�)鐩稿叧閰嶇疆銆�
+ show: true, // 鏄惁鏄剧ず浠〃鐩樿酱绾�(杞粨绾�),榛樿 true銆�
+ lineStyle: { // 浠〃鐩樿酱绾挎牱寮忋��
+ color: [[0.2, '#fc3333'], [0.8, '#17cee3'], [1, '#01e878']], //浠〃鐩樼殑杞寸嚎鍙互琚垎鎴愪笉鍚岄鑹茬殑澶氭銆傛瘡娈电殑 缁撴潫浣嶇疆(鑼冨洿鏄痆0,1]) 鍜� 棰滆壊 鍙互閫氳繃涓�涓暟缁勬潵琛ㄧず銆傞粯璁ゅ彇鍊硷細[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
+ // opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 10, //杞寸嚎瀹藉害,榛樿 30銆�
+ // shadowBlur: 20, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ }
+ },
+ splitLine: { // 鍒嗛殧绾挎牱寮忋��
+ show: true, // 鏄惁鏄剧ず鍒嗛殧绾�,榛樿 true銆�
+ length: 15, // 鍒嗛殧绾跨嚎闀裤�傛敮鎸佺浉瀵瑰崐寰勭殑鐧惧垎姣�,榛樿 30銆�
+ lineStyle: { // 鍒嗛殧绾挎牱寮忋��
+ color: "auto", //绾跨殑棰滆壊,榛樿 #eee銆�
+ opacity: 1, //鍥惧舰閫忔槑搴︺�傛敮鎸佷粠 0 鍒� 1 鐨勬暟瀛楋紝涓� 0 鏃朵笉缁樺埗璇ュ浘褰€��
+ width: 2, //绾垮害,榛樿 2銆�
+ type: "solid", //绾跨殑绫诲瀷,榛樿 solid銆� 姝ゅ杩樻湁 dashed,dotted
+ // shadowBlur: 10, //(鍙戝厜鏁堟灉)鍥惧舰闃村奖鐨勬ā绯婂ぇ灏忋�傝灞炴�ч厤鍚� shadowColor,shadowOffsetX, shadowOffsetY 涓�璧疯缃浘褰㈢殑闃村奖鏁堟灉銆�
+ // shadowColor: "#fff", //闃村奖棰滆壊銆傛敮鎸佺殑鏍煎紡鍚宑olor銆�
+ }
+ },
+ title: {
+ fontSize: 20,
+ color: '#55bcd5',//鏍囬棰滆壊
+ offsetCenter: ['0', '60%']//璁剧疆瀹屾垚鐜囦綅缃�
+ },
+ data: [{
+ value: hgl,
+ name: '鍚堟牸鐜�',
+ }]
+ }
+ ]
+
+ };
+
+ // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
+ mychart5.setOption(option);
+ }
+
+ </script>
+</head>
+<body class="box">
+ <div class="bj">
+ <div class="tr0">
+ <div class="col2-1">
+ <div class="col2-1-p">
+ <p>瀹佹尝绉戣壓缁胯壊鐨崏绠＄悊椹鹃┒鑸�</p>
+ </div>
+ <div class="clock">
+ <ul>
+ <li id="Date"></li>
+ <li id="hours"> </li>
+ <li id="point">:</li>
+ <li id="min"> </li>
+ <li id="point">:</li>
+ <li id="sec"> </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="tr1">
+ <div class="tr1-k">
+ </div>
+ <div class="tr1-1" id="mychart4">
+
+ </div>
+ <div class="tr1-2">
+ <div class="tr1-2-k">
+
+ </div>
+ <div class="tr1-2-cen">
+ <div class="tr1-2-cenk">
+ </div>
+ <div class="tr1-2-cen-left">
+ <p id="jh">0</p>
+ </div>
+ <div class="tr1-2-cen-right">
+ <p id="wc">0</p>
+ </div>
+ </div>
+ <div class="tr1-2-cen-k">
+
+ </div>
+ <div class="tr1-2-btm">
+ <div class="tr1-2-btm-k">
+ </div>
+ <div class="tr1-2-btm-left">
+ <p id="zz">0</p>
+ </div>
+ <div class="tr1-2-btm-right">
+ <p id="dd">0</p>
+ </div>
+ </div>
+ </div>
+ <div class="tr1-3" id="mychart2">
+
+ </div>
+ <div class="tr1-4" id="mychart1">
+
+ </div>
+
+ </div>
+ <div class="tr2">
+ <div class="tr2-k">
+
+ </div>
+ <div class="tr2-1">
+ <div class="tr2-1-k">
+
+ </div>
+ <div class="tr2-1-1">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_1">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_1">0</p>
+ </div>
+ <div class="tr2-1-1-k">
+
+ </div>
+ <div class="tr2-1-2">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_2">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_2">0</p>
+ </div>
+ <div class="tr2-1-2-k">
+
+ </div>
+ <div class="tr2-1-3">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_3">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_3">0</p>
+ </div>
+ <div class="tr2-1-3-k">
+
+ </div>
+ <div class="tr2-1-4">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_4">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_4">0</p>
+ </div>
+ </div>
+ <div class="tr2-k-1">
+
+ </div>
+ <div class="tr2-1">
+ <div class="tr2-1-k">
+
+ </div>
+ <div class="tr2-1-1">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_5">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_5">0</p>
+ </div>
+ <div class="tr2-1-1-k">
+
+ </div>
+ <div class="tr2-1-2">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_6">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_6">0</p>
+ </div>
+ <div class="tr2-1-2-k">
+
+ </div>
+ <div class="tr2-1-3">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_7">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_7">0</p>
+ </div>
+ <div class="tr2-1-3-k">
+
+ </div>
+ <div class="tr2-1-4">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_8">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_8">0</p>
+ </div>
+ </div>
+ <div class="tr2-k-1">
+
+ </div>
+ <div class="tr2-1">
+ <div class="tr2-1-k">
+
+ </div>
+ <div class="tr2-1-1">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_9">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_9">0</p>
+ </div>
+ <div class="tr2-1-1-k">
+
+ </div>
+ <div class="tr2-1-2">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_10">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_10">0</p>
+ </div>
+ <div class="tr2-1-2-k">
+
+ </div>
+ <div class="tr2-1-3">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_11">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_11">0</p>
+ </div>
+ <div class="tr2-1-3-k">
+
+ </div>
+ <div class="tr2-1-4">
+ <p>鍦ㄥ埗鍝�:</p>
+ <p id="zzp1_12">0</p>
+ <p>浜у搧鏁�:</p>
+ <p id="cps_12">0</p>
+ </div>
+ </div>
+ </div>
+ <div class="tr3">
+ <div class="tr3-1" id="mychart5">
+
+ </div>
+ <div class="tr3-2">
+ <div class="tr3-2-k">
+
+ </div>
+ <div class="tr3-2-l-k">
+ </div>
+ <div class="tr3-2-l">
+ <p id="rc">0</p>
+ </div>
+ <div class="tr3-2-c">
+ <p id="hzyh">0</p>
+ </div>
+ <div class="tr3-2-r">
+ <p id="hzeh">0</p>
+ </div>
+ <div class="tr3-2-2-k">
+
+ </div>
+ <div class="tr3-2-l-k">
+ </div>
+ <div class="tr3-2-2">
+ <p id="hzsh">0</p>
+ </div>
+ <div class="tr3-2-3">
+ <p id="tz">0</p>
+ </div>
+ </div>
+ <div class="tr3-3" id="mychart3">
+
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/img/bj3.jpg b/img/bj3.jpg
new file mode 100644
index 0000000..8bd447a
--- /dev/null
+++ b/img/bj3.jpg
Binary files differ
--
Gitblit v1.9.1