企业登录

src/layout/personal/navBar.vue

@@ -151,8 +151,7 @@ const handleToPersonalCenter = () => {
 const handleLogout = async (index) => {
   // try {
     await userStore.userLogout()
-    // if (index) router.push({ name: '/login', query: { loginType: index } })
-    if (index) router.push({ path: `/login?loginType=${index}` })
+    if (index) router.push({ name: 'login', query: { loginType: index } })
     else router.push({ path: '/login' })
   // } catch (error) {
   //   console.log(error, 'error')

src/views/login/index.vue

@@ -8,6 +8,7 @@
               {{ isPhone ? '短信、密码登录/注册' : '微信扫码快速登录' }}
             </div>
           </div>
+          <div v-if="loginType" class="loginType">企业登录</div>
         </div>
         <div class="right mr-2 mt-3" v-if="showClose">
           <v-icon color="grey" size="30">mdi-close</v-icon>
@@ -54,11 +55,13 @@ import phoneFrom from '@/components/VerificationCode'
 import qrCode from './components/qrCode.vue'
 
 import { useUserStore } from '@/store/user'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import Snackbar from '@/plugins/snackbar'
 defineOptions({ name: 'login-index' })
 
 const router = useRouter()
+const route = useRoute()
+const loginType = ref(route.query?.loginType - 0 || null)
 
 const phone = ref()
 let isPhone = ref(false)
@@ -102,6 +105,14 @@ const handlePrivacyPolicy = () => {
 </script>
 
 <style lang="scss" scoped>
+.loginType {
+  position: absolute;
+  right: 65px;
+  color: #fff;
+  padding: 2px 12px;
+  border-radius: 8px;
+  background-color: #ffba5d;
+}
 .login-box {
   position: relative;
   width: 100%;