aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订阅页面交互调整

Browse Source
This commit is contained in:
X1627315083
2025-11-11 16:21:40 +08:00
parent a10f07a772
commit aeefc0c80f
1 changed files with 951 additions and 949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/component/HomePage/renew.vue
View File

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