From fdc70247ec14f04fbafbf85982e835ef682bac72 Mon Sep 17 00:00:00 2001
From: yangle <admin@YINMOU>
Date: 星期一, 09 十月 2023 08:56:07 +0800
Subject: [PATCH] 产线看板
---
KB_ProductionLine.html | 928 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 928 insertions(+), 0 deletions(-)
diff --git a/KB_ProductionLine.html b/KB_ProductionLine.html
new file mode 100644
index 0000000..6b7f09c
--- /dev/null
+++ b/KB_ProductionLine.html
@@ -0,0 +1,928 @@
+锘�<!DOCTYPE html>
+<html lang="zh-cn">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <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/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-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>
+ .clock {
+ font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
+ font-size: 20px;
+ width: 450px;
+ float: right;
+ color: #fff;
+ margin-top: -75px;
+ margin-right: 5px;
+ color: #09d1ea;
+ }
+
+ .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 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;
+ padding-right: 50px;
+ }
+
+ .title {
+ font-size: 44px;
+ font-family: PingFangSC;
+ font-weight: 500;
+ color: rgba(9, 209, 234, 1);
+ text-align: center;
+ background: url(img/img_little_new.png) center no-repeat;
+ margin-bottom: 30px;
+ }
+
+ .col-sm-12 {
+ position: relative;
+ min-height: 1px;
+ padding-right: 0px;
+ padding-left: 0px;
+ }
+
+ .left {
+ /*border: 1px solid #00c6ff;*/
+ background: rgb(0 104 255 / 23%);
+ height: 500px;
+ }
+
+ #tb_order tr:hover {
+ background-color: rgb(40 120 243 / 1%);
+ }
+ .right {
+ /* border: 1px solid #00c6ff; */
+ height: 500px;
+ }
+
+
+
+ .col-sm-12,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-6,
+ .col-sm-8 {
+ position: relative;
+ min-height: 1px;
+ padding-right: 0px;
+ padding-left: 0px;
+ }
+
+
+ #mychart2,
+ #mychart3 {
+ height: 450px;
+ width: 100%;
+ border: none;
+ background: rgb(0 104 255 / 23%);
+ }
+ #mychart2, .sccx1 {
+ margin-left: 10px;
+ }
+ #mychart3, .sccx2 {
+ margin-left: 20px;
+ }
+
+ .sccx1 {
+ margin-left: 10px;
+ margin-top: 20px;
+ height: 50px;
+ width: 100%;
+ line-height: 50px;
+ background: linear-gradient(270deg,#196bcb00,#1391ba);
+ }
+ .sccx1 p {
+ text-align: left;
+ padding-left: 10px;
+ font-size: 28px;
+ }
+
+ .sccx2 {
+ margin-top: 20px;
+ height: 50px;
+ width: 100%;
+ line-height: 50px;
+ background: linear-gradient(270deg,#196bcb00,#1391ba);
+ }
+
+ .sccx2 p {
+ text-align: left;
+ padding-left: 10px;
+ font-size: 28px;
+ }
+
+ .cList {
+ /*padding-top: 20%;*/
+ /*padding-left: 20%;*/
+ margin-left: 10px;
+ width: 100%;
+ height: 450px;
+ background: rgb(0 104 255 / 23%);
+ color: #00c6ff;
+ font-size: 20px;
+ }
+ .cList h2 {
+ text-align: center;
+ }
+
+
+ .ztcs {
+ height: 50px;
+ width: 100%;
+ line-height: 50px;
+ background: linear-gradient(270deg,#196bcb00,#1391ba);
+ margin-left:10px;
+ }
+
+ .ztcs p {
+ text-align: left;
+ padding-left: 10px;
+ font-size: 28px;
+ }
+
+ #cList0 {
+ height: 50px;
+ width: 100%;
+ line-height:50px;
+ /*border: 1px solid #00c6ff;*/
+ color: #ffffff;
+ float: left;
+ background: linear-gradient(270deg,#196bcb00,#1391ba);
+ }
+ #cList0 p {
+ font-size:28px;
+ text-align:left;
+ padding-left:10px;
+ }
+
+ #cList2 {
+ height: 460px;
+ width: 100%;
+ /*background-color: #6bceff8a;*/
+ float: left;
+ }
+
+ table tr td {
+ text-align: center;
+ vertical-align: middle !important;
+ /*border: 1px solid #464646;*/
+ border-right: 0px;
+ height: 40px;
+ font-size: 16px;
+ font-family: '榛戜綋';
+ font-family: Arial;
+ 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 {
+ background-color: #000;
+ color: #3bff72;
+ }
+
+ .fixed-table-container tbody td .th-inner,
+ .fixed-table-container thead th .th-inner {
+ font-size: 15px;
+ color: #09d1ea;
+ padding: 20px 0 15px 0;
+ }
+
+ #tb_order tr td {
+ text-align: center;
+ height: 28px;
+ line-height: 28px;
+ font-size: 14px;
+ /* font-family: '榛戜綋'; */
+ color: #a6a8ae;
+ font-family: Arial;
+ /*border: 1px solid #09d1ea;*/
+ }
+
+ .bootstrap-table .table {
+ border-radius: none;
+ }
+
+ th {
+ background-color: transparent !important;
+ }
+
+ td {
+ background-color: transparent;
+ }
+
+ tr {
+ background-color: transparent
+ }
+
+ #tb_order tr:nth-child(even) {
+ /*background: #080c1c;*/
+ }
+ .table2 {
+ height: 500px;
+ margin-top: 20px;
+ width: 50%;
+ background: rgb(0 104 255 / 23%);
+ }
+ #tb_order2 tr td {
+ text-align: center;
+ height: 28px;
+ line-height: 28px;
+ font-size: 14px;
+ /* font-family: '榛戜綋'; */
+ color: #a6a8ae;
+ font-family: Arial;
+ /* border: 1px solid #464646; */
+ border: none;
+ }
+ #tb_order2 tr:hover {
+ background-color: rgb(40 120 243 / 1%);
+ }
+ .fixed-table-container tbody td .th-inner,
+ .fixed-table-container thead th .th-inner {
+ text-align: center;
+ }
+
+ .progress {
+ background-color: darkblue;
+ }
+
+ #tb_order tr:nth-child(even) {
+ /*background: #000000;*/
+ }
+
+ .pull-right, .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+ display: none;
+ }
+
+ .btn {
+ margin-top: -8%;
+ margin-right: 40%;
+ }
+ #FH, #ZT, #SZ {
+ width:70px;
+ height:40px;
+ color:black;
+ }
+ .img {
+ background-color:#a6a8ae;
+ width:100%;
+ height:400px;
+ margin-left:20px;
+ }
+ .xz {
+ margin-left: 20px;
+ width: 100%;
+ height: 50px;
+ background: linear-gradient(270deg,#196bcb00,#1391ba);
+ }
+ .xz p {
+ text-align: left;
+ padding-left: 10px;
+ font-size: 28px;
+ }
+ section {
+ height: 50px;
+ text-align: center;
+ font-size: 28px;
+ line-height: 50px;
+ }
+ .name {
+ width: 100%;
+ height: 50px;
+ margin-left: 20px;
+ background-color: rgb(0 104 255 / 23%);
+ line-height: 50px;
+ }
+ .name p {
+ text-align: center;
+ padding-left: 10px;
+ font-size: 28px;
+ }
+ .imgs {
+ background: url(../KanBanUI/img/zg_false.png) no-repeat center center; /*鍔犺浇鑳屾櫙鍥撅細鍥剧墖鍦板潃 涓嶅钩閾� */
+ width: 100%;
+ height: 400px;
+ }
+
+ .col1-2-j {
+ width: 100%;
+ height: 25%;
+ /*background-color: #865454;*/
+ }
+
+ .col1-2-w {
+ width: 100%;
+ height: 25%;
+ /*background-color: #865454;*/
+ }
+
+ .col1-2-z {
+ width: 100%;
+ height: 25%;
+ /*background-color: #865454;*/
+ }
+
+ .col1-2-d {
+ width: 100%;
+ height: 25%;
+ /*background-color: #865454;*/
+ }
+
+ </style>
+ <script type="text/javascript">
+ //鍙傛暟閰嶇疆
+
+ var interval;//璁℃椂鍣�
+ var interval1;//璁℃椂鍣�
+ var num = 0;
+ var num2 = 0;
+ var num3 = 0;
+ var num4 = 0;
+ var FHDt = []; //鍙戣揣瓒嬪娍鏃堕棿鏁扮粍
+ var FHQty = []; //鍙戣揣瓒嬪娍鏃堕棿鍊兼暟缁�
+
+ var ToDayDt = []; //杩戞棩杈炬垚鐜囧姣旀椂闂存暟缁�
+ var OrderQty = []; //杩戞棩杈炬垚鐜囧姣旇鍗曟�婚噺鏁版暟缁�
+ var FHSQty = []; //杩戞棩杈炬垚鐜囧姣旀�诲彂璐ч噺鏁版暟缁�
+ $(document).ready(function () {
+ // 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
+ var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "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();
+ var dayNames = new Array("鏄熸湡鏃�", "鏄熸湡涓�", "鏄熸湡浜�", "鏄熸湡涓�", "鏄熸湡鍥�", "鏄熸湡浜�", "鏄熸湡鍏�");
+ var Stamp = new Date();
+
+
+ $('#Date').html(year + " 骞�" + " " + monthNames[month] + ' ' + day + " 鏃� " + ' ' + dayNames[Stamp.getDay()]);
+ $("#hours").html((hh < 10 ? ("0" + hh) : hh));
+ $("#min").html((mm < 10 ? ("0" + mm) : mm));
+ $("#sec").html((ss < 10 ? ("0" + ss) : ss));
+
+ }, 1000);
+
+ });
+ $(function () {
+ var mychart2 = echarts.init(document.getElementById('mychart2'));
+ var mychart3 = echarts.init(document.getElementById('mychart3'));
+
+ Chart(mychart2);
+ Chart2(mychart3);
+ DataTable();
+ DataTable2();
+ //瀹氭椂鍣�
+ interval = setInterval(function () {
+ FHDt = [];
+ FHQty = [];
+ ToDayDt = [];
+ OrderQty = [];
+ FHSQty = [];
+ Chart(mychart2);
+ Chart2(mychart3);
+ }, 1000);
+ interval1 = setInterval(function () {
+ //$("#tb_order").bootstrapTable('refresh');
+ DataTable();
+ DataTable2();
+ }, 1000);
+ //鏍规嵁娴忚鍣ㄥぇ灏忔敼鍙樺ぇ灏�
+ window.onresize = () => {
+ mychart2.resize();
+ mychart3.resize();
+ }
+ })
+
+ function Chart(mychart2) {
+ num3 = num3 + 1;
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/KB_ProductionLineDataModel",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "limit": "10", "offset": num3,"tag":1 },
+ success: function (data) {
+
+ $("#SCZT").html(parseFloat(data.rows[0][0].SCZT).toFixed(0));
+ $("#CL").html(parseFloat(data.rows[2][0].CL).toFixed(0));
+ $("#BLL").html(parseFloat(data.rows[3][0].BLL) + "%");
+ $("#DDL").html(parseFloat(data.rows[1][0].DDL));
+
+ var num_total = (data.total) / 10;
+ if (num3 >= num_total) {
+ num3 = 0;
+ }
+
+ //浜ц兘瀵规瘮
+ $.each(data.rows[4], function (index, val) {
+ FHDt.push(val.hour.substring(5));
+ FHQty.push(parseFloat(val.FHQty).toFixed(0));
+ });
+
+ },
+ error: function (data) {
+
+ }
+ })
+
+ var option2 = {
+ tooltip: {
+ trigger: 'item',
+ formatter: "{a} <br/>{b}鏈� : {c}涓�"
+ },
+ grid: {
+ left: '25',
+ right: '7%',
+ bottom: '5%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: FHDt, //鏃堕棿鐐规暟鎹�
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: '#00c6ff',
+ },
+ },
+ axisTick: {
+ show: true,
+ },
+ axisLabel: {
+ //interval:0, //鏄剧ず鎵�鏈夌殑X杞存暟鎹�
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
+ }
+ },
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: '#00c6ff',
+ width: 0, //闅愯棌y杞�
+ }
+ },
+ splitLine: { //缃戞牸绾�
+ lineStyle: {
+ type: 'dotted', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
+ },
+ show: false //闅愯棌鎴栨樉绀�
+ },
+ axisTick: {
+ show: false,
+ },
+ axisLabel: {
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
+ },
+ splitNumber: 5
+ }],
+ legend: {
+ icon: 'line',
+ data: ['灏忔椂浜ц兘'],
+ x: 'right', //鍙瀹氬浘渚嬪湪宸︺�佸彸銆佸眳涓�
+ y: 'top', //鍙瀹氬浘渚嬪湪涓娿�佷笅銆佸眳涓�
+ //padding:[0,0,0,0], //鍙瀹氬浘渚媅璺濅笂鏂硅窛绂伙紝璺濆彸鏂硅窛绂伙紝璺濅笅鏂硅窛绂伙紝璺濆乏鏂硅窛绂籡
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: 20,
+ fontFamily: "寰蒋闆呴粦"
+ }
+ },
+ series: [
+ {
+ name: '灏忔椂浜ц兘',
+ data: FHQty, //鏃堕棿鐐瑰��
+ type: 'line',
+ smooth: true,
+ itemStyle: {
+ normal: {
+ color: 'orange',
+ lineStyle: {
+ width: 4, //璁剧疆绾挎潯绮楃粏
+ shadowColor: 'rgba(255, 94, 91,.1)',
+ shadowOffsetX: 3,
+ shadowOffsetY: 5,
+ }
+ },
+ },
+ textStyle: {
+ fontFamily: "寰蒋闆呴粦"
+ }
+ },
+ ]
+ }
+
+ mychart2.setOption(option2);
+ }
+
+ function Chart2(mychart3) {
+ num4 = num4 + 1;
+ $.ajax({
+ url: GetWEBURL() + "/loaddata/KB_ProductionLineDataModel",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ data: { "limit": "10", "offset": num4, "tag": 2 },
+ success: function (data) {
+
+ var num_total = (data.total) / 10;
+ if (num4 >= num_total) {
+ num4 = 0;
+ }
+
+ //浜ц兘瀵规瘮
+ $.each(data.rows[4], function (index, val) {
+ ToDayDt.push(val.hour.substring(5));
+ OrderQty.push(parseFloat(val.ZDQty).toFixed(0));
+ FHSQty.push(parseFloat(val.FHQty).toFixed(0));
+ });
+ },
+ error: function (data) {
+
+ }
+ })
+
+
+ var option3 = {
+ color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
+ tooltip: {
+
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '10%',
+ containLabel: true
+ },
+ legend: {
+ left: 'right',
+ data: ['鎬昏鍗�', '鎬诲彂璐�'],
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: 16,
+ fontFamily: "寰蒋闆呴粦"
+ }
+
+ },
+ xAxis: [
+ {
+ type: 'category',
+ data: ToDayDt,
+ axisTick: {
+ alignWithLabel: true
+ },
+
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: '#00c6ff',
+ type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
+ width: 1, //闅愯棌y杞�
+ }
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
+ }
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value',
+ axisLine: {
+ show: false,
+
+ },
+ splitLine: { //缃戞牸绾�
+ lineStyle: {
+ color: '#00c6ff',
+
+ },
+ show: true //闅愯棌鎴栨樉绀�
+ },
+ axisLabel: {
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
+ }
+ }
+ ],
+ series: [
+ {
+ name: '鎬昏鍗�',
+ type: 'bar',
+ barWidth: 15,
+ data: OrderQty
+ },
+ {
+ name: '鎬诲彂璐�',
+ type: 'bar',
+ barWidth: 15,
+ data: FHSQty
+ }
+ ]
+ };
+
+
+ mychart3.setOption(option3);
+ }
+
+ function DataTable() {
+ num = num + 1;
+ $.ajax({
+ type: "GET",
+ url: GetWEBURL() + '/loaddata/KB_ProductionLine_DayWork',
+ contentType: "application/json;charset=utf-8",
+ data: { "limit": "10", "offset": num },
+ async: false,
+ dataType: "json",
+ json: 'callback',
+ success: function (result) {
+ var col = [];
+ //缁欑┖鐨勬暟缁勮祴鍊�
+ for (var key in result.columnNameList) {
+ if (result.columnNameList[key].ColmType == "Decimal") {
+ col.push({
+ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ } });
+ } else {
+ col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' });
+ }
+ }
+
+ var num_total = (result.total) / 10;
+ if (num >= num_total) {
+ num = 0;
+ }
+
+ $('#tb_order').bootstrapTable('destroy').bootstrapTable({
+ data: result.rows,
+ //url: GetWEBURL() + '/loaddata/SalesDeliveryTableData',
+ method: 'get', //璇锋眰鏂瑰紡锛�*锛�
+ dataType: "json",
+ //queryParams: queryParams,
+ striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
+ cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
+ pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
+ sortable: false, //鏄惁鍚敤鎺掑簭
+ search: false, //鏄惁鍚敤鎼滅储妗�
+ sidePagination: "server", //鍒嗛〉鏂瑰紡锛歝lient瀹㈡埛绔垎椤碉紝server鏈嶅姟绔垎椤碉紙*锛�
+ pageNumber: 1, //鍒濆鍖栧姞杞界涓�椤碉紝榛樿绗竴椤�
+ pageSize: 10, //姣忛〉鐨勮褰曡鏁帮紙*锛�
+ pageList: [10], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
+ strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
+ clickToSelect: true, //鏄惁鍚敤鐐瑰嚮閫変腑琛�
+ singleSelect: true, //璁剧疆True 灏嗙姝㈠閫�
+ uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
+ cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
+ detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
+ columns: [
+ col
+ ]
+ })
+ }
+ })
+
+
+ }
+
+ function DataTable2() {
+ num2 = num2 + 1;
+ $.ajax({
+ type: "GET",
+ url: GetWEBURL() + '/loaddata/KB_ProductionLine_HourCapacity',
+ contentType: "application/json;charset=utf-8",
+ data: { "limit": "10", "offset": num2 },
+ async: false,
+ dataType: "json",
+ json: 'callback',
+ success: function (result) {
+ var col = [];
+ //缁欑┖鐨勬暟缁勮祴鍊�
+ for (var key in result.columnNameList) {
+ if (result.columnNameList[key].ColmType == "Decimal") {
+ col.push({
+ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ });
+ } else {
+ col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' });
+ }
+ }
+
+ var num_total = (result.total) / 10;
+ if (num2 >= num_total) {
+ num2 = 0;
+ }
+
+ $('#tb_order2').bootstrapTable('destroy').bootstrapTable({
+ data: result.rows,
+ //url: GetWEBURL() + '/loaddata/SalesDeliveryTableData',
+ method: 'get', //璇锋眰鏂瑰紡锛�*锛�
+ dataType: "json",
+ //queryParams: queryParams,
+ striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
+ cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
+ pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
+ sortable: false, //鏄惁鍚敤鎺掑簭
+ search: false, //鏄惁鍚敤鎼滅储妗�
+ sidePagination: "server", //鍒嗛〉鏂瑰紡锛歝lient瀹㈡埛绔垎椤碉紝server鏈嶅姟绔垎椤碉紙*锛�
+ pageNumber: 1, //鍒濆鍖栧姞杞界涓�椤碉紝榛樿绗竴椤�
+ pageSize: 10, //姣忛〉鐨勮褰曡鏁帮紙*锛�
+ pageList: [10], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
+ strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
+ clickToSelect: true, //鏄惁鍚敤鐐瑰嚮閫変腑琛�
+ singleSelect: true, //璁剧疆True 灏嗙姝㈠閫�
+ uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
+ cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
+ detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
+ columns: [
+ col
+ ]
+ })
+ }
+ })
+ }
+
+ //鍏抽棴缃戦〉
+ function FH() {
+ window.close();
+ }
+
+ var intervalNum = 0;
+ //鏆傚仠
+ function ZT() {
+ if (intervalNum == 0) {
+ clearInterval(interval);
+ clearInterval(interval1);
+ $("#ZT").text("寮�濮�");
+ intervalNum = 1;
+ } else {
+ var mychart2 = echarts.init(document.getElementById('mychart2'));
+ var mychart3 = echarts.init(document.getElementById('mychart3'));
+ interval = setInterval(function () {
+ FHDt = [];
+ FHQty = [];
+ ToDayDt = [];
+ OrderQty = [];
+ FHSQty = [];
+ Chart(mychart2);
+ Chart2(mychart3);
+ }, 1000);
+ interval1 = setInterval(function () {
+ //$("#tb_order").bootstrapTable('refresh');
+ DataTable();
+ DataTable2();
+ }, 1000);
+ $("#ZT").text("鏆傚仠");
+ intervalNum = 0;
+ }
+
+ }
+ </script>
+</head>
+
+<body>
+ <div class='title'>浜х嚎鐪嬫澘</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 class="btn">
+ <button id="FH" onclick="FH()">杩斿洖</button>
+ <button id="ZT" onclick="ZT(0)">鏆傚仠</button>
+ <!--<button id="SZ">璁剧疆</button>-->
+ </div>
+ <div class="col-sm-8 left">
+ <div id="cList0">
+ <p>褰撴棩宸ュ崟</p>
+ </div>
+ <div id="cList2">
+ <table id="tb_order" class="table-condensed table-responsive tb_order" data-filter-control="true"></table>
+ </div>
+ </div>
+
+ <div class="col-sm-4 right">
+ <div class="col-sm-6 right">
+ <div class="ztcs">
+ <p>鐘舵��</p>
+ </div>
+ <div class="cList">
+ <div class="col1-2-j">
+ <p>鐢熶骇鐘舵��</p>
+ <h2><label id="SCZT">0</label> </h2>
+ </div>
+ <div class="col1-2-w">
+ <p>璁㈠崟閲�</p>
+ <h2><label id="DDL">0</label></h2>
+ </div>
+ <div class="col1-2-z">
+ <p>浜ч噺</p>
+ <h2><label id="CL">0</label></h2>
+ </div>
+ <div class="col1-2-d">
+ <p>涓嶈壇鐜�</p>
+ <h2><label id="BLL">0</label></h2>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-sm-6 right">
+ <div class="xz">
+ <p>绾块暱</p>
+ </div>
+ <div class="name">
+ <p>寮犱笁</p>
+ </div>
+ <div class="img">
+ <div class="imgs"></div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-8 table2">
+ <div id="cList0">
+ <p>灏忔椂浜ц兘鍒嗘瀽</p>
+ </div>
+ <div id="cList2">
+ <table id="tb_order2" class="table-condensed table-responsive tb_order" data-filter-control="true"></table>
+ </div>
+ </div>
+ <div class="col-sm-3 right">
+ <div class="sccx1">
+ <p>璐ㄩ噺鎸囨爣</p>
+ </div>
+ <div id="mychart2"></div>
+ </div>
+ <div class="col-sm-3 right">
+ <div class="sccx2">
+ <p>璐ㄩ噺鎸囨爣</p>
+ </div>
+ <div id="mychart3"></div>
+ </div>
+
+</body>
+
+</html>
\ No newline at end of file
--
Gitblit v1.9.1