新建页面

src/router/bill-router.js

@@ -18,12 +18,31 @@ export default [
         }
     },
     {
-        path: "/index/record",
-        name: "index",
+        path: "/billrecord",
+        name: "billrecord",
         component: () => import("@/views/Bill/record.vue"),
         meta: {
             requiresAuth: true,
             title: "资金记录 "
         }
-    }
+    },
+    {
+        path: "/sociallist",
+        name: "sociallist",
+        component: () => import("@/views/Bill/sociallist.vue"),
+        meta: {
+            requiresAuth: true,
+            title: "社保/公积金/个税列表 "
+        }
+    },
+    {
+        path: "/sociallist",
+        name: "sociallist",
+        component: () => import("@/views/Bill/sociallist.vue"),
+        meta: {
+            requiresAuth: true,
+            title: "社保/公积金/个税列表 "
+        }
+    },
+
 ]
\ No newline at end of file

src/router/more-router.js

@@ -10,7 +10,7 @@ export default[
     },
     {
         path: "/more/details",
-        name: "more",
+        name: "moredetail",
         component: () => import("@/views/More/detail.vue"),
         meta: {
             requiresAuth: true,
@@ -19,7 +19,7 @@ export default[
     },
     {
         path: "/more/record",
-        name: "more",
+        name: "morerecord",
         component: () => import("@/views/More/record.vue"),
         meta: {
             requiresAuth: true,

src/views/Bill/sociallist.vue

+<template>
+  <div class="container">
+      <Header :title="title" />
+      {{title}}
+  </div>
+</template>
+
+<script>
+import {Header} from '@/components'
+export default {
+    components:{
+        Header
+    },
+    data(){
+        return{
+            title:'11月社保代理'
+        }
+    },
+    methods:{
+        
+    }
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file