dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/c2cOrder/components/order-data/OrderData.vue
@@ -1,16 +1,23 @@
<template>
  <div class="order-data">
    <div class="flex items-center font-31 mb-42 c2cColor">
      <span class="title" :style="{ 'color': detail.direction === 'buy' ? '#2EBD85' : '#E35461' }">
        {{ detail.direction === 'buy' ? $t('购买') : $t('卖出') }}
      <span
        class="title"
        :style="{ color: detail.direction === 'buy' ? '#2EBD85' : '#E35461' }"
      >
        {{ detail.direction === "buy" ? $t("购买") : $t("卖出") }}
      </span>
      <span class="mx-15">{{ detail.symbol && detail.symbol.toUpperCase() }}</span>
      <img class="w-36 h-36" src="~@/assets/image/c2c/U1.png" alt="">
      <span class="mx-15">{{
        detail.symbol && detail.symbol.toUpperCase()
      }}</span>
      <img class="w-36 h-36" src="~@/assets/image/c2c/U1.png" alt="" />
    </div>
    <van-cell-group>
      <van-cell :title="$t('总额')">
        <template #default>
          <h2 class="font-700 font-36">{{ currencySymbol }} {{ detail.amount }}</h2>
          <h2 class="font-700 font-36">
            {{ currencySymbol }} {{ detail.amount }}
          </h2>
        </template>
      </van-cell>
      <van-cell :title="$t('单价')">
@@ -19,22 +26,36 @@
          <span>{{ detail.symbolValue }}</span>
        </template>
      </van-cell>
      <van-cell :title="$t('数量')"
        :value="`${detail.symbol == 'usdt' ? Math.floor(detail.coinAmount * 100) / 100 : Math.floor(detail.coinAmount * 1000000) / 1000000} ${detail.symbol && detail.symbol.toUpperCase()}`" />
      <van-cell
        :title="$t('数量')"
        :value="`${
          detail.symbol == 'usdt'
            ? Math.floor(detail.coinAmount * 100) / 100
            : Math.floor(detail.coinAmount * 1000000) / 1000000
        } ${detail.symbol && detail.symbol.toUpperCase()}`"
      />
      <slot name="default"></slot>
      <van-cell class="order-number">
        <template slot="title">
          <div class="w-100">{{ $t('订单号') }}</div>
          <div class="w-100">{{ $t("订单号") }}</div>
        </template>
        <template>
          <div class="flex justify-end">
            <span class="mr-14">{{ detail.orderNo }}</span>
            <img class="relative top-4 w-30 h-34" src="~@/assets/image/c2c/Group1168.png" alt=""
              @click="copy(detail.orderNo)">
            <img
              class="relative top-4 w-30 h-34"
              src="~@/assets/image/c2c/Group1168.png"
              alt=""
              @click="copy(detail.orderNo)"
            />
          </div>
        </template>
      </van-cell>
      <van-cell v-if="detail.createTime" :title="$t('创建时间')" :value="detail.createTime | format" />
      <van-cell
        v-if="detail.createTime"
        :title="$t('创建时间')"
        :value="detail.createTime | format"
      />
      <van-cell v-if="detail.sellerName">
        <template #title>
          <span>{{ clientType }}</span>
@@ -49,24 +70,21 @@
</template>
<script>
import {
  mapState,
  mapGetters
} from "vuex";
import { Cell, CellGroup, Icon, Toast } from "vant"
import { mapState, mapGetters } from "vuex";
import { Cell, CellGroup, Icon, Toast } from "vant";
export default {
  name: "OrderDate",
  // props: ['count', 'totalPrice', 'orderNumber', 'sellerName', 'createOrderTime'],
  props: {
    clientType: {
      default: '卖家昵称'
      default: "卖家昵称",
    },
    detail: {
      type: Object,
      default() {
        return {}
      }
        return {};
      },
    },
    // // count: {},
    // totalPrice: {},
@@ -79,27 +97,31 @@
  },
  filters: {
    format(time) {
      const _time = new Date(time)
      return [_time.getFullYear(), _time.getMonth() + 1, _time.getDate()].join('/') + ' ' + [_time.getHours(), _time.getMinutes(), _time.getSeconds()].join(":")
    }
      const _time = new Date(time);
      return (
        [_time.getFullYear(), _time.getMonth() + 1, _time.getDate()].join("/") +
        " " +
        [_time.getHours(), _time.getMinutes(), _time.getSeconds()].join(":")
      );
    },
  },
  methods: {
    copy(text) {
      this.$copyText(text).then(() => {
        Toast(this.$t('复制成功'))
      })
    }
        Toast(this.$t("复制成功"));
      });
    },
  },
  computed: {
    ...mapState('home', ['currency']),
    ...mapGetters('c2c', ['currencySymbol'])
    ...mapState("home", ["currency"]),
    ...mapGetters("c2c", ["currencySymbol"]),
  },
  components: {
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Icon.name]: Icon,
  }
}
  },
};
</script>
<style lang="scss" scoped>
@@ -114,7 +136,6 @@
}
.order-data {
  ::v-deep .van-cell-group,
  .van-cell {
    margin-bottom: 46px;