#i18n翻译

lty

2026-01-22 35b1b26f1fe16550b4ee2881a26d599456fe59b4

 src/main/webapp/views/tag/tag.html

@@ -31,8 +31,8 @@
</div>

<script type="text/html" id="operate">
    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs btn-del" lay-event="del">删除</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit" data-i18n="edit">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs btn-del" lay-event="del" data-i18n="delete">删除</a>
</script>

<!-- 表单弹窗 -->
@@ -55,26 +55,26 @@
            <div class="layui-col-md6">

                <div class="layui-form-item">
                    <label class="layui-form-label">上级菜单</label>
                    <label class="layui-form-label" data-i18n="parent_menu">Parent Menu</label>
                    <div class="layui-input-block">
                        <div id="tagParentSel" class="ew-xmselect-tree"></div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                <!-- <div class="layui-form-item">
                    <label class="layui-form-label" data-i18n="type">类型</label>
                    <div class="layui-input-block">
                        <select name="type" lay-vertype="tips">
                            <option value="">请选择类型</option>
                            <option value="0">其他</option>
                            <option value="" data-i18n="please_select_type">请选择类型</option>
                            <option value="0" data-i18n="other">其他</option>
                        </select>
                    </div>
                </div>
                </div> -->

                <div class="layui-form-item">
                    <label class="layui-form-label">负责人</label>
                    <label class="layui-form-label" data-i18n="responsible_person">Owner</label>
                    <div class="layui-input-block">
                        <input name="leading" placeholder="请输入负责人" class="layui-input">
                        <input name="leading" placeholder="请输入负责人" class="layui-input" data-i18n="please_enter_responsible_person">
                    </div>
                </div>

@@ -83,23 +83,23 @@
            <div class="layui-col-md6">

                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">归类名称</label>
                    <label class="layui-form-label layui-form-required" data-i18n="classification_name">Category Name</label>
                    <div class="layui-input-block">
                        <input name="name" placeholder="请输入归类名称" class="layui-input" lay-vertype="tips" lay-verify="required" required="">
                        <input name="name" placeholder="请输入归类名称" class="layui-input" lay-vertype="tips" lay-verify="required" required="" data-i18n="please_enter_classification_name">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <label class="layui-form-label" data-i18n="sort">sort</label>
                    <div class="layui-input-block">
                        <input name="sort" placeholder="请输入排序" class="layui-input">
                        <input name="sort" placeholder="请输入排序" class="layui-input" data-i18n="please_enter_sort">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">备注</label>
                    <label class="layui-form-label" data-i18n="memo">memo</label>
                    <div class="layui-input-block">
                        <input name="memo" placeholder="请输入备注" class="layui-input">
                        <input name="memo" placeholder="请输入备注" class="layui-input" data-i18n="please_enter_memo">
                    </div>
                </div>

@@ -107,13 +107,14 @@
        </div>
        <hr class="layui-bg-gray">
        <div class="layui-form-item text-right">
            <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button>
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="editSubmit" lay-submit="" data-i18n="save">保存</button>
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog" data-i18n="cancel">取消</button>
        </div>
    </form>
</script>

<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script 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>
@@ -130,14 +131,39 @@
        var xmSelect = layui.xmSelect;
        var tbDataList = [];

        var getCols = function() {
            return [[
                {type: 'checkbox'}
                ,{type: 'numbers'}
                ,{field: 'name', align: 'left',title: I18n.t('name'), minWidth: 150}
                // ,{field: 'uuid', align: 'center',title: '编号'}
                // ,{field: 'type$', align: 'center',title: I18n.t('type')}
                ,{field: 'leading', align: 'center',title: I18n.t('responsible_person')}
                ,{field: 'img', align: 'center',title: I18n.t('image'), hide: true}
                // ,{field: 'brief', align: 'center',title: '简要描述'}
                // ,{field: 'count', align: 'center',title: '数量'}
                ,{field: 'sort', align: 'center',title: I18n.t('sort')}
                ,{field: 'status', align: 'center',title: I18n.t('status'), templet: function(d) {
                    if (d.status === 1) return '<span class="layui-badge layui-bg-green">' + I18n.t('normal') + '</span>';
                    if (d.status === 0) return '<span class="layui-badge layui-bg-gray">' + I18n.t('status_disabled') + '</span>';
                    return '';
                }}
                ,{field: 'updateTime$', align: 'center',title: I18n.t('modify_time')}
                ,{field: 'updateBy$', align: 'center',title: I18n.t('modifier'), hide: true}
                ,{field: 'memo', align: 'center',title: I18n.t('memo'), hide: true}

                ,{fixed: 'right', title: I18n.t('operation'), align: 'center', toolbar: '#operate', width:150}
            ]];
        };

        var insTb = treeTable.render({
            elem: '#tag',
            url: baseUrl+'/tag/list/auth',
            headers: {token: localStorage.getItem('token')},
            height: 'full-200',
            toolbar: ['<p>',
                '<button lay-event="add" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>&nbsp;',
                '<button lay-event="del" class="layui-btn layui-btn-sm layui-btn-danger icon-btn"><i class="layui-icon">&#xe640;</i>删除</button>',
                '<button lay-event="add" class="layui-btn layui-btn-sm icon-btn" data-i18n="add"><i class="layui-icon">&#xe654;</i>添加</button>&nbsp;',
                '<button lay-event="del" class="layui-btn layui-btn-sm layui-btn-danger icon-btn" data-i18n="delete"><i class="layui-icon">&#xe640;</i>删除</button>',
                '</p>'].join(''),
            tree: {
                iconIndex: 2,           // 折叠图标显示在第几列
@@ -145,29 +171,29 @@
                idName: 'id',           // id字段名称
                pidName: 'parentId'     // pid字段名称
            },
            cols: [[
                {type: 'checkbox'}
                ,{type: 'numbers'}
                ,{field: 'name', align: 'left',title: '名称', minWidth: 150}
                // ,{field: 'uuid', align: 'center',title: '编号'}
                ,{field: 'type$', align: 'center',title: '类型'}
                ,{field: 'leading', align: 'center',title: '负责人'}
                ,{field: 'img', align: 'center',title: '图片', hide: true}
                // ,{field: 'brief', align: 'center',title: '简要描述'}
                // ,{field: 'count', align: 'center',title: '数量'}
                ,{field: 'sort', align: 'center',title: '排序'}
                ,{field: 'status$', align: 'center',title: '状态'}
                ,{field: 'updateTime$', align: 'center',title: '修改时间'}
                ,{field: 'updateBy$', align: 'center',title: '修改人员', hide: true}
                ,{field: 'memo', align: 'center',title: '备注', hide: true}

                ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:150}
            ]],
            cols: getCols(),
            done: function (data) {
                $('.ew-tree-table-box').css('height', '100%');
                insTb.expandAll();
                tbDataList = data;
                if (typeof I18n !== 'undefined') {
                    I18n.updatePage();
                }
            }
        });

        $(document).on('i18n:languageChanged', function() {
            insTb.reload({
                cols: getCols(),
                done: function (data) {
                    $('.ew-tree-table-box').css('height', '100%');
                    insTb.expandAll();
                    tbDataList = data;
                    if (typeof I18n !== 'undefined') {
                        I18n.updatePage();
                    }
                }
            });
        });

        /* 表格头工具栏点击事件 */
@@ -177,7 +203,7 @@
            } else if (obj.event === 'del') { // 删除
                var checkRows = insTb.checkStatus();
                if (checkRows.length === 0) {
                    layer.msg('请选择要删除的数据', {icon: 2});
                    layer.msg(I18n.t('please_select_data'), {icon: 2});
                    return;
                }
                var ids = checkRows.map(function (d) {
@@ -205,7 +231,7 @@
            admin.open({
                type: 1,
                area: '600px',
                title: (mData ? '修改' : '添加') + '归类',
                title: (mData ? I18n.t('edit') : I18n.t('add')) + ' ' + I18n.t('classification'),
                content: $('#editDialog').html(),
                success: function (layero, dIndex) {
                    // 回显表单数据
@@ -257,13 +283,18 @@
                    // 弹窗不出现滚动条
                    $(layero).children('.layui-layer-content').css('overflow', 'visible');
                    layui.form.render('select');
                    if (typeof I18n !== 'undefined') {
                        setTimeout(function() {
                            I18n.updatePage($(layero));
                        }, 50);
                    }
                }
            });
        }

        /* 删除 */
        function doDel(obj) {
            layer.confirm('确定要删除选中数据吗？', {
            layer.confirm(I18n.t('confirm_delete_selected_data'), {
                skin: 'layui-layer-admin',
                shade: .1
            }, function (i) {
@@ -299,12 +330,6 @@
    });
</script>
</body>
<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>