From 5ea85aed4e324fa3a66bc3fa4108f725870494c2 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Thu, 16 Oct 2025 09:45:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AA=E5=B1=8F=E4=BF=AE=E5=A4=8D-=E5=85=B6?=
 =?UTF-8?q?=E4=BB=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../applicationCustomization/index.vue        | 56 +--------------
 .../industrySolutions/ElectCar/item1-5.vue    | 53 +-------------
 .../IoTSolutions/Internet_Things_IOT.vue      | 70 +++++--------------
 .../IoTSolutions/Internet_Things_hardware.vue | 69 +++++-------------
 .../IoTSolutions/applicationCustomization.vue | 18 +++++
 app/pages/industrySolutions/ElectCar.vue      | 13 ++++
 app/pages/industrySolutions/cabinet.vue       | 63 ++++-------------
 app/pages/sharedSolutions/eBike.vue           | 15 ++++
 8 files changed, 93 insertions(+), 264 deletions(-)

diff --git a/app/components/IoTSolutions/applicationCustomization/index.vue b/app/components/IoTSolutions/applicationCustomization/index.vue
index 4a37238..82ad2b5 100644
--- a/app/components/IoTSolutions/applicationCustomization/index.vue
+++ b/app/components/IoTSolutions/applicationCustomization/index.vue
@@ -1,59 +1,5 @@
 <script lang="ts" setup>
-import {onMounted} from "vue";
-
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
-
-  // 加载JavaScript文件
-  loadJSFiles()
-})
-
-const loadJSFiles = () => {
-  const jsFiles = [
-    '/js/jquery-1.10.2.js',
-    '/js/bootstrap.min.js',
-    '/js/index.js',
-
-    '/js/gopcOm.js'
-
-
-  ]
-
-  jsFiles.forEach(src => {
-    // 检查是否已经加载过该JS文件
-    const existingScript = document.querySelector(`script[src="${src}"]`)
-    if (!existingScript) {
-      const script = document.createElement('script')
-      script.src = src
-      script.type = 'text/javascript'
-      document.head.appendChild(script)
-    }
-  })
-}
-
-const loadCSSFiles = () => {
-  const cssFiles = [
-    '/css/bootstrap.min.css',
-    '/css/main2.css',
-
-
-    '/css/yuxi2019.css',
-    '/css/Internet_Things.css',
-  ]
-
-  cssFiles.forEach(href => {
-    // 检查是否已经加载过该CSS文件
-    const existingLink = document.querySelector(`link[href="${href}"]`)
-    if (!existingLink) {
-      const link = document.createElement('link')
-      link.rel = 'stylesheet'
-      link.href = href
-      link.type = 'text/css'
-      document.head.appendChild(link)
-    }
-  })
-}
+// 资源加载已移至页面级别管理，使用 useHead 统一处理
 </script>
 
 <template>
diff --git a/app/components/industrySolutions/ElectCar/item1-5.vue b/app/components/industrySolutions/ElectCar/item1-5.vue
index b757b62..5bb9cca 100644
--- a/app/components/industrySolutions/ElectCar/item1-5.vue
+++ b/app/components/industrySolutions/ElectCar/item1-5.vue
@@ -1,56 +1,5 @@
 <script lang="ts" setup>
-import {onMounted} from "vue";
-
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
-
-  // 加载JavaScript文件
-  loadJSFiles()
-})
-
-const loadJSFiles = () => {
-  const jsFiles = [
-    '/js/jquery-1.10.2.js',
-    '/js/bootstrap.min.js',
-
-
-    '/js/gopcOm.js'
-  ]
-
-  jsFiles.forEach(src => {
-    // 检查是否已经加载过该JS文件
-    const existingScript = document.querySelector(`script[src="${src}"]`)
-    if (!existingScript) {
-      const script = document.createElement('script')
-      script.src = src
-      script.type = 'text/javascript'
-      document.head.appendChild(script)
-    }
-  })
-}
-
-const loadCSSFiles = () => {
-  const cssFiles = [
-    '/css/bootstrap.min.css',
-    '/css/main2.css',
-    // '/css/main.css',
-    '/css/Internet_Things.css',
-    '/css/yuxi2019.css'
-  ]
-
-  cssFiles.forEach(href => {
-    // 检查是否已经加载过该CSS文件
-    const existingLink = document.querySelector(`link[href="${href}"]`)
-    if (!existingLink) {
-      const link = document.createElement('link')
-      link.rel = 'stylesheet'
-      link.href = href
-      link.type = 'text/css'
-      document.head.appendChild(link)
-    }
-  })
-}
+// 资源加载已移至页面级别管理，使用 useHead 统一处理
 </script>
 
 <template>
diff --git a/app/pages/IoTSolutions/Internet_Things_IOT.vue b/app/pages/IoTSolutions/Internet_Things_IOT.vue
index 2a01ef4..2d5531e 100644
--- a/app/pages/IoTSolutions/Internet_Things_IOT.vue
+++ b/app/pages/IoTSolutions/Internet_Things_IOT.vue
@@ -1,63 +1,27 @@
 <script lang="ts" setup>
-import {onMounted} from "vue";
+import {useHead} from "#app";
 
 definePageMeta({
   layout: 'no-new'
 })
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
 
-  // 加载JavaScript文件
-  loadJSFiles()
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/about.css'},
+    {rel: 'stylesheet', href: '/css/computer_public.css'},
+    {rel: 'stylesheet', href: '/css/headORfooter.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
+    {rel: 'stylesheet', href: '/css/Internet_Things.css'}
+  ],
+  script: [
+   
+    {src: '/js/index.js'},
+    {src: '/js/gopcOm.js'}
+  ]
 })
-
-const loadJSFiles = () => {
-  const jsFiles = [
-    '/js/jquery.1.11.3.min.js',
-    '/js/bootstrap.min.js',
-    '/js/index.js',
-
-    '/js/gopcOm.js'
-
-
-  ]
-
-  jsFiles.forEach(src => {
-    // 检查是否已经加载过该JS文件
-    const existingScript = document.querySelector(`script[src="${src}"]`)
-    if (!existingScript) {
-      const script = document.createElement('script')
-      script.src = src
-      script.type = 'text/javascript'
-      document.head.appendChild(script)
-    }
-  })
-}
-
-const loadCSSFiles = () => {
-  const cssFiles = [
-    '/css/bootstrap.min.css',
-    '/css/main2.css',
-    '/css/about.css',
-    '/css/computer_public.css',
-    '/css/headORfooter.css',
-    '/css/yuxi2019.css',
-    '/css/Internet_Things.css',
-  ]
-
-  cssFiles.forEach(href => {
-    // 检查是否已经加载过该CSS文件
-    const existingLink = document.querySelector(`link[href="${href}"]`)
-    if (!existingLink) {
-      const link = document.createElement('link')
-      link.rel = 'stylesheet'
-      link.href = href
-      link.type = 'text/css'
-      document.head.appendChild(link)
-    }
-  })
-}
 </script>
 
 <template>
diff --git a/app/pages/IoTSolutions/Internet_Things_hardware.vue b/app/pages/IoTSolutions/Internet_Things_hardware.vue
index a07f9c5..835a209 100644
--- a/app/pages/IoTSolutions/Internet_Things_hardware.vue
+++ b/app/pages/IoTSolutions/Internet_Things_hardware.vue
@@ -1,64 +1,27 @@
 <script lang="ts" setup>
-import {onMounted} from "vue";
+import {useHead} from "#app";
 
 definePageMeta({
   layout: 'no-new'
 })
 
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/about.css'},
+    {rel: 'stylesheet', href: '/css/computer_public.css'},
+    {rel: 'stylesheet', href: '/css/headORfooter.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
+    {rel: 'stylesheet', href: '/css/Internet_Things.css'}
+  ],
+  script: [
 
-  // 加载JavaScript文件
-  loadJSFiles()
+    {src: '/js/index.js'},
+    {src: '/js/gopcOm.js'}
+  ]
 })
-
-const loadJSFiles = () => {
-  const jsFiles = [
-    '/js/jquery.1.11.3.min.js',
-    '/js/bootstrap.min.js',
-    '/js/index.js',
-
-    '/js/gopcOm.js'
-
-
-  ]
-
-  jsFiles.forEach(src => {
-    // 检查是否已经加载过该JS文件
-    const existingScript = document.querySelector(`script[src="${src}"]`)
-    if (!existingScript) {
-      const script = document.createElement('script')
-      script.src = src
-      script.type = 'text/javascript'
-      document.head.appendChild(script)
-    }
-  })
-}
-
-const loadCSSFiles = () => {
-  const cssFiles = [
-    '/css/bootstrap.min.css',
-    '/css/main2.css',
-    '/css/about.css',
-    '/css/computer_public.css',
-    '/css/headORfooter.css',
-    '/css/yuxi2019.css',
-    '/css/Internet_Things.css',
-  ]
-
-  cssFiles.forEach(href => {
-    // 检查是否已经加载过该CSS文件
-    const existingLink = document.querySelector(`link[href="${href}"]`)
-    if (!existingLink) {
-      const link = document.createElement('link')
-      link.rel = 'stylesheet'
-      link.href = href
-      link.type = 'text/css'
-      document.head.appendChild(link)
-    }
-  })
-}
 </script>
 
 <template>
diff --git a/app/pages/IoTSolutions/applicationCustomization.vue b/app/pages/IoTSolutions/applicationCustomization.vue
index e08f3a1..4b424ed 100644
--- a/app/pages/IoTSolutions/applicationCustomization.vue
+++ b/app/pages/IoTSolutions/applicationCustomization.vue
@@ -1,5 +1,23 @@
 <script lang="ts" setup>
+import {useHead} from "#app";
 
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/about.css'},
+    {rel: 'stylesheet', href: '/css/computer_public.css'},
+    {rel: 'stylesheet', href: '/css/headORfooter.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
+    {rel: 'stylesheet', href: '/css/Internet_Things.css'}
+  ],
+  script: [
+
+    {src: '/js/index.js'},
+    {src: '/js/gopcOm.js'}
+  ]
+})
 </script>
 
 <template>
diff --git a/app/pages/industrySolutions/ElectCar.vue b/app/pages/industrySolutions/ElectCar.vue
index 8ad5a8d..149f224 100644
--- a/app/pages/industrySolutions/ElectCar.vue
+++ b/app/pages/industrySolutions/ElectCar.vue
@@ -1,5 +1,18 @@
 <script lang="ts" setup>
+import {useHead} from "#app";
 
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/Internet_Things.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'}
+  ],
+  script: [
+    {src: '/js/gopcOm.js'}
+  ]
+})
 </script>
 
 <template>
diff --git a/app/pages/industrySolutions/cabinet.vue b/app/pages/industrySolutions/cabinet.vue
index 985121b..b3f18c9 100644
--- a/app/pages/industrySolutions/cabinet.vue
+++ b/app/pages/industrySolutions/cabinet.vue
@@ -1,58 +1,19 @@
 <script lang="ts" setup>
-import {onMounted} from "vue";
+import {useHead} from "#app";
 
-onMounted(() => {
-  // 加载CSS样式文件
-  loadCSSFiles()
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
+    {rel: 'stylesheet', href: '/css/Internet_cabinet.css'}
+  ],
+  script: [
 
-  // 加载JavaScript文件
-  loadJSFiles()
+    {src: '/js/gopcOm.js'}
+  ]
 })
-
-const loadJSFiles = () => {
-  const jsFiles = [
-    '/js/jquery-1.10.2.js',
-    '/js/bootstrap.min.js',
-
-
-    '/js/gopcOm.js'
-
-
-  ]
-
-  jsFiles.forEach(src => {
-    // 检查是否已经加载过该JS文件
-    const existingScript = document.querySelector(`script[src="${src}"]`)
-    if (!existingScript) {
-      const script = document.createElement('script')
-      script.src = src
-      script.type = 'text/javascript'
-      document.head.appendChild(script)
-    }
-  })
-}
-
-const loadCSSFiles = () => {
-  const cssFiles = [
-    '/css/bootstrap.min.css',
-    '/css/main2.css',
-
-    '/css/yuxi2019.css',
-    '/css/Internet_cabinet.css',
-  ]
-
-  cssFiles.forEach(href => {
-    // 检查是否已经加载过该CSS文件
-    const existingLink = document.querySelector(`link[href="${href}"]`)
-    if (!existingLink) {
-      const link = document.createElement('link')
-      link.rel = 'stylesheet'
-      link.href = href
-      link.type = 'text/css'
-      document.head.appendChild(link)
-    }
-  })
-}
 </script>
 
 <template>
diff --git a/app/pages/sharedSolutions/eBike.vue b/app/pages/sharedSolutions/eBike.vue
index 846e877..dc10961 100644
--- a/app/pages/sharedSolutions/eBike.vue
+++ b/app/pages/sharedSolutions/eBike.vue
@@ -1,4 +1,19 @@
 <script lang="ts" setup>
+import {useHead} from "#app";
+
+// 使用 Nuxt 3 的 useHead 来管理头部资源
+useHead({
+  link: [
+    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
+    {rel: 'stylesheet', href: '/css/main2.css'},
+    {rel: 'stylesheet', href: '/css/ebikes.css'},
+    {rel: 'stylesheet', href: '/css/yuxi2019.css'}
+  ],
+  script: [
+    {src: '/js/index.js'},
+    {src: '/js/gopcOm.js'}
+  ]
+})
 </script>
 
 <template>