fix keepalive

src/App.vue

@@ -1,6 +1,10 @@
 <template>
-  <div id="app" class="flex flex-center light-blue-bg">
-    <router-view />
+  <div id="app" class="flex flex-center">
+    <router-view v-slot="{ Component, route }">
+      <keep-alive :include="keepAlive.list">
+        <component :is="Component" :key="route.fullPath" />
+      </keep-alive>
+    </router-view>
   </div>
 </template>
 
@@ -8,7 +12,13 @@
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
 
+import keepAliveStore from '@/store/keepAlive.js'
+
 export default {
+  setup() {
+    const keepAlive = keepAliveStore()
+    return { keepAlive }
+  },
   data() {
     return {
       data: '',

src/views/home/details.vue

@@ -35,7 +35,7 @@
 <route>
 {
 name: '资料管理',
-meta: { layout: 'empty' }
+meta: { layout: 'empty', keepAlive:true }
 }
 </route>
 
@@ -46,7 +46,7 @@ import folderInfo from './component/folder_info.vue'
 import grantRecord from '@/views/home/component/grant_record.vue'
 
 export default {
-  name: '项目详情',
+  name: '资料管理',
   components: { leftBar, proinfo, folderInfo, grantRecord },
   watch: {
     stage: {

src/views/home/files.vue

@@ -1,10 +1,16 @@
 <template>
-  <div class='flex flex-col full-height'>
+  <div class="flex flex-col full-height mt-20 wrapper">
     <div class="full-height white-bg">
-      <current :id="id" :data="fileData" :total="total" @reFiles="getFileList" @change='changePage'/>
+      <current
+        :id="id"
+        :data="fileData"
+        :total="total"
+        @reFiles="getFileList"
+        @change="changePage"
+      />
     </div>
     <div class="full-height full-width white-bg mt-10">
-      <historical :folderList="historyFolder" :total="total"/>
+      <historical :folderList="historyFolder" :total="total" />
     </div>
   </div>
 </template>
@@ -12,6 +18,7 @@
 <route>
 {
 name:'项目文件',
+meta :{ layout: 'empty' }
 }
 </route>
 
@@ -22,7 +29,7 @@ import historical from './component/historical.vue'
 export default {
   name: 'files',
   components: { current, historical },
-  data () {
+  data() {
     return {
       id: '',
       fileData: '',
@@ -34,7 +41,7 @@ export default {
       }
     }
   },
-  created () {
+  created() {
     this.id = this.$route.query.id
     this.getFileList()
     this.getFolderAll()
@@ -47,7 +54,7 @@ export default {
     })
   },
   methods: {
-    getFileList () {
+    getFileList() {
       const data = { id: this.id, isHistory: 0 }
       this.$api.project.fileList(Object.assign(data, this.page)).then(res => {
         if (res.code === 200) {
@@ -57,7 +64,7 @@ export default {
         }
       })
     },
-    getFolderAll () {
+    getFolderAll() {
       // fixme
       this.$api.project.fileList({ isHistory: 1, id: this.id }).then(res => {
         if (res.code === 200) {
@@ -70,7 +77,7 @@ export default {
         }
       })
     },
-    changePage (page) {
+    changePage(page) {
       this.page.current = page
       this.getFileList()
     }
@@ -78,6 +85,4 @@ export default {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

src/views/store/index.vue

@@ -1,18 +1,17 @@
 <template>
   <div class="flex flex-justify-start content">
-    <el-card shadow="hover" class="left">
-      <info />
-    </el-card>
-    <div class="flex flex-col flex-wrap center">
-      <el-card
-        shadow="hover"
-        v-for="i in 2"
-        :key="i"
-        class="ml-10 mb-10 flex-child-average full-width"
-        style="height: 400px"
-      >
-      </el-card>
-    </div>
+    <avue-crud
+      :option="option"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :before-open="beforeOpen"
+      @row-del="rowDel"
+      @row-save="rowSave"
+      @row-update="rowUpdate"
+      @on-load="onLoad"
+    >
+    </avue-crud>
   </div>
 </template>
 
@@ -23,10 +22,31 @@ name: '项目入库管理'
 </route>
 
 <script>
-import info from './component/info.vue'
 export default {
   name: 'index',
-  components: { info }
+  data() {
+    return {
+      form: {},
+      data: [],
+      option: {
+        align: 'center',
+        menuAlign: 'center',
+        menuWidth: 380,
+        size: 'mini',
+        addBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        labelWidth: 140,
+        border: true,
+        column: [
+          {
+            label: '会议类型',
+            prop: 'noticeType'
+          }
+        ]
+      }
+    }
+  }
 }
 </script>