feat

lxf

2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9

 src/page/TtrendDetails/index.vue

@@ -13,7 +13,7 @@
                    @click="goHistory" />
            </div>
        </div> -->
        <trade-head @openRecord="openRecord" :backFunc="() => $router.push('/')" :symbol="symbol" :islevel="true"
        <trade-head @openRecord="openRecord" :backFunc="() => $router.push('/')" :symbolname="symbolname" :symbol="symbol" :islevel="true"
            @update-coin="onUpdate" @data="quote = $event" :title="$t('永续')" @changeLine="onChangeLine" :isReturn="isReturn"
            :kineType="kineType" :tabIndex="tab" />
        <div class="flex justify-between px-32 pt-40" v-if="!kineType">
@@ -43,7 +43,7 @@
                            <p class="textColor">{{ quote.high || '--' }}</p>
                        </div>
                        <div class="flex w-1/2 flex-col justify-between w-177">
                            <p class="text-grey">{{ $t('24h成交量') }}({{ symbol && symbol.toUpperCase() || '--' }})</p>
                            <p class="text-grey">{{ $t('24h成交量') }}</p>
                            <p class="textColor">{{ fixDate(quote.amount * 1, $i18n) || '--' }}</p>
                        </div>
                        <div class="flex w-1/2 flex-col justify-between w-177 mt-20">
@@ -73,7 +73,7 @@
                                    <p>{{ $t('买入') }}</p>
                                    <p class="flex justify-between items-cener font-22">
                                        <span style="margin-right: -10px;">{{ $t('价格') }}(USDT)</span>
                                        <span>{{ $t('数量') }}({{ symbol.toUpperCase() }})</span>
                                        <span>{{ $t('数量') }}</span>
                                    </p>
                                </li>
                                <li v-for="(item, index) in bids" :key="index" class="flex justify-between font-26 py-15"
@@ -93,7 +93,7 @@
                                    <p>{{ $t('卖出') }}</p>
                                    <p class="flex justify-between items-center font-22">
                                        <span class="-ml-5">{{ $t('价格') }}(USDT)</span>
                                        <span>{{ $t('数量') }}({{ symbol.toUpperCase() }})</span>
                                        <span>{{ $t('数量') }}</span>
                                    </p>
                                </li>
                                <li v-for="(item, index) in asks" :key="index" class="flex justify-between font-26 py-15"
@@ -116,7 +116,7 @@
                                <span class="flex-1">{{ $t('时间') }}</span>
                                <span class="flex-1">{{ $t('方向') }}</span>
                                <span class="flex-1">{{ $t('价格') }}(USDT)</span>
                                <span class="flex-1 flex justify-center">{{ $t('数量') }}({{ symbol.toUpperCase() }})</span>
                                <span class="flex-1 flex justify-center">{{ $t('数量') }}({{ symbol.toUpperCase()=="MYRO"?"CRO":symbol.toUpperCase() }})</span>
                            </li>
                            <li v-for="(item, index) in deals" :key="item.ts + item.price + item.amount || index"
                                class="flex  justify-between mt-30">
@@ -235,6 +235,7 @@
import { mapGetters } from 'vuex';
import { fixDate } from "@/utils/utis";
import { WS_URL } from '@/config';
import { getStorage } from '@/utils/utis';
import PopupDelivery from "@/components/popup-delivery";
import PopupConfirmOrder from '@/components/popup-confirm-order'
export default {
@@ -294,7 +295,8 @@
            // updateData: {}
            deepBuy: [],
            deepSell: [],
            fromPath: ''
            fromPath: '',
         symbolname:'',
        }
    },
    computed: {
@@ -307,6 +309,7 @@
    mounted() {
        //this.continueOrder()
        this.kineType = this.$route.query.kineType;
      this.symbolname = getStorage('symbolname')

    },
    created() {
@@ -506,6 +509,7 @@
        onUpdate(symbol) { // 更新
            this.closeSocket()
            this.symbol = symbol;
         this.symbolname = getStorage('symbolname')
            this.fetchData()
        },
        openRecord() {