From 5e3fd33599fbe58477228c326c84f3d879670f55 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 24 Jun 2023 20:25:03 +0800
Subject: [PATCH] fix

---
 src/@core/components/ThemeSwitcher.vue        |   8 +-
 src/@layouts/components/VerticalNav.vue       |   2 +-
 src/api/index.ts                              |  17 +-
 .../DefaultLayoutWithVerticalNav.vue          |  14 +-
 src/layouts/components/UserProfile.vue        |  64 +++++--
 src/pages/[...all].vue                        |  41 +++--
 src/pages/dashboard.vue                       |  20 +--
 src/pages/login.vue                           | 158 +++++++++++-------
 src/pages/ranking.vue                         |   6 +-
 src/pages/subscribe-movie.vue                 |   2 +-
 src/pages/subscribe-tv.vue                    |   2 +-
 11 files changed, 208 insertions(+), 126 deletions(-)

diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index 1c315c0f..7b740a26 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { ThemeSwitcherTheme } from '@layouts/types';
-import { ref, watch } from 'vue';
-import { useTheme } from 'vuetify';
+import { ref, watch } from 'vue'
+import { useTheme } from 'vuetify'
+import type { ThemeSwitcherTheme } from '@layouts/types'
 
 const props = defineProps<{
   themes: ThemeSwitcherTheme[]
@@ -15,6 +15,7 @@ const { state: currentThemeName, next: getNextThemeName, index: currentThemeInde
 
 const changeTheme = () => {
   const nextTheme = getNextThemeName()
+
   globalTheme.name.value = nextTheme
   savedTheme.value = nextTheme
   localStorage.setItem('theme', nextTheme)
@@ -29,7 +30,6 @@ watch(() => globalTheme.name.value, val => {
 onMounted(() => {
   globalTheme.name.value = savedTheme.value
 })
-
 </script>
 
 <template>
diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index a2d8aff3..5d30ab27 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import logo from '@images/logo.svg?raw'
 import type { Component } from 'vue'
 import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 import { useDisplay } from 'vuetify'
+import logo from '@images/logo.svg?raw'
 
 interface Props {
   tag?: string | Component
diff --git a/src/api/index.ts b/src/api/index.ts
index 8e887d4e..9d20b3b9 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,6 +1,5 @@
-import router from '@/router'
 import axios from 'axios'
-
+import router from '@/router'
 
 // 创建axios实例
 const api = axios.create({
@@ -10,11 +9,10 @@ const api = axios.create({
 // 添加请求拦截器
 api.interceptors.request.use(config => {
   const token = localStorage.getItem('token')
-  
+
   // 在请求头中添加token
-  if (token) {
-    config.headers['Authorization'] = `Bearer ${token}`
-  }
+  if (token)
+    config.headers.Authorization = `Bearer ${token}`
 
   return config
 })
@@ -23,14 +21,15 @@ api.interceptors.request.use(config => {
 api.interceptors.response.use(response => {
   return response.data
 }, error => {
-  if (! error.response) {
+  if (!error.response) {
     // 请求超时
     return Promise.reject(error)
-  } else if (error.response.status === 403) {
+  }
+  else if (error.response.status === 403) {
     // token验证失败，跳转到登录页面
     router.push('/login')
   }
-  
+
   return Promise.reject(error)
 })
 
diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 1f4da602..bf9b4c8d 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -1,9 +1,5 @@
 <script lang="ts" setup>
-import { useTheme } from 'vuetify'
-
 import VerticalNavSectionTitle from '@/@layouts/components/VerticalNavSectionTitle.vue'
-import upgradeBannerDark from '@images/pro/upgrade-banner-dark.png'
-import upgradeBannerLight from '@images/pro/upgrade-banner-light.png'
 import VerticalNavLayout from '@layouts/components/VerticalNavLayout.vue'
 import VerticalNavLink from '@layouts/components/VerticalNavLink.vue'
 
@@ -13,12 +9,6 @@ import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
 
 // Banner
-
-const vuetifyTheme = useTheme()
-
-const upgradeBanner = computed(() => {
-  return vuetifyTheme.global.name.value === 'light' ? upgradeBannerLight : upgradeBannerDark
-})
 </script>
 
 <template>
@@ -93,7 +83,7 @@ const upgradeBanner = computed(() => {
           to: '/ranking',
         }"
       />
-      
+
       <VerticalNavLink
         :item="{
           title: '资源搜索',
@@ -142,7 +132,7 @@ const upgradeBanner = computed(() => {
           to: '/history',
         }"
       />
-      
+
       <!-- 👉 用户设置 -->
       <VerticalNavSectionTitle
         :item="{
diff --git a/src/layouts/components/UserProfile.vue b/src/layouts/components/UserProfile.vue
index 0332a6eb..cb8c6574 100644
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -1,24 +1,40 @@
 <script setup lang="ts">
-import router from "@/router";
-import avatar1 from "@images/avatars/avatar-1.png";
+import router from '@/router'
+import avatar1 from '@images/avatars/avatar-1.png'
 
 // 执行注销操作
 const logout = () => {
   // 清除登录状态信息，例如删除令牌
-  localStorage.removeItem("token");
+  localStorage.removeItem('token')
 
   // 重定向到登录页面或其他适当的页面
-  router.push("/login");
-};
+  router.push('/login')
+}
 </script>
 
 <template>
-  <VBadge dot location="bottom right" offset-x="3" offset-y="3" color="success" bordered>
-    <VAvatar class="cursor-pointer" color="primary" variant="tonal">
+  <VBadge
+    dot
+    location="bottom right"
+    offset-x="3"
+    offset-y="3"
+    color="success"
+    bordered
+  >
+    <VAvatar
+      class="cursor-pointer"
+      color="primary"
+      variant="tonal"
+    >
       <VImg :src="avatar1" />
 
       <!-- SECTION Menu -->
-      <VMenu activator="parent" width="230" location="bottom end" offset="14px">
+      <VMenu
+        activator="parent"
+        width="230"
+        location="bottom end"
+        offset="14px"
+      >
         <VList>
           <!-- 👉 User Avatar & Name -->
           <VListItem>
@@ -31,22 +47,34 @@ const logout = () => {
                   offset-y="3"
                   color="success"
                 >
-                  <VAvatar color="primary" variant="tonal">
+                  <VAvatar
+                    color="primary"
+                    variant="tonal"
+                  >
                     <VImg :src="avatar1" />
                   </VAvatar>
                 </VBadge>
               </VListItemAction>
             </template>
 
-            <VListItemTitle class="font-weight-semibold"> 管理员 </VListItemTitle>
+            <VListItemTitle class="font-weight-semibold">
+              管理员
+            </VListItemTitle>
             <VListItemSubtitle>Admin</VListItemSubtitle>
           </VListItem>
           <VDivider class="my-2" />
 
           <!-- 👉 Profile -->
-          <VListItem link to="account-settings">
+          <VListItem
+            link
+            to="account-settings"
+          >
             <template #prepend>
-              <VIcon class="me-2" icon="mdi-account-outline" size="22" />
+              <VIcon
+                class="me-2"
+                icon="mdi-account-outline"
+                size="22"
+              />
             </template>
 
             <VListItemTitle>个人中心</VListItemTitle>
@@ -55,7 +83,11 @@ const logout = () => {
           <!-- 👉 FAQ -->
           <VListItem link>
             <template #prepend>
-              <VIcon class="me-2" icon="mdi-help-circle-outline" size="22" />
+              <VIcon
+                class="me-2"
+                icon="mdi-help-circle-outline"
+                size="22"
+              />
             </template>
 
             <VListItemTitle>帮助</VListItemTitle>
@@ -67,7 +99,11 @@ const logout = () => {
           <!-- 👉 Logout -->
           <VListItem @click="logout">
             <template #prepend>
-              <VIcon class="me-2" icon="mdi-logout" size="22" />
+              <VIcon
+                class="me-2"
+                icon="mdi-logout"
+                size="22"
+              />
             </template>
 
             <VListItemTitle>注销</VListItemTitle>
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index 5ac85df3..c3551c8c 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -1,14 +1,15 @@
 <script setup lang="ts">
-import misc404 from "@images/pages/404.png";
-import miscMaskDark from "@images/pages/misc-mask-dark.png";
-import miscMaskLight from "@images/pages/misc-mask-light.png";
-import tree from "@images/pages/tree.png";
-import { useTheme } from "vuetify";
+import { useTheme } from 'vuetify'
+import misc404 from '@images/pages/404.png'
+import miscMaskDark from '@images/pages/misc-mask-dark.png'
+import miscMaskLight from '@images/pages/misc-mask-light.png'
+import tree from '@images/pages/tree.png'
+
+const vuetifyTheme = useTheme()
 
-const vuetifyTheme = useTheme();
 const authThemeMask = computed(() => {
-  return vuetifyTheme.global.name.value === "light" ? miscMaskLight : miscMaskDark;
-});
+  return vuetifyTheme.global.name.value === 'light' ? miscMaskLight : miscMaskDark
+})
 </script>
 
 <template>
@@ -21,14 +22,30 @@ const authThemeMask = computed(() => {
 
     <!-- 👉 Image -->
     <div class="misc-avatar w-100 text-center">
-      <VImg :src="misc404" alt="Coming Soon" :max-width="800" class="mx-auto" />
-      <VBtn to="/" class="mt-10"> 返回 </VBtn>
+      <VImg
+        :src="misc404"
+        alt="Coming Soon"
+        :max-width="800"
+        class="mx-auto"
+      />
+      <VBtn
+        to="/"
+        class="mt-10"
+      >
+        返回
+      </VBtn>
     </div>
 
     <!-- 👉 Footer -->
-    <VImg :src="tree" class="misc-footer-tree d-none d-md-block" />
+    <VImg
+      :src="tree"
+      class="misc-footer-tree d-none d-md-block"
+    />
 
-    <VImg :src="authThemeMask" class="misc-footer-img d-none d-md-block" />
+    <VImg
+      :src="authThemeMask"
+      class="misc-footer-img d-none d-md-block"
+    />
   </div>
 </template>
 
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 14a5875a..b6ff330b 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import AnalyticsAward from '@/views/dashboard/AnalyticsAward.vue';
-import AnalyticsBarCharts from '@/views/dashboard/AnalyticsBarCharts.vue';
-import AnalyticsDepositWithdraw from '@/views/dashboard/AnalyticsDepositWithdraw.vue';
-import AnalyticsSalesByCountries from '@/views/dashboard/AnalyticsSalesByCountries.vue';
-import AnalyticsTotalEarning from '@/views/dashboard/AnalyticsTotalEarning.vue';
-import AnalyticsTotalProfitLineCharts from '@/views/dashboard/AnalyticsTotalProfitLineCharts.vue';
-import AnalyticsTransactions from '@/views/dashboard/AnalyticsTransactions.vue';
-import AnalyticsUserTable from '@/views/dashboard/AnalyticsUserTable.vue';
-import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.vue';
-import CardStatisticsVertical from '@core/components/cards/CardStatisticsVertical.vue';
+import AnalyticsAward from '@/views/dashboard/AnalyticsAward.vue'
+import AnalyticsBarCharts from '@/views/dashboard/AnalyticsBarCharts.vue'
+import AnalyticsDepositWithdraw from '@/views/dashboard/AnalyticsDepositWithdraw.vue'
+import AnalyticsSalesByCountries from '@/views/dashboard/AnalyticsSalesByCountries.vue'
+import AnalyticsTotalEarning from '@/views/dashboard/AnalyticsTotalEarning.vue'
+import AnalyticsTotalProfitLineCharts from '@/views/dashboard/AnalyticsTotalProfitLineCharts.vue'
+import AnalyticsTransactions from '@/views/dashboard/AnalyticsTransactions.vue'
+import AnalyticsUserTable from '@/views/dashboard/AnalyticsUserTable.vue'
+import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.vue'
+import CardStatisticsVertical from '@core/components/cards/CardStatisticsVertical.vue'
 
 const totalProfit = {
   title: 'Total Profit',
diff --git a/src/pages/login.vue b/src/pages/login.vue
index cc9ee16f..15f67a5b 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -1,90 +1,104 @@
 <script setup lang="ts">
-import { useTheme } from "vuetify";
+import { useTheme } from 'vuetify'
 
-import api from "@/api";
-import router from "@/router";
-import logo from "@images/logo.svg?raw";
-import authV1MaskDark from "@images/pages/auth-v1-mask-dark.png";
-import authV1MaskLight from "@images/pages/auth-v1-mask-light.png";
-import authV1Tree2 from "@images/pages/auth-v1-tree-2.png";
-import authV1Tree from "@images/pages/auth-v1-tree.png";
+import api from '@/api'
+import router from '@/router'
+import logo from '@images/logo.svg?raw'
+import authV1MaskDark from '@images/pages/auth-v1-mask-dark.png'
+import authV1MaskLight from '@images/pages/auth-v1-mask-light.png'
+import authV1Tree2 from '@images/pages/auth-v1-tree-2.png'
+import authV1Tree from '@images/pages/auth-v1-tree.png'
 
 const form = ref({
-  username: "",
-  password: "",
+  username: '',
+  password: '',
   remember: true,
-});
+})
 
-const vuetifyTheme = useTheme();
+const vuetifyTheme = useTheme()
 
 const authThemeMask = computed(() => {
-  return vuetifyTheme.global.name.value === "light" ? authV1MaskLight : authV1MaskDark;
-});
+  return vuetifyTheme.global.name.value === 'light' ? authV1MaskLight : authV1MaskDark
+})
 
-const isPasswordVisible = ref(false);
-const errorMessage = ref("");
+const isPasswordVisible = ref(false)
+const errorMessage = ref('')
 
 // 登录获取token事件
 const login = () => {
-  errorMessage.value = "";
+  errorMessage.value = ''
   if (!form.value.username || !form.value.password) {
-    errorMessage.value = "请输入用户名和密码";
-    return;
+    errorMessage.value = '请输入用户名和密码'
+
+    return
   }
+
   // 用户名密码
-  const formData = new FormData();
-  formData.append("username", form.value.username);
-  formData.append("password", form.value.password);
+  const formData = new FormData()
+
+  formData.append('username', form.value.username)
+  formData.append('password', form.value.password)
+
   // 请求token
   api
-    .post("/login/access-token", formData, {
+    .post('/login/access-token', formData, {
       headers: {
-        Accept: "application/json", // 设置 Accept 类型
+        Accept: 'application/json', // 设置 Accept 类型
       },
     })
     .then((response: any) => {
       // 获取token
-      const token = response.access_token;
+      const token = response.access_token
+
       // 将token保存在本地存储中，用于后续请求
-      localStorage.setItem("token", token);
-      //保存保持登录状态
-      localStorage.setItem("remember", form.value.remember.toString());
+      localStorage.setItem('token', token)
+
+      // 保存保持登录状态
+      localStorage.setItem('remember', form.value.remember.toString())
+
       // 跳转到首页
-      router.push("/");
+      router.push('/')
     })
     .catch((error: any) => {
       // 登录失败，显示错误提示
-      if (!error.response) {
-        errorMessage.value = "登录失败，请检查网络连接";
-      } else if (error.response.status === 401) {
-        errorMessage.value = "登录失败，请检查用户名和密码是否正确";
-      } else if (error.response.status === 403) {
-        errorMessage.value = "登录失败，您没有权限访问";
-      } else if (error.response.status === 500) {
-        errorMessage.value = "登录失败，服务器错误";
-      } else {
-        errorMessage.value = `登录失败 ${error.response.status}，请检查用户名和密码是否正确`;
-      }
-    });
-};
+      if (!error.response)
+        errorMessage.value = '登录失败，请检查网络连接'
+
+      else if (error.response.status === 401)
+        errorMessage.value = '登录失败，请检查用户名和密码是否正确'
+
+      else if (error.response.status === 403)
+        errorMessage.value = '登录失败，您没有权限访问'
+
+      else if (error.response.status === 500)
+        errorMessage.value = '登录失败，服务器错误'
+
+      else
+        errorMessage.value = `登录失败 ${error.response.status}，请检查用户名和密码是否正确`
+    })
+}
 
 // 自动登录
 onMounted(() => {
   // 获取token
-  const token = localStorage.getItem("token");
-  // 获取保持登录状态
-  const remember = localStorage.getItem("remember");
-  // 如果token存在，且保持登录状态为true，则跳转到首页
-  if (token && remember === "true") {
-    router.push("/");
-  }
-});
+  const token = localStorage.getItem('token')
 
+  // 获取保持登录状态
+  const remember = localStorage.getItem('remember')
+
+  // 如果token存在，且保持登录状态为true，则跳转到首页
+  if (token && remember === 'true')
+    router.push('/')
+})
 </script>
 
 <template>
   <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <VCard class="auth-card pa-4 pt-7" max-width="448" min-width="448">
+    <VCard
+      class="auth-card pa-4 pt-7"
+      max-width="448"
+      min-width="448"
+    >
       <VCardItem class="justify-center">
         <template #prepend>
           <div class="d-flex">
@@ -98,8 +112,12 @@ onMounted(() => {
       </VCardItem>
 
       <VCardText class="pt-2">
-        <h5 class="text-h5 font-weight-semibold mb-1">欢迎使用 MoviePilot! 👋🏻</h5>
-        <p class="mb-0">请输入用户名密码登录</p>
+        <h5 class="text-h5 font-weight-semibold mb-1">
+          欢迎使用 MoviePilot! 👋🏻
+        </h5>
+        <p class="mb-0">
+          请输入用户名密码登录
+        </p>
       </VCardText>
 
       <VCardText>
@@ -107,7 +125,12 @@ onMounted(() => {
           <VRow>
             <!-- username -->
             <VCol cols="12">
-              <VTextField v-model="form.username" label="用户名" type="text" required />
+              <VTextField
+                v-model="form.username"
+                label="用户名"
+                type="text"
+                required
+              />
             </VCol>
 
             <!-- password -->
@@ -119,19 +142,33 @@ onMounted(() => {
                 :append-inner-icon="
                   isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'
                 "
-                @click:append-inner="isPasswordVisible = !isPasswordVisible"
                 required
+                @click:append-inner="isPasswordVisible = !isPasswordVisible"
               />
 
-              <div v-if="errorMessage" class="text-error mt-1">{{ errorMessage }}</div>
+              <div
+                v-if="errorMessage"
+                class="text-error mt-1"
+              >
+                {{ errorMessage }}
+              </div>
 
               <!-- remember me checkbox -->
               <div class="d-flex align-center justify-space-between flex-wrap mt-1 mb-4">
-                <VCheckbox v-model="form.remember" label="保持登录" required />
+                <VCheckbox
+                  v-model="form.remember"
+                  label="保持登录"
+                  required
+                />
               </div>
 
               <!-- login button -->
-              <VBtn block type="submit"> 登录 </VBtn>
+              <VBtn
+                block
+                type="submit"
+              >
+                登录
+              </VBtn>
             </VCol>
           </VRow>
         </VForm>
@@ -151,7 +188,10 @@ onMounted(() => {
     />
 
     <!-- bg img -->
-    <VImg class="auth-footer-mask d-none d-md-block" :src="authThemeMask" />
+    <VImg
+      class="auth-footer-mask d-none d-md-block"
+      :src="authThemeMask"
+    />
   </div>
 </template>
 
diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index f2cb12b4..1c49e0c9 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import CardBasic from '@/views/pages/cards/card-basic/CardBasic.vue';
-import CardNavigation from '@/views/pages/cards/card-basic/CardNavigation.vue';
-import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+import CardBasic from '@/views/pages/cards/card-basic/CardBasic.vue'
+import CardNavigation from '@/views/pages/cards/card-basic/CardNavigation.vue'
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue'
 </script>
 
 <template>
diff --git a/src/pages/subscribe-movie.vue b/src/pages/subscribe-movie.vue
index 188245b6..1cc3af44 100644
--- a/src/pages/subscribe-movie.vue
+++ b/src/pages/subscribe-movie.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue'
 </script>
 
 <template>
diff --git a/src/pages/subscribe-tv.vue b/src/pages/subscribe-tv.vue
index 188245b6..1cc3af44 100644
--- a/src/pages/subscribe-tv.vue
+++ b/src/pages/subscribe-tv.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue'
 </script>
 
 <template>