From 8e943b7104561c3b14cf223016698709c5ade4b5 Mon Sep 17 00:00:00 2001
From: lty <876263681@qq.com>
Date: 星期二, 03 二月 2026 15:37:26 +0800
Subject: [PATCH] #pda料箱组托和换码
---
src/main/webapp/views/home/console.html | 222 +++++++++++++++++++++++++++++++++++--------------------
1 files changed, 141 insertions(+), 81 deletions(-)
diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index 6e3e343..38b796b 100644
--- a/src/main/webapp/views/home/console.html
+++ b/src/main/webapp/views/home/console.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>棣栭〉</title>
+ <title data-i18n="棣栭〉">棣栭〉</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
@@ -12,6 +12,7 @@
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../../static/js/echarts/highcharts.js"></script>
+ <script src="../../static/js/i18n/i18n-helper.js"></script>
<style>
body {
background-color: #f1f1f1;
@@ -31,11 +32,15 @@
display: inline-block;
width: 49%;
}
+ .chart-elem div {
+ padding-top: 15px;
+ padding-bottom: 5px;
+ }
.chart-elem:first-child {
padding: 0 50px;
}
.chart-elem:last-child {
- padding-left: 20px;
+ padding: 0 50px;
border-left: 1px solid rgba(0,0,0,.1);
}
/*琛ㄦ牸宸ュ叿鏍�*/
@@ -95,17 +100,20 @@
</div>
</div>
-<!--琛ㄦ牸鏁版嵁-->
-<div class="home-elem loc-retention">
- <div class="layui-form">
- <div id="form-header">搴撳瓨婊炵暀鏃堕棿缁熻琛�</div>
- <table class="layui-hide" id="stayTime" lay-filter="stayTime"></table>
+ <!--琛ㄦ牸鏁版嵁-->
+ <div class="home-elem loc-retention">
+ <div class="layui-form">
+ <div id="form-header" data-i18n="搴撳瓨婊炵暀鏃堕棿缁熻琛�">搴撳瓨婊炵暀鏃堕棿缁熻琛�</div>
+ <table class="layui-hide" id="stayTime" lay-filter="stayTime"></table>
+ </div>
</div>
-</div>
</body>
<script>
- pieCharts();
- lineCharts();
+ $(document).on('i18n:ready', function() {
+ pieCharts();
+ lineCharts();
+ });
+
// 楗煎浘
function pieCharts(){
$.ajax({
@@ -118,16 +126,25 @@
success:function(res){
var data = res.data;
var dataPie=eval(data.rows);
+ if (dataPie && typeof I18n !== 'undefined') {
+ for(var i=0; i<dataPie.length; i++) {
+ if(dataPie[i].name) {
+ dataPie[i].name = I18n.t(dataPie[i].name);
+ } else if (Array.isArray(dataPie[i]) && dataPie[i].length > 0) {
+ dataPie[i][0] = I18n.t(dataPie[i][0]);
+ }
+ }
+ }
var chart = {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
};
var title = {
- text: '搴撲綅浣跨敤姣斾緥',
+ text: typeof I18n !== 'undefined' ? I18n.t('搴撲綅浣跨敤姣斾緥') : '搴撲綅浣跨敤姣斾緥',
margin:1,
style: {fontSize: '18px',color: '#777',fontWeight: 'bold'},
- y: 20
+ y: 5
};
var tooltip = {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
@@ -147,16 +164,20 @@
};
var series= [{
type: 'pie',
- name: '搴撲綅鍗犳瘮',
+ name: typeof I18n !== 'undefined' ? I18n.t('搴撲綅鍗犳瘮') : '搴撲綅鍗犳瘮',
data: dataPie
}];
-
+ var loading = {
+ hideDuration: 3,
+ showDuration: 3
+ };
var json = {};
json.chart = chart;
json.title = title;
json.tooltip = tooltip;
json.series = series;
json.plotOptions = plotOptions;
+ json.loading = loading;
json.credits = {enabled: false};
$('#pie').highcharts(json);
@@ -177,11 +198,20 @@
success: function (res) {
var data = res.data;
var dataPie = eval(data.rows);
+ if (dataPie && typeof I18n !== 'undefined') {
+ for(var i=0; i<dataPie.length; i++) {
+ if(dataPie[i].name) {
+ dataPie[i].name = I18n.t(dataPie[i].name);
+ } else if (Array.isArray(dataPie[i]) && dataPie[i].length > 0) {
+ dataPie[i][0] = I18n.t(dataPie[i][0]);
+ }
+ }
+ }
var title = {
- text: '鏃ュ叆鍑哄簱鏁伴噺',
+ text: typeof I18n !== 'undefined' ? I18n.t('鏃ュ叆鍑哄簱鏁伴噺') : '鏃ュ叆鍑哄簱鏁伴噺',
margin: 1,
style: {fontSize: '18px',color: '#777',fontWeight: 'bold'},
- y: 20
+ y: 5
};
var xAxis = {
categories: [getDate(-11), getDate(-10), getDate(-9), getDate(-8), getDate(-7), getDate(-6),
@@ -189,7 +219,7 @@
};
var yAxis = {
title: {
- text: '鍏�/鍑哄簱鏁伴噺'
+ text: typeof I18n !== 'undefined' ? I18n.t('鍏鍑哄簱鏁伴噺') : '鍏�/鍑哄簱鏁伴噺'
},
plotLines: [{
value: 0,
@@ -204,6 +234,10 @@
verticalAlign: 'middle',
borderWidth: 0
};
+ var loading = {
+ hideDuration: 3,
+ showDuration: 3
+ }
var series = dataPie;
var json = {};
json.title = title;
@@ -211,6 +245,7 @@
json.yAxis = yAxis;
json.tooltip = tooltip;
json.legend = legend;
+ json.loading = loading;
json.series = series;
json.credits = {enabled: false};
$('#line').highcharts(json);
@@ -220,81 +255,106 @@
// 琛ㄦ牸
var pageCurr;
+ var tableIns;
+ function getCol() {
+ var cols = [
+ {field: 'appeTime$', title: typeof I18n !== 'undefined' ? I18n.t('鍏ュ簱鏃堕棿') : '鍏ュ簱鏃堕棿', align: 'center', width: 200}
+ ,{field: 'stay_time', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('婊炵暀澶╂暟') : '婊炵暀澶╂暟'}
+ ,{field: 'loc_no', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('搴撲綅鍙�') : '搴撲綅鍙�'}
+ ];
+ cols.push.apply(cols, getDetlCols());
+ return cols;
+ }
+
+ // 鐩戝惉璇█鍒囨崲浜嬩欢
+ $(document).on('i18n:languageChanged', function() {
+ pieCharts();
+ lineCharts();
+ if (tableIns) {
+ tableIns.reload({
+ cols: [getCol()],
+ text: { none: typeof I18n !== 'undefined' ? I18n.t('no_data') : 'No Data' }
+ });
+ }
+ });
layui.use(['table','laydate', 'form'], function() {
var table = layui.table;
var $ = layui.jquery;
var layer = layui.layer;
- // 鏁版嵁娓叉煋
- tableIns = table.render({
- elem: '#stayTime',
- headers: {token: localStorage.getItem('token')},
- url: baseUrl+'/report/viewStayTimeList.action',
- page: true,
- limit: 10,
- toolbar: '#toolbar',
- even: true,
- cellMinWidth: 50,
- crossDomain: true,
- cols: [[
- {field: 'appe_time', title: '鍏ュ簱鏃堕棿', align: 'center', width: 200}
- ,{field: 'stay_time', align: 'center',title: '婊炵暀澶╂暟'}
- ,{field: 'loc_no', align: 'center',title: '搴撲綅鍙�'}
- ,{field: 'matnr', align: 'center',title: '鐗╂枡'}
- ,{field: 'maktx', align: 'center',title: '鐗╂枡鎻忚堪'}
- // ,{field: 'lgnum', align: 'center',title: '浠撳簱鍙�'}
- // ,{field: 'tbnum', align: 'center',title: '璇锋眰缂栧彿'}
- // ,{field: 'zmatid', align: 'center',title: '鐗╂枡鏍囩ID'}
- // ,{field: 'werks', align: 'center',title: '宸ュ巶'}
- ,{field: 'anfme', align: 'center',title: '鏁伴噺'}
- ,{field: 'altme', align: 'center',title: '鍗曚綅'}
- ,{field: 'zpallet', align: 'center',title: '鎵樼洏鐮�'}
- // ,{field: 'bname', align: 'center',title: '鐢ㄦ埛ID'}
- ]],
- request: {
- pageName: 'curr',
- pageSize: 'limit'
- },
- parseData: function (res) {
- return {
- 'code': res.code,
- 'msg': res.msg,
- 'count': res.data.total,
- 'data': res.data.records
- }
- },
- response: {
- statusCode: 200
- },
- done: function(res, curr, count) {
- if (res.code === 403) {
- top.location.href = baseUrl+"/";
- }
- pageCurr=curr;
- }
- });
-
- // 鐩戝惉鎺掑簭浜嬩欢
- table.on('sort(stayTime)', function (obj) {
- var searchData = {};
- $.each($('#search-box [name]').serializeArray(), function() {
- searchData[this.name] = this.value;
- });
- searchData['orderByField'] = obj.field;
- searchData['orderByType'] = obj.type;
- tableIns.reload({
- where: searchData,
- page: {
- curr: 1
+ function initTable() {
+ // 鏁版嵁娓叉煋
+ tableIns = table.render({
+ elem: '#stayTime',
+ headers: {token: localStorage.getItem('token')},
+ url: baseUrl+'/report/viewStayTimeList.action',
+ page: true,
+ limit: 10,
+ toolbar: '#toolbar',
+ even: true,
+ cellMinWidth: 50,
+ crossDomain: true,
+ cols: [getCol()],
+ text: { none: typeof I18n !== 'undefined' ? I18n.t('no_data') : 'No Data' },
+ request: {
+ pageName: 'curr',
+ pageSize: 'limit'
},
- done: function (res, curr, count) {
+ parseData: function (res) {
+ return {
+ 'code': res.code,
+ 'msg': res.msg,
+ 'count': res.data.total,
+ 'data': res.data.records
+ }
+ },
+ response: {
+ statusCode: 200
+ },
+ done: function(res, curr, count) {
if (res.code === 403) {
top.location.href = baseUrl+"/";
}
pageCurr=curr;
+ if (typeof I18n !== 'undefined') {
+ I18n.updateLayuiPagination();
+ }
}
});
- });
+
+ // 鐩戝惉鎺掑簭浜嬩欢
+ table.on('sort(stayTime)', function (obj) {
+ var searchData = {};
+ $.each($('#search-box [name]').serializeArray(), function() {
+ searchData[this.name] = this.value;
+ });
+ searchData['orderByField'] = obj.field;
+ searchData['orderByType'] = obj.type;
+ tableIns.reload({
+ where: searchData,
+ page: {
+ curr: 1
+ },
+ done: function (res, curr, count) {
+ if (res.code === 403) {
+ top.location.href = baseUrl+"/";
+ }
+ pageCurr=curr;
+ if (typeof I18n !== 'undefined') {
+ I18n.updateLayuiPagination();
+ }
+ }
+ });
+ });
+ }
+
+ if (typeof I18n !== 'undefined' && I18n.isReady()) {
+ initTable();
+ } else {
+ $(document).on('i18n:ready', function() {
+ initTable();
+ });
+ }
});
@@ -322,4 +382,4 @@
return fmt;
}
</script>
-</html>
\ No newline at end of file
+</html>
--
Gitblit v1.9.1