From 3b2bc48576c9954f977d4fcff35c7c2f1aa1adda Mon Sep 17 00:00:00 2001
From: YL <YL@LAPTOP-SE03PLUR>
Date: 星期一, 17 五月 2021 08:41:33 +0800
Subject: [PATCH] 生产计划看板页面
---
HDCall.html | 720 ++++++++++++++++++++++++-----------------------------------
1 files changed, 298 insertions(+), 422 deletions(-)
diff --git a/HDCall.html b/HDCall.html
index d7b4719..9871ed1 100644
--- a/HDCall.html
+++ b/HDCall.html
@@ -27,16 +27,16 @@
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;
@@ -46,7 +46,7 @@
margin-left: 15px;
position: relative;
}
-
+
.clock ul li {
display: inline;
font-size: 24px;
@@ -54,14 +54,14 @@
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;
@@ -70,14 +70,14 @@
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;
}
-
+
.col-sm-8,
.col-sm-6,
.col-sm-4,
@@ -86,7 +86,7 @@
/* border: 1px solid #00c6ff; */
height: 450px;
}
-
+
#cTitle {
width: 50px;
height: 450px;
@@ -95,7 +95,7 @@
color: #00c6ff;
border: 1px solid #333
}
-
+
.col-sm-12,
.col-sm-2,
.col-sm-3,
@@ -107,15 +107,15 @@
padding-right: 0px;
padding-left: 0px;
}
-
+
#mychart1,
#mychart2 {
width: 100%;
border: none;
height: 450px;
}
-
-
+
+
table tr td {
text-align: center;
vertical-align: middle !important;
@@ -127,7 +127,7 @@
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,
@@ -136,16 +136,16 @@
.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,
#tb_order1 tr td {
text-align: center;
@@ -158,7 +158,7 @@
/* border: 1px solid #464646; */
border: none;
}
-
+
#tb_order,
#tb_order1 tr td {
text-align: center;
@@ -171,53 +171,53 @@
/* border: 1px solid #464646; */
border: none;
}
-
+
.bootstrap-table .table {
border-radius: none
}
-
+
th {
background-color: transparent !important;
}
-
+
td {
background-color: transparent;
}
-
+
tr {
background-color: transparent
}
-
+
#tb_order,
#tb_order1 tr:nth-child(even) {
background: #080c1c;
}
-
+
.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
text-align: left;
}
-
+
.progress {
background-color: darkblue;
}
-
+
#tb_order,
#tb_order1 tr:nth-child(even) {
background: #000000;
}
-
-
-
-
-
-
+
+
+
+
+
+
#tb_order1 tr th {
/*border: 1px solid #464646;*/
border: none;
font-size: 22px;
}
-
+
#tb_order1 tr td {
text-align: center;
height: 32px;
@@ -228,12 +228,24 @@
/*border:1px solid #464646;*/
border: none;
}
-
+
#tb_order1 tr:hover {
background: #000000;
}
+ .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+ display: none;
+ }
</style>
<script type="text/javascript">
+ var interval;//璁℃椂鍣�
+ var interval1;//璁℃椂鍣�
+ var interval2;//璁℃椂鍣�
+ var num = 0;
+ var num1 = 0;
+ var TLProgress=0; //閫�鏂欑巼
+ var CallData = []; //杩戞棩閰嶉�佹椂闂存暟缁�
+ var CallPSQty = []; //杩戞棩閰嶉�佹�绘暟鏁扮粍
+ var CAllQty = []; //浠婃棩鍙枡鎬绘暟鏁扮粍
$(document).ready(function () {
// 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "10 鏈�", "11 鏈�", "12 鏈�"];
@@ -247,59 +259,94 @@
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 mychart1 = echarts.init(document.getElementById('mychart1'));
var mychart2 = echarts.init(document.getElementById('mychart2'));
+ TopData();
+ BottomData();
Chart(mychart1, mychart2);
-
+
+ // 瀹氭椂鍣�
+ interval = setInterval(function () {
+ $("#tb_order").bootstrapTable('refresh');
+ }, 10000);
+ interval1=setInterval(function () {
+ $("#tb_order1").bootstrapTable('refresh');
+ }, 10000);
+ interval2=setInterval(function () {
+ TLProgress = 0;
+ CallData = [];
+ CallPSQty = [];
+ CAllQty = [];
+ Chart(mychart1, mychart2);
+ }, 20000);
//鏍规嵁绐楀彛鐨勫ぇ灏忓彉鍔ㄥ浘琛� --- 閲嶇偣
window.onresize = function () {
myChart1.resize();
myChart2.resize();
}
})
-
+
function Chart(mychart1, mychart2) {
+ $.ajax({
+ url: "http://localhost:12298/api/loaddata/CallData",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ success: function (data) {
+ TLProgress=parseFloat((data.data[2][1].qty / data.data[2][0].qty) * 100).toFixed(2);
+ //浠婃棩閰嶉�佺巼
+ $.each(data.data[0], function (index, val) {
+ CallData.push(val.FNAME);
+ CallPSQty.push(parseFloat(val.HSendQTY).toFixed(2));
+ CAllQty.push(parseFloat(val.HQty).toFixed(2));
+ });
+ },
+ error: function (data) {
+
+ }
+ })
+
const colorList = ['#47A2FF ', '#FBD444']
option1 = {
title: [
- {
- text: '',
- subtext: '10%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
- },
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '45%'
+ {
+ text: '',
+ subtext: TLProgress+'%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
},
- {
- show: true,
- text: '閫�鏂欑巼',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '45%'
+ },
+ {
+ show: true,
+ text: '閫�鏂欑巼',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -311,29 +358,29 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- label: {
- show: false
- },
- labelLine: {
- show: true
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '杈炬垚鐜�', value: 90 },
- { name: '鏈揪鎴愮巼', value: 10 }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '杈炬垚鐜�', value: TLProgress },
+ { name: '鏈揪鎴愮巼', value: 100-TLProgress }
+ ],
+ }
]
};
-
+
option2 = {
title: {
text: '杩戞棩閰嶉�佺巼',
@@ -347,7 +394,7 @@
},
color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
tooltip: {
-
+
},
grid: {
left: '3%',
@@ -357,283 +404,87 @@
},
legend: {
left: 'right',
- data: ['浠诲姟鏁�', '閰嶉�佹暟'],
+ data: ['鍙枡鏁�', '閰嶉�佹暟'],
textStyle: {
color: '#00c6ff',
fontSize: 16,
fontFamily: "寰蒋闆呴粦"
}
-
+
},
xAxis: [
- {
- type: 'category',
- data: ['05-03', '05-04', '05-05', '05-06', '05-07'],
- axisTick: {
- alignWithLabel: true
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- color: '#00c6ff',
- type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
- width: 1, //闅愯棌y杞�
- }
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
- }
+ {
+ type: 'category',
+ data: CallData,
+ 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,
-
+ {
+ type: 'value',
+ axisLine: {
+ show: false,
+
+ },
+ splitLine: { //缃戞牸绾�
+ lineStyle: {
+ color: '#00c6ff',
+
},
- splitLine: { //缃戞牸绾�
- lineStyle: {
- color: '#00c6ff',
-
- },
- show: true //闅愯棌鎴栨樉绀�
- },
- axisLabel: {
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
- }
+ show: true //闅愯棌鎴栨樉绀�
+ },
+ axisLabel: {
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
}
}
+ }
],
series: [
- {
- name: '浠诲姟鏁�',
- type: 'bar',
- data: [10, 52, 200, 334, 390]
- },
- {
- name: '閰嶉�佹暟',
- type: 'bar',
- data: [10, 52, 200, 334, 390]
- }
+ {
+ name: '鍙枡鏁�',
+ type: 'bar',
+ data: CAllQty
+ },
+ {
+ name: '閰嶉�佹暟',
+ type: 'bar',
+ data: CallPSQty
+ }
]
};
-
+
mychart1.setOption(option1);
mychart2.setOption(option2);
-
-
- Data = [
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- },
- {
- ShipListWorkCode: "FH202105050001",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListQty: "1000",
- ShipListFQty: "250",
- ShipListKuqty: "10000",
- Stus: "鏈畬鎴�",
- Progress: "30"
- }
- ];
- Data1 = [
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- },
- {
- Stus: "鏈畬鎴�",
- ShipListPartNumber: "20210505001",
- ShipListPartName: "#0505閾滄",
- ShipListPartSpec: "#0505閾滄",
- ShipListKuqty: "1000",
- ShipListZYQty: "250",
- ShipListSYQty: "750",
- ShipListCGQty: "100",
- ShipListAQqty: "500",
- ShipListXQty: "250",
- ShipListDayqty: "30"
- }
-
- ]
+
+ }
+
+ function TopData(){
$('#tb_order').bootstrapTable({
- //url: 'http://192.168.109.2:97/GongJiao/Product_Data',
- //url: "http://172.16.72.3:86/DaLian/Product_Data",
- data: Data,
+ url: 'http://localhost:12298/api/loaddata/CallTableTopData',
+ //data: dataJson,
method: 'get', //璇锋眰鏂瑰紡锛�*锛�
dataType: "json",
- //queryParams: queryParams,//浼犻�掑弬鏁帮紙*锛�
+ queryParams :queryParams,
striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
@@ -642,102 +493,127 @@
search: false, //鏄惁鍚敤鎼滅储妗�
sidePagination: "server", //鍒嗛〉鏂瑰紡锛歝lient瀹㈡埛绔垎椤碉紝server鏈嶅姟绔垎椤碉紙*锛�
pageNumber: 1, //鍒濆鍖栧姞杞界涓�椤碉紝榛樿绗竴椤�
- pageSize: 13, //姣忛〉鐨勮褰曡鏁帮紙*锛�
- pageList: [13], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
- strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
+ pageSize: 8, //姣忛〉鐨勮褰曡鏁帮紙*锛�
+ pageList: [8], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
+ strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
clickToSelect: true, //鏄惁鍚敤鐐瑰嚮閫変腑琛�
singleSelect: true, //璁剧疆True 灏嗙姝㈠閫�
uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
- height: 450,
+
columns: [
- { field: 'ShipListWorkCode', title: '鏈厤閫佹竻鍗�', align: "left" },
- { field: 'ShipListPartNumber', title: '鐗╂枡缂栫爜', align: "left" },
- { field: 'ShipListPartName', title: '鐗╂枡鍚嶇О', align: "left" },
- { field: 'ShipListPartSpec', title: '瑙勬牸鍨嬪彿', align: "left" },
- { field: 'ShipListQty', title: '浠诲姟鏁伴噺', align: "left" },
- { field: 'ShipListFQty', title: '瀹屾垚閰嶉�佹暟閲�', align: "left" },
- { field: 'ShipListKuqty', title: '褰撳墠搴撳瓨', align: "left" },
- { field: 'Stus', title: '鐘舵��', align: "left" },
- {
- field: 'Progress', title: '杩涘害', align: "left", formatter: function (value, row, index) {
- var res = 100 * row.ShipListFQty / row.ShipListQty;
- //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
- return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(2) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%';text-align:center;'></div></div></div>";
- }
+ { field: 'HICMOBillNO', title: '鐢熶骇璁㈠崟', align: "left" },
+ { field: 'HNUMBER', title: '鐗╂枡缂栫爜', align: "left" },
+ { field: 'HNAME', title: '鐗╂枡鍚嶇О', align: "left" },
+ { field: 'HMODEL', title: '瑙勬牸鍨嬪彿', align: "left" },
+ { field: 'HQTY', title: '鍙枡鏁伴噺', align: "left" },
+ { field: 'HLEFT', title: '宸查厤閫佹暟閲�', align: "left" },
+ // { field: 'ShipListKuqty', title: '褰撳墠搴撳瓨', align: "left" },
+ { field: 'HSTATUS', title: '鐘舵��', align: "left",formatter: function (value, row, index) {
+ return "鏈畬鎴�";
+ } },
+ {
+ field: 'Progress', title: '杩涘害', align: "left", formatter: function (value, row, index) {
+ var res = 100 * row.HLEFT / row.HQTY;
+ //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
+ return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(2) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%';text-align:center;'></div></div></div>";
}
+ }
],
onClickRow: function (row, $element) {
-
+
},
onCheck: function (row, $element) {
-
+
},
onLoadSuccess: function (row) {
- var a = $('#tb_order').bootstrapTable('getSelections');
+ var num_total = (row.total)/ 8
+ if (num >= num_total) {
+ num = 0
+ }
}
-
- })
-
- $('#tb_order1').bootstrapTable({
- //url: 'http://192.168.109.2:97/GongJiao/Product_Data',
- //url: "http://172.16.72.3:86/DaLian/Product_Data",
- data: Data1,
- method: 'get', //璇锋眰鏂瑰紡锛�*锛�
- dataType: "json",
- //queryParams: queryParams,//浼犻�掑弬鏁帮紙*锛�
- striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
- cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
- pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
- sortable: false, //鏄惁鍚敤鎺掑簭
- sortable: false, //鏄惁鍚敤鎺掑簭
- search: false, //鏄惁鍚敤鎼滅储妗�
- sidePagination: "server", //鍒嗛〉鏂瑰紡锛歝lient瀹㈡埛绔垎椤碉紝server鏈嶅姟绔垎椤碉紙*锛�
- pageNumber: 1, //鍒濆鍖栧姞杞界涓�椤碉紝榛樿绗竴椤�
- pageSize: 13, //姣忛〉鐨勮褰曡鏁帮紙*锛�
- pageList: [13], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
- strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
- clickToSelect: true, //鏄惁鍚敤鐐瑰嚮閫変腑琛�
- singleSelect: true, //璁剧疆True 灏嗙姝㈠閫�
- uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
- cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
- detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
- height: 450,
- columns: [
- { field: 'Stus', title: '搴撳瓨鐘舵��', align: "left" },
- { field: 'ShipListPartNumber', title: '鐗╂枡缂栫爜', align: "left" },
- { field: 'ShipListPartName', title: '鐗╂枡鍚嶇О', align: "left" },
- { field: 'ShipListPartName', title: '鐗╂枡瑙勬牸', align: "left" },
- { field: 'ShipListKuqty', title: '搴撳瓨鏁伴噺', align: "left" },
- { field: 'ShipListZYQty', title: '鍗犵敤鏁伴噺', align: "left" },
- { field: 'ShipListSYQty', title: '鍓╀綑鍙敤鏁伴噺', align: "left" },
- { field: 'ShipListCGQty', title: '閲囪喘鍦ㄩ�旀暟閲�', align: "left" },
- { field: 'ShipListAQqty', title: '瀹夊叏搴撳瓨', align: "left" },
- { field: 'ShipListXQty', title: '闇�姹傞噺', align: "left" },
- { field: 'ShipListDayqty', title: '鏈棩闇�姹�', align: "left" }
-
- ],
- onClickRow: function (row, $element) {
-
- },
- onCheck: function (row, $element) {
-
- },
- onLoadSuccess: function (row) {
- var a = $('#tb_order').bootstrapTable('getSelections');
- }
-
+
})
}
-
-
+ //寰楀埌鏌ヨ鐨勫弬鏁�
+ function queryParams(params) {
+ num += 1;
+ var temp = { //杩欓噷鐨勯敭鐨勫悕瀛楀拰鎺у埗鍣ㄧ殑鍙橀噺鍚嶅繀椤讳竴鐩达紝杩欒竟鏀瑰姩锛屾帶鍒跺櫒涔熼渶瑕佹敼鎴愪竴鏍风殑
+ limit: params.limit, //椤甸潰澶у皬
+ offset: num, //椤电爜
+ };
+ return temp;
+ }
+
+
+ function BottomData(){
+ $('#tb_order1').bootstrapTable({
+ url: 'http://localhost:12298/api/loaddata/CallTableBottomData',
+ //data: dataJson,
+ method: 'get', //璇锋眰鏂瑰紡锛�*锛�
+ dataType: "json",
+ queryParams :queryParams,
+ striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
+ cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
+ pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
+ sortable: false, //鏄惁鍚敤鎺掑簭
+ sortable: false, //鏄惁鍚敤鎺掑簭
+ search: false, //鏄惁鍚敤鎼滅储妗�
+ sidePagination: "server", //鍒嗛〉鏂瑰紡锛歝lient瀹㈡埛绔垎椤碉紝server鏈嶅姟绔垎椤碉紙*锛�
+ pageNumber: 1, //鍒濆鍖栧姞杞界涓�椤碉紝榛樿绗竴椤�
+ pageSize: 8, //姣忛〉鐨勮褰曡鏁帮紙*锛�
+ pageList: [8], //鍙緵閫夋嫨鐨勬瘡椤电殑琛屾暟锛�*锛�
+ strictSearch: false, //璁剧疆涓� true鍚敤 鍏ㄥ尮閰嶆悳绱紝鍚﹀垯涓烘ā绯婃悳绱�
+ clickToSelect: true, //鏄惁鍚敤鐐瑰嚮閫変腑琛�
+ singleSelect: true, //璁剧疆True 灏嗙姝㈠閫�
+ uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
+ cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
+ detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
+
+ columns: [
+ { field: 'KSTATUS', title: '搴撳瓨鐘舵��', align: "left" },
+ { field: 'KNUMBER', title: '鐗╂枡缂栫爜', align: "left" },
+ { field: 'KNAME', title: '鐗╂枡鍚嶇О', align: "left" },
+ { field: 'KMODEL', title: '鐗╂枡瑙勬牸', align: "left" },
+ { field: 'KQTY', title: '搴撳瓨鏁伴噺', align: "left" },
+ { field: 'KZYQTY', title: '鍗犵敤鏁伴噺', align: "left" },
+ { field: 'KKYQTY', title: '鍓╀綑鍙敤鏁伴噺', align: "left" },
+ { field: 'KZTQTY', title: '閲囪喘鍦ㄩ�旀暟閲�', align: "left" },
+ { field: 'KGQTY', title: '瀹夊叏搴撳瓨', align: "left" },
+ { field: 'KXQTY', title: '闇�姹傞噺', align: "left" },
+ { field: 'KDQTY', title: '鏈棩闇�姹�', align: "left" }
+ ],
+ onClickRow: function (row, $element) {
+
+ },
+ onCheck: function (row, $element) {
+
+ },
+ onLoadSuccess: function (row) {
+ var num_total = (row.total)/ 8
+ if (num >= num_total) {
+ num = 0
+ }
+ }
+ })
+ }
+
+ //寰楀埌鏌ヨ鐨勫弬鏁�
+ function queryParams1(params) {
+ num1 += 1;
+ var temp = { //杩欓噷鐨勯敭鐨勫悕瀛楀拰鎺у埗鍣ㄧ殑鍙橀噺鍚嶅繀椤讳竴鐩达紝杩欒竟鏀瑰姩锛屾帶鍒跺櫒涔熼渶瑕佹敼鎴愪竴鏍风殑
+ limit: params.limit, //椤甸潰澶у皬
+ offset: num1, //椤电爜
+ };
+ return temp;
+ }
</script>
</head>
<body>
<div class='title'>闊╃數鍙枡閰嶉�佺湅鏉�</div>
-
+
<div class="clock">
<ul>
<li id="Date"></li>
@@ -747,13 +623,13 @@
<li id="point">:</li>
<li id="sec"> </li>
</ul>
-
+
</div>
<div class="col-sm-8">
<div class="col-sm-12">
<table id="tb_order" class="table-condensed table-responsive tb_order" data-filter-control="true"></table>
</div>
-
+
</div>
<div class="col-sm-4">
<div id="mychart1"></div>
--
Gitblit v1.9.1