1

李凌

2026-01-10 5f2b76b86980a149c9299acbf022c879e75b85bd

 src/components/Transform/history-item/index.vue

@@ -6,8 +6,8 @@
                    handleWordType(entrust.order_price_type) }}</span>
                <span :class="entrust.offset == 'open' ? 'text-green' : 'text-red'"> / </span>
                <span :class="entrust.offset == 'open' ? 'text-green' : 'text-red'">{{ handleWordOffset(entrust.offset)
                }}</span>&nbsp;
                <span>{{ entrust.name }}</span>
                    }}</span>&nbsp;
                <span>{{ strToArr(entrust.name, '/')[0] }}</span>
            </div>
            <div class="text" @click.stop="goDetail(entrust.order_no)">
                <span v-if="state == 'submitted'" @click.stop="cancelSingle(entrust.order_no)">{{ $t('撤单') }}</span>
@@ -19,7 +19,8 @@
        <div class="flex info">
            <div class="data-item ">
                <div class="title">{{ $t('时间') }}</div>
                <div class="text">{{ entrust.create_time ? entrust.create_time.substring(5, entrust.create_time.length) :
                <div class="text">{{ entrust.create_time ? entrust.create_time.substring(5, entrust.create_time.length)
                    :
                    '--' }}</div>
            </div>
            <div class="data-item right-text">
@@ -44,7 +45,7 @@
                <div class="text">{{ entrust.price }}</div>
            </div>
            <div class="data-item right-text">
                <div class="title">{{ $t('成交量') }}（{{ entrust.symbol }}）</div>
                <div class="title">{{ $t('成交量') }}（{{ strToArr(entrust.name, '/')[0] }}）</div>
                <div class="text">{{ (entrust.volume / entrust.price).toFixed(6) }}</div>
            </div>
        </div>
@@ -53,6 +54,7 @@

<script>
import { Circle } from 'vant'
import { strToArr } from '@/utils/utis.js'
export default {
    name: 'history-item', // 订单委托项
    components: {
@@ -86,6 +88,7 @@
    watch: {
    },
    methods: {
        strToArr,
        handleWordType(type) {
            return type === 'limit' ? this.$t('限价') : this.$t('市价');
        },
@@ -101,18 +104,24 @@
    }
}
</script>
<style lang="scss"  scoped>
<style lang="scss" scoped>
@import '@/assets/theme/index.scss';

.history-item {
    border-bottom: 1px solid $inp-b;

    padding: 40px 0;

    :deep(.van-circle__text) {
        color: $text_color;
        @include themify() {
            color: themed("text_color");
        }
    }

    :deep(.van-circle__hover) {
        color: $text_color;
        @include themify() {
            color: themed("text_color");
        }
    }

    .header-info {
@@ -126,7 +135,9 @@
            align-items: center;

            span {
                color: $text_color;
                @include themify() {
                    color: themed("text_color");
                }
            }

            .text-green {
@@ -140,7 +151,10 @@

        .text {
            font-size: 28px;
            color: $text_color6;

            @include themify() {
                color: themed("text_color1");
            }
        }
    }

@@ -148,16 +162,21 @@
        flex: 1;

        .title {
            color: $dark-grey;
            // color: $dark-grey;
            font-size: 24px;

            @include themify() {
                color: themed("text_color2");
            }
        }

        .text {
            font-size: 28px;

            color: $text_color;

            margin-top: 10px;

            @include themify() {
                color: themed("text_color1");
            }
        }
    }

@@ -184,8 +203,11 @@

    .detailBtn {
        border: 1px solid #fff;
        color: $text_color;
        justify-content: space-between;

        @include themify() {
            color: themed("text_color");
        }
    }

}