1. 新增登录页面 2. 新增登录接口 3. 新增stores/userToken.js 保存登录状态登录和退出登录 和 stores/activeC...

hcong

2024-11-28 07b5dcb4905a15d0b39a51219d51c57fbd5ca4d1

 src/components/core/Header.vue

@@ -10,13 +10,21 @@
    </el-col>
    <el-col :span="12" class="logout">
      <FYBgTaskDialog></FYBgTaskDialog>
      <el-button icon="SwitchButton">退出登录</el-button>
      <el-button icon="SwitchButton" @click="logout">退出登录</el-button>
    </el-col>
  </el-row>
</template>

<script>
import { useUserStore } from '@/stores/userToken'
import { useRouter } from 'vue-router';
import { ElNotification } from 'element-plus';
export default {
  setup() {
    const userStore = useUserStore()
    const router = useRouter()
    return { userStore, router }
  },
  name: 'CoreHeader',
  props: {
    collapse: {
@@ -49,6 +57,17 @@
    collapsedSider() {
      this.isCollapsed = !this.isCollapsed;
      this.$emit('collapsedSider', this.isCollapsed);
    },
    logout() {
      this.userStore.logout()
      this.router.push('/common/loginView')
      ElNotification({
        title: `退出成功`,
        message: `退出成功`,
        type: 'success',
        // offset: 170,
        position: 'bottom-left',
      });
    }
  }
};