Bladeren bron

feat: 数据分析-指标聚合:支持多语言

vera_min 1 maand geleden
bovenliggende
commit
3e1ec5cfd4
1 gewijzigde bestanden met toevoegingen van 22 en 19 verwijderingen
  1. 22 19
      src/views/iot/dataAnalysis/IndicatorAggregation/index.vue

+ 22 - 19
src/views/iot/dataAnalysis/IndicatorAggregation/index.vue

@@ -3,9 +3,9 @@
 		<el-card shadow="never">
 			<el-form inline>
 				<!-- 选择产品 -->
-				<el-form-item label="选择产品" prop="productKey">
+				<el-form-item :label="$t('message.dataAnalysis.labels.selectProduct')" prop="productKey">
 					<!-- 请选择产品 -->
-					<el-select v-model="params.productKey" filterable placeholder="请选择产品" @change="productChange">
+					<el-select v-model="params.productKey" filterable :placeholder="$t('message.dataAnalysis.placeholders.selectProduct')" @change="productChange">
 						<el-option v-for="item in productList" :key="item.key" :label="item.name" :value="item.key">
 							<span style="float: left">{{ item.name }}</span>
 							<span style="float: right; font-size: 13px">{{ item.key }}</span>
@@ -14,9 +14,9 @@
 				</el-form-item>
 
 				<!-- 选择设备 -->
-				<el-form-item label="选择设备" prop="deviceKey">
+				<el-form-item :label="$t('message.dataAnalysis.labels.selectDevice')" prop="deviceKey">
 					<!-- 请选择设备 -->
-					<el-select v-model="params.deviceKey" filterable placeholder="请选择设备">
+					<el-select v-model="params.deviceKey" filterable :placeholder="$t('message.dataAnalysis.placeholders.selectDevice')">
 						<el-option v-for="item in deviceList" :key="item.key" :label="item.name" :value="item.key">
 							<span style="float: left">{{ item.name }}</span>
 							<span style="float: right; font-size: 13px; margin-left: 12px">{{ item.key }}</span>
@@ -25,9 +25,9 @@
 				</el-form-item>
 
 				<!-- 选择属性 -->
-				<el-form-item label="选择属性" prop="properties">
+				<el-form-item :label="$t('message.dataAnalysis.labels.selectProperty')" prop="properties">
 					<!-- 请选择属性 -->
-					<el-select v-model="params.properties" filterable placeholder="请选择属性" @change="propertyChange">
+					<el-select v-model="params.properties" filterable :placeholder="$t('message.dataAnalysis.placeholders.selectProperty')" @change="propertyChange">
 						<el-option v-for="item in propertyList" :key="item.key" :label="item.name" :value="item.key">
 							<span style="float: left">{{ item.name }}</span>
 							<span style="float: right; font-size: 13px; margin-left: 12px">{{ item.key }}</span>
@@ -36,7 +36,7 @@
 				</el-form-item>
 
 				<!-- 选择时间 -->
-				<el-form-item label="选择时间" prop="dateRange">
+				<el-form-item :label="$t('message.dataAnalysis.labels.selectTime')" prop="dateRange">
 					<!-- 开始日期/结束日期 -->
 					<el-date-picker
 						v-model="dateRange"
@@ -47,21 +47,21 @@
 						format="YYYY-MM-DD HH:mm:ss"
 						type="datetimerange"
 						range-separator="-"
-						start-placeholder="开始日期"
-						end-placeholder="结束日期"
+						:start-placeholder="$t('message.dataAnalysis.exponentialTrend.startDate')"
+						:end-placeholder="$t('message.dataAnalysis.exponentialTrend.endDate')"
 						:clearable="false"
 					></el-date-picker>
 				</el-form-item>
 
 				<!-- 聚合粒度 -->
-				<el-form-item label="聚合粒度" prop="dateType">
+				<el-form-item prop="dateType">
 					<el-radio-group v-model="params.dateType" @change="dateTypeChange">
 						<!-- 5分钟 -->
-						<el-radio-button label="1">5分钟</el-radio-button>
+						<el-radio-button label="1">{{ $t('message.dataAnalysis.exponentialTrend.5m') }}</el-radio-button>
 						<!-- 1小时 -->
-						<el-radio-button label="2">1小时</el-radio-button>
+						<el-radio-button label="2">{{ $t('message.dataAnalysis.exponentialTrend.1h') }}</el-radio-button>
 						<!-- 1天 -->
-						<el-radio-button label="3">1天</el-radio-button>
+						<el-radio-button label="3">{{ $t('message.dataAnalysis.exponentialTrend.1d') }}</el-radio-button>
 					</el-radio-group>
 				</el-form-item>
 				<el-form-item>
@@ -70,14 +70,14 @@
 						<el-icon>
 							<ele-Search />
 						</el-icon>
-						查询
+						{{$t('message.dataAnalysis.actions.search')}}
 					</el-button>
 					<!-- 打印图表 -->
 					<el-button type="primary" @click="handlePrintChart">
 						<el-icon>
 							<ele-Printer />
 						</el-icon>
-						打印图表
+						{{$t('message.dataAnalysis.actions.printChart')}}
 					</el-button>
 				</el-form-item>
 			</el-form>
@@ -86,7 +86,7 @@
 				<el-icon style="margin-right: 5px">
 					<ele-Histogram />
 				</el-icon>
-				指标聚合统计图
+				{{$t('message.dataAnalysis.exponentialTrend.title2')}}
 			</div>
 			<Chart class="flex1" height="12vw" ref="chart" :autoLoading="false" style="margin-top: 20px" v-loading="loading"></Chart>
 		</el-card>
@@ -101,6 +101,9 @@ import dayjs from 'dayjs'
 import Chart from '/@/components/chart/index.vue'
 import { getLineOption } from '/@/components/chart/options'
 import { printChart } from '/@/utils/print'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const productList = ref<any[]>([])
 const deviceList = ref<any[]>([])
@@ -194,9 +197,9 @@ function propertyChange(property: string) {
 // 打印图表
 const handlePrintChart = async () => {
 	if (!chart.value) {
-		ElMessage.warning('图表未加载')
-		return
-	}
+    // 图表未加载
+    return ElMessage.warning(t('message.dataAnalysis.exponentialTrend.chartNotLoaded'));
+  }
 	await printChart(chart.value.$el)
 }
 </script>