@jx3box/jx3box-ui 2.0.5 → 2.0.7

package/src/header/logo.vue

@@ -2,12 +2,12 @@
     <div
         class="c-header-logo"
         @click="toggleBox($event)"
-        :title="$jx3boxT('jx3boxUi.header.expandBoxMatrix', '点击展开魔盒矩阵')"
+        :title="$jx3boxT('jx3boxUi.commonHeader.expandBoxMatrix', '点击展开魔盒矩阵')"
     >
         <i class="u-pic" id="c-header-logo">
             <img svg-inline src="../../assets/img/common/logo.svg" alt="JX3BOX" />
         </i>
-        <span class="u-txt" :class="{ on: isIndex }" href="/">{{ $jx3boxT("jx3boxUi.header.box", "魔盒") }}</span>
+        <span class="u-txt" :class="{ on: isIndex }" href="/">{{ $jx3boxT("jx3boxUi.commonHeader.box", "魔盒") }}</span>
     </div>
 </template>
 
@@ -30,7 +30,6 @@ export default {
     },
     computed: {},
     methods: {
-        // TODO: 主页和魔盒矩阵的切换
         // 盒子
         toggleBox: function (e) {
             e.stopPropagation();

package/src/header/manage.vue

@@ -7,7 +7,7 @@
                 class="u-add"
                 svg-inline
                 src="../../assets/img/common/manage.svg"
-                :alt="$jx3boxT('jx3boxUi.header.manageCenter', '扩展中心')"
+                :alt="$jx3boxT('jx3boxUi.commonHeader.manageCenter', '扩展中心')"
             />
         </span>
         <ul class="u-menu u-pop-content">
@@ -87,7 +87,7 @@ export default {
     },
     methods: {
         getPanelLabel(item) {
-            if (item?.key) return this.$jx3boxT(`jx3boxUi.header.panel.${item.key}`, item.label || item.key);
+            if (item?.key) return this.$jx3boxT(`jx3boxUi.commonHeader.panel.${item.key}`, item.label || item.key);
             return item?.label || "";
         },
         loadPanel: function () {

package/src/header/message.vue

@@ -2,7 +2,7 @@
     <div class="c-header-msg" id="c-header-msg">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.messageCenter', '消息中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.messageCenter', '消息中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -13,7 +13,7 @@
                     <img
                         svg-inline
                         src="../../assets/img/common/bell.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.messageCenter', '消息中心')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.messageCenter', '消息中心')"
                     />
                 </i>
             </a>
@@ -80,7 +80,7 @@ export default {
         border-radius: 50%;
         position: absolute;
         right: -5px;
-        top: -6px;
+        top: -2px;
         .z(1);
     }
 }

package/src/header/nav.vue

@@ -10,7 +10,7 @@
                                 :class="{ on: isFocus(item.link) }"
                                 :href="item.link"
                                 :target="isSelf(item.link)"
-                                >{{ $jx3boxT(`jx3boxUi.nav.${item.key}`, item.label) }}</a
+                                >{{ $jx3boxT(`jx3boxUi.commonHeader.nav.${item.key}`, item.label) }}</a
                             >
                             <template #dropdown>
                                 <el-dropdown-menu class="c-header-menu">
@@ -21,7 +21,7 @@
                                             class="u-menu-item"
                                         >
                                             <a :href="subitem.link" :target="isSelf(subitem.link)"
-                                                >{{ $jx3boxT(`jx3boxUi.nav.${subitem.key}`, subitem.label) }}
+                                                >{{ $jx3boxT(`jx3boxUi.commonHeader.nav.${subitem.key}`, subitem.label) }}
                                                 <span v-if="subitem.desc">{{ subitem.desc }}</span></a
                                             >
                                         </el-dropdown-item>
@@ -32,7 +32,7 @@
                     </template>
                     <template v-else>
                         <a class="u-item" :class="{ on: isFocus(item.link) }" :href="item.link">{{
-                            $jx3boxT(`jx3boxUi.nav.${item.key}`, item.label)
+                            $jx3boxT(`jx3boxUi.commonHeader.nav.${item.key}`, item.label)
                         }}</a>
                     </template>
                 </template>
@@ -41,7 +41,7 @@
         <!-- <div class="c-header-nav--pad">
             <el-menu mode="horizontal" class="c-quick-menu" :default-active="activeIndex">
                 <el-sub-menu index="quick-menu" popper-class="c-quick-menu__submenu">
-                    <template #title>快捷导航</template>
+                    <template #title>{{ $jx3boxT("jx3boxUi.nav.quickNav", "快捷导航") }}</template>
                     <template v-for="item in finalNav" :key="'header-nav-' + item.key">
                         <el-sub-menu
                             v-if="matchedClient(item.client) && item.children && item.children.length"
@@ -127,13 +127,14 @@ const activeNav = {
 import { getMenu } from "../../service/header";
 import { trimSlash } from "./utils";
 import i18nMixin from "../../i18n/mixin";
+import navData from "../../assets/data/nav.json";
 
 export default {
     mixins: [i18nMixin],
     props: {},
     data: function () {
         return {
-            nav: default_nav,
+            nav: navData,
 
             activeIndex: "",
         };
@@ -190,24 +191,25 @@ export default {
             return link.startsWith("/") ? "_self" : "_blank";
         },
         loadNav() {
-            try {
-                const nav = (sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav"))) || null;
-                if (nav) {
-                    this.nav = nav;
-                    this.syncActiveIndex();
-                } else {
-                    getMenu("nav").then((res) => {
-                        if (res.data) {
-                            this.nav = res?.data?.data?.val;
-                            sessionStorage.setItem("nav", JSON.stringify(this.nav));
-                            this.syncActiveIndex();
-                        }
-                    });
-                }
-            } catch (e) {
-                this.nav = default_nav;
-                console.log("loadNav error", e);
-            }
+            this.nav = navData;
+            // try {
+            //     const nav = (sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav"))) || null;
+            //     if (nav) {
+            //         this.nav = nav;
+            //         this.syncActiveIndex();
+            //     } else {
+            //         getMenu("nav").then((res) => {
+            //             if (res.data) {
+            //                 this.nav = res?.data?.data?.val;
+            //                 sessionStorage.setItem("nav", JSON.stringify(this.nav));
+            //                 this.syncActiveIndex();
+            //             }
+            //         });
+            //     }
+            // } catch (e) {
+            //     this.nav = default_nav;
+            //     console.log("loadNav error", e);
+            // }
         },
         trimSlash(link) {
             return trimSlash(`${this.prefix}:${link}`);
@@ -287,6 +289,7 @@ export default {
 
 .c-header-nav--pc,
 .c-header-nav--pad {
+    // .flex;
     .flex(y);
 }
 .c-header-nav--pad {

package/src/header/publish.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel" id="c-header-panel">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.createCenter', '创作中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.createCenter', '创作中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -12,7 +12,7 @@
                     class="u-add"
                     svg-inline
                     src="../../assets/img/common/edit.svg"
-                    :alt="$jx3boxT('jx3boxUi.header.createCenter', '创作中心')"
+                    :alt="$jx3boxT('jx3boxUi.commonHeader.createCenter', '创作中心')"
                 />
             </a>
         </el-tooltip>

package/src/header/search.vue

@@ -7,7 +7,7 @@
                     type="text"
                     autocomplete="off"
                     name="q"
-                    :placeholder="$jx3boxT('jx3boxUi.header.searchPlaceholder', '搜索..')"
+                    :placeholder="$jx3boxT('jx3boxUi.commonHeader.searchPlaceholder', '搜索..')"
                     ref="searchInput"
                 />
                 <input type="hidden" name="client" :value="client" />
@@ -16,7 +16,7 @@
                     <img
                         svg-inline
                         src="../../assets/img/common/search-key-slash.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.search', '搜索')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.search', '搜索')"
                     />
                 </i>
             </form>

package/src/header/shop.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel c-header-shop">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.mallPoints', '积分商城')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.mallPoints', '积分商城')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -14,7 +14,7 @@
                         class="u-icon"
                         svg-inline
                         src="../../assets/img/common/gift.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.mallPoints', '积分商城')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.mallPoints', '积分商城')"
                     />
                 </i>
             </a>

package/src/header/user.vue

@@ -30,13 +30,13 @@
             <lang />
 
             <a class="c-header-console" :href="login_url">{{
-                $jx3boxT("jx3boxUi.header.loginRegister", "登录/注册")
+                $jx3boxT("jx3boxUi.commonHeader.loginRegister", "登录/注册")
             }}</a>
 
             <!-- <div class="c-header-login">
-                <a class="u-register u-default" :href="register_url">注册</a>
+                <a class="u-register u-default" :href="register_url">{{ $jx3boxT("jx3boxUi.user.register", "注册") }}</a>
                 <em>|</em>
-                <a class="u-login u-default" :href="login_url">登录</a>
+                <a class="u-login u-default" :href="login_url">{{ $jx3boxT("jx3boxUi.user.login", "登录") }}</a>
             </div> -->
         </template>
     </div>
@@ -118,7 +118,7 @@ export default {
                             .then(() => {
                                 let msg = this.$message({
                                     type: "success",
-                                    message: this.$jx3boxT("jx3boxUi.header.signInSuccess", "签到成功"),
+                                    message: this.$jx3boxT("jx3boxUi.commonHeader.signInSuccess", "签到成功"),
                                     customClass: "c-header-signin",
                                     duration: 0,
                                 });

package/src/header/userInfo.vue

@@ -5,31 +5,29 @@
             <template v-if="isPhone">
                 <ul class="u-menu u-pop-content">
                     <li>
-                        <a href="/dashboard">{{ $jx3boxT("jx3boxUi.header.profileCenter", "个人中心") }}</a>
+                        <a href="/dashboard">{{ $jx3boxT("jx3boxUi.commonHeader.profileCenter", "个人中心") }}</a>
                     </li>
                     <li>
-                        <a :href="url.msg">{{ $jx3boxT("jx3boxUi.header.messageCenter", "消息中心") }}</a>
+                        <a :href="url.msg">{{ $jx3boxT("jx3boxUi.commonHeader.messageCenter", "消息中心") }}</a>
                     </li>
                     <li>
-                        <a :href="url.publish">{{ $jx3boxT("jx3boxUi.header.publishCenter", "发布中心") }}</a>
+                        <a :href="url.publish">{{ $jx3boxT("jx3boxUi.commonHeader.publishCenter", "发布中心") }}</a>
                     </li>
                     <hr />
                     <li v-for="item in userPanel" :key="item.label">
                         <a :href="item.link" :target="item.target || '_self'">
-                            <!-- <i :class="item.icon || 'el-icon-present'"></i> -->
                             {{ item.label }}
                         </a>
                     </li>
                     <template v-if="isTeammate">
                         <li v-for="item in adminPanel" :key="item.label">
                             <a :href="item.link" :target="item.target || '_self'">
-                                <!-- <i :class="item.icon || 'el-icon-present'"></i> -->
                                 {{ item.label }}
                             </a>
                         </li>
                     </template>
                     <li>
-                        <a @click="logout">{{ $jx3boxT("jx3boxUi.header.logout", "退出登录") }}</a>
+                        <a @click="logout">{{ $jx3boxT("jx3boxUi.commonHeader.logout", "退出登录") }}</a>
                     </li>
                 </ul>
             </template>
@@ -45,18 +43,18 @@
                                     :src="super_author_icon"
                                     class="u-superauthor-profile"
                                     alt="superauthor"
-                                    :title="$jx3boxT('jx3boxUi.header.superAuthor', '签约作者')"
+                                    :title="$jx3boxT('jx3boxUi.commonHeader.superAuthor', '签约作者')"
                                     :class="{ off: !isSuperAuthor }"
                             /></a>
                             <a
                                 class="u-vip"
                                 href="/vip/premium?from=header_usermenu"
                                 target="_blank"
-                                :title="$jx3boxT('jx3boxUi.header.proAccount', '专业版账号')"
+                                :title="$jx3boxT('jx3boxUi.commonHeader.proAccount', '专业版账号')"
                             >
                                 <i class="i-icon-vip" :class="{ on: isPRO }">{{ vipType }}</i>
                                 <span class="u-expire" v-if="isPRO">{{
-                                    $jx3boxT("jx3boxUi.header.proExpireUntil", "（有效期至：{date}）", {
+                                    $jx3boxT("jx3boxUi.commonHeader.proExpireUntil", "（有效期至：{date}）", {
                                         date: pro_expire_date,
                                     })
                                 }}</span>
@@ -64,9 +62,9 @@
                         </div>
                         <div class="u-id">
                             <span
-                                >{{ $jx3boxT("jx3boxUi.header.uidPrefix", "魔盒UID：") }}<b>{{ user.ID }}</b></span
+                                >{{ $jx3boxT("jx3boxUi.commonHeader.uidPrefix", "魔盒UID：") }}<b>{{ user.ID }}</b></span
                             >
-                            <el-icon class="el-icon-document-copy u-copy" @click.stop="copyText(user.ID)"
+                            <el-icon class="u-copy" @click.stop="copyText(user.ID)"
                                 ><DocumentCopy
                             /></el-icon>
                         </div>
@@ -74,39 +72,39 @@
 
                     <el-button-group class="u-actions">
                         <a class="el-button el-button--default is-plain" href="/dashboard/config">{{
-                            $jx3boxT("jx3boxUi.header.config", "偏好设置")
+                            $jx3boxT("jx3boxUi.commonHeader.config", "偏好设置")
                         }}</a>
                         <a class="el-button el-button--default is-plain" @click="changeAlternate">{{
-                            $jx3boxT("jx3boxUi.header.switchAlternate", "切换马甲")
+                            $jx3boxT("jx3boxUi.commonHeader.switchAlternate", "切换马甲")
                         }}</a>
                         <a class="el-button el-button--default is-plain" href="/dashboard/frame">{{
-                            $jx3boxT("jx3boxUi.header.themeStyle", "主题风格")
+                            $jx3boxT("jx3boxUi.commonHeader.themeStyle", "主题风格")
                         }}</a>
                     </el-button-group>
 
                     <div class="u-other">
                         <a href="/dashboard/role" class="u-item"
-                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.header.roleManage", "角色管理") }}
+                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.roleManage", "角色管理") }}
                         </a>
                         <a href="/dashboard/fav" class="u-item"
-                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.header.favorites", "收藏订阅") }}
+                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.favorites", "收藏订阅") }}
                         </a>
                         <a href="/dashboard/mall" class="u-item"
-                            ><el-icon><Memo /></el-icon>{{ $jx3boxT("jx3boxUi.header.orderCenter", "订单中心") }}
+                            ><el-icon><Memo /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.orderCenter", "订单中心") }}
                         </a>
                         <a href="/dashboard/config" class="u-item"
-                            ><el-icon><Help /></el-icon>{{ $jx3boxT("jx3boxUi.header.dashboard", "个人中心") }}
+                            ><el-icon><Help /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.dashboard", "个人中心") }}
                         </a>
                         <hr />
                         <a href="/dashboard/profile" class="u-item"
-                            ><el-icon><Setting /></el-icon>{{ $jx3boxT("jx3boxUi.header.profile", "资料修改") }}
+                            ><el-icon><Setting /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.profile", "资料修改") }}
                         </a>
                         <a href="/dashboard/feedback" class="u-item"
-                            ><el-icon><Phone /></el-icon>{{ $jx3boxT("jx3boxUi.header.feedbackHelp", "反馈帮助") }}
+                            ><el-icon><Phone /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.feedbackHelp", "反馈帮助") }}
                         </a>
                         <hr />
                         <div class="u-logout">
-                            <el-button @click="logout" plain>{{ $jx3boxT("jx3boxUi.header.logout", "退出登录") }}</el-button>
+                            <el-button @click="logout" plain>{{ $jx3boxT("jx3boxUi.commonHeader.logout", "退出登录") }}</el-button>
                         </div>
                     </div>
                 </div>
@@ -228,15 +226,15 @@ export default {
                 .then(() => {
                     if (mute) return;
                     this.$notify({
-                        title: this.$jx3boxT("jx3boxUi.header.success", "成功"),
-                        message: this.$jx3boxT("jx3boxUi.header.logoutSuccess", "登出成功"),
+                        title: this.$jx3boxT("jx3boxUi.commonHeader.success", "成功"),
+                        message: this.$jx3boxT("jx3boxUi.commonHeader.logoutSuccess", "登出成功"),
                         type: "success",
                         duration: 1000,
                     });
                 });
         },
         showUserName: function (val) {
-            return val || this.$jx3boxT("jx3boxUi.header.anonymous", "匿名");
+            return val || this.$jx3boxT("jx3boxUi.commonHeader.anonymous", "匿名");
         },
         loadMyInfo: function () {
             getMyInfo()

package/src/header/vip.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel c-header-vip" id="c-header-vip">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.vipCenter', '会员中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.vipCenter', '会员中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -14,7 +14,7 @@
                         class="u-add"
                         svg-inline
                         src="../../assets/img/common/vip.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.vipCenter', '会员中心')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.vipCenter', '会员中心')"
                     />
                 </i>
             </a>

package/src/interact/BoxcoinAdmin.vue

@@ -1,12 +1,16 @@
 <template>
     <div class="w-boxcoin-admin" v-if="allowBoxcoin">
-        <el-tooltip effect="dark" content="品鉴" placement="top-start">
+        <el-tooltip
+            effect="dark"
+            :content="$jx3boxT('jx3boxUi.boxcoinAdmin.tooltip', '品鉴')"
+            placement="top-start"
+        >
             <div class="w-boxcoin-block">
                 <img @click="openBoxcoinPop" class="u-icon" svg-inline :src="iconPath" />
             </div>
         </el-tooltip>
         <el-dialog
-            title="品鉴评分"
+            :title="$jx3boxT('jx3boxUi.boxcoinAdmin.dialogTitle', '品鉴评分')"
             v-model="visible"
             class="w-boxcoin-pop"
             :close-on-click-modal="false"
@@ -14,8 +18,14 @@
         >
             <div class="w-boxcoin-admin-content">
                 <div class="u-left">
-                    <em class="u-label">本月状态</em>
-                    已用<b>{{ this.used }}</b> 剩余<b>{{ this.left }}</b> 总计<b>{{ this.total }}</b>
+                    <em class="u-label">{{ $jx3boxT("jx3boxUi.boxcoinAdmin.monthStatus", "本月状态") }}</em>
+                    {{
+                        $jx3boxT("jx3boxUi.boxcoinAdmin.monthSummary", "已用{used} 剩余{left} 总计{total}", {
+                            used: this.used,
+                            left: this.left,
+                            total: this.total,
+                        })
+                    }}
                     <el-progress
                         :percentage="100 - (this.used * 100) / this.total"
                         :stroke-width="15"
@@ -23,43 +33,45 @@
                     ></el-progress>
                 </div>
                 <div class="u-list">
-                    <em class="u-label">❤️ 品鉴</em>
+                    <em class="u-label">❤️ {{ $jx3boxT("jx3boxUi.boxcoinAdmin.appraise", "品鉴") }}</em>
                     <Contributors v-if="authors && authors.length" :authors="authors" @chosen="handleChosen" />
                     <div class="u-points">
                         <el-radio-group v-model="count">
                             <el-radio :value="item" v-for="item in fitPoints" :key="item" border>
                                 <b>{{ item }}</b
-                                >盒币
+                                >{{ $jx3boxT("jx3boxUi.boxcoinAdmin.boxcoin", "盒币") }}
                             </el-radio>
-                            <el-radio value="custom" border>自定义</el-radio>
+                            <el-radio value="custom" border>{{ $jx3boxT("jx3boxUi.boxcoinAdmin.custom", "自定义") }}</el-radio>
                             <el-input
                                 v-model="amount"
                                 v-show="count === 'custom'"
-                                placeholder="输入自定义数量"
+                                :placeholder="$jx3boxT('jx3boxUi.boxcoinAdmin.customPlaceholder', '输入自定义数量')"
                             ></el-input>
                         </el-radio-group>
                     </div>
                 </div>
                 <div class="u-msg">
-                    <em class="u-label">📝 寄语</em>
+                    <em class="u-label">📝 {{ $jx3boxT("jx3boxUi.boxcoinAdmin.remark", "寄语") }}</em>
                     <div class="u-input">
                         <el-input
                             v-model="remark"
-                            placeholder="请输入寄语（必填）"
+                            :placeholder="$jx3boxT('jx3boxUi.boxcoinAdmin.remarkPlaceholder', '请输入寄语（必填）')"
                             :minlength="2"
                             :maxlength="30"
                             show-word-limit
                         ></el-input>
                         <el-button :disabled="fetchingCurrentRelease" @click="insertCurrentRelease"
-                            >插入当前版本</el-button
+                            >{{ $jx3boxT("jx3boxUi.boxcoinAdmin.insertCurrentRelease", "插入当前版本") }}</el-button
                         >
                     </div>
                 </div>
             </div>
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button @click="visible = false">取 消</el-button>
-                    <el-button type="primary" @click="submit" :disabled="!ready || submitting">确 定</el-button>
+                    <el-button @click="visible = false">{{ $jx3boxT("jx3boxUi.common.cancel", "取消") }}</el-button>
+                    <el-button type="primary" @click="submit" :disabled="!ready || submitting">{{
+                        $jx3boxT("jx3boxUi.common.confirm", "确定")
+                    }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -72,8 +84,10 @@ import { getBreadcrumb } from "../../service/breadcrumb.js";
 import User from "@jx3box/jx3box-common/js/user";
 import Contributors from "./Contributors.vue";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+import i18nMixin from "../../i18n/mixin";
 export default {
     name: "BoxcoinAdmin",
+    mixins: [i18nMixin],
     props: {
         postType: {
             type: String,
@@ -124,7 +138,7 @@ export default {
             visible: false,
             count: 0,
 
-            remark: "辛苦，感谢！",
+            remark: this.$jx3boxT("jx3boxUi.boxcoinAdmin.defaultRemark", "辛苦，感谢！"),
             left: this.own,
             chosen: "", // 被选中的人
             amount: "",
@@ -186,7 +200,7 @@ export default {
             })
                 .then((res) => {
                     this.$message({
-                        message: "操作成功",
+                        message: this.$jx3boxT("jx3boxUi.boxcoinAdmin.success", "操作成功"),
                         type: "success",
                     });
                     return res.data.data;
@@ -210,7 +224,7 @@ export default {
                 })
                 .catch(() => {
                     this.$message({
-                        message: "获取失败",
+                        message: this.$jx3boxT("jx3boxUi.boxcoinAdmin.fetchFailed", "获取失败"),
                         type: "error",
                     });
                 })

package/src/interact/BoxcoinRecords.vue

@@ -6,25 +6,25 @@
                     <span class="u-meta u-action">
                         <el-icon><Trophy /></el-icon>
                     </span>
-                    <span class="u-meta u-user">参与打赏</span>
-                    <span class="u-meta u-user">收益作者</span>
-                    <span class="u-meta u-count">盒币</span>
-                    <span class="u-meta u-remark">寄语</span>
+                    <span class="u-meta u-user">{{ $jx3boxT("jx3boxUi.boxcoinRecords.participant", "参与打赏") }}</span>
+                    <span class="u-meta u-user">{{ $jx3boxT("jx3boxUi.boxcoinRecords.author", "收益作者") }}</span>
+                    <span class="u-meta u-count">{{ $jx3boxT("jx3boxUi.boxcoinRecords.boxcoin", "盒币") }}</span>
+                    <span class="u-meta u-remark">{{ $jx3boxT("jx3boxUi.boxcoinRecords.remark", "寄语") }}</span>
                     <time class="u-meta u-time"></time>
                 </li>
                 <li v-for="(item, i) in list" :key="i" class="u-item u-body">
                     <span class="u-meta u-action">
                         <template v-if="item.is_user_gift">
-                            <i title="打赏"><img class svg-inline src="../../assets/img/widget/gift.svg" /></i>
+                            <i :title="$jx3boxT('jx3boxUi.boxcoinRecords.reward', '打赏')"><img class svg-inline src="../../assets/img/widget/gift.svg" /></i>
                         </template>
                         <template v-else>
-                            <i title="品鉴"><img class svg-inline src="../../assets/img/widget/admin_gift.svg" /></i>
+                            <i :title="$jx3boxT('jx3boxUi.boxcoinRecords.appraise', '品鉴')"><img class svg-inline src="../../assets/img/widget/admin_gift.svg" /></i>
                         </template>
                     </span>
                     <template v-if="item.ext_operate_user_info?.id == 1">
                         <span class="u-meta u-user u-default">
                             <img class="u-user-avatar" :src="showAvatar(item.ext_operate_user_info.avatar)" alt />
-                            <span>系统</span>
+                            <span>{{ $jx3boxT("jx3boxUi.boxcoinRecords.system", "系统") }}</span>
                         </span>
                     </template>
                     <a v-else class="u-meta u-user" :href="authorLink(item.operate_user_id)" target="_blank">
@@ -43,7 +43,7 @@
                     <time class="u-meta u-time">{{ showTime(item.created_at) }}</time>
                     <span class="u-client" v-if="isSuperAdmin">{{ item.client }}</span>
                     <span class="u-delete" v-if="isSuperAdmin" @click="recovery(item, i)">
-                        <i class="Delete"></i>撤销
+                        <i class="Delete"></i>{{ $jx3boxT("jx3boxUi.boxcoinRecords.revoke", "撤销") }}
                     </span>
                 </li>
             </ul>
@@ -56,6 +56,7 @@
             :page-size="per"
             :total="total"
             v-model="page"
+            center
         ></el-pagination>
     </div>
 </template>
@@ -65,8 +66,10 @@ import { getPostBoxcoinRecords, recoveryBoxcoin } from "../../service/thx";
 import User from "@jx3box/jx3box-common/js/user";
 import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
 import { showTime } from "@jx3box/jx3box-common/js/moment";
+import i18nMixin from "../../i18n/mixin";
 export default {
     name: "BoxcoinRecords",
+    mixins: [i18nMixin],
     props: {
         postType: {
             type: String,
@@ -149,13 +152,16 @@ export default {
             });
         },
         recovery: function (item, i) {
-            this.$alert("是否确定撤销该评分？", "确认", {
-                confirmButtonText: "确定",
+            this.$alert(
+                this.$jx3boxT("jx3boxUi.boxcoinRecords.confirmRevoke", "是否确定撤销该评分？"),
+                this.$jx3boxT("jx3boxUi.boxcoinRecords.confirmTitle", "确认"),
+                {
+                confirmButtonText: this.$jx3boxT("jx3boxUi.common.confirm", "确定"),
                 callback: (action) => {
                     if (action == "confirm") {
                         recoveryBoxcoin(item.id).then(() => {
                             this.$message({
-                                message: "撤销成功",
+                                message: this.$jx3boxT("jx3boxUi.boxcoinRecords.revokeSuccess", "撤销成功"),
                                 type: "success",
                             });
                             this.list.splice(i, 1);
@@ -172,3 +178,14 @@ export default {
     },
 };
 </script>
+
+
+<style lang="less">
+.w-boxcoin-records-pages{
+
+    --el-color-primary: @primary;
+
+    .flex(x);
+    margin-top:5px;
+}
+</style>