--在线用户,角色管理国际化

src/views/monitor/online/index.vue

@@ -165,14 +165,16 @@ function fnGetList() {
 function fnForceLogout(row: Record<string, string>) {
   Modal.confirm({
     title: t('common.tipTitle'),
-    content: t('views.monitor.online.getOutSure',{userName:row.userName}),
+    content: t('views.monitor.online.getOutSure', { userName: row.userName }),
     onOk() {
       const hide = message.loading(t('common.loading'), 0);
       forceLogout(row.tokenId)
         .then(res => {
           if (res.code === RESULT_CODE_SUCCESS) {
             message.success({
-              content: t('common.msgSuccess', { msg: t('views.monitor.online.getOut')  }),
+              content: t('common.msgSuccess', {
+                msg: t('views.monitor.online.getOut'),
+              }),
               duration: 3,
             });
           } else {
@@ -206,34 +208,36 @@ onMounted(() => {
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item label="登录账号" name="userName">
+            <a-form-item
+              :label="t('views.monitor.online.account')"
+              name="userName"
+            >
               <a-input
                 v-model:value="queryParams.userName"
                 allow-clear
                 :maxlength="30"
-                placeholder="请输入登录账号"
               ></a-input>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item label="登录主机" name="ipaddr">
+            <a-form-item :label="t('views.monitor.online.host')" name="ipaddr">
               <a-input
                 v-model:value="queryParams.ipaddr"
                 allow-clear
                 :maxlength="128"
-                placeholder="请输入登录主机"
-              ></a-input> </a-form-item
+              >
+              </a-input> </a-form-item
           ></a-col>
           <a-col :lg="12" :md="24" :xs="24">
             <a-form-item>
               <a-space :size="8">
                 <a-button type="primary" @click.prevent="fnGetList">
                   <template #icon><SearchOutlined /></template>
-                  搜索
+                  {{ t('common.search') }}
                 </a-button>
                 <a-button type="default" @click.prevent="fnQueryReset">
                   <template #icon><ClearOutlined /></template>
-                  重置
+                  {{ t('common.reset') }}
                 </a-button>
               </a-space>
             </a-form-item>
@@ -247,31 +251,31 @@ onMounted(() => {
       <template #extra>
         <a-space :size="8" align="center">
           <a-tooltip>
-            <template #title>搜索栏</template>
+            <template #title>{{ t('common.searchBarText') }}</template>
             <a-switch
               v-model:checked="tableState.seached"
-              checked-children="显"
-              un-checked-children="隐"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
               size="small"
             />
           </a-tooltip>
           <a-tooltip>
-            <template #title>表格斑马纹</template>
+            <template #title>{{ t('common.zebra') }}</template>
             <a-switch
               v-model:checked="tableState.striped"
-              checked-children="开"
-              un-checked-children="关"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
               size="small"
             />
           </a-tooltip>
           <a-tooltip>
-            <template #title>刷新</template>
+            <template #title>{{ t('common.reloadText') }}</template>
             <a-button type="text" @click.prevent="fnGetList">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
           <a-tooltip placement="topRight">
-            <template #title>密度</template>
+            <template #title>{{ t('common.sizeText') }}</template>
             <a-dropdown placement="bottomRight" trigger="click">
               <a-button type="text">
                 <template #icon><ColumnHeightOutlined /></template>
@@ -281,9 +285,15 @@ onMounted(() => {
                   :selected-keys="[tableState.size as string]"
                   @click="fnTableSize"
                 >
-                  <a-menu-item key="default">默认</a-menu-item>
-                  <a-menu-item key="middle">中等</a-menu-item>
-                  <a-menu-item key="small">紧凑</a-menu-item>
+                  <a-menu-item key="default"
+                    >{{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle"
+                    >{{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small"
+                    >{{ t('common.size.small') }}
+                  </a-menu-item>
                 </a-menu>
               </template>
             </a-dropdown>