Selaa lähdekoodia

feat: 设备管理-设备:列表增加遗漏的多语言

vera_min 1 kuukausi sitten
vanhempi
sitoutus
1848b72970

+ 13 - 0
src/i18n/pages/iotmanagerI18n/en.ts

@@ -350,6 +350,19 @@ export default {
 			deviceName: "Device name cannot be empty",
 			deviceKeyMin5: "Device key must be at least 5 characters",
 			productIsNotEmpty: "Product cannot be empty"
+		},
+		message: {
+			syncStatus: "Syncing, please wait...",
+			synchronizedSuccessfully: "Synced successfully",
+			selectData: "Please select the data to be operated.",
+			confirmEnable: "Confirm to enable these devices?",
+			enableSuccessfully: "Enabled successfully",
+			confirmDisable: "Confirm to disable these devices?",
+			disableSuccessfully: "Disabled successfully",
+			confirmDelete: "This operation will permanently delete device: '{name}', continue?",
+			deleteSuccessfully: "Deleted successfully",
+			deleteConfirm: "You are sure to delete the selected data?",
+			operationSuccessfully: "Operation successful"
 		}
 	},
 	// 级联管理

+ 13 - 0
src/i18n/pages/iotmanagerI18n/zh-cn.ts

@@ -350,6 +350,19 @@ export default {
 			deviceName: "设备名称不能为空",
 			deviceKeyMin5: "设备标识最少五个字符",
 			productIsNotEmpty: "所属产品不能为空"
+		},
+		message: {
+			syncStatus: "同步中,请稍后...",
+			synchronizedSuccessfully: "同步成功",
+			selectData: "请选择要操作的数据。",
+			confirmEnable: "确认要批量启用这些设备吗?",
+			enableSuccessfully: "启用成功",
+			confirmDisable: "确认要批量禁用这些设备吗?",
+			disableSuccessfully: "禁用成功",
+			confirmDelete: "此操作将永久删除设备:'{name}',是否继续?",
+			deleteSuccessfully: "删除成功",
+			deleteConfirm: "你确定要删除所选数据?",
+			operationSuccessfully: "操作成功"
 		}
 	},
 	// 级联管理

+ 13 - 0
src/i18n/pages/iotmanagerI18n/zh-tw.ts

@@ -350,6 +350,19 @@ export default {
 			deviceName: "設備名稱不能為空",
 			deviceKeyMin5: "設備標識最少五個字元",
 			productIsNotEmpty: "所屬產品不能為空"
+		},
+		message: {
+			syncStatus: "同步中,請稍後...",
+			synchronizedSuccessfully: "同步成功",
+			selectData: "請選擇要操作的數據。",
+			confirmEnable: "確認要批量啟用這些設備嗎?",
+			enableSuccessfully: "啟用成功",
+			confirmDisable: "確認要批量禁用這些設備嗎?",
+			disableSuccessfully: "禁用成功",
+			confirmDelete: "此操作將永久刪除設備:'{name}',是否繼續?",
+			deleteSuccessfully: "刪除成功",
+			deleteConfirm: "你確定要刪除所選數據?",
+			operationSuccessfully: "操作成功"
 		}
 	},
 	// 级联管理

+ 32 - 23
src/views/iot/device/instance/index.vue

@@ -246,7 +246,7 @@
 </template>
 
 <script lang="ts">
-import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue';
+import { toRefs, reactive, onMounted, ref, defineComponent, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
 import EditDic from './component/edit.vue';
@@ -254,6 +254,7 @@ import ExcelDic from './component/excel.vue';
 import api from '/@/api/device';
 import systemApi from '/@/api/system';
 import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
+import { useI18n } from "vue-i18n";
 
 // 定义接口来定义对象的类型
 interface TableDataRow {
@@ -299,6 +300,8 @@ export default defineComponent({
     const showMoreFilter = ref(false); // 控制是否显示更多筛选条件
     const deptOptions = ref([]); // 部门树数据
     const route = useRoute();
+    const { t, locale } = useI18n();
+    const currentLocale = computed(() => locale.value);
     const state = reactive<TableDataState>({
       keys: [],
       productData: [],
@@ -358,14 +361,20 @@ export default defineComponent({
 
     const batchCheckStatus = () => {
       const loading = ElMessage({
-        message: '同步中,请稍后...',
+        // 同步中,请稍后...
+        message: t('message.device.message.syncStatus'),
         type: 'info',
         duration: 0,
       });
       api.device.syncStatus().then(() => {
-        ElMessage.success('同步成功');
+        // 同步成功
         typeList();
-      }).finally(() => loading.close());
+      }).finally(() => {
+        setTimeout(() => {
+          loading.close();
+          ElMessage.success(t('message.device.message.synchronizedSuccessfully'));
+        }, 1000);
+      });
     };
 
     //批量启用
@@ -378,20 +387,20 @@ export default defineComponent({
       }
       if (keys.length === 0) {
         // 请选择要操作的数据。
-        ElMessage.error('请选择要操作的数据。');
+        ElMessage.error(t('message.device.message.selectData'));
         return;
       }
       // 确认要批量启用这些设备吗?
-      ElMessageBox.confirm("确认要批量启用这些设备吗?", '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
+      ElMessageBox.confirm(t('message.device.message.confirmEnable'), t('message.tableI18nConfirm.deleteTitle'), {
+        confirmButtonText: t('message.tableI18nConfirm.confirmText'),
+        cancelButtonText: t('message.tableI18nConfirm.cancelText'),
         type: 'warning',
       })
         .then(() => {
           batchLoading.value = true
           api.device.setDeviceStatus({ ids: keys, status: 1 }).then(() => {
             // 启用成功
-            ElMessage.success('启用成功');
+            ElMessage.success(t('message.device.message.enableSuccessfully'));
             typeList();
           }).finally(() => batchLoading.value = false)
         })
@@ -408,20 +417,20 @@ export default defineComponent({
       }
       if (keys.length === 0) {
         // 请选择要操作的数据。
-        ElMessage.error('请选择要操作的数据。');
+        ElMessage.error(t('message.device.message.selectData'));
         return;
       }
       // 确认要批量禁用这些设备吗?
-      ElMessageBox.confirm("确认要批量禁用这些设备吗?", '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
+      ElMessageBox.confirm(t('message.device.message.confirmDisable'), t('message.tableI18nConfirm.deleteTitle'), {
+        confirmButtonText: t('message.tableI18nConfirm.confirmText'),
+        cancelButtonText: t('message.tableI18nConfirm.cancelText'),
         type: 'warning',
       })
         .then(() => {
           batchLoading.value = true
           api.device.setDeviceStatus({ ids: keys, status: 0 }).then(() => {
             // 禁用成功
-            ElMessage.success('禁用成功');
+            ElMessage.success(t('message.device.message.disableSuccessfully'));
             typeList();
           }).finally(() => batchLoading.value = false)
         })
@@ -430,29 +439,29 @@ export default defineComponent({
     // 删除产品
     const onRowDel = (row?: TableDataRow) => {
       // 你确定要删除所选数据?
-      let msg = '你确定要删除所选数据?';
+      let msg = t('message.device.message.deleteConfirm');
       let keys: string[] = [];
       if (row) {
         // 此操作将永久删除设备:"${row.name}",是否继续?
-        msg = `此操作将永久删除设备:"${row.name}",是否继续?`;
+        msg = t('message.device.message.confirmDelete', { name: row.name });
         keys = [row.key];
       } else {
         keys = state.keys;
       }
       if (keys.length === 0) {
         // 请选择要删除的数据。
-        ElMessage.error('请选择要删除的数据。');
+        ElMessage.error(t('message.device.message.selectData'));
         return;
       }
-      ElMessageBox.confirm(msg, '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
+      ElMessageBox.confirm(msg, t('message.tableI18nConfirm.deleteTitle'), {
+        confirmButtonText: t('message.tableI18nConfirm.confirmText'),
+        cancelButtonText: t('message.tableI18nConfirm.cancelText'),
         type: 'warning',
       })
         .then(() => {
           api.instance.del(keys).then(() => {
             // 删除成功
-            ElMessage.success('删除成功');
+            ElMessage.success(t('message.device.message.deleteSuccessfully'));
             typeList();
           });
         })
@@ -481,13 +490,13 @@ export default defineComponent({
         api.instance.devdeploy(item.key).then((res: any) => {
           typeList();
           // 操作成功
-          ElMessage.success(res.message || '操作成功');
+          ElMessage.success(res.message || t('message.device.message.operationSuccessfully'));
         });
       } else {
         api.instance.devundeploy(item.key).then((res: any) => {
           typeList();
           // 操作成功
-          ElMessage.success(res.message || '操作成功');
+          ElMessage.success(res.message || t('message.device.message.operationSuccessfully'));
         });
       }
     }