ソースを参照

feat: 告紧列表支持多语言

vera_min 2 ヶ月 前
コミット
0d246b1516

+ 30 - 2
src/i18n/pages/iotmanager/en.ts

@@ -16,7 +16,35 @@ export default {
 		"紧急": "Urgent",
 		"严重": "Serious",
 		"一般": "General",
-		"提醒": "Remind"
+		"提醒": "Remind",
+		total: "Total"
 	},
-	
+	alarmList: {
+		title: "Alarm Messages",
+		moreInfo: "More Info",
+		columns: {
+			id: "ID",
+			alarmType: "Alarm Type",
+			alarmLevel: "Rule Level",
+			ruleName: "Rule Name",
+			productKey: "Product Key",
+			deviceKey: "Device Key",
+			status: "Status",
+			createdAt: "Alarm Time",
+			actions: "Actions"
+		},
+		alarmTypes: {
+			ruleAlarm: "Rule Alarm",
+			deviceSelfAlarm: "Device Self Alarm",
+			ruleAlarmUpgrade: "Rule Alarm Upgrade"
+		},
+		status: {
+			processed: "Processed",
+			unprocessed: "Unprocessed"
+		},
+		actions: {
+			detail: "Detail",
+			process: "Process"
+		}
+	}
 };

+ 30 - 1
src/i18n/pages/iotmanager/zh-cn.ts

@@ -16,6 +16,35 @@ export default {
 		"紧急": "紧急",
 		"严重": "严重",
 		"一般": "一般",
-		"提醒": "提醒"
+		"提醒": "提醒",
+		total: "总计"
+	},
+	alarmList: {
+		title: "告警消息",
+		moreInfo: "更多信息",
+		columns: {
+			id: "ID",
+			alarmType: "告警类型",
+			alarmLevel: "规则级别",
+			ruleName: "规则名称",
+			productKey: "产品标识",
+			deviceKey: "设备标识",
+			status: "告警状态",
+			createdAt: "告警时间",
+			actions: "操作"
+		},
+		alarmTypes: {
+			ruleAlarm: "规则告警",
+			deviceSelfAlarm: "设备自主告警",
+			ruleAlarmUpgrade: "规侧告警升级"
+		},
+		status: {
+			processed: "已处理",
+			unprocessed: "未处理"
+		},
+		actions: {
+			detail: "详情",
+			process: "处理"
+		}
 	}
 };

+ 38 - 1
src/i18n/pages/iotmanager/zh-tw.ts

@@ -1,3 +1,11 @@
+/*
+ * @Author: vera_min vera_min@163.com
+ * @Date: 2025-08-05 12:42:31
+ * @LastEditors: vera_min vera_min@163.com
+ * @LastEditTime: 2025-08-05 13:18:54
+ * @FilePath: /sagoo-admin-ui/src/i18n/pages/iotmanager/zh-tw.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 // 定义内容
 export default {
 	dashboard: {
@@ -16,6 +24,35 @@ export default {
 		"緊急": "緊急",
 		"嚴重": "嚴重",
 		"一般": "一般",
-		"提醒": "提醒"
+		"提醒": "提醒",
+		total: "總計"
+	},
+	alarmList: {
+		title: "告警消息",
+		moreInfo: "更多信息",
+		columns: {
+			id: "ID",
+			alarmType: "告警類型",
+			alarmLevel: "規則級別",
+			ruleName: "規則名稱",
+			productKey: "產品標識",
+			deviceKey: "設備標識",
+			status: "告警狀態",
+			createdAt: "告警時間",
+			actions: "操作"
+		},
+		alarmTypes: {
+			ruleAlarm: "規則告警",
+			deviceSelfAlarm: "設備自主告警",
+			ruleAlarmUpgrade: "規側告警升級"
+		},
+		status: {
+			processed: "已處理",
+			unprocessed: "未處理"
+		},
+		actions: {
+			detail: "詳情",
+			process: "處理"
+		}
 	}
 };

+ 18 - 18
src/views/iot/alarm/list/index.vue

@@ -4,36 +4,36 @@
 			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
 				<div class="home-card-item" style="height: auto">
 					<div class="home-card-item-title">
-						<span>告警消息</span>
-						<el-button size="small" text type="primary" @click="toMore()">更多信息</el-button>
+						<span>{{ $t('message.alarmList.title') }}</span>
+						<el-button size="small" text type="primary" @click="toMore()">{{ $t('message.alarmList.moreInfo') }}</el-button>
 					</div>
 					<el-table :data="tableData.data" style="width: 100%" v-loading="loading">
 						<el-table-column label="ID" align="center" prop="id" width="100" v-col="'ID'" />
-						<el-table-column label="告警类型" width="120" prop="type" align="center" show-overflow-tooltip v-col="'type'">
+						<el-table-column :label="$t('message.alarmList.columns.alarmType')" width="120" prop="type" align="center" show-overflow-tooltip v-col="'type'">
 							<template #default="scope">
-								<span v-if="scope.row.type == 1">规则告警</span>
-								<span v-else-if="scope.row.type == 2">设备自主告警</span>
-								<span v-else-if="scope.row.type == 3">规侧告警升级</span>
-								<span v-else>设备自主告警</span>
+								<span v-if="scope.row.type == 1">{{ $t('message.alarmList.alarmTypes.ruleAlarm') }}</span>
+								<span v-else-if="scope.row.type == 2">{{ $t('message.alarmList.alarmTypes.deviceSelfAlarm') }}</span>
+								<span v-else-if="scope.row.type == 3">{{ $t('message.alarmList.alarmTypes.ruleAlarmUpgrade') }}</span>
+								<span v-else>{{ $t('message.alarmList.alarmTypes.deviceSelfAlarm') }}</span>
 							</template>
 						</el-table-column>
-						<el-table-column label="规则级别" width="120" align="center" prop="alarmLevel.name" show-overflow-tooltip v-col="'alarmLevel'" />
-						<el-table-column label="规则名称" prop="ruleName" show-overflow-tooltip v-col="'ruleName'" />
-						<el-table-column label="产品标识" prop="productKey" show-overflow-tooltip v-col="'productKey'" />
-						<el-table-column label="设备标识" prop="deviceKey" show-overflow-tooltip v-col="'deviceKey'" />
+						<el-table-column :label="$t('message.alarmList.columns.alarmLevel')" width="120" align="center" prop="alarmLevel.name" show-overflow-tooltip v-col="'alarmLevel'" />
+						<el-table-column :label="$t('message.alarmList.columns.ruleName')" prop="ruleName" show-overflow-tooltip v-col="'ruleName'" />
+						<el-table-column :label="$t('message.alarmList.columns.productKey')" prop="productKey" show-overflow-tooltip v-col="'productKey'" />
+						<el-table-column :label="$t('message.alarmList.columns.deviceKey')" prop="deviceKey" show-overflow-tooltip v-col="'deviceKey'" />
 
-						<el-table-column prop="status" label="告警状态" width="100" align="center" v-col="'status'">
+						<el-table-column prop="status" :label="$t('message.alarmList.columns.status')" width="100" align="center" v-col="'status'">
 							<template #default="scope">
-								<el-tag type="success" size="small" v-if="scope.row.status">已处理</el-tag>
-								<el-tag type="info" size="small" v-else>未处理</el-tag>
+								<el-tag type="success" size="small" v-if="scope.row.status">{{ $t('message.alarmList.status.processed') }}</el-tag>
+								<el-tag type="info" size="small" v-else>{{ $t('message.alarmList.status.unprocessed') }}</el-tag>
 							</template>
 						</el-table-column>
-						<el-table-column prop="createdAt" label="告警时间" align="center" width="170" v-col="'createdAt'"></el-table-column>
-						<el-table-column label="操作" width="130" align="center" fixed="right" v-col="'handle'">
+						<el-table-column prop="createdAt" :label="$t('message.alarmList.columns.createdAt')" align="center" width="170" v-col="'createdAt'"></el-table-column>
+						<el-table-column :label="$t('message.alarmList.columns.actions')" width="130" align="center" fixed="right" v-col="'handle'">
 							<template #default="scope">
-								<el-button v-auth="'detail'" size="small" text type="primary" @click="onOpenDetailDic(scope.row)">详情</el-button>
+								<el-button v-auth="'detail'" size="small" text type="primary" @click="onOpenDetailDic(scope.row)">{{ $t('message.alarmList.actions.detail') }}</el-button>
 								<el-button v-auth="'edit'" size="small" text type="warning" @click="onOpenEditDic(scope.row)" v-if="scope.row.status == 0"
-									>处理</el-button
+									>{{ $t('message.alarmList.actions.process') }}</el-button
 								>
 							</template>
 						</el-table-column>