From 343572568cb5fbe3b2d6a4485f2edee8c4c8dc47 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Wed, 12 Feb 2025 00:14:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=A8=E6=88=B7=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E8=8E=B7=E5=8F=96=E9=94=99=E8=AF=AF=E7=9A=84BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                             |  1 +
 src/components/menu/PersonalizeMenu.vue | 18 +++++++--------
 src/components/menu/index.vue           |  3 +--
 src/components/popup/UserInfo.vue       | 29 ++++++++++---------------
 4 files changed, 21 insertions(+), 30 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 91ee87c..116149b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,6 +31,7 @@ export default defineComponent({
       cronJobs: {},
       enterData: {},
       subInputEvent: null,
+      isVIP: false,
     };
   },
   created: function () {
diff --git a/src/components/menu/PersonalizeMenu.vue b/src/components/menu/PersonalizeMenu.vue
index d7e0b86..3c408ac 100644
--- a/src/components/menu/PersonalizeMenu.vue
+++ b/src/components/menu/PersonalizeMenu.vue
@@ -1,14 +1,14 @@
 <template>
   <q-menu anchor="top end" self="top start">
     <q-list>
-      <q-item clickable :disable="!user.isVIP">
+      <q-item clickable :disable="!$root.isVIP">
         <q-item-section side>
           <q-icon name="color_lens" />
         </q-item-section>
         <q-item-section>主颜色</q-item-section>
         <q-tooltip>你可以更改界面的主题色，会员限定 😎</q-tooltip>
         <q-menu
-          v-if="user.isVIP"
+          v-if="$root.isVIP"
           anchor="center left"
           self="center right"
           style="min-width: 250px"
@@ -29,13 +29,13 @@
           </div>
         </q-menu>
       </q-item>
-      <q-item clickable :disable="!user.isVIP" class="bg-img-menu">
+      <q-item clickable :disable="!$root.isVIP" class="bg-img-menu">
         <q-item-section side>
           <q-icon name="image" />
         </q-item-section>
         <q-item-section>背景图片设置</q-item-section>
         <q-tooltip>设置背景图片，会员限定 😎</q-tooltip>
-        <q-menu v-if="user.isVIP" anchor="center left" self="center right">
+        <q-menu v-if="$root.isVIP" anchor="center left" self="center right">
           <q-list style="min-width: 280px">
             <q-item>
               <q-item-section>
@@ -84,7 +84,7 @@
           </q-list>
         </q-menu>
       </q-item>
-      <q-item clickable :disable="!user.isVIP">
+      <q-item clickable :disable="!$root.isVIP">
         <q-item-section side>
           <q-icon name="blur_on" />
         </q-item-section>
@@ -97,6 +97,7 @@
               :min="0"
               :max="12"
               :step="1"
+              :disable="!$root.isVIP"
               color="primary"
               @update:model-value="toggleGlassEffect"
               size="34px"
@@ -109,7 +110,7 @@
           </div>
         </q-item-section>
       </q-item>
-      <q-item clickable :disable="!user.isVIP">
+      <q-item clickable :disable="!$root.isVIP">
         <q-item-section side>
           <q-icon name="label" />
         </q-item-section>
@@ -120,7 +121,7 @@
         <q-item-section side>
           <q-toggle
             v-model="$root.profile.denseTagBar"
-            :disable="!user.isVIP"
+            :disable="!$root.isVIP"
             color="primary"
             @update:model-value="$root.saveProfile"
           />
@@ -149,9 +150,6 @@ import pictureCompress from "picture-compressor";
 
 export default {
   name: "PersonalizeMenu",
-  props: {
-    user: Object,
-  },
   data() {
     return {
       selectFileLight: null,
diff --git a/src/components/menu/index.vue b/src/components/menu/index.vue
index 1f397a1..15ca216 100644
--- a/src/components/menu/index.vue
+++ b/src/components/menu/index.vue
@@ -9,7 +9,6 @@
     >
       <!-- 用户信息 -->
       <UserInfo
-        ref="user"
         :allQuickCommandsLength="allQuickCommandsLength"
         :allFeaturesLength="allFeaturesLength"
       />
@@ -49,7 +48,7 @@
             <q-icon name="keyboard_arrow_left" />
           </q-item-section>
           <q-item-section>个性化设置</q-item-section>
-          <PersonalizeMenu :user="$refs.user" />
+          <PersonalizeMenu />
         </q-item>
 
         <!-- 收藏 -->
diff --git a/src/components/popup/UserInfo.vue b/src/components/popup/UserInfo.vue
index d9bbdf6..c5c742a 100644
--- a/src/components/popup/UserInfo.vue
+++ b/src/components/popup/UserInfo.vue
@@ -4,7 +4,7 @@
       <q-avatar size="48px">
         <q-img :src="userInfo.avatar" />
         <q-badge
-          v-if="isVIP"
+          v-if="$root.isVIP"
           floating
           color="deep-orange"
           :label="isDoubleVIP ? 'V²' : 'V'"
@@ -146,20 +146,11 @@ export default {
       showPayPage: false,
       memberPrice: 2,
       isPluginVIP: false,
+      isUtoolsVIP: false,
+      isDoubleVIP: false,
       goodsId: "3LHZ9WdXnUnBSgGRzr2c7bDOyGJBzUyD",
     };
   },
-  computed: {
-    isDoubleVIP() {
-      return this.isUtoolsVIP && this.isPluginVIP;
-    },
-    isVIP() {
-      return this.isUtoolsVIP || this.isPluginVIP;
-    },
-    isUtoolsVIP() {
-      return this.userInfo.type === "member";
-    },
-  },
   props: {
     allFeaturesLength: Number,
     allQuickCommandsLength: Number,
@@ -168,7 +159,7 @@ export default {
     this.getUserInfo();
   },
   methods: {
-    getUserInfo() {
+    async getUserInfo() {
       Object.assign(this.userInfo, this.$root.utools.whole.getUser());
       this.userInfo.exp = this.$root.utools.getDB("cfg_exp");
       this.userInfo.level = this.levelDetail
@@ -183,11 +174,13 @@ export default {
             ).toFixed(2)
           )
         : 1;
-      this.$root.utools.whole.fetchUserPayments().then((ret) => {
-        console.log("PayInfo:", ret);
-        !ret.filter((x) => x.goods_id === this.goodsId).length ||
-          (this.isPluginVIP = true);
-      });
+      let ret = await this.$root.utools.whole.fetchUserPayments();
+      console.log("PayInfo:", ret);
+
+      this.isPluginVIP = ret.find((x) => x.goods_id === this.goodsId);
+      this.isUtoolsVIP = this.userInfo.type === "member";
+      this.isDoubleVIP = this.isUtoolsVIP && this.isPluginVIP;
+      this.$root.isVIP = this.isUtoolsVIP || this.isPluginVIP;
     },
     thinkOver() {
       let that = this;