完成用户模块

src/layouts/home.vue

@@ -20,7 +20,7 @@ onMounted(() => {
     </el-aside>
     <el-container>
       <el-header>
-        <el-card>
+        <el-card class="Header">
           <Header />
         </el-card>
       </el-header>
@@ -44,4 +44,7 @@ onMounted(() => {
 .home {
   min-height: 700px;
 }
+.Header {
+  position: relative;
+}
 </style>

src/layouts/login.vue

@@ -4,8 +4,8 @@ import { reactive, ref } from 'vue'
 import { token } from '../plugins/pinia'
 import service from '../plugins/axios'
 const loginForm = reactive({
-  name: 'admin',
-  paw: '123',
+  name: '',
+  paw: '',
 })
 const fromref = ref<FormInstance>()
 const login = async (formEl: FormInstance | undefined) => {
@@ -21,7 +21,7 @@ const login = async (formEl: FormInstance | undefined) => {
       const p = (
         await service({
           url: '/auth/Permissions',
-          method: 'post',
+          method: 'get',
           headers: {
             Authorization: `Bearer ${res.token}`,
           },

src/views/home/header.vue

@@ -1,10 +1,27 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { defineComponent, onMounted } from 'vue'
+import { token } from '../../plugins/pinia'
+function logout() {
+  token().token = ''
+  window.location.href = '/login'
+}
+</script>
 
 <template>
-  <el-alert title="本系统已经成功运行XX天，当前版本为XXX"
-            type="info"
-            effect="dark" />
+  <!-- 退出登陆 -->
+  <span>状况</span>
+  <el-button type="danger"
+             link
+             @click="logout"
+             class="btn">
+    退出登陆
+  </el-button>
 </template>
 
 <style scoped >
+.btn {
+  position: absolute;
+  right: 10px;
+  top: 25px;
+}
 </style>

src/views/user/userlist.vue

@@ -136,7 +136,7 @@ const handleDelete = (row: User) => {
     ).data
     ElMessage.success(data.msg)
     tableData.value = tableData.value.filter(
-      (item) => item.authId === row.authId
+      (item) => item.authId !== row.authId
     )
   })
 }
@@ -162,12 +162,8 @@ const handleDeletes = (row: User[]) => {
           },
         })
       ).data
-      tableData.value = tableData.value.filter(
-        (item) => item.authId === item.authId
-      )
+      ElMessage.success(data.msg)
     })
-    // 刷新
-    window.location.reload()
   })
 }
 </script>