diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue
index b2775a61..e3a38b41 100644
--- a/src/component/HomePage/Generate.vue
+++ b/src/component/HomePage/Generate.vue
@@ -203,7 +203,6 @@
         </div>
 		<scaleImage ref="scaleImage" :imgType="type_.type2" :sex="workspace.sex"></scaleImage>
 		<createSlogan ref="createSlogan" @setSloganData="setSloganData"></createSlogan>
-		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
     </div>
 </template>
 <script lang="ts">
@@ -223,7 +222,6 @@ import { openGuide,driverObj__,driverIndex__ } from "@/tool/guide";
 import createSlogan from "@/component/HomePage/createSlogan.vue";
 import { useI18n } from "vue-i18n";
 import sketchCategory from "@/component/HomePage/sketchCategory.vue";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 
 export default defineComponent({
 	components: {
@@ -231,7 +229,6 @@ export default defineComponent({
 		generalMenu,
 		createSlogan,
 		sketchCategory,
-		UpgradePlan,
 	},
     props: ["msg",'sketchCatecoryList','scene','gender'],
 	emits:['setLibrary'],
@@ -699,8 +696,7 @@ export default defineComponent({
 						zIndex:99999,
 						centered:true,
 						onOk() {
-							let UpgradePlan:any = this_.$refs.UpgradePlan
-							UpgradePlan.init()
+							this_.store.commit("setUpgradePlan", true);
 						},
 						onCancel(){
 							
diff --git a/src/component/HomePage/UpgradePlan.vue b/src/component/HomePage/UpgradePlan.vue
index 5db1c21a..952984a0 100644
--- a/src/component/HomePage/UpgradePlan.vue
+++ b/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()
 		},
     },
diff --git a/src/component/HomePage/productImg.vue b/src/component/HomePage/productImg.vue
index 24ff4d3e..232b43b3 100644
--- a/src/component/HomePage/productImg.vue
+++ b/src/component/HomePage/productImg.vue
@@ -244,7 +244,6 @@
 				RelightDirectionList:RelightDirectionList,
 			}" 
 			:isProductimg="true"></scaleImage>
-		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
 
 	</a-modal>
 </div>
@@ -266,14 +265,13 @@ import { useStore } from "vuex";
 import scaleImage from "@/component/HomePage/scaleImage.vue";
 import generalMenu from "@/component/HomePage/generalMenu.vue";
 import { openGuide,driverObj__ } from "@/tool/guide";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 
 
 export default defineComponent({
 	components:{
 		ExportModel,
 		scaleImage,
-		generalMenu,UpgradePlan
+		generalMenu
 	},
     props: ['setTask'],
     setup(props,{emit}) {
@@ -303,7 +301,6 @@ export default defineComponent({
 			likeList:[],
 			similarity:30,
 			brightenValue:1,
-			UpgradePlan
 		})
 		let productimgMenuList = ref([
 			{
@@ -573,8 +570,7 @@ export default defineComponent({
 						zIndex:99999,
 						centered:true,
 						onOk() {
-							let UpgradePlan:any = productImgData.UpgradePlan
-							UpgradePlan.init()
+							store.commit("setUpgradePlan", true);
 						},
 						onCancel(){
 							
diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue
index b46de1ca..fcaf89a2 100644
--- a/src/component/HomePage/scaleImage.vue
+++ b/src/component/HomePage/scaleImage.vue
@@ -165,7 +165,6 @@
 		<div class="mark_loading" v-show="loadingShow">
 				<a-spin size="large" />
 			</div>
-		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
 
 	</a-modal>
 </template>
@@ -179,10 +178,9 @@ import { downloadIamge } from "@/tool/util";
 import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
 import generalMiniCanvas from "@/component/modules/generalMiniCanvas.vue";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 
 export default defineComponent({
-	components:{generalMiniCanvas,UpgradePlan},
+	components:{generalMiniCanvas},
 	props:{
 		productData:{
             type:Object,
@@ -212,7 +210,6 @@ export default defineComponent({
 		})
 		let {t} = useI18n()
 		let productimg = reactive({
-			UpgradePlan:null,
 			textarea:null as any,
 			isProductimg:false,
 			productimgSearchName:'',
@@ -348,8 +345,7 @@ export default defineComponent({
 						zIndex:99999,
 						centered:true,
 						onOk() {
-							let UpgradePlan:any = productimg.UpgradePlan
-							UpgradePlan.init()
+							store.commit("setUpgradePlan", true);
 						},
 						onCancel(){
 							
diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue
index 07a7f9c7..d03464f3 100644
--- a/src/component/home/design/editDesignType/index.vue
+++ b/src/component/home/design/editDesignType/index.vue
@@ -175,7 +175,6 @@
 	<div class="mark_loading" v-show="loadingShow">
 			<a-spin size="large" />
 		</div>
-	<UpgradePlan ref="UpgradePlan"></UpgradePlan>
 
 </a-modal>
 </template>
@@ -188,10 +187,9 @@ import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { downloadIamge,getMinioUrl,downloadVideoWithFetch } from "@/tool/util";
 import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 
 export default defineComponent({
-components:{UpgradePlan},
+components:{},
 props:{
 	productData:{
 		type:Object,
@@ -223,7 +221,6 @@ setup(props:any,{emit}) {
 	let {t} = useI18n()
 	let productimg = reactive({
 		isGenerate:false,//判断是否进行generate
-		UpgradePlan:null,
 		textarea:null as any,
 		productimgSearchName:'',
 		productimgIsTextarea:false,
@@ -455,8 +452,7 @@ setup(props:any,{emit}) {
 					zIndex:99999,
 					centered:true,
 					onOk() {
-						let UpgradePlan:any = productimg.UpgradePlan
-						UpgradePlan.init()
+						store.commit("setUpgradePlan", true);
 					},
 					onCancel(){
 						
diff --git a/src/component/home/tools/toProduct/index.vue b/src/component/home/tools/toProduct/index.vue
index 3778cb10..7aa2533b 100644
--- a/src/component/home/tools/toProduct/index.vue
+++ b/src/component/home/tools/toProduct/index.vue
@@ -200,7 +200,6 @@
 				RelightDirectionList:RelightDirectionList,
 			}" 
 			:isProductimg="true"></scaleImage>
-		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
 </div>
 </template>
 
@@ -218,7 +217,6 @@ import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
 import scaleImage from "@/component/HomePage/scaleImage.vue";
 import generalMenu from "@/component/HomePage/generalMenu.vue";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 import generalDrag from '@/component/modules/generalDrag.vue';
 import { List } from "echarts";
 import { useRouter,useRoute } from 'vue-router'
@@ -226,7 +224,7 @@ import { useRouter,useRoute } from 'vue-router'
 export default defineComponent({
 	components:{
 		scaleImage,
-		generalMenu,UpgradePlan,generalDrag
+		generalMenu,generalDrag
 	},
 	props:{
 		setTask:{
@@ -286,7 +284,6 @@ export default defineComponent({
 			} as any,
 			similarity:30,
 			brightenValue:1,
-			UpgradePlan,
 			button:{
 				left:false,
 				right:false,
@@ -624,8 +621,7 @@ export default defineComponent({
 						zIndex:99999,
 						centered:true,
 						onOk() {
-							let UpgradePlan:any = productImgData.UpgradePlan
-							UpgradePlan.init()
+							store.commit("setUpgradePlan", true);
 						},
 						onCancel(){
 							
diff --git a/src/store/userHabit/userHabit.ts b/src/store/userHabit/userHabit.ts
index 6a5d744f..91e9bbf4 100644
--- a/src/store/userHabit/userHabit.ts
+++ b/src/store/userHabit/userHabit.ts
@@ -28,6 +28,7 @@ interface UserHabit{
 	userDetail:any,
 	bindEmail:any,
 	ageGroup:any,
+	upgradePlan:any,
 }
 
 const userHabit : Module<UserHabit,RootState> = {
@@ -96,7 +97,10 @@ const userHabit : Module<UserHabit,RootState> = {
 		bindEmail : {
 			isBindEmail:false,
 			type:''
-		}
+		},
+		upgradePlan:{//购买积分页面
+			value:false,
+		},
     },
     mutations:{
         res_clothingType(state,data){
@@ -312,6 +316,9 @@ const userHabit : Module<UserHabit,RootState> = {
 			// state.userDetail.status = data.status || 'active'//当前订阅类型
 			state.userDetail.subscriptionId = data.subscriptionId//最新订阅id
 		},
+		setUpgradePlan(state,data){
+			state.upgradePlan.value = data
+		}
     },
 
     actions:{
diff --git a/src/views/HomeView/library.vue b/src/views/HomeView/library.vue
index 26ed15b9..86a1260d 100644
--- a/src/views/HomeView/library.vue
+++ b/src/views/HomeView/library.vue
@@ -514,8 +514,7 @@
         <!-- <ModelPlacement ref="ModelPlacement" @submitModelPlacement="getLibraryList"></ModelPlacement> -->
 		<setLabel ref="setLabel"></setLabel>
 		<createSlogan ref="createSlogan" @setSloganData="setSloganData"></createSlogan>
-		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
-
+	
 		<createBrand ref="createBrand" @submitBrandAdd="getBrandDNAList"></createBrand>
 		<modalCanvas ref="modalCanvas" @setSloganData="saveBase64Img"></modalCanvas>
 
@@ -547,7 +546,6 @@ import { ElCascader } from 'element-plus'
 import { remove } from "jszip";
 import createSlogan from "@/component/HomePage/createSlogan.vue";
 import generalMenu from "@/component/HomePage/generalMenu.vue";
-import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 import mannequinEdit from "@/component/home/design/mannequin/edit.vue";
 export default defineComponent({
     components: {
@@ -561,7 +559,6 @@ export default defineComponent({
 		sketchCategory,
 		createSlogan,
 		generalMenu,
-		UpgradePlan,
 		mannequinEdit,
 		modalCanvas,
     },
@@ -1786,8 +1783,7 @@ export default defineComponent({
 						zIndex:99999,
 						centered:true,
 						onOk() {
-							let UpgradePlan:any = this_.$refs.UpgradePlan
-							UpgradePlan.init()
+							this_.store.commit("setUpgradePlan", true);
 						},
 						onCancel(){