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>