dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/trade/index.vue
@@ -1,22 +1,5 @@
<template>
  <div class="pb-108 no_touch trade">
    <!-- <div class="px-30 pt-20">
            <div class="flex h-88 w-full box-border border-solid-grey rounded-lg">
                <div @click="$router.push('/exchange/exchangePage')"
                    class="font-bold font-32 flex justify-center items-center flex-1">
                    <span class="h-60 lh-60 font-16  px-40 borderColor rounded-lg textColor">{{ $t('闪兑') }}</span>
                </div>
                <div class="font-bold flex font-32 justify-center items-center flex-1">
                    <span class="h-60 lh-60 btnMain px-40 rounded-lg text-white font-16">{{ $t('现货') }}</span>
                </div>
                <div @click="$router.push({ path: '/wantBuy', query: { frompath: `/trade/${symbol}` } })"
                    class="font-bold font-32 flex justify-center items-center flex-1">
                    <span class="h-60 lh-60 font-16  px-40 borderColor rounded-lg textColor">c2c</span>
                </div>
            </div>
        </div> -->
    <!-- :key="symbol"-->
    <!-- 头部区 -->
    <trade-head
      :backFunc="() => $router.push('/')"
      :symbol="symbol"
@@ -48,40 +31,6 @@
      />
    </div>
    <!-- 2222  -->
    <!-- <div class="flex k-select-box">
      <div class="mt-20 mb-22 select-box" style="position: relative">
        <div
          class="flex justify-between items-center w-full h-70"
          @click="selectBtn"
        >
          <div class="pl-16 textColor" style="width: 80%">{{ title }}</div>
          <img
            src="@/assets/image/public/grey-select.png"
            alt="select-icon"
            class="w-22 h-11 pr-20"
          />
        </div>
        <div class="option-box" v-show="isShow">
          <div
            class="font-30"
            v-for="(item, index) in sortList"
            :key="index"
            @click="selectItem(item)"
          >
            {{ item.name }}
          </div>
        </div>
      </div>
      <div @click="isSelectShow = true">
        <img
          src="@/assets/image/selectIcon.png"
          alt="warn-icon"
          class="w-36 h-30"
        />
      </div>
    </div> -->
    <!-- <div class="h-16 diviLine"></div> -->
    <div class="list-data">
      <div>
        <div class="flex justify-between pb-20 items-center pt-10">
@@ -111,12 +60,13 @@
              </div>
            </template>
          </div>
          <img
            src="../../assets/image/public/record.png"
            alt="record-img"
            class="w-32 h-35 pr-30"
            @click="goHistory"
          />
          <span @click="goHistory">
            <img
              src="@/assets/3x/names8.png"
              alt="record-img"
              class="w-32 h-35 pr-30"
            />
          </span>
        </div>
      </div>
      <div class="pl-32 pr-32 pb-100" v-if="tabType == '1'">
@@ -230,9 +180,9 @@
    </div>
    <div class="fixed w-full shadow z-10 tabBackground1">
      <div class="flex justify-between px-30 py-10">
        <span class="font-24 textColor2"
          >{{ symbol.toUpperCase() }}/USDT&nbsp;{{ $t("k线图表") }}</span
        >
        <span class="font-24 textColor2">
          {{ symbol | _symbolName(1) }}&nbsp;{{ $t("k线图表") }}
        </span>
        <van-icon
          class="textColor"
          @click.stop="showCharts = !showCharts"
@@ -360,8 +310,13 @@
      await this.SET_COIN_LIST();
    }
  },
  mounted() {
    this.GET_UERS_KYC();
  },
  methods: {
    ...mapActions("home", [SET_COIN_LIST]),
    ...mapActions("user", ["GET_UERS_KYC"]),
    onUpdate(symbol) {
      // 更新
      this.symbol = symbol;
@@ -416,6 +371,7 @@
      this.socket.onmessage = (evt) => {
        const { data } = evt;
        const { code, data: _data } = JSON.parse(data);
        // console.log(_data);
        if (code / 1 === 0) {
          this.handleQoutes(_data);
        }
@@ -545,12 +501,10 @@
    let {
      params: { symbol },
    } = to;
    console.log("to", to);
    let catchTradeSymbol = getStorage("tradeSymbol");
    if (catchTradeSymbol) {
      symbol = catchTradeSymbol;
    }
    console.log(catchTradeSymbol);
    if (symbol) {
      next((vm) => {
        vm.symbol = symbol;