From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/views/Home/HomeRight/EventOverview.vue | 20 +++++++++++---------
1 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/src/views/Home/HomeRight/EventOverview.vue b/src/views/Home/HomeRight/EventOverview.vue
index 8706570..7ead5f1 100644
--- a/src/views/Home/HomeRight/EventOverview.vue
+++ b/src/views/Home/HomeRight/EventOverview.vue
@@ -20,10 +20,10 @@
<CommonDateTime class="dateTime" v-model="timeArr" @change="timeChange" />
<el-select
- :teleported="false"
+ :teleported="false"
class="homeRightSelect ztzf-select"
v-model="params.device_sn"
- placeholder="请选择"
+ placeholder="请选择机巢"
size="large"
filterable
:remote-method="remoteMethod"
@@ -40,7 +40,7 @@
<img class="completion-left-img" :src="completionLeft" alt="" />
<div class="completion-text">事件类型完成率情况</div>
<div class="completion-separator"></div>
- <img class="completion-left-img" :src="completionLeft" alt="" />
+ <img class="completion-left-img" :src="leftTriangle" alt="" />
</div>
<div class="chart" ref="echartsRef"></div>
@@ -56,6 +56,7 @@
import overviewImg5 from '@/assets/images/home/homeRight/overview5.png'
import overviewImg6 from '@/assets/images/home/homeRight/overview6.png'
import completionLeft from '@/assets/images/home/homeRight/completionLeft.png'
+import leftTriangle from '@/assets/images/home/homeRight/leftTriangle.png'
import * as echarts from 'echarts'
import CommonDateTime from '@/components/CommonDateTime.vue'
import VSelectLoad from '@/directive/selectLoad'
@@ -82,8 +83,9 @@
xAxis: {
type: 'category',
axisLabel: {
- rotate: -45, // 旋转角度
- interval: 0, // 显示所有标签
+ // rotate: -45, // 旋转角度
+ // interval: 0, // 显示所有标签
+ margin: 8,
color: '#FFFFFF',
fontFamily: 'Source Han Sans CN, Source Han Sans CN',
fontWeight: 400,
@@ -144,7 +146,7 @@
const today = dayjs().format('YYYY-MM-DD')
const timeArr = ref([today, today])
const completionRateSeries = {
- name: '完成率',
+ name: '完结率',
type: 'line',
itemStyle: {
color: '#0CEBF7', // 设置颜色
@@ -152,6 +154,9 @@
lineStyle: {
width: 2, // 线条宽度
type: 'solid', // 线条类型
+ },
+ tooltip: {
+ valueFormatter: (value) => value + '%'
},
symbol: 'circle', // 数据点符号
symbolSize: 6, // 数据点符号大小
@@ -274,9 +279,6 @@
getTableList()
})
</script>
-<style lang="scss">
-
-</style>
<style scoped lang="scss">
.homeRightSelect {
width: 356px;
--
Gitblit v1.9.3