update

src/components/body-d-right/oneR.vue

@@ -1,6 +1,10 @@
 <template>
     <div class="terminal-container">
-        <public-title title="健康终端报警" :isShowMore="true" @clickMore="handleDialog" />
+        <public-title title="健康终端报警" :isShowMore="true" @clickMore="handleDialog">
+            <template #right>
+                <span style="font-size: 14px; font-weight: 100; cursor: pointer; margin-right: 3px" @click="viewDetail">查看详情</span>
+            </template>
+        </public-title>
         <div class="inner">
             <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="4" v-bind="classOption">
                 <div class="item" v-for="(item, i) in scrollList" :key="i">
@@ -55,6 +59,7 @@
 </template>
 <script setup lang="ts">
     import { onMounted, ref } from 'vue';
+    import { useRouter } from 'vue-router';
     import $bus from '/@/utils/bus.ts';
     import { columns } from '/@/components/body-d-right/bodyRightHooks.ts';
     import PublicTitle from '/@/components/publicTitle.vue';
@@ -63,6 +68,7 @@
     import { getMonitorList } from '/@/components/body-d-right/right.api.ts';
     import { Map } from '/@/assets/mapUtils/map.ts';
 
+    const router = useRouter();
     const classOption = ref({
         step: 0.3, // 速度
     });
@@ -135,6 +141,10 @@
             });
         }
     }
+
+    function viewDetail() {
+        router.push({ path: '/secondScreen' });
+    }
 </script>
 <style scoped lang="less">
     .inner {

src/components/publicTitle.vue

@@ -2,8 +2,7 @@
     <div class="title-d">
         <span>{{ props.title }}</span>
         <div>
-            <span class="tips"><slot name="title"></slot></span>
+            <span class="tips"><slot name="right"></slot></span>
-            <span v-if="isShowMore" style="font-size: 14px; font-weight: 100; cursor: pointer; margin-right: 3px" @click="clickMore">更多&gt;</span>
             <img src="../assets/img/point.png" alt="" />
         </div>
     </div>

src/router/index.ts

@@ -3,13 +3,18 @@ import { createRouter, createWebHistory, Router, RouteRecordRaw } from 'vue-rout
 const routes: Array<RouteRecordRaw> = [
     {
         path: '/',
-        name: '首页',
+        name: 'index',
+        meta: {
+            title: '首页',
+        },
         component: () => import('/@/views/index.vue'),
-        // component: () => import('/@/views/mobile/index.vue'),
     },
     {
-        path: '/indexSon',
+        path: '/secondScreen',
-        name: '副屏',
+        name: 'secondScreen',
+        meta: {
+            title: '副屏',
+        },
         component: () => import('/@/views/indexSon.vue'),
     },
 ];