fix: 天气显示

罗广辉

2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7

 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;