From a6512f9eeb93a2e962db02657b952c1d152fdc2e Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Mon, 10 Mar 2025 21:28:27 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=9B=AE=E5=BD=95=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business-supervision-content/index.vue     | 15 ---------------
 .../business-supervision-left/index.vue        | 13 -------------
 .../business-supervision-right/index.vue       | 17 -----------------
 .../charts/contentBottom.ts                    |  0
 .../components/content-bottom.vue              |  2 +-
 .../components/content-middle.vue              |  0
 .../components/content-top.vue                 | 18 +++++++++---------
 .../business-supervision-content/index.vue     | 15 +++++++++++++++
 .../charts/sidebarMiddle.ts                    |  0
 .../charts/sidebarTop.ts                       |  0
 .../components/sidebar-left-bottom.vue         |  0
 .../components/sidebar-left-middle.vue         |  2 +-
 .../components/sidebar-left-top.vue            |  2 +-
 .../business-supervision-left/index.vue        | 13 +++++++++++++
 .../chart/bottom-chart.vue                     |  0
 .../components/sidebar-right-bottom.vue        |  2 +-
 .../components/sidebar-right-middle.vue        |  0
 .../components/sidebar-right-top.vue           |  0
 .../business-supervision-right/index.vue       | 17 +++++++++++++++++
 src/views/business-supervision/index.vue       |  6 +++---
 .../components/content-item.vue                |  2 +-
 .../components/content-percent.vue             |  0
 .../components/smart-park-content/index.vue    |  4 ++--
 .../smart-park-sidebar-left/index.vue          |  8 ++++----
 .../smart-park-sidebar-right/charts/charts.ts  |  0
 .../smart-park-sidebar-right/index.vue         |  2 +-
 .../components/smart-park-content/index.vue    | 13 +++++++++++++
 .../smart-park-footer/index.vue                |  2 +-
 src/views/smart-park/index.vue                 |  4 ++--
 .../smart-park/smart-park-content/index.vue    | 15 ---------------
 .../welcome-content/content-list.vue           | 13 ++++++++-----
 .../{ => components}/welcome-content/index.vue |  4 ++--
 .../{ => components}/welcome-footer.vue        |  0
 src/views/welcome/index.vue                    |  4 ++--
 34 files changed, 97 insertions(+), 96 deletions(-)
 delete mode 100644 src/views/business-supervision/business-supervision-content/index.vue
 delete mode 100644 src/views/business-supervision/business-supervision-left/index.vue
 delete mode 100644 src/views/business-supervision/business-supervision-right/index.vue
 rename src/views/business-supervision/{ => components}/business-supervision-content/charts/contentBottom.ts (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-content/components/content-bottom.vue (92%)
 rename src/views/business-supervision/{ => components}/business-supervision-content/components/content-middle.vue (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-content/components/content-top.vue (89%)
 create mode 100644 src/views/business-supervision/components/business-supervision-content/index.vue
 rename src/views/business-supervision/{ => components}/business-supervision-left/charts/sidebarMiddle.ts (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-left/charts/sidebarTop.ts (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-left/components/sidebar-left-bottom.vue (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-left/components/sidebar-left-middle.vue (95%)
 rename src/views/business-supervision/{ => components}/business-supervision-left/components/sidebar-left-top.vue (95%)
 create mode 100644 src/views/business-supervision/components/business-supervision-left/index.vue
 rename src/views/business-supervision/{ => components}/business-supervision-right/chart/bottom-chart.vue (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-right/components/sidebar-right-bottom.vue (95%)
 rename src/views/business-supervision/{ => components}/business-supervision-right/components/sidebar-right-middle.vue (100%)
 rename src/views/business-supervision/{ => components}/business-supervision-right/components/sidebar-right-top.vue (100%)
 create mode 100644 src/views/business-supervision/components/business-supervision-right/index.vue
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-content/components/content-item.vue (88%)
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-content/components/content-percent.vue (100%)
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-content/index.vue (91%)
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-sidebar-left/index.vue (86%)
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-sidebar-right/charts/charts.ts (100%)
 rename src/views/smart-park/{ => components}/smart-park-content/components/smart-park-sidebar-right/index.vue (92%)
 create mode 100644 src/views/smart-park/components/smart-park-content/index.vue
 rename src/views/smart-park/{ => components}/smart-park-footer/index.vue (90%)
 delete mode 100644 src/views/smart-park/smart-park-content/index.vue
 rename src/views/welcome/{ => components}/welcome-content/content-list.vue (80%)
 rename src/views/welcome/{ => components}/welcome-content/index.vue (58%)
 rename src/views/welcome/{ => components}/welcome-footer.vue (100%)

diff --git a/src/views/business-supervision/business-supervision-content/index.vue b/src/views/business-supervision/business-supervision-content/index.vue
deleted file mode 100644
index e7530e7..0000000
--- a/src/views/business-supervision/business-supervision-content/index.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-import ContentBottom from '@/views/business-supervision/business-supervision-content/components/content-bottom.vue';
-import ContentMiddle from '@/views/business-supervision/business-supervision-content/components/content-middle.vue';
-import ContentTop from '@/views/business-supervision/business-supervision-content/components/content-top.vue';
-</script>
-
-<template>
-  <div class="business-supervision__content">
-    <content-top />
-    <content-middle />
-    <content-bottom />
-  </div>
-</template>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/business-supervision/business-supervision-left/index.vue b/src/views/business-supervision/business-supervision-left/index.vue
deleted file mode 100644
index 51ac0c0..0000000
--- a/src/views/business-supervision/business-supervision-left/index.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="tsx" setup>
-import SidebarLeftBottom from '@/views/business-supervision/business-supervision-left/components/sidebar-left-bottom.vue';
-import SidebarLeftMiddle from '@/views/business-supervision/business-supervision-left/components/sidebar-left-middle.vue';
-import SidebarLeftTop from '@/views/business-supervision/business-supervision-left/components/sidebar-left-top.vue';
-</script>
-
-<template>
-  <div class="business-supervision__sidebar">
-    <sidebar-left-top />
-    <sidebar-left-middle />
-    <sidebar-left-bottom />
-  </div>
-</template>
diff --git a/src/views/business-supervision/business-supervision-right/index.vue b/src/views/business-supervision/business-supervision-right/index.vue
deleted file mode 100644
index 294fb8f..0000000
--- a/src/views/business-supervision/business-supervision-right/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import SidebarRightBottom from '@/views/business-supervision/business-supervision-right/components/sidebar-right-bottom.vue';
-import SidebarRightMiddle from '@/views/business-supervision/business-supervision-right/components/sidebar-right-middle.vue';
-import SidebarRightTop from '@/views/business-supervision/business-supervision-right/components/sidebar-right-top.vue';
-</script>
-
-<template>
-  <div class="business-supervision__sidebar flex-y-between">
-    <sidebar-right-top />
-
-    <sidebar-right-middle />
-
-    <sidebar-right-bottom />
-  </div>
-</template>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/business-supervision/business-supervision-content/charts/contentBottom.ts b/src/views/business-supervision/components/business-supervision-content/charts/contentBottom.ts
similarity index 100%
rename from src/views/business-supervision/business-supervision-content/charts/contentBottom.ts
rename to src/views/business-supervision/components/business-supervision-content/charts/contentBottom.ts
diff --git a/src/views/business-supervision/business-supervision-content/components/content-bottom.vue b/src/views/business-supervision/components/business-supervision-content/components/content-bottom.vue
similarity index 92%
rename from src/views/business-supervision/business-supervision-content/components/content-bottom.vue
rename to src/views/business-supervision/components/business-supervision-content/components/content-bottom.vue
index 2d91caf..d784213 100644
--- a/src/views/business-supervision/business-supervision-content/components/content-bottom.vue
+++ b/src/views/business-supervision/components/business-supervision-content/components/content-bottom.vue
@@ -3,7 +3,7 @@ import { onMounted, ref } from 'vue';
 
 import TimeSelect from '@/components/TimeSelect/index.vue';
 import { TimeSelectType } from '@/components/TimeSelect/type';
-import { renderEcharts } from '@/views/business-supervision/business-supervision-content/charts/contentBottom';
+import { renderEcharts } from '@/views/business-supervision/components/business-supervision-content/charts/contentBottom';
 
 const chartYear = ref();
 
diff --git a/src/views/business-supervision/business-supervision-content/components/content-middle.vue b/src/views/business-supervision/components/business-supervision-content/components/content-middle.vue
similarity index 100%
rename from src/views/business-supervision/business-supervision-content/components/content-middle.vue
rename to src/views/business-supervision/components/business-supervision-content/components/content-middle.vue
diff --git a/src/views/business-supervision/business-supervision-content/components/content-top.vue b/src/views/business-supervision/components/business-supervision-content/components/content-top.vue
similarity index 89%
rename from src/views/business-supervision/business-supervision-content/components/content-top.vue
rename to src/views/business-supervision/components/business-supervision-content/components/content-top.vue
index db94fac..a0e6ec1 100644
--- a/src/views/business-supervision/business-supervision-content/components/content-top.vue
+++ b/src/views/business-supervision/components/business-supervision-content/components/content-top.vue
@@ -34,6 +34,14 @@ const list = [
 
 // 动态顶部元素
 const contentEl = () => {
+  const getImage = (index) => {
+    const image = new URL(
+      `../../../../../assets/images/business-supervision/bg/content/bg-card-${index + 1}.png`,
+      import.meta.url
+    );
+    return image.href;
+  };
+
   return (
     <>
       {list.map((item, index) => (
@@ -49,15 +57,7 @@ const contentEl = () => {
               ))}
             </section>
           </div>
-          <img
-            alt="card-1"
-            src={
-              new URL(
-                `../../../../assets/images/business-supervision/bg/content/bg-card-${index + 1}.png`,
-                import.meta.url
-              ).href
-            }
-          />
+          <img alt="card-1" src={getImage(index)} />
         </li>
       ))}
     </>
diff --git a/src/views/business-supervision/components/business-supervision-content/index.vue b/src/views/business-supervision/components/business-supervision-content/index.vue
new file mode 100644
index 0000000..55a2d33
--- /dev/null
+++ b/src/views/business-supervision/components/business-supervision-content/index.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import ContentBottom from '@/views/business-supervision/components/business-supervision-content/components/content-bottom.vue';
+import ContentMiddle from '@/views/business-supervision/components/business-supervision-content/components/content-middle.vue';
+import ContentTop from '@/views/business-supervision/components/business-supervision-content/components/content-top.vue';
+</script>
+
+<template>
+  <div class="business-supervision__content">
+    <content-top />
+    <content-middle />
+    <content-bottom />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/business-supervision/business-supervision-left/charts/sidebarMiddle.ts b/src/views/business-supervision/components/business-supervision-left/charts/sidebarMiddle.ts
similarity index 100%
rename from src/views/business-supervision/business-supervision-left/charts/sidebarMiddle.ts
rename to src/views/business-supervision/components/business-supervision-left/charts/sidebarMiddle.ts
diff --git a/src/views/business-supervision/business-supervision-left/charts/sidebarTop.ts b/src/views/business-supervision/components/business-supervision-left/charts/sidebarTop.ts
similarity index 100%
rename from src/views/business-supervision/business-supervision-left/charts/sidebarTop.ts
rename to src/views/business-supervision/components/business-supervision-left/charts/sidebarTop.ts
diff --git a/src/views/business-supervision/business-supervision-left/components/sidebar-left-bottom.vue b/src/views/business-supervision/components/business-supervision-left/components/sidebar-left-bottom.vue
similarity index 100%
rename from src/views/business-supervision/business-supervision-left/components/sidebar-left-bottom.vue
rename to src/views/business-supervision/components/business-supervision-left/components/sidebar-left-bottom.vue
diff --git a/src/views/business-supervision/business-supervision-left/components/sidebar-left-middle.vue b/src/views/business-supervision/components/business-supervision-left/components/sidebar-left-middle.vue
similarity index 95%
rename from src/views/business-supervision/business-supervision-left/components/sidebar-left-middle.vue
rename to src/views/business-supervision/components/business-supervision-left/components/sidebar-left-middle.vue
index 79ec531..e68e1aa 100644
--- a/src/views/business-supervision/business-supervision-left/components/sidebar-left-middle.vue
+++ b/src/views/business-supervision/components/business-supervision-left/components/sidebar-left-middle.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 
-import { renderEcharts } from '@/views/business-supervision/business-supervision-left/charts/sidebarMiddle';
+import { renderEcharts } from '@/views/business-supervision/components/business-supervision-left/charts/sidebarMiddle';
 
 const chartPie = ref<HTMLDivElement>();
 
diff --git a/src/views/business-supervision/business-supervision-left/components/sidebar-left-top.vue b/src/views/business-supervision/components/business-supervision-left/components/sidebar-left-top.vue
similarity index 95%
rename from src/views/business-supervision/business-supervision-left/components/sidebar-left-top.vue
rename to src/views/business-supervision/components/business-supervision-left/components/sidebar-left-top.vue
index bbd42c3..e1e1bc5 100644
--- a/src/views/business-supervision/business-supervision-left/components/sidebar-left-top.vue
+++ b/src/views/business-supervision/components/business-supervision-left/components/sidebar-left-top.vue
@@ -4,7 +4,7 @@ import { onMounted, ref } from 'vue';
 import TimeSelect from '@/components/TimeSelect/index.vue';
 import { TimeSelectType } from '@/components/TimeSelect/type';
 import formatter from '@/utils/digte-formatter';
-import { renderEcharts } from '@/views/business-supervision/business-supervision-left/charts/sidebarTop';
+import { renderEcharts } from '@/views/business-supervision/components/business-supervision-left/charts/sidebarTop';
 
 const chartProgress = ref<HTMLDivElement>();
 const money = ref('1386114');
diff --git a/src/views/business-supervision/components/business-supervision-left/index.vue b/src/views/business-supervision/components/business-supervision-left/index.vue
new file mode 100644
index 0000000..a0d1e83
--- /dev/null
+++ b/src/views/business-supervision/components/business-supervision-left/index.vue
@@ -0,0 +1,13 @@
+<script lang="tsx" setup>
+import SidebarLeftBottom from '@/views/business-supervision/components/business-supervision-left/components/sidebar-left-bottom.vue';
+import SidebarLeftMiddle from '@/views/business-supervision/components/business-supervision-left/components/sidebar-left-middle.vue';
+import SidebarLeftTop from '@/views/business-supervision/components/business-supervision-left/components/sidebar-left-top.vue';
+</script>
+
+<template>
+  <div class="business-supervision__sidebar">
+    <sidebar-left-top />
+    <sidebar-left-middle />
+    <sidebar-left-bottom />
+  </div>
+</template>
diff --git a/src/views/business-supervision/business-supervision-right/chart/bottom-chart.vue b/src/views/business-supervision/components/business-supervision-right/chart/bottom-chart.vue
similarity index 100%
rename from src/views/business-supervision/business-supervision-right/chart/bottom-chart.vue
rename to src/views/business-supervision/components/business-supervision-right/chart/bottom-chart.vue
diff --git a/src/views/business-supervision/business-supervision-right/components/sidebar-right-bottom.vue b/src/views/business-supervision/components/business-supervision-right/components/sidebar-right-bottom.vue
similarity index 95%
rename from src/views/business-supervision/business-supervision-right/components/sidebar-right-bottom.vue
rename to src/views/business-supervision/components/business-supervision-right/components/sidebar-right-bottom.vue
index d33622d..d3459d1 100644
--- a/src/views/business-supervision/business-supervision-right/components/sidebar-right-bottom.vue
+++ b/src/views/business-supervision/components/business-supervision-right/components/sidebar-right-bottom.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 
-import BottomChart from '@/views/business-supervision/business-supervision-right/chart/bottom-chart.vue';
+import BottomChart from '@/views/business-supervision/components/business-supervision-right/chart/bottom-chart.vue';
 
 const charData1 = ref(Math.round(Math.random() * 100));
 const charData2 = ref(Math.round(Math.random() * 100));
diff --git a/src/views/business-supervision/business-supervision-right/components/sidebar-right-middle.vue b/src/views/business-supervision/components/business-supervision-right/components/sidebar-right-middle.vue
similarity index 100%
rename from src/views/business-supervision/business-supervision-right/components/sidebar-right-middle.vue
rename to src/views/business-supervision/components/business-supervision-right/components/sidebar-right-middle.vue
diff --git a/src/views/business-supervision/business-supervision-right/components/sidebar-right-top.vue b/src/views/business-supervision/components/business-supervision-right/components/sidebar-right-top.vue
similarity index 100%
rename from src/views/business-supervision/business-supervision-right/components/sidebar-right-top.vue
rename to src/views/business-supervision/components/business-supervision-right/components/sidebar-right-top.vue
diff --git a/src/views/business-supervision/components/business-supervision-right/index.vue b/src/views/business-supervision/components/business-supervision-right/index.vue
new file mode 100644
index 0000000..bf81f7d
--- /dev/null
+++ b/src/views/business-supervision/components/business-supervision-right/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import SidebarRightBottom from '@/views/business-supervision/components/business-supervision-right/components/sidebar-right-bottom.vue';
+import SidebarRightMiddle from '@/views/business-supervision/components/business-supervision-right/components/sidebar-right-middle.vue';
+import SidebarRightTop from '@/views/business-supervision/components/business-supervision-right/components/sidebar-right-top.vue';
+</script>
+
+<template>
+  <div class="business-supervision__sidebar flex-y-between">
+    <sidebar-right-top />
+
+    <sidebar-right-middle />
+
+    <sidebar-right-bottom />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/business-supervision/index.vue b/src/views/business-supervision/index.vue
index ab8b403..aba1399 100644
--- a/src/views/business-supervision/index.vue
+++ b/src/views/business-supervision/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import MangeContent from '@/views/business-supervision/business-supervision-content/index.vue';
-import BusinessSupervisionLeft from '@/views/business-supervision/business-supervision-left/index.vue';
-import BusinessSupervisionRight from '@/views/business-supervision/business-supervision-right/index.vue';
+import MangeContent from '@/views/business-supervision/components/business-supervision-content/index.vue';
+import BusinessSupervisionLeft from '@/views/business-supervision/components/business-supervision-left/index.vue';
+import BusinessSupervisionRight from '@/views/business-supervision/components/business-supervision-right/index.vue';
 </script>
 
 <template>
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-content/components/content-item.vue b/src/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-item.vue
similarity index 88%
rename from src/views/smart-park/smart-park-content/components/smart-park-content/components/content-item.vue
rename to src/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-item.vue
index e674fbb..0efc37e 100644
--- a/src/views/smart-park/smart-park-content/components/smart-park-content/components/content-item.vue
+++ b/src/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-item.vue
@@ -15,7 +15,7 @@ defineProps({
       <img
         alt="arrow-item"
         class="float-left h-[16px]"
-        src="../../../../../../assets/images/smart-park/arrow/arrow-item.png"
+        src="../../../../../../../assets/images/smart-park/arrow/arrow-item.png"
       />
     </div>
   </div>
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-content/components/content-percent.vue b/src/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-percent.vue
similarity index 100%
rename from src/views/smart-park/smart-park-content/components/smart-park-content/components/content-percent.vue
rename to src/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-percent.vue
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-content/index.vue b/src/views/smart-park/components/smart-park-content/components/smart-park-content/index.vue
similarity index 91%
rename from src/views/smart-park/smart-park-content/components/smart-park-content/index.vue
rename to src/views/smart-park/components/smart-park-content/components/smart-park-content/index.vue
index 7e2dcbd..cdb3147 100644
--- a/src/views/smart-park/smart-park-content/components/smart-park-content/index.vue
+++ b/src/views/smart-park/components/smart-park-content/components/smart-park-content/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import ContentItem from '@/views/smart-park/smart-park-content/components/smart-park-content/components/content-item.vue';
-import ContentPercent from '@/views/smart-park/smart-park-content/components/smart-park-content/components/content-percent.vue';
+import ContentItem from '@/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-item.vue';
+import ContentPercent from '@/views/smart-park/components/smart-park-content/components/smart-park-content/components/content-percent.vue';
 </script>
 
 <template>
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-sidebar-left/index.vue b/src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-left/index.vue
similarity index 86%
rename from src/views/smart-park/smart-park-content/components/smart-park-sidebar-left/index.vue
rename to src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-left/index.vue
index e2908cb..d73263a 100644
--- a/src/views/smart-park/smart-park-content/components/smart-park-sidebar-left/index.vue
+++ b/src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-left/index.vue
@@ -11,22 +11,22 @@
       <!-- 汽车列表 -->
       <ul class="mt-[32px]">
         <li class="smart-park__sidebar--left-item">
-          <img alt="car-1" src="../../../../../assets/images/smart-park/car/car-1.png" />
+          <img alt="car-1" src="../../../../../../assets/images/smart-park/car/car-1.png" />
           <p>入卡口（西北门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
         <li class="smart-park__sidebar--left-item">
-          <img alt="car-1" src="../../../../../assets/images/smart-park/car/car-1.png" />
+          <img alt="car-1" src="../../../../../../assets/images/smart-park/car/car-1.png" />
           <p>入卡口（东北门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
         <li class="smart-park__sidebar--left-item">
-          <img alt="car-1" src="../../../../../assets/images/smart-park/car/car-2.png" />
+          <img alt="car-1" src="../../../../../../assets/images/smart-park/car/car-2.png" />
           <p>入卡口（东北门）</p>
           <span class="dashed-circle c-warning border-b-warning">拥堵</span>
         </li>
         <li class="smart-park__sidebar--left-item">
-          <img alt="car-1" src="../../../../../assets/images/smart-park/car/car-1.png" />
+          <img alt="car-1" src="../../../../../../assets/images/smart-park/car/car-1.png" />
           <p>入卡口（东南门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-sidebar-right/charts/charts.ts b/src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/charts/charts.ts
similarity index 100%
rename from src/views/smart-park/smart-park-content/components/smart-park-sidebar-right/charts/charts.ts
rename to src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/charts/charts.ts
diff --git a/src/views/smart-park/smart-park-content/components/smart-park-sidebar-right/index.vue b/src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/index.vue
similarity index 92%
rename from src/views/smart-park/smart-park-content/components/smart-park-sidebar-right/index.vue
rename to src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/index.vue
index f02c0ec..96ce605 100644
--- a/src/views/smart-park/smart-park-content/components/smart-park-sidebar-right/index.vue
+++ b/src/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 
-import { renderEcharts } from '@/views/smart-park/smart-park-content/components/smart-park-sidebar-right/charts/charts';
+import { renderEcharts } from '@/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/charts/charts';
 
 const weekDataChart = ref<HTMLDivElement>();
 
diff --git a/src/views/smart-park/components/smart-park-content/index.vue b/src/views/smart-park/components/smart-park-content/index.vue
new file mode 100644
index 0000000..b07a222
--- /dev/null
+++ b/src/views/smart-park/components/smart-park-content/index.vue
@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+import SmartPartContent from '@/views/smart-park/components/smart-park-content/components/smart-park-content/index.vue';
+import SmartPartSidebarLeft from '@/views/smart-park/components/smart-park-content/components/smart-park-sidebar-left/index.vue';
+import SmartPartSidebarRight from '@/views/smart-park/components/smart-park-content/components/smart-park-sidebar-right/index.vue';
+</script>
+
+<template>
+  <main class="pt-[78px] mx-auto flex-center w-[1620px] h-[650px]">
+    <smart-part-sidebar-left />
+    <smart-part-content />
+    <smart-part-sidebar-right />
+  </main>
+</template>
diff --git a/src/views/smart-park/smart-park-footer/index.vue b/src/views/smart-park/components/smart-park-footer/index.vue
similarity index 90%
rename from src/views/smart-park/smart-park-footer/index.vue
rename to src/views/smart-park/components/smart-park-footer/index.vue
index 504594b..cb40914 100644
--- a/src/views/smart-park/smart-park-footer/index.vue
+++ b/src/views/smart-park/components/smart-park-footer/index.vue
@@ -4,7 +4,7 @@
   <footer>
     <ul class="smart-park__footer-nav">
       <li v-for="index in new Array(5)" :key="index" class="smart-park__footer-item">
-        <img alt="车辆管理" src="../../../assets/images/smart-park/car/car-39.png" />
+        <img alt="车辆管理" src="../../../../assets/images/smart-park/car/car-39.png" />
         <span class="text-white hover">车辆管理</span>
       </li>
     </ul>
diff --git a/src/views/smart-park/index.vue b/src/views/smart-park/index.vue
index 8dafd3b..880a871 100644
--- a/src/views/smart-park/index.vue
+++ b/src/views/smart-park/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import SmartPartContent from '@/views/smart-park/smart-park-content/index.vue';
-import SmartPartFooter from '@/views/smart-park/smart-park-footer/index.vue';
+import SmartPartContent from '@/views/smart-park/components/smart-park-content/index.vue';
+import SmartPartFooter from '@/views/smart-park/components/smart-park-footer/index.vue';
 </script>
 
 <template>
diff --git a/src/views/smart-park/smart-park-content/index.vue b/src/views/smart-park/smart-park-content/index.vue
deleted file mode 100644
index 9e97dca..0000000
--- a/src/views/smart-park/smart-park-content/index.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-import SmartPartContent from '@/views/smart-park/smart-park-content/components/smart-park-content/index.vue';
-import SmartPartSidebarLeft from '@/views/smart-park/smart-park-content/components/smart-park-sidebar-left/index.vue';
-import SmartPartSidebarRight from '@/views/smart-park/smart-park-content/components/smart-park-sidebar-right/index.vue';
-</script>
-
-<template>
-  <main class="pt-[78px] mx-auto flex-center w-[1620px] h-[650px]">
-    <smart-part-sidebar-left />
-    <smart-part-content />
-    <smart-part-sidebar-right />
-  </main>
-</template>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/welcome/welcome-content/content-list.vue b/src/views/welcome/components/welcome-content/content-list.vue
similarity index 80%
rename from src/views/welcome/welcome-content/content-list.vue
rename to src/views/welcome/components/welcome-content/content-list.vue
index 8ca5fbd..a535cea 100644
--- a/src/views/welcome/welcome-content/content-list.vue
+++ b/src/views/welcome/components/welcome-content/content-list.vue
@@ -7,23 +7,26 @@ const router = useRouter();
 <template>
   <ul class="welcome__content-list">
     <li @click="router.push('/smart-park')">
-      <img alt="car" src="@/assets/images/welcome/icon/center/car.png" />
+      <img alt="car" src="../../../../assets/images/welcome/icon/center/car.png" />
       <span>智慧停车</span>
     </li>
     <li>
-      <img alt="distribution" src="@/assets/images/welcome/icon/center/distribution.png" />
+      <img
+        alt="distribution"
+        src="../../../../assets/images/welcome/icon/center/distribution.png"
+      />
       <span>智慧配送</span>
     </li>
     <li>
-      <img alt="muck" src="@/assets/images/welcome/icon/center/muck.png" />
+      <img alt="muck" src="../../../../assets/images/welcome/icon/center/muck.png" />
       <span>智慧渣土</span>
     </li>
     <li>
-      <img alt="clean-city" src="@/assets/images/welcome/icon/center/clean-city.png" />
+      <img alt="clean-city" src="../../../../assets/images/welcome/icon/center/clean-city.png" />
       <span>智慧洁城</span>
     </li>
     <li>
-      <img alt="lamp" src="@/assets/images/welcome/icon/center/lamp.png" />
+      <img alt="lamp" src="../../../../assets/images/welcome/icon/center/lamp.png" />
       <span>智慧路灯</span>
     </li>
   </ul>
diff --git a/src/views/welcome/welcome-content/index.vue b/src/views/welcome/components/welcome-content/index.vue
similarity index 58%
rename from src/views/welcome/welcome-content/index.vue
rename to src/views/welcome/components/welcome-content/index.vue
index 29bf7db..2e37ffc 100644
--- a/src/views/welcome/welcome-content/index.vue
+++ b/src/views/welcome/components/welcome-content/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import ContentList from '@/views/welcome/welcome-content/content-list.vue';
+import ContentList from '@/views/welcome/components/welcome-content/content-list.vue';
 </script>
 
 <template>
   <div class="welcome__content flex-y-around">
     <div class="mt-[158px]">
       <p>
-        <img alt="welcome-bg" src="@/assets/images/welcome/icon/welcome.png" />
+        <img alt="welcome-bg" src="../../../../assets/images/welcome/icon/welcome.png" />
         <i>xxxx</i>
         你好 欢迎使用xxxxxxxzz
       </p>
diff --git a/src/views/welcome/welcome-footer.vue b/src/views/welcome/components/welcome-footer.vue
similarity index 100%
rename from src/views/welcome/welcome-footer.vue
rename to src/views/welcome/components/welcome-footer.vue
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 950c568..6334520 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import WelcomeContent from '@/views/welcome/welcome-content/index.vue';
-import WelcomeFooter from '@/views/welcome/welcome-footer.vue';
+import WelcomeContent from '@/views/welcome/components/welcome-content/index.vue';
+import WelcomeFooter from '@/views/welcome/components/welcome-footer.vue';
 </script>
 
 <template>