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

fix

Browse Source
This commit is contained in:
X1627315083
2024-12-11 16:26:36 +08:00
parent 5d9dc7b77d
commit a6ae63e7cd
96 changed files with 6163 additions and 9414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/component/Pay/payOrder.vue
View File

@@ -1,6 +1,7 @@
<template>
<div ref="payOrder_modal"></div>
<a-modal
class="modal_component payOrder_modal generalModel_modal"
class="modal_component payOrder_modal generalModel"
v-model:visible="showPayOrder"
:footer="null"
width="78%"
@@ -8,12 +9,19 @@
:centered="true"
:closable="false"
wrapClassName="#app"
:get-container="() => $refs.payOrder_modal"
:keyboard="false"
>
<div class="closeIcon">
<i class="fi fi-rr-cross-small" @click.stop="cancelDsign()"></i>
</div>
<div class="generalModel_btn">
<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
</svg>
</div>
</div>
<div class="payOrder_page">
<div class="payOrder_page_title">
<div class="payOrder_page_title_item" @click="setState('paypal')" :class="{active:presentState == 'paypal'}">{{ $t('payOrder.OrderInformation') }}</div>
@@ -65,16 +73,19 @@ export default defineComponent({
methods: {
init() {
this.showPayOrder = true;
this.setState('paypal')
},
setState(str:any){
this.presentState = str
let setInit:any
if(str == 'paypal'){
setInit = this.$refs.allOrder
}else{
setInit = this.$refs.creditsDetail
}
setInit.init()
nextTick(()=>{
this.presentState = str
let setInit:any
if(str == 'paypal'){
setInit = this.$refs.allOrder
}else{
setInit = this.$refs.creditsDetail
}
setInit.init()
})
},
cancelDsign(){
this.showPayOrder = false
@@ -82,16 +93,19 @@ export default defineComponent({
},
});
</script>
<style lang="less">
.payOrder_modal {
.closeIcon {
z-index: 2;
}
<style lang="less" scoped>
:deep(.payOrder_modal) {
>.ant-modal-content{
>.ant-modal-body{
padding: 6rem;
}
}
.payOrder_page {
width: 100%;
height: 100%;
padding: 9rem;
overflow: hidden;
display: flex;
flex-direction: column;
// min-width: 1440px;
position: relative;
.payOrder_page_title{
@@ -126,9 +140,10 @@ export default defineComponent({
}
}
.payOrder_table_content{
height: 100%;
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
flex-direction: column;
}
}
}