From a080bc96952bff153be3fc1e8de9b080d942886c Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 11:09:56 +0800
Subject: [PATCH] feat：调整头部组件
---
src/views/Home/components/HomeLeft/HomeLeft.vue | 5 +----
src/views/Home/components/HomeLeft/OverviewNext.vue | 9 ++++++++-
src/views/Home/components/HomeLeft/InspectionRaskDetails.vue | 10 +++++++++-
3 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/HomeLeft.vue b/src/views/Home/components/HomeLeft/HomeLeft.vue
index e762cc0..4382df6 100644
--- a/src/views/Home/components/HomeLeft/HomeLeft.vue
+++ b/src/views/Home/components/HomeLeft/HomeLeft.vue
@@ -11,16 +11,13 @@
</div>
</div>
<!--机巢概况-->
- <common-title style="margin-left: 14px;"></common-title>
<overview-next></overview-next>
<!--巡检任务情况-->
- <common-title title="巡检任务情况" style="margin-left: 14px;"></common-title>
<inspection-rask-details></inspection-rask-details>
</div>
</template>
<script setup>
-import CommonTitle from '@/components/CommonTitle.vue';
import OverviewNext from './OverviewNext.vue';
import InspectionRaskDetails from './InspectionRaskDetails.vue';
@@ -34,7 +31,7 @@
color: #E7F5FF;
.time-weather {
margin-left: 45px;
- width: 260px;
+ width: 310px;
font-size: 14px;
height: 36px;
line-height: 36px;
diff --git a/src/views/Home/components/HomeLeft/InspectionRaskDetails.vue b/src/views/Home/components/HomeLeft/InspectionRaskDetails.vue
index 43ead71..3c80ed1 100644
--- a/src/views/Home/components/HomeLeft/InspectionRaskDetails.vue
+++ b/src/views/Home/components/HomeLeft/InspectionRaskDetails.vue
@@ -1,5 +1,6 @@
<!-- 巡检任务详情 -->
<template>
+ <common-title title="巡检任务情况" style="margin-left: 14px;" @details="detailsFun"></common-title>
<div class="inspection-rask-details">
<div class="inspection-num">
<div class="total">
@@ -20,6 +21,7 @@
<script setup>
import * as echarts from 'echarts';
+import CommonTitle from '@/components/CommonTitle.vue';
import CommonDateTime from '@/components/CommonDateTime.vue';
const list = ref([
@@ -30,7 +32,12 @@
{ name: '执行失败', value: 10, color: '#FF8E8E' },
]);
+const detailsFun = () => {
+ console.log('details');
+};
+
const chartRef = ref(null);
+
onMounted(() => {
const chart = echarts.init(chartRef.value);
@@ -129,11 +136,12 @@
.total {
position: absolute;
left: 34px;
- top: 34px;
+ top: 44px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
font-family: Source Han Sans CN, Source Han Sans CN;
+ line-height: 19px;
.value {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 8px;
diff --git a/src/views/Home/components/HomeLeft/OverviewNext.vue b/src/views/Home/components/HomeLeft/OverviewNext.vue
index 207713b..cd64f21 100644
--- a/src/views/Home/components/HomeLeft/OverviewNext.vue
+++ b/src/views/Home/components/HomeLeft/OverviewNext.vue
@@ -1,5 +1,6 @@
<!-- 机巢概况 -->
<template>
+ <common-title style="margin-left: 14px;" @details="detailsFun"></common-title>
<div class="overview-next">
<div class="next-num">
<div class="total">
@@ -41,6 +42,7 @@
</template>
<script setup>
import { Search } from '@element-plus/icons-vue';
+import CommonTitle from '@/components/CommonTitle.vue';
const list = ref([
{ name: '执行中', value: 89, color: '#FFA768' },
@@ -55,6 +57,10 @@
{ name: '小兰工业园3号', status: '预计执行' },
{ name: '小兰工业园3号', status: '预计执行' },
]);
+
+const detailsFun = () => {
+ console.log('details');
+};
</script>
<style scoped lang="scss">
.overview-next {
@@ -74,11 +80,12 @@
.total {
position: absolute;
left: 22px;
- top: 18px;
+ top: 28px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
font-family: Source Han Sans CN, Source Han Sans CN;
+ line-height: 19px;
.value {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 8px;
--
Gitblit v1.9.3