m

src/App.vue

 #app {
   width: 100%;
   height: 100%;
+  font-family: 'Microsoft Yahei', Arial, sans-serif
 }
 </style>

src/data/menuData.ts

                 path: 'home',
                 children: [{
                     title: '用户信息查询及变更服务',
-                    path: 'home',
+                    path: 'userQueryChange',
                     children: []
                 }, {
                     title: '车辆信息查询及变更服务',
-                    path: 'home',
+                    path: 'vehicleEnquirChange',
                     children: []
                 }, {
                     title: '签约信息查询服务',
-                    path: 'home',
+                    path: 'signingQuery',
                     children: []
                 }, {
                     title: '卡片信息查询服务',
-                    path: 'home',
+                    path: 'cardQueries',
                     children: []
                 }, {
                     title: 'OBU信息查询服务',
-                    path: 'home',
+                    path: 'OBUQuery',
                     children: []
                 }]
             },

src/router/index.ts

           key: () => import('@/views/system/menu/index.vue'),
         },
       },
+      {
+        path: '/views/weixingrong/cardQueries',
+        name: 'cardQueries',
+        meta: { title: '卡片信息查询', isAuth: true }, //用户自定内容
+        components: {
+          key: () => import('@/views/weixingrong/cardQueries/cardQueries.vue'),
+        },
+      },
+      {
+        path: '/views/weixingrong/OBUQuery',
+        name: 'OBUQuery',
+        meta: { title: 'OBU信息查询', isAuth: true }, //用户自定内容
+        components: {
+          key: () => import('@/views/weixingrong/OBUQuery/OBUQuery.vue'),
+        },
+      },
+      {
+        path: '/views/weixingrong/signingQuery',
+        name: 'signingQuery',
+        meta: { title: '签约信息查询', isAuth: true }, //用户自定内容
+        components: {
+          key: () => import('@/views/weixingrong/signingQuery/signingQuery.vue'),
+        },
+      },
+      {
+        path: '/views/weixingrong/userQueryChange',
+        name: 'userQueryChange',
+        meta: { title: '用户信息查询', isAuth: true }, //用户自定内容
+        components: {
+          key: () => import('@/views/weixingrong/userQueryChange/userQueryChange.vue'),
+        },
+      },
+      {
+        path: '/views/weixingrong/vehicleEnquirChange',
+        name: 'vehicleEnquirChange',
+        meta: { title: '车辆信息查询', isAuth: true }, //用户自定内容
+        components: {
+          key: () => import('@/views/weixingrong/vehicleEnquirChange/vehicleEnquirChange.vue'),
+        },
+      },
       {
         path: '/views/fancongcong/advancepaymentaccount',
         name: 'advancepaymentaccount',

src/views/weixingrong/OBUQuery/OBUQuery.vue

+<script lang='ts' setup>
+    
+</script>
+<template>
+    OBU信息查询服务
+</template>
+<style scoped>
+    
+</style>

src/views/weixingrong/cardQueries/cardQueries.vue

+<script lang='ts' setup>
+    
+</script>
+<template>
+    卡片信息查询服务
+</template>
+<style scoped>
+    
+</style>

src/views/weixingrong/signingQuery/signingQuery.vue

+<script lang='ts' setup>
+    
+</script>
+<template>
+    签约信息查询服务
+</template>
+<style scoped>
+    
+</style>

src/views/weixingrong/userQueryChange/userQueryChange.vue

+<script lang='ts' setup>
+    
+</script>
+<template>
+    用户查询及变更服务
+</template>
+<style scoped>
+    
+</style>

src/views/weixingrong/vehicleEnquirChange/vehicleEnquirChange.vue

+<script lang='ts' setup>
+    
+</script>
+<template>
+    车辆信息查询及变更服务
+</template>
+<style scoped>
+    
+</style>