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/pakStore/matQuery.html | 152 +++++++++++++++++++++++++++++++++++---------------
1 files changed, 105 insertions(+), 47 deletions(-)
diff --git a/src/main/webapp/views/pakStore/matQuery.html b/src/main/webapp/views/pakStore/matQuery.html
index 54c50b4..21a7f53 100644
--- a/src/main/webapp/views/pakStore/matQuery.html
+++ b/src/main/webapp/views/pakStore/matQuery.html
@@ -22,36 +22,36 @@
</head>
<body>
<div style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">
- <span style="font-size: large; font-weight: bold">閫夋嫨鍟嗗搧</span>
+ <span style="font-size: large; font-weight: bold" data-i18n="select_item">閫夋嫨鍟嗗搧</span>
</div>
<div class="layui-card" style="padding: 0 20px; overflow: scroll;">
<fieldset class="layui-elem-field site-demo-button" style="margin: 20px;">
- <legend>鎼滅储鏍�</legend>
+ <legend data-i18n="search_bar">鎼滅储鏍�</legend>
<div id="search-box" class="layui-form layui-card-header">
<div class="layui-inline">
<div class="layui-input-inline">
- <input class="layui-input" type="text" name="matnr" placeholder="鍟嗗搧缂栧彿" autocomplete="off">
+ <input class="layui-input" type="text" name="matnr" data-i18n-placeholder="product_code" placeholder="鍟嗗搧缂栧彿" autocomplete="off">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
- <input class="layui-input" type="text" name="maktx" placeholder="鍟嗗搧鍚嶇О" autocomplete="off">
+ <input class="layui-input" type="text" name="maktx" data-i18n-placeholder="product_name" placeholder="鍟嗗搧鍚嶇О" autocomplete="off">
</div>
</div>
<!-- 鏃ユ湡鑼冨洿 -->
<div class="layui-inline" style="width: 300px">
<div class="layui-input-inline">
- <input class="layui-input layui-laydate-range" name="modi_time" type="text" placeholder="璧峰鏃堕棿 - 缁堟鏃堕棿" autocomplete="off" style="width: 300px">
+ <input class="layui-input layui-laydate-range" id = "modi_time" name="modi_time" type="text" data-i18n-placeholder="start_end_time" placeholder="璧峰鏃堕棿 - 缁堟鏃堕棿" autocomplete="off" style="width: 300px">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
- <input class="layui-input" type="text" name="condition" placeholder="璇疯緭鍏�" autocomplete="off">
+ <input class="layui-input" type="text" name="condition" data-i18n-placeholder="please_input" placeholder="璇疯緭鍏�" autocomplete="off">
</div>
</div>
<!-- 寰呮坊鍔� -->
<div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block">
- <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">鎼滅储</button>
+ <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search" data-i18n="search">鎼滅储</button>
</div>
</div>
</fieldset>
@@ -63,11 +63,12 @@
<script type="text/html" id="toolbar">
<div class="layui-btn-container">
- <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="">鎻愬彇</button>
+ <button class="layui-btn" id="btn-confirm" lay-event="confirm" style="" data-i18n="extract">鎻愬彇</button>
</div>
</script>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
+<script type="text/javascript" src="../../static/js/i18n/i18n-helper.js"></script>
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
@@ -79,10 +80,14 @@
let cols = [
{type: 'checkbox', fixed: 'left'}
];
- cols.push.apply(cols, matCols);
+ if (typeof getMatCols === 'function') {
+ cols.push.apply(cols, getMatCols());
+ } else {
+ cols.push.apply(cols, matCols);
+ }
cols.push(
- {field: 'modiUser$', align: 'center',title: '淇敼浜哄憳', hide: true},
- {field: 'modiTime$', align: 'center',title: '淇敼鏃堕棿'}
+ {field: 'modiUser$', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('modifier') : '淇敼浜哄憳', hide: true},
+ {field: 'modiTime$', align: 'center',title: typeof I18n !== 'undefined' ? I18n.t('modify_time') : '淇敼鏃堕棿'}
)
return cols;
}
@@ -96,40 +101,65 @@
var layDate = layui.laydate;
var form = layui.form;
var admin = layui.admin;
+
+ var dateIns = layDate.render({
+ elem: '#modi_time'
+ ,type: 'datetime'
+ ,range: true
+ ,lang: typeof I18n !== 'undefined' && I18n.getLanguage().toLowerCase() === 'zh-cn' ? 'cn' : 'en'
+ });
// 鐗╂枡鏌ヨ鏁版嵁琛�
- matQueryTable = table.render({
- elem: '#mat',
- headers: {token: localStorage.getItem('token')},
- url: baseUrl + '/mat/list/auth',
- page: true,
- limit: 7,
- limits: [7, 10, 30,50,100],
- even: true,
- cellMinWidth: 50,
- toolbar: '#toolbar',
- 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
+ function initTable() {
+ matQueryTable = table.render({
+ elem: '#mat',
+ headers: {token: localStorage.getItem('token')},
+ url: baseUrl + '/mat/list/auth',
+ page: true,
+ limit: 7,
+ limits: [7, 10, 30,50,100],
+ even: true,
+ cellMinWidth: 50,
+ toolbar: '#toolbar',
+ cols: [getCol()],
+ text: {
+ none: typeof I18n !== 'undefined' ? I18n.t('no_data') : '鏆傛棤鐩稿叧鏁版嵁'
+ },
+ 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 + "/";
+ }
+ if (typeof I18n !== 'undefined') {
+ I18n.updatePage();
+ I18n.updateLayuiPagination();
+ }
}
- },
- response: {
- statusCode: 200
- },
- done: function (res, curr, count) {
- if (res.code === 403) {
- top.location.href = baseUrl + "/";
- }
- }
- });
+ });
+ }
+
+ // Initialize table when I18n is ready
+ if (typeof I18n !== 'undefined' && I18n.isReady()) {
+ initTable();
+ } else {
+ $(document).on('i18n:ready', function() {
+ initTable();
+ });
+ }
// 鐩戝惉澶村伐鍏锋爮浜嬩欢
table.on('toolbar(mat)', function (obj) {
@@ -138,7 +168,7 @@
switch(obj.event) {
case 'confirm':
if (data.length === 0){
- layer.msg("璇烽�夋嫨鏁版嵁", {icon: 2});
+ layer.msg(typeof I18n !== 'undefined' ? I18n.t('please_select_data') : "璇烽�夋嫨鏁版嵁", {icon: 2});
return;
}
parent.addTableData(data);
@@ -151,14 +181,41 @@
tableReload();
});
- layDate.render({
- elem: '.layui-laydate-range'
- ,type: 'datetime'
- ,range: true
+ $(document).on('i18n:languageChanged', function() {
+ if (matQueryTable) {
+ matQueryTable.reload({
+ cols: [getCol()]
+ });
+ } else {
+ initTable();
+ }
+ // Update placeholder
+ $('[data-i18n-placeholder]').each(function() {
+ var key = $(this).attr('data-i18n-placeholder');
+ $(this).attr('placeholder', I18n.t(key));
+ });
+ // Reload date component
+ if (typeof dateIns !== 'undefined') {
+ // Completely remove and recreate the input element to force laydate reset
+ var $input = $('#modi_time');
+ var parent = $input.parent();
+ var inputHtml = $input.prop("outerHTML");
+ $input.remove();
+ parent.append(inputHtml);
+ $('#modi_time').removeAttr('lay-key'); // Ensure no key remains
+
+ dateIns = layDate.render({
+ elem: '#modi_time'
+ ,type: 'datetime'
+ ,range: true
+ ,lang: I18n.getLanguage().toLowerCase() === 'zh-cn' ? 'cn' : 'en'
+ });
+ }
});
})
function tableReload() {
+ if (!matQueryTable) return;
var searchData = {};
$.each($('#search-box [name]').serializeArray(), function() {
searchData[this.name] = this.value;
@@ -169,5 +226,6 @@
}
</script>
+
</html>
--
Gitblit v1.9.1