From 93f9b248dd0eecbaa77006e5146c58c831d89d8e Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Mon, 07 Jul 2025 17:12:16 +0800
Subject: [PATCH] style
---
src/components/Transform/contract-futrue/index.vue | 38 +++++++++++++++++++++++++++++++++-----
1 files changed, 33 insertions(+), 5 deletions(-)
diff --git a/src/components/Transform/contract-futrue/index.vue b/src/components/Transform/contract-futrue/index.vue
index ca97557..f1c482a 100644
--- a/src/components/Transform/contract-futrue/index.vue
+++ b/src/components/Transform/contract-futrue/index.vue
@@ -3,7 +3,9 @@
<div class="contact-futrue">
<div class="font-24 text-grey mb-24">{{ $t('交割时间') }}</div>
<ul class="flex flex-wrap w-full">
- <li v-for="(item, index) in initFutrue.para" v-if="initFutrue.para" :key="item.uuid"
+ <!-- v-if="initFutrue.para" -->
+ <!-- initFutrue: {{ initFutrue.para }} -->
+ <li v-for="(item, index) in initFutrue.para" v-if="initFutrue.para" :key="item.uuid"
class="h-92 flex items-center mb-22" @click="onSelect(item, index)">
<p class="w-95 h-full flex justify-center items-center font-22 flex-1"
:class="active === item.para_id ? 'bg-light-blue text-white' : 'delivery_left_tab_background textColor'"
@@ -20,6 +22,9 @@
</template>
<script>
+import { _futrueOrderInit } from "@/service/trade.api.js";
+import { getStorage } from '@/utils'
+
export default {
name: 'ContractFutrue',
props: {
@@ -33,20 +38,43 @@
data() {
return {
active: '',
+ // initFutrue: {},
+ m_initFutrue: {},
initParam: [] // 初始化参数
}
},
created() {
- if (this.initFutrue.para.length > 0) {
- this.active = this.initFutrue.para[0].para_id || ''
- this.$emit('paraId', { id: this.active, index: 0 })
+ console.log('this.initFutrue', this.initFutrue)
+ // this._initParam();
+ if (this.initFutrue.para.length > 0) {
+ this.active = this.initFutrue.para[0].para_id || ''
+ this.$emit('paraId', { id: this.active, index: 0 })
+ }
+ },
+ watch: {
+ '$route.query.symbol'(newVal, oldVal) {
+ if (newVal !== oldVal) {
+ this._initParam();
+ }
}
},
methods: {
onSelect(item, index) { // 选中
this.active = item.para_id
this.$emit('paraId', { id: this.active, index })
- }
+ },
+ _initParam(){ // 初始化参数
+ // if (type === 'futrue' || !type) {
+ // const symbol = getStorage('symbol')
+ _futrueOrderInit('USDSGD').then(data => {
+ // this.m_initFutrue = data
+ if (this.initFutrue.para.length < 0) {
+ this.initFutrue = data
+ }
+ console.log('this.initFutrue', this.initFutrue)
+ })
+ // }
+ },
}
}
</script>
--
Gitblit v1.9.3