|
@@ -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>
|