From 35b1b26f1fe16550b4ee2881a26d599456fe59b4 Mon Sep 17 00:00:00 2001
From: lty <876263681@qq.com>
Date: 星期四, 22 一月 2026 17:01:11 +0800
Subject: [PATCH] #i18n翻译
---
src/main/webapp/views/home/console.html | 191 +++++++++++++++++++++++++++++------------------
1 files changed, 118 insertions(+), 73 deletions(-)
diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index 84e2d5b..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;
@@ -99,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({
@@ -122,13 +126,22 @@
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: 5
@@ -151,7 +164,7 @@
};
var series= [{
type: 'pie',
- name: '搴撲綅鍗犳瘮',
+ name: typeof I18n !== 'undefined' ? I18n.t('搴撲綅鍗犳瘮') : '搴撲綅鍗犳瘮',
data: dataPie
}];
var loading = {
@@ -185,8 +198,17 @@
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: 5
@@ -197,7 +219,7 @@
};
var yAxis = {
title: {
- text: '鍏�/鍑哄簱鏁伴噺'
+ text: typeof I18n !== 'undefined' ? I18n.t('鍏鍑哄簱鏁伴噺') : '鍏�/鍑哄簱鏁伴噺'
},
plotLines: [{
value: 0,
@@ -233,76 +255,106 @@
// 琛ㄦ牸
var pageCurr;
+ var tableIns;
function getCol() {
var cols = [
- {field: 'appeTime$', title: '鍏ュ簱鏃堕棿', align: 'center', width: 200}
- ,{field: 'stay_time', align: 'center',title: '婊炵暀澶╂暟'}
- ,{field: 'loc_no', align: 'center',title: '搴撲綅鍙�'}
+ {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, detlCols);
+ 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: [getCol()],
- 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();
+ });
+ }
});
@@ -329,12 +381,5 @@
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
-</script>
-<script src="../../static/js/translate.js"></script>
-<script>
- translate.selectLanguageTag.show = false; //涓嶅嚭鐜扮殑select鐨勯�夋嫨璇█
- translate.service.use('client.edge'); //璁剧疆缈昏瘧鏈嶅姟
- translate.listener.start(); //寮�鍚〉闈㈠厓绱犲姩鎬佺洃鎺э紝js鏀瑰彉鐨勫唴瀹逛篃浼氳缈昏瘧锛屽弬鑰冩枃妗ｏ細 http://translate.zvo.cn/4067.html
- translate.execute();
</script>
</html>
--
Gitblit v1.9.1