修改返回缓存

src/App.vue

@@ -4,7 +4,12 @@ import zhCN from 'ant-design-vue/es/locale/zh_CN'
 
 <template>
   <a-config-provider :locale="zhCN">
-    <router-view />
+    <router-view v-slot="{ Component }">
+      <keep-alive>
+        <component :is="Component" :key="$route.name" v-if="$route.meta.keepAlive" />
+      </keep-alive>
+      <component :is="Component" :key="$route.name" v-if="!$route.meta.keepAlive" />
+    </router-view>
   </a-config-provider>
 </template>
 

src/router/index.js

@@ -20,7 +20,7 @@ const router = createRouter({
     {
       path: '/one',
       name: 'one',
-      meta: { title: '产学研用协同创新数字化平台' },
+      meta: { title: '产学研用协同创新数字化平台', keepAlive: true },
       component: () => import('@/views/one/index.vue')
     },
     {
@@ -29,58 +29,52 @@ const router = createRouter({
       meta: { title: '产学研用协同创新数字化平台-信息发布' },
       component: () => import('@/views/two/index.vue')
     },
-    {
-      path: '/thr',
-      name: 'thr',
-      meta: { title: '产学研用协同创新数字化平台-创新中心' },
-      component: () => import('@/views/thr/demand.vue')
-    },
     {
       path: '/thrOne',
       name: 'thrOne',
-      meta: { title: '产学研用协同创新数字化平台-需求中心' },
+      meta: { title: '产学研用协同创新数字化平台-需求中心', keepAlive: true },
       component: () => import('@/views/thr/demand.vue')
     },
     {
       path: '/thrTwo',
       name: 'thrTwo',
-      meta: { title: '产学研用协同创新数字化平台-供给中心' },
+      meta: { title: '产学研用协同创新数字化平台-供给中心', keepAlive: true },
       component: () => import('@/views/thr/supply.vue')
     },
     {
       path: '/four',
       name: 'four',
-      meta: { title: '产学研用协同创新数字化平台-信息检索' },
+      meta: { title: '产学研用协同创新数字化平台-信息检索', keepAlive: true },
       component: () => import('@/views/four/index.vue')
     },
     {
       path: '/five',
       name: 'five',
-      meta: { title: '产学研用协同创新数字化平台-双创活动' },
+      meta: { title: '产学研用协同创新数字化平台-双创活动', keepAlive: true },
       component: () => import('@/views/five/index.vue')
     },
     {
       path: '/six',
       name: 'six',
-      meta: { title: '产学研用协同创新数字化平台-中试平台' },
+      meta: { title: '产学研用协同创新数字化平台-中试平台', keepAlive: true },
       component: () => import('@/views/six/index.vue')
     },
     {
       path: '/seven',
       name: 'seven',
-      meta: { title: '产学研用协同创新数字化平台-服务支撑' },
+      meta: { title: '产学研用协同创新数字化平台-服务支撑', keepAlive: true },
       component: () => import('@/views/seven/index.vue')
     },
     {
       path: '/eight',
       name: 'eight',
-      meta: { title: '产学研用协同创新数字化平台-产业集群' },
+      meta: { title: '产学研用协同创新数字化平台-产业集群', keepAlive: true },
       component: () => import('@/views/eight/index.vue')
     },
     {
       path: '/nine',
       name: 'nine',
-      meta: { title: '产学研用协同创新数字化平台-成果展示' },
+      meta: { title: '产学研用协同创新数字化平台-成果展示', keepAlive: true },
       component: () => import('@/views/nine/index.vue')
     },
     {
@@ -98,13 +92,13 @@ const router = createRouter({
     {
       path: '/twelve',
       name: 'twelve',
-      meta: { title: '产学研用协同创新数字化平台-产业孵化大脑' },
+      meta: { title: '产学研用协同创新数字化平台-精准匹配', keepAlive: true },
       component: () => import('@/views/twelve/index.vue')
     },
     {
       path: '/thirteen',
       name: 'thirteen',
-      meta: { title: '产学研用协同创新数字化平台-行研产研' },
+      meta: { title: '产学研用协同创新数字化平台-行研产研', keepAlive: true },
       component: () => import('@/views/thirteen/index.vue')
     },
     {
@@ -116,7 +110,7 @@ const router = createRouter({
     {
       path: '/news',
       name: 'news',
-      meta: { title: '产学研用协同创新数字化平台-新闻列表' },
+      meta: { title: '产学研用协同创新数字化平台-新闻列表', keepAlive: true },
       component: () => import('@/views/detail/news.vue')
     },
     {
@@ -313,7 +307,6 @@ const router = createRouter({
     }
   ]
 })
-
 const getRedirectUri = (route) => {
   return route.path
 }

src/views/detail/news.vue

@@ -80,6 +80,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import moment from 'moment'
 import { NewsStore } from '@/store/api/platform/news'
@@ -196,6 +197,16 @@ const getUrl = (item) => {
 const getDate = (item) => {
   if (item && moment(item).isValid()) return moment(item).format('YYYY-MM-DD')
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/eight/index.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import { SectorStore } from '@/store/api/platform/sector'
 const store = SectorStore()
@@ -55,6 +56,16 @@ const getUrl = (item) => {
 const toView = async (item) => {
   router.push({ path: '/industry/detail', query: { id: item.id || item._id } })
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/five/index.vue

@@ -86,6 +86,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 图片引入
 import match_3 from '/images/match_3.jpg'
 import time1 from '/images/time-dary.png'
@@ -217,6 +218,16 @@ const sizeChange = (limits) => {
 const getUrl = (item) => {
   if (item && item.length > 0) return `${import.meta.env.VITE_APP_HOST}${item[0].uri}`
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/four/index.vue

@@ -27,6 +27,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 组件
 import index from './parts/index.vue'
 import { TagsStore } from '@/store/api/system/tags'
@@ -87,6 +88,16 @@ const remoteMethod = (query) => {
     tagsList.value = []
   }
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/nine/index.vue

@@ -130,6 +130,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 图片引入
 import chengguo from '/images/chengguo.png'
 import bg_1 from '/images/achievement/tec_bg_1.png'
@@ -471,6 +472,16 @@ const toDel = async (data, type) => {
   }
   await toSearchFind()
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/one/index.vue

@@ -5,6 +5,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 组件
 import page from './page.vue'
 const $checkRes = inject('$checkRes')
@@ -85,5 +86,15 @@ const toActive = async (item) => {
   active.value = item
   await searchNew()
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss"></style>

src/views/one/parts/echarts1.vue

@@ -87,6 +87,7 @@ function echarts1View() {
   })
 }
 function echarts2View() {
+  const endPercent = (6 / info.value.two.list.length) * 100
   var myChart2 = echarts.init(echarts2.value)
   var option2 = {
     tooltip: {
@@ -108,6 +109,55 @@ function echarts2View() {
       },
       color: ['#ffcc00', '#28f2e6']
     },
+    dataZoom: [
+      //给x轴设置滚动条
+      {
+        start: 0, //默认为0
+        end: endPercent,
+        type: 'slider',
+        show: true,
+        xAxisIndex: [0],
+        handleSize: 0, //滑动条的 左右2个滑动条的大小
+        height: 12, //组件高度
+        left: 50, //左边的距离
+        right: 40, //右边的距离
+        bottom: 30, //右边的距离
+        handleColor: '#ddd', //h滑动图标的颜色
+        handleStyle: {
+          borderColor: '#cacaca',
+          borderWidth: '1',
+          shadowBlur: 2,
+          background: '#ddd',
+          shadowColor: '#ddd'
+        },
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+          {
+            //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+            //给第一个设置0，第四个设置1，就是垂直渐变
+            offset: 0,
+            color: '#1eb5e5'
+          },
+          {
+            offset: 1,
+            color: '#5ccbb1'
+          }
+        ]),
+        backgroundColor: '#ddd', //两边未选中的滑动条区域的颜色
+        showDataShadow: false, //是否显示数据阴影 默认auto
+        showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        filterMode: 'filter'
+      },
+      //下面这个属性是里面拖到
+      {
+        type: 'inside',
+        show: true,
+        xAxisIndex: [0],
+        start: 0, //默认为1
+        end: 50
+      }
+    ],
+    calculable: true,
     xAxis: [
       {
         type: 'category',

src/views/one/parts/echarts2.vue

@@ -87,6 +87,7 @@ function echarts1View() {
   })
 }
 function echarts2View() {
+  const endPercent = (6 / info.value.two.list.length) * 100
   var myChart2 = echarts.init(echarts2.value)
   var option2 = {
     tooltip: {
@@ -108,6 +109,55 @@ function echarts2View() {
       },
       color: ['#ffcc00', '#28f2e6']
     },
+    dataZoom: [
+      //给x轴设置滚动条
+      {
+        start: 0, //默认为0
+        end: endPercent,
+        type: 'slider',
+        show: true,
+        xAxisIndex: [0],
+        handleSize: 0, //滑动条的 左右2个滑动条的大小
+        height: 12, //组件高度
+        left: 50, //左边的距离
+        right: 40, //右边的距离
+        bottom: 30, //右边的距离
+        handleColor: '#ddd', //h滑动图标的颜色
+        handleStyle: {
+          borderColor: '#cacaca',
+          borderWidth: '1',
+          shadowBlur: 2,
+          background: '#ddd',
+          shadowColor: '#ddd'
+        },
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+          {
+            //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+            //给第一个设置0，第四个设置1，就是垂直渐变
+            offset: 0,
+            color: '#1eb5e5'
+          },
+          {
+            offset: 1,
+            color: '#5ccbb1'
+          }
+        ]),
+        backgroundColor: '#ddd', //两边未选中的滑动条区域的颜色
+        showDataShadow: false, //是否显示数据阴影 默认auto
+        showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        filterMode: 'filter'
+      },
+      //下面这个属性是里面拖到
+      {
+        type: 'inside',
+        show: true,
+        xAxisIndex: [0],
+        start: 0, //默认为1
+        end: 50
+      }
+    ],
+    calculable: true,
     xAxis: [
       {
         type: 'category',

src/views/one/parts/echarts3.vue

@@ -87,6 +87,7 @@ function echarts1View() {
   })
 }
 function echarts2View() {
+  const endPercent = (6 / info.value.two.list.length) * 100
   var myChart2 = echarts.init(echarts2.value)
   var option2 = {
     tooltip: {
@@ -108,6 +109,55 @@ function echarts2View() {
       },
       color: ['#ffcc00', '#28f2e6']
     },
+    dataZoom: [
+      //给x轴设置滚动条
+      {
+        start: 0, //默认为0
+        end: endPercent,
+        type: 'slider',
+        show: true,
+        xAxisIndex: [0],
+        handleSize: 0, //滑动条的 左右2个滑动条的大小
+        height: 12, //组件高度
+        left: 50, //左边的距离
+        right: 40, //右边的距离
+        bottom: 30, //右边的距离
+        handleColor: '#ddd', //h滑动图标的颜色
+        handleStyle: {
+          borderColor: '#cacaca',
+          borderWidth: '1',
+          shadowBlur: 2,
+          background: '#ddd',
+          shadowColor: '#ddd'
+        },
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+          {
+            //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+            //给第一个设置0，第四个设置1，就是垂直渐变
+            offset: 0,
+            color: '#1eb5e5'
+          },
+          {
+            offset: 1,
+            color: '#5ccbb1'
+          }
+        ]),
+        backgroundColor: '#ddd', //两边未选中的滑动条区域的颜色
+        showDataShadow: false, //是否显示数据阴影 默认auto
+        showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        filterMode: 'filter'
+      },
+      //下面这个属性是里面拖到
+      {
+        type: 'inside',
+        show: true,
+        xAxisIndex: [0],
+        start: 0, //默认为1
+        end: 50
+      }
+    ],
+    calculable: true,
     xAxis: [
       {
         type: 'category',

src/views/one/parts/echarts4.vue

@@ -87,6 +87,7 @@ function echarts1View() {
   })
 }
 function echarts2View() {
+  const endPercent = (6 / info.value.two.list.length) * 100
   var myChart2 = echarts.init(echarts2.value)
   var option2 = {
     tooltip: {
@@ -108,6 +109,55 @@ function echarts2View() {
       },
       color: ['#ffcc00', '#28f2e6']
     },
+    dataZoom: [
+      //给x轴设置滚动条
+      {
+        start: 0, //默认为0
+        end: endPercent,
+        type: 'slider',
+        show: true,
+        xAxisIndex: [0],
+        handleSize: 0, //滑动条的 左右2个滑动条的大小
+        height: 12, //组件高度
+        left: 50, //左边的距离
+        right: 40, //右边的距离
+        bottom: 30, //右边的距离
+        handleColor: '#ddd', //h滑动图标的颜色
+        handleStyle: {
+          borderColor: '#cacaca',
+          borderWidth: '1',
+          shadowBlur: 2,
+          background: '#ddd',
+          shadowColor: '#ddd'
+        },
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+          {
+            //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+            //给第一个设置0，第四个设置1，就是垂直渐变
+            offset: 0,
+            color: '#1eb5e5'
+          },
+          {
+            offset: 1,
+            color: '#5ccbb1'
+          }
+        ]),
+        backgroundColor: '#ddd', //两边未选中的滑动条区域的颜色
+        showDataShadow: false, //是否显示数据阴影 默认auto
+        showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        filterMode: 'filter'
+      },
+      //下面这个属性是里面拖到
+      {
+        type: 'inside',
+        show: true,
+        xAxisIndex: [0],
+        start: 0, //默认为1
+        end: 50
+      }
+    ],
+    calculable: true,
     xAxis: [
       {
         type: 'category',

src/views/one/parts/echarts5.vue

@@ -100,6 +100,7 @@ function echarts1View() {
   })
 }
 function echarts2View() {
+  const endPercent = (6 / info.value.two.list.length) * 100
   var myChart2 = echarts.init(echarts2.value)
   var option2 = {
     tooltip: {
@@ -122,6 +123,55 @@ function echarts2View() {
 
       color: ['#ffcc00', '#28f2e6']
     },
+    dataZoom: [
+      //给x轴设置滚动条
+      {
+        start: 0, //默认为0
+        end: endPercent,
+        type: 'slider',
+        show: true,
+        xAxisIndex: [0],
+        handleSize: 0, //滑动条的 左右2个滑动条的大小
+        height: 12, //组件高度
+        left: 50, //左边的距离
+        right: 40, //右边的距离
+        bottom: 30, //右边的距离
+        handleColor: '#ddd', //h滑动图标的颜色
+        handleStyle: {
+          borderColor: '#cacaca',
+          borderWidth: '1',
+          shadowBlur: 2,
+          background: '#ddd',
+          shadowColor: '#ddd'
+        },
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+          {
+            //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+            //给第一个设置0，第四个设置1，就是垂直渐变
+            offset: 0,
+            color: '#1eb5e5'
+          },
+          {
+            offset: 1,
+            color: '#5ccbb1'
+          }
+        ]),
+        backgroundColor: '#ddd', //两边未选中的滑动条区域的颜色
+        showDataShadow: false, //是否显示数据阴影 默认auto
+        showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        filterMode: 'filter'
+      },
+      //下面这个属性是里面拖到
+      {
+        type: 'inside',
+        show: true,
+        xAxisIndex: [0],
+        start: 0, //默认为1
+        end: 50
+      }
+    ],
+    calculable: true,
     xAxis: [
       {
         type: 'category',

src/views/seven/index.vue

@@ -36,6 +36,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import { SupportStore } from '@/store/api/platform/support'
 import { RegionStore } from '@/store/api/system/region'
@@ -108,6 +109,16 @@ const sizeChange = (limits) => {
 const getUrl = (item) => {
   if (item && item.length > 0) return `${import.meta.env.VITE_APP_HOST}${item[0].uri}`
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/six/index.vue

@@ -52,6 +52,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import { FootplateStore } from '@/store/api/platform/footplate'
 import { RegionStore } from '@/store/api/system/region'
@@ -130,6 +131,16 @@ const sizeChange = (limits) => {
 const getUrl = (item) => {
   if (item && item.length > 0) return `${import.meta.env.VITE_APP_HOST}${item[0].uri}`
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/thirteen/index.vue

@@ -41,6 +41,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // // 图片引入
 // import oneUrl from '/images/one.jpeg'
 import { UserStore } from '@/store/user'
@@ -87,6 +88,16 @@ const toView = async (item) => {
 const getfile = (item) => {
   if (item && item.length > 0) return `${import.meta.env.VITE_APP_HOST}${item[0].uri}`
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/thr/demand.vue

@@ -40,6 +40,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import { DemandStore } from '@/store/api/platform/demand'
 import { RegionStore } from '@/store/api/system/region'
@@ -138,6 +139,16 @@ const sizeChange = (limits) => {
   currentPage.value = 1
   search({ skip: 0, limit: limit })
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/thr/supply.vue

@@ -36,6 +36,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 接口
 import { SupplyStore } from '@/store/api/platform/supply'
 import { RegionStore } from '@/store/api/system/region'
@@ -129,6 +130,16 @@ const sizeChange = (limits) => {
   currentPage.value = 1
   search({ skip: 0, limit: limit })
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {

src/views/twelve/index.vue

@@ -173,6 +173,7 @@
 </template>
 
 <script setup>
+import { onBeforeRouteLeave } from 'vue-router'
 // 图片引入
 import left from '/images/top-left.png'
 import right from '/images/top-right.png'
@@ -312,6 +313,16 @@ const sizeChange = (limits) => {
   currentPage.value = 1
   search({ skip: 0, limit: limit })
 }
+const scrollTop = ref(0)
+
+onActivated(() => {
+  // 配置参数依赖于浏览器
+  document.documentElement.scrollTop = scrollTop.value
+})
+onBeforeRouteLeave((to, from, next) => {
+  scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop
+  next()
+})
 </script>
 <style scoped lang="scss">
 .main {