|
@@ -13,8 +13,8 @@
|
|
@click="current = index + 1; price = item.price"
|
|
@click="current = index + 1; price = item.price"
|
|
>
|
|
>
|
|
<div class="d-flex flex-column align-center pb-5" style="position: relative;">
|
|
<div class="d-flex flex-column align-center pb-5" style="position: relative;">
|
|
- <div class="my-4 font-size-16 font-weight-bold titleColor">{{ item.name }}</div>
|
|
|
|
- <div class="font-weight-bold priceBox">
|
|
|
|
|
|
+ <div class="my-5 font-size-16 font-weight-bold titleColor">{{ item.name }}</div>
|
|
|
|
+ <div class="font-weight-bold priceBox mt-3">
|
|
<span v-if="item.custom">
|
|
<span v-if="item.custom">
|
|
<input
|
|
<input
|
|
v-model="item.payPrice"
|
|
v-model="item.payPrice"
|
|
@@ -25,16 +25,18 @@
|
|
@focus="item.tip = '输入完成后请按Enter键确认'"
|
|
@focus="item.tip = '输入完成后请按Enter键确认'"
|
|
>
|
|
>
|
|
</span>
|
|
</span>
|
|
- <span class="font28" v-else>{{ calcFun(item.payPrice, true) }}</span>
|
|
|
|
|
|
+ <span class="font28" v-else>¥{{ payCalculation(item.payPrice, 'real') }}</span>
|
|
</div>
|
|
</div>
|
|
- <div class="dailyPrice font-size-12 mt-3">
|
|
|
|
|
|
+ <!-- <div class="dailyPrice font-size-12 mt-3">
|
|
<span v-if="!item.custom">¥{{ calcFun(item.payPrice, true) }}</span>
|
|
<span v-if="!item.custom">¥{{ calcFun(item.payPrice, true) }}</span>
|
|
<span v-else>{{ item.tip }}</span>
|
|
<span v-else>{{ item.tip }}</span>
|
|
- </div>
|
|
|
|
- <span class="mt-3" @click="handleRecharge(item)">立即充值</span>
|
|
|
|
|
|
+ </div> -->
|
|
|
|
+ <!-- <span class="mt-3" @click="handleRecharge(item)">立即充值</span> -->
|
|
|
|
+ <v-btn class="mt-8" size="small" color="error" variant="outlined" rounded @click="handleRecharge(item)">立即充值</v-btn>
|
|
<div class="vip">
|
|
<div class="vip">
|
|
- <svg-icon v-if="current === (index+1)" name="diamond-active" size="50"></svg-icon>
|
|
|
|
- <svg-icon v-else name="diamond" size="50"></svg-icon>
|
|
|
|
|
|
+ <!-- <svg-icon v-if="current === (index+1)" name="diamond-active" size="50"></svg-icon>
|
|
|
|
+ <svg-icon v-else name="diamond" size="50"></svg-icon> -->
|
|
|
|
+ <svg-icon name="diamond" size="50"></svg-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -78,7 +80,7 @@
|
|
<confirmPaymentDialog
|
|
<confirmPaymentDialog
|
|
v-if="showConfirmPaymentDialog"
|
|
v-if="showConfirmPaymentDialog"
|
|
:appId="11"
|
|
:appId="11"
|
|
- :cost="calcFun(rechargeDataItem.payPrice, true)"
|
|
|
|
|
|
+ :cost="payCalculation(rechargeDataItem.payPrice, 'real')"
|
|
:rechargeInfo="rechargeDataItem"
|
|
:rechargeInfo="rechargeDataItem"
|
|
@paySuccess="paySuccess"
|
|
@paySuccess="paySuccess"
|
|
@close="showConfirmPaymentDialog = false"
|
|
@close="showConfirmPaymentDialog = false"
|
|
@@ -91,6 +93,7 @@ import { ref } from 'vue'
|
|
import Public from './public.vue'
|
|
import Public from './public.vue'
|
|
// import QrCode from '@/components/QrCode'
|
|
// import QrCode from '@/components/QrCode'
|
|
import { getEnterpriseRechargePackageList } from '@/api/recruit/enterprise/member/points'
|
|
import { getEnterpriseRechargePackageList } from '@/api/recruit/enterprise/member/points'
|
|
|
|
+import { payCalculation } from '@/utils/position'
|
|
|
|
|
|
defineProps({
|
|
defineProps({
|
|
showTitle: {
|
|
showTitle: {
|
|
@@ -135,7 +138,6 @@ getData()
|
|
const rechargeDataItem = ref(null)
|
|
const rechargeDataItem = ref(null)
|
|
const showConfirmPaymentDialog = ref(false)
|
|
const showConfirmPaymentDialog = ref(false)
|
|
const handleRecharge = (item) => {
|
|
const handleRecharge = (item) => {
|
|
- // rechargeDataItem.value = { ...item, payPrice: calcFun(item.payPrice, show) }
|
|
|
|
rechargeDataItem.value = { ...item }
|
|
rechargeDataItem.value = { ...item }
|
|
// 打开支付弹窗
|
|
// 打开支付弹窗
|
|
showConfirmPaymentDialog.value = true
|
|
showConfirmPaymentDialog.value = true
|
|
@@ -148,10 +150,6 @@ const paySuccess = async () => {
|
|
await store.getEnterpriseUserAccountInfo()
|
|
await store.getEnterpriseUserAccountInfo()
|
|
}
|
|
}
|
|
|
|
|
|
-const calcFun = (value, show) => { // show除以一百,提交乘以一百
|
|
|
|
- const Magnification = show ? 1/100 : 100
|
|
|
|
- return ((value - 0)*Magnification).toFixed(2)
|
|
|
|
-}
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
@@ -168,15 +166,15 @@ const calcFun = (value, show) => { // show除以一百,提交乘以一百
|
|
color: var(--color-666);
|
|
color: var(--color-666);
|
|
}
|
|
}
|
|
.active {
|
|
.active {
|
|
- border: 2px solid #cf990c;
|
|
|
|
- background: linear-gradient(rgb(255, 242, 214) 8.86%, rgb(255, 225, 177) 100%);;
|
|
|
|
- .priceBox {
|
|
|
|
- color: var(--v-error-base);
|
|
|
|
- }
|
|
|
|
- .dailyPrice {
|
|
|
|
- color: var(--v-error-base);
|
|
|
|
- background-color: #fff4e7;
|
|
|
|
- }
|
|
|
|
|
|
+ // border: 2px solid #cf990c;
|
|
|
|
+ // background: linear-gradient(rgb(255, 242, 214) 8.86%, rgb(255, 225, 177) 100%);;
|
|
|
|
+ // .priceBox {
|
|
|
|
+ // color: var(--v-error-base);
|
|
|
|
+ // }
|
|
|
|
+ // .dailyPrice {
|
|
|
|
+ // color: var(--v-error-base);
|
|
|
|
+ // background-color: #fff4e7;
|
|
|
|
+ // }
|
|
}
|
|
}
|
|
.custom-input-num {
|
|
.custom-input-num {
|
|
border: none;
|
|
border: none;
|