From 250270a7712f61dbd632e0e9a50c76cea0633ae6 Mon Sep 17 00:00:00 2001
From: yangle <admin@YINMOU>
Date: 星期一, 20 三月 2023 16:13:51 +0800
Subject: [PATCH] 优化
---
PurchaseReceipt.html | 694 +++++++++++++++++++++++++++++----------------------------
1 files changed, 355 insertions(+), 339 deletions(-)
diff --git a/PurchaseReceipt.html b/PurchaseReceipt.html
index 7d764a6..34842e4 100644
--- a/PurchaseReceipt.html
+++ b/PurchaseReceipt.html
@@ -17,7 +17,8 @@
<script src="js/jquery.SuperSlide.2.1.3.js"></script>
<script src='js/template.js'></script>
<script src="js/jquery.qrcode.min.js"></script>
- <style>
+ <script src="js/webConfig.js"></script>
+ <style>
.clock {
font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
font-size: 20px;
@@ -27,41 +28,37 @@
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;
- }
-
+
+ .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;
@@ -70,25 +67,26 @@
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{
+
+ .left {
/* border: 1px solid #00c6ff; */
height: 900px;
}
- .right{
+
+ .right {
/* border: 1px solid #00c6ff; */
height: 300px;
}
-
-
-
+
+
+
.col-sm-12,
.col-sm-2,
.col-sm-3,
@@ -100,68 +98,69 @@
padding-right: 0px;
padding-left: 0px;
}
-
-
+
+
#mychart1,
#mychart2,
- #mychart3{
+ #mychart3 {
width: 100%;
border: none;
height: 300px;
}
-
+
#cList {
margin: 0% auto;
color: #00c6ff;
}
-
- #cList li {
- margin: 20px 0px;
- text-align:left;
- font-size: 18px;
- margin-left: 25%;
- }
+
+ #cList li {
+ margin: 20px 0px;
+ text-align: left;
+ font-size: 18px;
+ margin-left: 25%;
+ }
+
#cList0 {
height: 900px;
width: 3%;
/* border: 1px solid #00c6ff; */
float: left;
}
-
-
+
+
#cList1 {
float: left;
}
-
- #cList1 li {
- float: left;
- height: 900px;
- 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 {
+ float: left;
+ height: 900px;
+ 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锛�*/
+ }
+
#cList2 {
height: 900px;
width: 97%;
/* border: 1px solid #00c6ff; */
float: left;
}
-
+
table tr td {
text-align: center;
vertical-align: middle !important;
@@ -173,25 +172,24 @@
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 {
+
+ .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: 32px;
@@ -203,55 +201,55 @@
/* 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 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 tr:nth-child(even) {
background: #000000;
}
-
- .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+
+ .pull-right, .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
display: none;
}
</style>
<script type="text/javascript">
-
+
var interval;//璁℃椂鍣�
var interval1;//璁℃椂鍣�
var num = 0;
var ReachProgress; //杈炬垚鐜�
var ZNoProgress; //鎬讳笉鑹巼
-
- var ToDayDt=[]; //杩戞棩杈炬垚鐜囧姣旀椂闂存暟缁�
- var OrderQty=[]; //杩戞棩杈炬垚鐜囧姣旇鍗曟�婚噺鏁版暟缁�
- var ZSQty=[]; //杩戞棩杈炬垚鐜囧姣旀�绘敹鏂欓噺鏁版暟缁�
+
+ var ToDayDt = []; //杩戞棩杈炬垚鐜囧姣旀椂闂存暟缁�
+ var OrderQty = []; //杩戞棩杈炬垚鐜囧姣旇鍗曟�婚噺鏁版暟缁�
+ var ZSQty = []; //杩戞棩杈炬垚鐜囧姣旀�绘敹鏂欓噺鏁版暟缁�
$(document).ready(function () {
// 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "10 鏈�", "11 鏈�", "12 鏈�"];
@@ -265,32 +263,32 @@
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'));
var mychart3 = echarts.init(document.getElementById('mychart3'));
-
- Chart(mychart1,mychart2,mychart3);
+
+ Chart(mychart1, mychart2, mychart3);
DataTable();
// 瀹氭椂鍣�
interval = setInterval(function () {
num = 0;
- ToDayDt=[]; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
- OrderQty=[]; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
- ZSQty=[]; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
+ ToDayDt = []; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
+ OrderQty = []; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
+ ZSQty = []; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
}, 20000);
- interval1=setInterval(function () {
+ interval1 = setInterval(function () {
$("#tb_order").bootstrapTable('refresh');
}, 10000);
//鏍规嵁娴忚鍣ㄥぇ灏忔敼鍙樺ぇ灏�
@@ -300,66 +298,66 @@
mychart3.resize();
}
})
-
- function Chart(mychart1,mychart2,mychart3){
+
+ function Chart(mychart1, mychart2, mychart3) {
$.ajax({
- url: "http://192.168.2.152:80/api/loaddata/PurchaseReceiptData",
+ url: GetWEBURL() + "/loaddata/PurchaseReceiptData",
dataType: "JSON",
async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
type: "Get",
- data:{"Tag":0,"limit":10,"offset":1},
- success: function (data) {
+ data: { "Tag": 0, "limit": 10, "offset": 1 },
+ success: function (data) {
$("#OrderQty").html(parseFloat(data.data[0][0].ZDQty).toFixed(0));
$("#ZSQty").html(parseFloat(data.data[1][0].ZSHQty).toFixed(0));
- $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty-data.data[1][0].ZSHQty<0?0:data.data[0][0].ZDQty-data.data[1][0].ZSHQty).toFixed(0));
- $("#ReachProgress").html(parseFloat(parseFloat(data.data[1][0].ZSHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100+"%").toFixed(0));
- $("#NoProgress").html(parseFloat(data.data[2][0].NoQty)/parseFloat(data.data[1][0].ZSHQty==0?1:data.data[1][0].ZSHQty).toFixed(0)*100+"%");
- ReachProgress=parseFloat(parseFloat(data.data[1][0].ZSHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100);
- ZNoProgress=parseFloat(parseFloat(data.data[2][0].NoQty)/parseFloat(data.data[1][0].ZSHQty==0?1:data.data[1][0].ZSHQty).toFixed(0)*100);
-
-
+ $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty - data.data[1][0].ZSHQty < 0 ? 0 : data.data[0][0].ZDQty - data.data[1][0].ZSHQty).toFixed(0));
+ $("#ReachProgress").html(parseFloat(parseFloat(data.data[1][0].ZSHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100 + "%").toFixed(0));
+ $("#NoProgress").html(parseFloat(data.data[2][0].NoQty) / parseFloat(data.data[1][0].ZSHQty == 0 ? 1 : data.data[1][0].ZSHQty).toFixed(0) * 100 + "%");
+ ReachProgress = parseFloat(parseFloat(data.data[1][0].ZSHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100);
+ ZNoProgress = parseFloat(parseFloat(data.data[2][0].NoQty) / parseFloat(data.data[1][0].ZSHQty == 0 ? 1 : data.data[1][0].ZSHQty).toFixed(0) * 100);
+
+
//杩戞棩杈炬垚鐜�
$.each(data.data[3], function (index, val) {
ToDayDt.push(val.hour.substring(5));
OrderQty.push(parseFloat(val.ZDQty).toFixed(0));
- ZSQty.push(parseFloat(val.ZSHQty).toFixed(0));
+ ZSQty.push(parseFloat(val.ZSHQty).toFixed(0));
});
},
error: function (data) {
-
+
}
})
-
+
const colorList = ['#47A2FF', '#ff9900']
option1 = {
title: [
- {
- text: '',
- subtext: ReachProgress+'%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
+ {
+ text: '',
+ subtext: ReachProgress + '%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
+ },
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '50%'
},
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '50%'
- },
- {
- show: true,
- text: '杈炬垚鐜囧垎鏋�',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ {
+ show: true,
+ text: '杈炬垚鐜囧垎鏋�',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -371,60 +369,60 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- center: ['50%', '60%'],
- avoidLabelOverlap: false,
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '', value: ReachProgress },
- { name: '', value: 100-ReachProgress }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ center: ['50%', '60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '', value: ReachProgress },
+ { name: '', value: 100 - ReachProgress }
+ ],
+ }
]
};
-
+
option2 = {
title: [
- {
- text: '',
- subtext: ZNoProgress+'%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
+ {
+ text: '',
+ subtext: ZNoProgress + '%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
+ },
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '50%'
},
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '50%'
- },
- {
- show: true,
- text: '鏉ユ枡鎬讳笉鑹巼',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ {
+ show: true,
+ text: '鏉ユ枡鎬讳笉鑹巼',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -436,31 +434,31 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- center: ['50%', '60%'],
- avoidLabelOverlap: false,
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '', value: ZNoProgress },
- { name: '', value: 100-ZNoProgress }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ center: ['50%', '60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '', value: ZNoProgress },
+ { name: '', value: 100 - ZNoProgress }
+ ],
+ }
]
};
-
+
option3 = {
title: {
text: '杩戞棩杈炬垚鐜囧姣�',
@@ -474,7 +472,7 @@
},
color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
tooltip: {
-
+
},
grid: {
left: '3%',
@@ -490,85 +488,85 @@
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'
+ {
+ 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',
-
+ {
+ type: 'value',
+ axisLine: {
+ show: false,
+
},
- show: true //闅愯棌鎴栨樉绀�
- },
- axisLabel: {
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
+ 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: ZSQty
- }
+ {
+ name: '鎬诲崟閲�',
+ type: 'bar',
+ barWidth: 15,
+ data: OrderQty
+ },
+ {
+ name: '鎬绘敹鏂�',
+ type: 'bar',
+ barWidth: 15,
+ data: ZSQty
+ }
]
};
-
-
+
+
mychart1.setOption(option1);
mychart2.setOption(option2);
mychart3.setOption(option3);
}
-
+
function DataTable() {
-
+
$('#tb_order').bootstrapTable({
- url: 'http://192.168.2.152:80/api/loaddata/PurchaseReceiptTableData',
+ url: GetWEBURL() + '/loaddata/PurchaseReceiptTableData',
//data: dataJson,
method: 'get', //璇锋眰鏂瑰紡锛�*锛�
dataType: "json",
- queryParams :queryParams,
+ queryParams: queryParams,
striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
@@ -585,85 +583,103 @@
uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
-
+
columns: [
- { field: 'HBillNo', title: '鏀舵枡鍗曞彿', align: "left" },
- { field: 'HNumber', title: '鐗╂枡缂栫爜', align: "left" },
- { field: 'HName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
+ { field: 'HBillNo', title: '鏀舵枡鍗曞彿', align: "left" },
+ { field: 'HNumber', title: '鐗╂枡缂栫爜', align: "left" },
+ {
+ field: 'HName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ {
+ field: 'HModel', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ { field: 'HSourceBillNo', title: '閲囪喘璁㈠崟鍙�', align: "left" },
+ {
+ field: 'HQty', title: '璁㈠崟閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'SHQty', title: '搴旀敹閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'HRelationQty', title: '鍏ュ簱閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'HInStockQty', title: '宸叉敹鏂欐暟閲�', align: "left", hidden: true, formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'OrderSupsQty', title: '璁㈠崟鍓╀綑', align: "left", formatter: function (value, row, index) {
+ var res = row.HQty - row.HInStockQty;
+ return parseFloat(res).toFixed(2);
+ }
+ },
+ {
+ field: 'NotOutQty', title: '鏈叆搴撻噺', align: "left", formatter: function (value, row, index) {
+ var res = row.SHQty - row.HRelationQty;
+ return parseFloat(res).toFixed(2);
+ }
+ },
+ {
+ field: 'HSTATUS', title: '鐘舵��', align: "left", formatter: function (value, row, index) {
+ return "宸查�佽揣";
+ }
+ },
+ {
+ field: 'Progress', title: '杩涘害', align: "left", width: 100, formatter: function (value, row, index) {
+ var res = 100 * row.HRelationQty / row.SHQty;
+ //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(1) + "%</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(1) + "%';text-align:center;'></div></div></div>";
}
}
- }},
- { field: 'HModel', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
- }
- }
- }},
- { field: 'HSourceBillNo', title: '閲囪喘璁㈠崟鍙�', align: "left" },
- { field: 'HQty', title: '璁㈠崟閲�', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }},
- { field: 'SHQty', title: '搴旀敹閲�', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'HRelationQty', title: '鍏ュ簱閲�', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'HInStockQty', title: '宸叉敹鏂欐暟閲�', align: "left",hidden:true, formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'OrderSupsQty', title: '璁㈠崟鍓╀綑', align: "left" , formatter: function (value, row, index) {
- var res = row.HQty -row.HInStockQty;
- return parseFloat(res).toFixed(2);
- }},
- { field: 'NotOutQty', title: '鏈叆搴撻噺', align: "left" , formatter: function (value, row, index) {
- var res = row.SHQty -row.HRelationQty;
- return parseFloat(res).toFixed(2);
- }},
- { field: 'HSTATUS', title: '鐘舵��', align: "left",formatter: function (value, row, index) {
- return "宸查�佽揣";
- } },
- {
- field: 'Progress', title: '杩涘害', align: "left",width:100, formatter: function (value, row, index) {
- var res = 100 * row.HRelationQty / row.SHQty;
- //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(1) + "%</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(1) + "%';text-align:center;'></div></div></div>";
- }
- }
],
onClickRow: function (row, $element) {
-
+
},
onCheck: function (row, $element) {
-
+
},
onLoadSuccess: function (row) {
- var num_total = (row.total)/ 20
+ var num_total = (row.total) / 20
if (num >= num_total) {
num = 0
}
//var a = $('#tb_order').bootstrapTable('getSelections');
}
-
+
})
}
//寰楀埌鏌ヨ鐨勫弬鏁�
function queryParams(params) {
num += 1;
var temp = { //杩欓噷鐨勯敭鐨勫悕瀛楀拰鎺у埗鍣ㄧ殑鍙橀噺鍚嶅繀椤讳竴鐩达紝杩欒竟鏀瑰姩锛屾帶鍒跺櫒涔熼渶瑕佹敼鎴愪竴鏍风殑
- Tag:1,
+ Tag: 1,
limit: params.limit, //椤甸潰澶у皬
offset: num, //椤电爜
};
--
Gitblit v1.9.1