订阅页面交互调整

src/component/HomePage/renew.vue

@@ -187,7 +187,7 @@
 					name="payment"
 					type="radio"
 					value="CreditCard"
-                  v-model="current.PaymentType"
+					v-model="PaymentType"
 					@change="setPaymentType('CreditCard')"
 				  />
 				  {{ $t("Renew.CreditCard") }}
@@ -197,7 +197,7 @@
 					name="payment"
 					type="radio"
 					value="Alipay"
-                  v-model="current.PaymentType"
+					v-model="PaymentType"
 					@change="setPaymentType('Alipay')"
 				  />
 				  {{ $t("Renew.Alipay") }}
@@ -265,17 +265,17 @@
 	  @completePayment="cancelDsign"
 	  type="renew"
 	></payMethod>
-</template>
+  </template>
   
-<script lang="ts">
-import { defineComponent, computed, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { message } from "ant-design-vue";
-import payMethod from "@/component/Pay/payMethod.vue";
-import { useStore } from "vuex";
-import { useI18n } from "vue-i18n";
-import { Https } from "@/tool/https";
-import md5 from "md5";
-export default defineComponent({
+  <script lang="ts">
+  import { defineComponent, computed, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+  import { message } from "ant-design-vue";
+  import payMethod from "@/component/Pay/payMethod.vue";
+  import { useStore } from "vuex";
+  import { useI18n } from "vue-i18n";
+  import { Https } from "@/tool/https";
+  import md5 from "md5";
+  export default defineComponent({
 	components: {
 	  payMethod,
 	},
@@ -304,7 +304,7 @@ export default defineComponent({
 			  value: "EcoMonth",
 			  label: computed(()=>t("Renew.Monthly")),
 			},
-          PaymentType: "CreditCard",
+		  //   PaymentType: "CreditCard",
 			promotionData: {
 			  code: "",
 			  error: "",
@@ -320,7 +320,7 @@ export default defineComponent({
 			  value: "Month",
 			  label: computed(()=>t("Renew.Monthly")),
 			},
-          PaymentType: "CreditCard",
+		  //   PaymentType: "CreditCard",
 			promotionData: {
 			  code: "",
 			  error: "",
@@ -337,7 +337,7 @@ export default defineComponent({
 			  value: "Year",
 			  label: computed(()=>t("Renew.Yearly")),
 			},
-          PaymentType: "CreditCard",
+		  //   PaymentType: "CreditCard",
 			promotionData: {
 			  code: "",
 			  error: "",
@@ -401,6 +401,7 @@ export default defineComponent({
 		}),
 		current: {} as any,
 		payMethod: null as any,
+		PaymentType: "CreditCard",
 	  });
 	  const init = () => {
 		renew.renewModel = true;
@@ -411,7 +412,7 @@ export default defineComponent({
 		store.dispatch('getUserDetail')
 	  };
 	  const setPaymentType = (str: any) => {
-      renewData.current.PaymentType = str;
+		renewData.PaymentType = str;
 	  };
 	  const payment = () => {
 	  //   if (!payMethodData.clause) {
@@ -424,11 +425,11 @@ export default defineComponent({
 	  //     }
 	  //     return;
 	  //   }
-      if (!renewData.current.PaymentType)
+		if (!renewData.PaymentType)
 		  return message.info(t("Renew.PleaseSelectPayment"));
 		let url = window.location.origin + "/paySucceed";
 		let data = {
-        autoRenewal: renewData.current.PaymentType != "Alipay", //false为不自动续费
+		  autoRenewal: renewData.PaymentType != "Alipay", //false为不自动续费
 		  productName: "Subscription",
 		  quantity: 1,
 		  returnUrl: url,
@@ -546,10 +547,10 @@ export default defineComponent({
 		window.open(url);
 	  },
 	},
-});
-</script>
-<style lang="less" scoped>
-.renew {
+  });
+  </script>
+  <style lang="less" scoped>
+  .renew {
 	:deep(.ant-modal-body) {
 	  padding: 0;
 	}
@@ -957,5 +958,6 @@ export default defineComponent({
 		background: rgba(0, 0, 0, 0);
 	  }
 	}
-}
-</style>
+  }
+  </style>
+