门口门禁-进出记录管理子级页面开发（人行口门记录、车行口门记录）

src/views/gatemachine/primarygatemanager/gaterecord/carrecord/components/carRecordList.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <div class="rightCont">
       <div>
-        <span @click="people" style="margin: 10px;">车行口门记录</span>
+        <span style="margin: 10px;">车行口门记录</span>
         <el-table
           v-loading="listLoading"
           ref="multipleTable"
@@ -113,9 +113,6 @@ export default {
         this.listLoading = false
       })
     },
-    people(){
-      this.$parent.activeName = 'peopleRecordList'
-    },
 
     getDict() {
       requestFN(

src/views/gatemachine/primarygatemanager/gaterecord/carrecord/index.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+    <carRecordList v-show="activeName=='carRecordList'" ref="carRecordList" />
+  </div>
+</template>
+
+<script>
+import carRecordList from './components/carRecordList.vue'
+export default {
+  components: {
+    carRecordList: carRecordList
+  },
+  data() {
+    return {
+      activeName: 'carRecordList',
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
+

src/views/gatemachine/primarygatemanager/gaterecord/index.vue

@@ -1,26 +1,12 @@
-<template>
-    <div>
-    <carRecordList v-show="activeName=='carRecordList'" ref="carRecordList" />
-    <peopleRecordList v-if="activeName=='peopleRecordList'" ref="peopleRecordList" />
-  </div>
-</template>
-
 <script>
-import carRecordList from './components/carRecordList.vue'
-import peopleRecordList from './components/peopleRecordList.vue'
 export default {
-  components: {
-    carRecordList: carRecordList,
-    peopleRecordList:peopleRecordList
-  },
-  data() {
-    return {
-      activeName: 'carRecordList',
-    }
-  }
 }
 </script>
 
-<style scoped>
-</style>
+<template>
+  <router-view/>
+</template>
 
+<style scoped>
+
+</style>

src/views/gatemachine/primarygatemanager/gaterecord/peoplerecord/components/peopleRecordList.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <div class="rightCont">
       <div>
-        <span @click="car" style="margin: 10px;" >人行口门记录</span>
+        <span style="margin: 10px;" >人行口门记录</span>
         <el-table
           v-loading="listLoading"
           ref="multipleTable"
@@ -86,9 +86,6 @@ export default {
         this.listLoading = false
       })
     },
-    car(){
-      this.$parent.activeName = 'carRecordList'
-    },
 
     getDict() {
       requestFN(

src/views/gatemachine/primarygatemanager/gaterecord/peoplerecord/index.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+    <peopleRecordList v-show="activeName=='peopleRecordList'" ref="peopleRecordList" />
+  </div>
+</template>
+
+<script>
+import peopleRecordList from './components/peopleRecordList.vue'
+export default {
+  components: {
+    peopleRecordList:peopleRecordList
+  },
+  data() {
+    return {
+      activeName: 'peopleRecordList',
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
+