Modify login process

src/components/illustration/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <span class="dialog-footer">
+    当你看到了，这个页面，这表示了，你通过百度扫描登陆了我的秘密基地，但是很遗憾的告诉你，我们将以非法登录的方式处理你的请求，88
+  </span>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style>
+.dashboard {
+  background-color: beige;
+}
+</style>

src/components/layout/NavBar.vue

@@ -2,7 +2,7 @@
   <div class="nav-main">
     当前时间：{{ time }}
     <span>论一个程序员的寂寞与忧伤</span>
-    <el-dropdown trigger="click" v-show="user.owner">
+    <el-dropdown trigger="click" v-show="tenant.account">
       <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" />
       <template #dropdown>
         <el-dropdown-menu>
@@ -11,7 +11,7 @@
         </el-dropdown-menu>
       </template>
     </el-dropdown>
-    <span @click="doLogin" v-show="!user.owner">登录</span>
+    <span @click="doLogin" v-show="!tenant.account">登录</span>
   </div>
   <el-dialog v-model="dialogVisible" title="提示" width="30%">
     <span>确认你的登出操作么？</span>
@@ -28,10 +28,11 @@
 import $moment from "moment";
 import { reactive, ref } from "vue";
 import router from '../../router'
-import { useUserStore } from '../../store/user'
+import { useTenantStore } from '../../store/tenant'
+import { logout } from '../../api/user'
 // obtain user infomation 
-const user = useUserStore()
-user.reflush()
+const tenant = useTenantStore()
+tenant.reflush()
 const dialogVisible = ref(false)
 
 // show time 
@@ -48,9 +49,11 @@ const doLogin = () => {
 }
 const doLogout = () => {
   dialogVisible.value = false
-  user.logout()
-  router.push({
-    path: '/home'
+  logout(tenant.id).then(() => {
+    tenant.logout()
+    router.push({
+      path: '/login'
+    })
   })
 }
 </script>

src/components/login/login.vue

@@ -34,15 +34,15 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import type { FormInstance } from 'element-plus'
-import { useUserStore } from '../../store/user'
+import { useTenantStore } from '../../store/tenant'
 import router from '../../router'
 import baiduCloudImage from "../../assets/baiducloud.png"
 import config from '../../const/config'
-import { getQrCode } from '../../api/login'
+
 
 let qrcode = config.BAIDU_CLOUD_URL + config.RESPONSE_TYPE + config.CLIENT_ID + config.REDIRECT_URI + config.SCOPE + config.DEVICE_ID + config.QR_CODE + config.DISPLAY
 
-const user = useUserStore()
+const tenant = useTenantStore()
 
 const ruleFormRef = ref<FormInstance>()
 const loginForm = reactive({
@@ -50,13 +50,6 @@ const loginForm = reactive({
   password: ''
 })
 
-const loginWithBaiDu = () => {
-  window.open("", "11");
-  // getQrCode().then((response) => {
-
-  // })
-}
-
 const validateUserName = (rule: any, value: string, callback: Function) => {
   if (!value) {
     callback(new Error("请输入的用户名"))
@@ -83,7 +76,7 @@ const dologin = (form: any) => {
     return
   form.validate((valid: any) => {
     if (valid) {
-      user.login(loginForm.user_id, loginForm.password).then(res => {
+      tenant.login(loginForm.user_id, loginForm.password).then(res => {
         console.log(1)
         router.push({
           path: '/home'