From 57ca8f40c4a33e7c1de314e6b24635e1fd53eafb Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Fri, 11 Jul 2025 11:56:17 +0800
Subject: [PATCH] 资金密码

---
 src/components/Transform/contract-futrue/index.vue |   42 +++++++++++++++++++++++++++++++++++-------
 1 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/components/Transform/contract-futrue/index.vue b/src/components/Transform/contract-futrue/index.vue
index ca97557..2383058 100644
--- a/src/components/Transform/contract-futrue/index.vue
+++ b/src/components/Transform/contract-futrue/index.vue
@@ -2,8 +2,10 @@
   <div>
     <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"
+      <ul class="flex flex-wrap w-full"  v-if="initFutrue.para?.length" >
+        <!-- v-if="initFutrue.para" -->
+        <!-- initFutrue: {{ initFutrue.para }} -->
+        <li v-for="(item, index) in initFutrue.para" :key="index"
           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