优化购买积分弹窗

src/component/HomePage/UpgradePlan.vue

@@ -2,7 +2,7 @@
 	<div class="upgradePlan" ref="upgradePlan">
 	<!-- 如果需要套餐就78 -->
    <a-modal class="generalModel UpgradePlan_modal" 
-            v-model:visible="showUpgradePlan" 
+            v-model:visible="showUpgradePlan.value" 
             :footer="null" 
 			:get-container="() => $refs.upgradePlan"
             width="35%"
@@ -116,6 +116,7 @@ import { Https } from "@/tool/https";
 import { useStore } from "vuex";
 import { useI18n } from "vue-i18n";
 import payMethod from "@/component/Pay/payMethod.vue";
+import { compute } from "three/tsl";
 // import { forEach } from "jszip";
 export default defineComponent({
 	components: {
@@ -126,7 +127,9 @@ export default defineComponent({
         // console.log(prop.msg);
         let { t } = useI18n();
         const store = useStore();
-        let showUpgradePlan = ref(false)
+        let showUpgradePlan = computed(()=>{
+			return store.state.UserHabit.upgradePlan
+		})
 		let planNum = ref(2)
 		let stepNum = ref(0)
 		let price = ref({
@@ -178,7 +181,7 @@ export default defineComponent({
 	},
     methods: {
         init(){
-			this.showUpgradePlan = true
+			this.store.commit('setUpgradePlan',true)
 		},
 		setPlan(num:any){
 			this.planNum = num
@@ -286,7 +289,7 @@ export default defineComponent({
 
 		},
 		cancelDsign(){
-			this.showUpgradePlan = false
+			this.store.commit('setUpgradePlan',false)
 			this.cancel()
 		},
     },