add pinia to manage data

ui/src/pages/notice/NoticeManage.vue

@@ -22,11 +22,9 @@
                 ></commitForm>
             </el-dialog>
             <notice-manage-table
-                :selectData="selectData"
                 :noticeTypeList="noticeTypeList"
                 :departmentList="departmentList"
                 :dialogUpdateVisible="dialogUpdateVisible"
-                :loading="loading"
                 @handleDelete="handleDelete"
                 @clearFilter="clearFilter"
                 @handleUpdateNotice="handleUpdateNotice"
@@ -45,12 +43,10 @@ export default {
     name: 'NoticeHome',
     data() {
         return {
-            selectData: [],
             noticeTypeList: [],
             dialogAddVisible: false,
             dialogUpdateVisible: false,
-            departmentList: [],
-            loading: true
+            departmentList: []
         }
     },
     methods: {
@@ -64,7 +60,7 @@ export default {
                 })
                 .then((response) => {
                     if (response.data.code === 20021) {
-                        this.selectData = response.data.data
+                        // this.selectData = response.data.data
                         ElMessage({
                             message: '查询成功.',
                             type: 'success'
@@ -77,14 +73,6 @@ export default {
                     }
                 })
         },
-        selectAllNotice() {
-            request.get('http://localhost:8621/notice').then((response) => {
-                this.selectData = response.data.data
-                if (this.selectData) {
-                    this.loading = false
-                }
-            })
-        },
         handleDelete(deleteID) {
             ElMessageBox.confirm('确定是否要删除？该操作将无法回退', '警告', {
                 confirmButtonText: '确定',
@@ -165,9 +153,7 @@ export default {
             this.$router.go(0)
         }
     },
-    mounted() {
-        this.selectAllNotice()
-    }
+    mounted() {}
 }
 </script>
 

ui/src/pages/notice/NoticeView.vue

@@ -14,43 +14,36 @@
                 <el-menu-item index="2">已读</el-menu-item>
                 <el-menu-item index="3"><a href="#">未读</a></el-menu-item>
             </el-menu>
-            <notice-view-table
-                :selectData="selectData"
-                :getLoading="getLoading"
-            ></notice-view-table>
+            <notice-view-table></notice-view-table>
         </el-main>
     </el-container>
 </template>
 
 <script lang="ts">
-import request from '@/services'
-
+import { useNoticeViewStore } from '@/store/notice-view'
+const noticeViewStore = useNoticeViewStore()
 export default {
     name: 'NoticeView',
     data() {
         return {
-            activeIndex: '1',
-            selectData: [],
-            getLoading: true
+            activeIndex: '1'
         }
     },
     methods: {
         handleSelect(key, keyPath) {
             console.log(key, keyPath)
-        },
-        selectAllNoticeByUserId() {
-            request.get('http://localhost:8621/notice/ByUserId').then((response) => {
-                this.selectData = response.data.data
-                if (this.selectData) {
-                    this.getLoading = false
-                }
-            })
         }
     },
-    mounted() {
-        this.selectAllNoticeByUserId()
-    }
+    mounted() {}
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.el-header {
+    background-color: #fff;
+}
+.el-main {
+    padding: 0;
+    margin-top: 20px;
+}
+</style>