fix
This commit is contained in:
2
.env.dev
2
.env.dev
@@ -5,4 +5,4 @@ NODE_ENV = 'development'
|
||||
# VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
|
||||
VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
|
||||
# VUE_APP_BASE_URL = 'http://192.168.1.9:17088'
|
||||
# VUE_APP_BASE_URL = '18.167.251.121:17088'
|
||||
# VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
|
||||
|
||||
@@ -988,13 +988,14 @@ i {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 99999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
flex-direction: column;
|
||||
}
|
||||
.mark_loading .mark_loading_text {
|
||||
@@ -1011,7 +1012,14 @@ i {
|
||||
margin: 0 5px;
|
||||
color: red;
|
||||
}
|
||||
.mark_loading .mark_loading_btn {
|
||||
.mark_loading .mark_loading_title {
|
||||
font-size: 3rem;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.mark_loading .mark_loading_btn,
|
||||
.mark_loading .mark_loading_btn2 {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
border: 2px solid;
|
||||
@@ -1023,4 +1031,10 @@ i {
|
||||
background: #39215b;
|
||||
color: #fff;
|
||||
border: none;
|
||||
margin: 0 2rem;
|
||||
}
|
||||
.mark_loading .mark_loading_btn2 {
|
||||
border: 2px solid #000;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -1057,13 +1057,14 @@ i{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 99999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
flex-direction: column;
|
||||
.mark_loading_text{
|
||||
text-align: center;
|
||||
@@ -1082,7 +1083,14 @@ i{
|
||||
}
|
||||
|
||||
}
|
||||
.mark_loading_btn{
|
||||
.mark_loading_title{
|
||||
font-size: 3rem;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
margin-bottom: 2rem;
|
||||
// color: #fff;
|
||||
}
|
||||
.mark_loading_btn,.mark_loading_btn2{
|
||||
// border: #000;
|
||||
// color: #fff;
|
||||
margin-top: 10px;
|
||||
@@ -1096,5 +1104,11 @@ i{
|
||||
background: #39215b;
|
||||
color: #fff;
|
||||
border: none;
|
||||
margin: 0 2rem;
|
||||
}
|
||||
.mark_loading_btn2{
|
||||
border: 2px solid #000;
|
||||
background: rgba(0,0,0,0);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -37,12 +37,13 @@
|
||||
class="trialApproval button_second credits hideChecked"
|
||||
>
|
||||
Credits :
|
||||
<span :title="presentAssignment">
|
||||
<!-- <div>{{ String(presentAssignment[presentAssignment.legnth-1]) }}</div> -->
|
||||
<div class="credits_item" v-for="item in String(presentAssignment)" :style="{'transform': 'translateY('+item*-100+'%)'}">
|
||||
<span :title="credits">
|
||||
<!-- <div>{{ String(credits.value[credits.value.legnth-1]) }}</div> -->
|
||||
<div class="credits_item" v-for="item in String(credits)" :style="{'transform': 'translateY('+item*-100+'%)'}">
|
||||
<div v-for="numItem in 10">{{ numItem-1 }}</div>
|
||||
</div>
|
||||
</span>
|
||||
<i @click="getCredits" class="fi fi-br-refresh" :class="[activeCredits?'active':'']"></i>
|
||||
<i @click="Assignment" class="fi fi-rr-gift" title="Assignment"></i>
|
||||
<i @click="UpgradePlan" title="Purchase" class="fi fi-rr-shop"></i>
|
||||
</div>
|
||||
@@ -103,6 +104,11 @@
|
||||
<span class="icon iconfont icon-yuyan"></span>
|
||||
<span class="select_item_des">{{$t('Header.language')}}</span>
|
||||
</div>
|
||||
<div class="select_item" @click="orderForm()">
|
||||
|
||||
<i class="fi fi-rs-notebook"></i>
|
||||
<span class="select_item_des">View Orders</span>
|
||||
</div>
|
||||
<div class="select_item" @click="logout()">
|
||||
<span class="icon iconfont icon-tuichu"></span
|
||||
><span class="select_item_des">{{$t('Header.logOff')}}</span>
|
||||
@@ -179,13 +185,15 @@
|
||||
<!-- 绑定邮箱第一步 end -->
|
||||
</div>
|
||||
</a-modal>
|
||||
<payOrder ref="payOrder"></payOrder>
|
||||
<UpgradePlan ref="UpgradePlan"></UpgradePlan>
|
||||
</div>
|
||||
</template>
|
||||
<script >
|
||||
import { defineComponent, createVNode, ref } from "vue";
|
||||
import { defineComponent, createVNode, ref, computed } from "vue";
|
||||
import { isEmail } from "@/tool/util";
|
||||
import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
|
||||
import payOrder from "@/component/Pay/payOrder.vue";
|
||||
import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
|
||||
import Habit from "@/component/Detail/habit.vue";
|
||||
import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
|
||||
@@ -200,6 +208,7 @@ export default defineComponent({
|
||||
VerificationCodeInput,
|
||||
Habit,
|
||||
UpgradePlan,
|
||||
payOrder,
|
||||
},
|
||||
setup(){
|
||||
const store = useStore();
|
||||
@@ -207,12 +216,18 @@ export default defineComponent({
|
||||
const {locale} = useI18n()
|
||||
let isTest = ref()
|
||||
let isMurmur = ref()
|
||||
let credits = computed(()=>{
|
||||
return store.state.UserHabit.credits.value
|
||||
})
|
||||
let activeCredits = ref(false)
|
||||
return {
|
||||
store,
|
||||
t,
|
||||
locale,
|
||||
isTest,
|
||||
isMurmur,
|
||||
credits,
|
||||
activeCredits,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
@@ -243,11 +258,10 @@ export default defineComponent({
|
||||
// {name:'Tiếng Việt',value:'VIETNAMESE'},
|
||||
// {name:'Italiano',value:'ITALIAN'},
|
||||
],
|
||||
presentAssignment:String(0),
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// presentAssignment(newVal,oldVal){
|
||||
// credits.value(newVal,oldVal){
|
||||
// console.log(String(newVal).length);
|
||||
// }
|
||||
},
|
||||
@@ -283,7 +297,16 @@ export default defineComponent({
|
||||
UpgradePlan.init()
|
||||
},
|
||||
Assignment(){//任务
|
||||
this.presentAssignment = Number(this.presentAssignment) + 123
|
||||
let num = 123+this.credits
|
||||
this.store.commit('setCredits',num)
|
||||
},
|
||||
getCredits(){//刷新当前积分
|
||||
let num = 123+this.credits
|
||||
this.activeCredits = true
|
||||
setTimeout(()=>{
|
||||
this.activeCredits = false
|
||||
},300)
|
||||
this.store.commit('setCredits',num)
|
||||
},
|
||||
//点击下拉图标出现操作
|
||||
changeShowOperateContent() {
|
||||
@@ -364,7 +387,11 @@ export default defineComponent({
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
},
|
||||
|
||||
//查看订单
|
||||
orderForm(){
|
||||
let payOrder = this.$refs.payOrder
|
||||
payOrder.init()
|
||||
},
|
||||
//登出
|
||||
async logout() {
|
||||
let data = {
|
||||
@@ -654,6 +681,7 @@ export default defineComponent({
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
margin-right: .9rem;
|
||||
.credits_item{
|
||||
transition: .3s all;
|
||||
div{
|
||||
@@ -670,6 +698,15 @@ export default defineComponent({
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fi-br-refresh{
|
||||
margin-left: 0;
|
||||
border-left: none;
|
||||
padding-left: 0;
|
||||
&.active{
|
||||
transition: all .3s;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
.trialApproval{
|
||||
margin-left: 2rem;
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
<template>
|
||||
<!-- 如果需要套餐就78 -->
|
||||
<a-modal class="modal_component UpgradePlan_modal"
|
||||
v-model:visible="showUpgradePlan"
|
||||
:footer="null"
|
||||
width="78%"
|
||||
width="35%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
@@ -13,15 +14,15 @@
|
||||
<i class="fi fi-rr-cross-small" @click.stop="cancelDsign()"></i>
|
||||
</div>
|
||||
<div class="UpgradePlan_content">
|
||||
<div>Upgrade your Account Subscription Plan</div>
|
||||
<div>Buy credlts</div>
|
||||
</div>
|
||||
<div v-show="stepNum == 0" class="UpgradePlan_nav">
|
||||
<!-- <div v-show="stepNum == 0" class="UpgradePlan_nav">
|
||||
<div class="UpgradePlan_nav_content">
|
||||
<div :class="[planNum == 0 ? 'active':'']" @click="setPlan(0)">Monthly</div>
|
||||
<div :class="[planNum == 1 ? 'active':'']" @click="setPlan(1)">Annual(save 20%)</div>
|
||||
<div :class="[planNum == 2 ? 'active':'']" @click="setPlan(2)">Buy Credits</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div v-show="stepNum == 0" class="UpgradePlan_payList">
|
||||
<div v-show="planNum == 0" class="UpgradePlan_payList0">
|
||||
<div class="UpgradePlan_payList-item" v-for="item in productList">
|
||||
@@ -49,6 +50,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="UpgradePlan_payList-item-upgrade subitOkPreviewBtn" @click="upgrade(item.id)">UPGRADE NOW</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="planNum == 2" class="UpgradePlan_payList2">
|
||||
@@ -57,14 +59,14 @@
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/aida_premium_thumb-300x300.jpg" alt="">
|
||||
</div>
|
||||
<div class="UpgradePlan_payList2_name">{{ price.credits * price.num }} credits</div>
|
||||
<div class="UpgradePlan_payList2_unitPrice">${{ price.price * price.num }} <span @click="setUnit">USD</span></div>
|
||||
<div class="UpgradePlan_payList2_unitPrice">${{ price.price * price.num }} <span @click="setUnit">HKD</span></div>
|
||||
<div class="UpgradePlan_payList2_input">
|
||||
<div class="UpgradePlan_payList2_input_remo" @click="removePriceNum">-</div>
|
||||
<input type="number" v-model="price.num">
|
||||
<div class="UpgradePlan_payList2_input_add" @click="addPriceNum">+</div>
|
||||
</div>
|
||||
<div class="UpgradePlan_payList2_describe">All credits are shared within the {{ }} name organization</div>
|
||||
<div class="UpgradePlan_payList-item-upgrade subitOkPreviewBtn" @click="upgrade">UPGRADE NOW</div>
|
||||
<div class="UpgradePlan_payList-item-upgrade subitOkPreviewBtn" @click="upgrade(1)">Continue</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -72,19 +74,19 @@
|
||||
<div class="UpgradePlan_payAffirm_title">Select payment method</div>
|
||||
<div class="UpgradePlan_payAffirm_content">
|
||||
<label>
|
||||
<input name="payAffirm" type="radio" value="alipay" v-model="modeOfPayment">
|
||||
<input name="payAffirm" type="radio" value="paypal" v-model="modeOfPayment">
|
||||
<img src="https://ecmb.bdimg.com/tam-ogel/-1860672422_-148079605_900_900.png" alt="">
|
||||
PayPal
|
||||
</label>
|
||||
<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'alipay'?'active':'']">
|
||||
<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'paypal'?'active':'']">
|
||||
|
||||
</div>
|
||||
<label>
|
||||
<input name="payAffirm" type="radio" value="paypal" v-model="modeOfPayment">
|
||||
<input name="payAffirm" type="radio" value="alipay" v-model="modeOfPayment">
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAEXRFWHRTb2Z0d2FyZQBTbmlwYXN0ZV0Xzt0AAANmSURBVEiJvZZdaFxFFMd/M/cj926yu02MWWObEm3quoHGYBJBC4aCqbRRKoE+aLH6JhUFBT9Aij4oiooSfKn4oiA+FKlIkfbBj3TZYkGDDVWs1M1aaKgkJqEJazab+zE+3Gziunu3qwmep7kz95zfzH/OmRmhlFL8D6aXGl9ecjl2dpncnIe/QbQmIdmm8dwei/6OACGUUiqTc3nqxBKbvTgp4NjBRu7u1JEAo+nlTYcA+Ao+OFcEVqWbnPXqcoxZgvdGGtEljE95jJ4pXNcnN+evg+rdkyZTcOc2DYA//vTr8inF1sN+MDXQpCjrs4z1b10KbEP80w3XVzhVBAoFvf5AhL1JI3Sm93TqfP1krKL/xIUV3hmrlDQU9MLJAi+Kcof2qODUE1EAvvjZ4ZXTS6ETqRvkK8XANp2bYnKtrzmyLtXOVsnhgYYyn29/c8jOVt+7UBBAe1zS1SrL+j76rrjWbm0U9G7V6d0aJMhDOTc0Vk3QyZ9Wag0D8OEjTQBcnvfJzYWXSVVQS0QylNRJtmlYusDxFNN5RXbWZ2LKZSYfyNPZoq2l++c/1p5UBWgoafDq/giWDtN5haVB3BaUMl0p+GXG46tLDqmEhgCuFRTHz/8LUGeL5I3hCO+fK/LJeJGCE1RbxBR0JzQGu3T2pUxSCY1UQlvzuzzvs71Z4+J0+B4JpZTqeWsBgGcHLYQQvFvjaNGlYKTH4Oheu2Ls6oLPWNblm18dfphy8XyI25LM09HyFW1v1vjsQm0JpAjkBSi6iquLiltagsy8OS451GdyqM9kcVmRybmMXwlWWQaayfsMdulkck5VyI1NgjcfjNDfoeP5QVGfyTrcu0Pnsbss+jvW5YxZguFug+FuoxL06USR449HWfHg4++L/L4YZNcNjZKRHpNH+0222IJ8UXH0VIGxbDCh9KRLejJPKqFxeKCB+2830MvLr3yPAPbsNHhtn03UCgI6HmyxBWI168aveLx8eompa+Gnd1uT4OG+Bg7eYRKzRHVQadn7Uya72iUxW1BYgdy8TzrrcHG6vrsLwDYEB3YZvHSfHYB6317Y8DshzKSAiefjwVV+a6t2vf//s+1YjS0BjuwO6mezTQjBM4NW0C696zI5l9H0MpOzG39uSRGodGS3xdBtf3tubSxsffYXznw1EQcnMd4AAAAASUVORK5CYII=" alt="">
|
||||
支付宝
|
||||
</label>
|
||||
<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'paypal'?'active':'']">
|
||||
<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'alipay'?'active':'']">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -100,11 +102,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="mark_loading" v-show="isShowMark">
|
||||
<div>Has it been paid?</div>
|
||||
<div>
|
||||
<div @click="getTradeQuery">Yes</div>
|
||||
<div @click="getTradeQuery">No</div>
|
||||
</div>
|
||||
<div class="mark_loading_title" @click="getTradeQuery">Paid completed</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</template>
|
||||
@@ -128,20 +126,23 @@ export default defineComponent({
|
||||
props: ["msg",'sketchCatecoryList'],
|
||||
setup() {
|
||||
// console.log(prop.msg);
|
||||
const store = useStore();
|
||||
let showUpgradePlan = ref(false)
|
||||
let planNum = ref(0)
|
||||
let planNum = ref(2)
|
||||
let stepNum = ref(0)
|
||||
let price = ref({
|
||||
num:1,
|
||||
price:15,
|
||||
credits:115,
|
||||
})
|
||||
let modeOfPayment = ref('alipay')
|
||||
let modeOfPayment = ref('paypal')
|
||||
let clause = ref(false)//同意条款
|
||||
let productList = ref([])
|
||||
let payIndex = ref(0)
|
||||
let isShowMark = ref(false)
|
||||
let newWindow:any = ref()
|
||||
return {
|
||||
store,
|
||||
showUpgradePlan,
|
||||
planNum,
|
||||
stepNum,
|
||||
@@ -151,6 +152,7 @@ export default defineComponent({
|
||||
productList,
|
||||
payIndex,
|
||||
isShowMark,
|
||||
newWindow,
|
||||
};
|
||||
},
|
||||
data(prop) {
|
||||
@@ -162,17 +164,12 @@ export default defineComponent({
|
||||
this.getProductList()
|
||||
},
|
||||
watch:{
|
||||
// driver__:{
|
||||
// newWindowState:{
|
||||
// handler(newVal,oldVal){
|
||||
// if(this.type_.type2 == 'Printboard'){
|
||||
// if(newVal.index >= 14 && newVal.index < 15){
|
||||
// this.setKeyword(newVal.index-14)
|
||||
// }else{
|
||||
// }
|
||||
// }else if(this.type_.type2 == 'Sketchboard'){
|
||||
|
||||
// console.log(newVal);
|
||||
// if(newVal){
|
||||
// this.newWindow?.close();
|
||||
// }
|
||||
|
||||
// }
|
||||
// },
|
||||
|
||||
@@ -205,32 +202,54 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
payment(){//付款
|
||||
console.log(this.modeOfPayment,'alipay','paypal');
|
||||
// console.log(this.modeOfPayment,'alipay','paypal');
|
||||
let url = window.location.href
|
||||
// url = url.replace(/\/[^/]+$/, '') + '/home';
|
||||
url = url.replace(/\/[^/]+$/, '') + '/paySucceed';
|
||||
if(!this.clause){
|
||||
return
|
||||
}
|
||||
let url = window.location.href
|
||||
url = url.replace(/\/[^/]+$/, '') + '/paySucceed';
|
||||
Https.axiosPost(Https.httpUrls.pagePay+`/${this.payIndex}?returnUrl=${url}`, {returnUrl:url}).then(
|
||||
(rv: any) => {
|
||||
// var newWindow:any = window.open();
|
||||
// newWindow.document.write(rv);
|
||||
document.write(rv);
|
||||
let httpsUrl = Https.httpUrls.payAlipay
|
||||
|
||||
if(this.modeOfPayment == 'paypal'){
|
||||
httpsUrl = Https.httpUrls.payPaypal
|
||||
}
|
||||
Https.axiosPost(httpsUrl+`/${this.payIndex}?returnUrl=${url}`, {returnUrl:url}).then(
|
||||
(rv: any) => {
|
||||
console.log(rv);
|
||||
var width = 800;
|
||||
var height = 600;
|
||||
var left = (screen.width - width) / 2;
|
||||
var top = (screen.height - height) / 2;
|
||||
this.newWindow = window.open("", "_blank", "width=" + width + ", height=" + height + ", left=" + left + ", top=" + top);
|
||||
if(this.modeOfPayment == 'paypal'){
|
||||
// 在新窗口中写入内容
|
||||
// newWindow.document.write(rv.approve);
|
||||
this.newWindow.location.href = rv.approve;
|
||||
}else{
|
||||
this.newWindow.document.write(rv);
|
||||
}
|
||||
this.isShowMark = true
|
||||
// this.isShowMark = true
|
||||
}
|
||||
).catch(res=>{
|
||||
});
|
||||
}
|
||||
).catch(res=>{
|
||||
});
|
||||
|
||||
},
|
||||
//查询是否支付
|
||||
// getTradeQuery(){
|
||||
// let params = 1
|
||||
// Https.axiosGet(Https.httpUrls.tradeQuery,{params:{enumName:params}}).then((rv) => {
|
||||
// if (rv) {
|
||||
// console.log(rv);
|
||||
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
getTradeQuery(){
|
||||
this.isShowMark = false
|
||||
this.newWindow.close();
|
||||
let num = this.store.state.UserHabit.credits.value+111
|
||||
this.store.commit('setCredits',num)
|
||||
|
||||
// let params = 1
|
||||
// Https.axiosGet(Https.httpUrls.tradeQuery,{params:{enumName:params}}).then((rv) => {
|
||||
// if (rv) {
|
||||
// console.log(rv);
|
||||
// }
|
||||
// })
|
||||
},
|
||||
cancel(){//取消
|
||||
this.stepNum = 0
|
||||
this.modeOfPayment = 'alipay'
|
||||
@@ -256,6 +275,9 @@ export default defineComponent({
|
||||
flex-direction: column;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
.mark_loading{
|
||||
position: absolute;
|
||||
}
|
||||
.UpgradePlan_content{
|
||||
font-size: var(--aida-fsize2);
|
||||
font-weight: 900;
|
||||
@@ -350,7 +372,7 @@ export default defineComponent({
|
||||
}
|
||||
.UpgradePlan_payList2_name,.UpgradePlan_payList2_unitPrice{
|
||||
font-size: 1.8rem;
|
||||
font-weight: 600;
|
||||
font-weight: 900;
|
||||
}
|
||||
.UpgradePlan_payList2_name{
|
||||
font-weight: 900;
|
||||
@@ -361,7 +383,7 @@ export default defineComponent({
|
||||
justify-content: center;
|
||||
div{
|
||||
font-size: 4rem;
|
||||
font-weight: 600;
|
||||
font-weight: 800;
|
||||
cursor: pointer;
|
||||
}
|
||||
input{
|
||||
@@ -385,12 +407,12 @@ export default defineComponent({
|
||||
.UpgradePlan_payList2_describe{
|
||||
background: #f2f2f4;
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 2rem;
|
||||
border-radius: 1.2rem;
|
||||
}
|
||||
.UpgradePlan_payList-item-upgrade{
|
||||
position: initial;
|
||||
transform: translate(0,0);
|
||||
padding: 1rem 2rem;
|
||||
// padding: 1rem 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -497,8 +519,8 @@ export default defineComponent({
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: calc(5rem*1.2) calc(5rem*1.2) !important;
|
||||
// height: calc(65vh - 6.4rem);
|
||||
height: calc(65rem*1.2);
|
||||
height: calc(55rem*1.2);
|
||||
// height: calc(65rem*1.2);
|
||||
}
|
||||
//进度完成字体颜色
|
||||
.ant-progress-circle.ant-progress-status-success .ant-progress-text{
|
||||
|
||||
@@ -79,12 +79,13 @@
|
||||
v-if="column?.Operations"
|
||||
>
|
||||
<div
|
||||
v-if="record.orderStatus == '支付成功'"
|
||||
class="operate_item"
|
||||
@click="refund(record)"
|
||||
>
|
||||
refund
|
||||
</div>
|
||||
<!-- <div class="operate_item" @click="deleteGroup(record, index)">{{ $t('HistoryPage.Delete') }}</div> -->
|
||||
<div class="operate_item">{{ $t('HistoryPage.Delete') }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</a-table>
|
||||
@@ -139,19 +140,13 @@
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { defineComponent, ref, createVNode, computed, nextTick } from "vue";
|
||||
import HeaderComponent from "@/component/HomePage/Header.vue";
|
||||
import HistoryDetail from "@/component/Detail/HistoryDetail.vue";
|
||||
import { Https } from "@/tool/https";
|
||||
import { formatTime } from "@/tool/util";
|
||||
import { Modal, message } from "ant-design-vue";
|
||||
import RobotAssist from "@/component/HomePage/RobotAssist.vue";
|
||||
import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
export default defineComponent({
|
||||
components: {
|
||||
HeaderComponent,
|
||||
HistoryDetail,
|
||||
RobotAssist,
|
||||
},
|
||||
setup() {
|
||||
let rangePickerValue: any = ref([]);
|
||||
@@ -207,7 +202,7 @@ export default defineComponent({
|
||||
title: useI18n().t("HistoryPage.Operations"),
|
||||
key: "operation",
|
||||
align: "center",
|
||||
fixed: "right",
|
||||
fixed: "left",
|
||||
width: 90,
|
||||
// slots:{customRender:'action'}
|
||||
Operations: true,
|
||||
@@ -251,14 +246,12 @@ export default defineComponent({
|
||||
mounted() {},
|
||||
methods: {
|
||||
init() {
|
||||
console.log(123123);
|
||||
this.showPayOrder = true;
|
||||
this.getHistoryList();
|
||||
nextTick().then(() => {
|
||||
let history_table_content = document.getElementsByClassName(
|
||||
"history_table_content"
|
||||
)[0];
|
||||
console.log(history_table_content);
|
||||
this.historyTableHeight =
|
||||
history_table_content.scrollHeight - 130;
|
||||
});
|
||||
@@ -299,13 +292,12 @@ export default defineComponent({
|
||||
};
|
||||
|
||||
Https.axiosGet(Https.httpUrls.orderInfoList).then((rv: any) => {
|
||||
console.log(rv);
|
||||
this.total = rv.length;
|
||||
console.log(this.total);
|
||||
this.collectionList = rv.slice(
|
||||
(this.currentPage - 1) * this.pageSize,
|
||||
(this.currentPage - 1) * this.pageSize + this.pageSize
|
||||
);
|
||||
|
||||
});
|
||||
// Https.axiosPost( Https.httpUrls.queryUserGroup, data).then(
|
||||
// (rv: any) => {
|
||||
@@ -343,9 +335,8 @@ export default defineComponent({
|
||||
|
||||
refund(record: any) {
|
||||
// this.$router.push({name:'home',params: {id:record.id}})
|
||||
this.record = record.orderNo
|
||||
this.record = record
|
||||
this.showRefundReason = true
|
||||
|
||||
},
|
||||
getReasonCategory(){
|
||||
if(this.reason == 'Rests'){
|
||||
@@ -357,15 +348,19 @@ export default defineComponent({
|
||||
let reason = this.reason
|
||||
this.loadingShow = true
|
||||
if(this.reason == 'Rests'){
|
||||
// console.log(this.reasonTextarea);
|
||||
reason = this.reasonTextarea?this.reasonTextarea:this.reason
|
||||
}
|
||||
|
||||
// return
|
||||
|
||||
let httpsUrl = Https.httpUrls.tradeRefundAlipay
|
||||
if(this.record.paymentType == "PayPal"){
|
||||
httpsUrl = Https.httpUrls.tradeRefundPaypal
|
||||
}
|
||||
Https.axiosPost(
|
||||
Https.httpUrls.tradeRefund + `/${this.record}/${reason}`,
|
||||
httpsUrl + `/${this.record.orderNo}/${reason}`,
|
||||
{}
|
||||
).then((rv: any) => {
|
||||
console.log(rv);
|
||||
this.getHistoryList()
|
||||
this.loadingShow = false
|
||||
this.showRefundReason = false
|
||||
@@ -554,6 +549,7 @@ export default defineComponent({
|
||||
padding: 0 1rem;
|
||||
|
||||
.operate_item {
|
||||
flex: 1;
|
||||
font-size: 1.4rem;
|
||||
font-family: Roboto;
|
||||
font-weight: 400;
|
||||
|
||||
@@ -194,8 +194,8 @@ const UploadFilesModule : Module<UploadFiles,RootState> = {
|
||||
},
|
||||
setAllBoardData(state){
|
||||
state.allBoardData = {
|
||||
moodboardFiles:state.moodboard,
|
||||
disposeMoodboard:state.disposeMoodboard,
|
||||
moodboardFiles:state.moodboard,
|
||||
printboardFiles:state.printboard,
|
||||
colorBoards:state.colorBoards,
|
||||
sketchboardFiles:state.sketchboard,
|
||||
|
||||
@@ -3,6 +3,7 @@ import {RootState} from '../index'
|
||||
import { Https } from "@/tool/https";
|
||||
interface DesignDetail{
|
||||
clothingType:any,
|
||||
credits:any,
|
||||
// devise:any,
|
||||
// deviseType:any,
|
||||
// system_per:any,
|
||||
@@ -13,13 +14,17 @@ interface DesignDetail{
|
||||
const HomeStoreModule : Module<DesignDetail,RootState> = {
|
||||
state:{
|
||||
clothingType:[],
|
||||
|
||||
|
||||
credits:{
|
||||
value:0
|
||||
},
|
||||
},
|
||||
mutations:{
|
||||
res_clothingType(state,data){
|
||||
state.clothingType = data
|
||||
},
|
||||
setCredits(state,data){
|
||||
state.credits.value = data
|
||||
},
|
||||
},
|
||||
|
||||
actions:{
|
||||
@@ -39,7 +44,7 @@ const HomeStoreModule : Module<DesignDetail,RootState> = {
|
||||
// })
|
||||
// .catch((rv) => {
|
||||
// });
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -135,9 +135,13 @@ export const Https = {
|
||||
|
||||
//充值相关
|
||||
productList:`/api/product/list`, //获取商品列表
|
||||
pagePay:`/api/ali-pay/trade/page/pay`, //支付宝确认支付
|
||||
payAlipay:`/api/ali-pay/trade/page/pay`, //支付宝确认支付
|
||||
payPaypal:`/api/paypal/trade`, //paypal确认支付
|
||||
|
||||
orderInfoList:`/api/order-info/list`, //查询订单列表
|
||||
tradeRefund:`/api/ali-pay/trade/refund`, //查询订单列表
|
||||
tradeRefundAlipay:`/api/ali-pay/trade/refund`, //支付宝退款
|
||||
tradeRefundPaypal:`/api/paypal/trade/refund`, //paypal退款
|
||||
|
||||
tradeQuery:`/api/ali-pay/trade/query/{orderNo}`, //查询订单状态
|
||||
|
||||
getRgbByHsvBatch:`/api/element/getRgbByHsvBatch`, //通过hsv值数组批量获取潘通信息
|
||||
|
||||
@@ -892,6 +892,13 @@ export default defineComponent({
|
||||
//处理选择组的数据
|
||||
dealHistoryChooseData(data: any, type: any) {
|
||||
let collectionData = {
|
||||
disposeMoodboard: data.collection.moodTemplateId?[{
|
||||
id:data.collection.moodTemplateId,
|
||||
imgUrl:data.collection.moodTemplateUrl,
|
||||
resData:{
|
||||
name:data.collection.moodTemplateName,
|
||||
}
|
||||
}]:[],
|
||||
moodboardFiles: this.dealViewChooseData(
|
||||
data.collection.moodBoards,"Moodboard"
|
||||
),
|
||||
@@ -908,13 +915,7 @@ export default defineComponent({
|
||||
marketingSketchFiles: this.dealViewChooseData(
|
||||
data.collection.marketingSketchs,""
|
||||
),
|
||||
disposeMoodboard: data.collection.moodTemplateId?[{
|
||||
id:data.collection.moodTemplateId,
|
||||
imgUrl:data.collection.moodTemplateUrl,
|
||||
resData:{
|
||||
name:data.collection.moodTemplateName,
|
||||
}
|
||||
}]:[]
|
||||
|
||||
};
|
||||
// console.log(data);
|
||||
this.store.commit("setAllBoardDataChoose", collectionData);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="paySucceed_page">
|
||||
<HeaderComponent></HeaderComponent>
|
||||
<!-- <HeaderComponent></HeaderComponent> -->
|
||||
<div class="paySucceed_centent">
|
||||
<div class="paySucceed_centent_title"><i class="fi fi-ss-check-circle"></i>支付成功</div>
|
||||
<div class="paySucceed_centent_btn">
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<payOrder ref="payOrder"></payOrder>
|
||||
<RobotAssist></RobotAssist>
|
||||
<!-- <RobotAssist></RobotAssist> -->
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
@@ -20,6 +20,7 @@ import { Modal,message } from 'ant-design-vue';
|
||||
import RobotAssist from "@/component/HomePage/RobotAssist.vue";
|
||||
import payOrder from "@/component/Pay/payOrder.vue";
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { useStore } from "vuex";
|
||||
import { useI18n } from 'vue-i18n';
|
||||
export default defineComponent({
|
||||
components: {
|
||||
@@ -28,10 +29,10 @@ export default defineComponent({
|
||||
payOrder,
|
||||
},
|
||||
setup() {
|
||||
|
||||
const store = useStore();
|
||||
let {t} = useI18n()
|
||||
return {
|
||||
|
||||
store,
|
||||
t,
|
||||
}
|
||||
},
|
||||
@@ -41,7 +42,12 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
|
||||
// sessionStorage.setItem('newWindow', JSON.stringify(true))
|
||||
// let aa:any = sessionStorage.getItem('newWindow')
|
||||
// window.alert(aa)
|
||||
// aa.close();
|
||||
window.close()
|
||||
// this.store.commit('setNewWindow',true)
|
||||
},
|
||||
methods:{
|
||||
turnToPage(name:any) {
|
||||
|
||||
Reference in New Issue
Block a user