5.10航天ui交易所pc端,代码jiem-pc
lxf
2025-07-11 b20f8b51a1d53125201883371ecfc15fd18a1c3b
src/views/wealth/transactionRecord.vue
@@ -19,7 +19,14 @@
            <div class="item" v-for="(item, index) in tableData" :key="index">
              <div class="el-row">
                <div class="el-col el-col-8">
                  <div>{{ $t("message.user.shijian") }}</div>
                  <div>
                    {{
                      activeName
                        ? $t("message.home.pingcang") +
                          $t("message.home.shijian")
                        : $t("message.user.shijian")
                    }}
                  </div>
                  <div class="value">{{ formatterDate(item) }}</div>
                </div>
                <div class="el-col el-col-8">
@@ -42,8 +49,18 @@
              </div>
              <div class="el-row">
                <div class="el-col el-col-8">
                  <div>{{ $t("message.user.pingcangjiage") }}</div>
                  <div class="value">{{ item.close_avg_price }}</div>
                  <div>
                    {{
                      activeName
                        ? $t("message.user.pingcangjiage")
                        : $t("message.user.kaicangjiage")
                    }}
                  </div>
                  <div class="value">
                    {{
                      activeName ? item.close_avg_price : item.close_avg_price
                    }}
                  </div>
                </div>
                <div class="el-col el-col-8">
                  <div>{{ $t("message.user.chengjiaoshuliang") }}</div>
@@ -60,8 +77,42 @@
                  </div>
                </div>
              </div>
              <div class="el-row">
                <div class="el-col el-col-8">
                  <div>
                    {{ $t("message.home.gangganbeishu") }}
                  </div>
                  <div class="value">{{ item.lever_rate }}</div>
                </div>
                <div class="el-col el-col-8">
                  <div>{{ $t("message.home.shouxufei") }}</div>
                  <div class="value">{{ item.fee }}</div>
                </div>
                <div class="el-col el-col-8">
                  <div>{{ $t("message.home.yingkui") }}</div>
                  <div class="value" :class="item.profit > 0 ? 'green' : 'red'">
                    <!-- (profit/deposit_open)   -->
                    {{ item.profit }}/{{
                      (() => {
                        let percent =
                          (parseFloat(item.profit) / item.deposit_open) * 100;
                        return percent.toFixed(6);
                      })()
                    }}%
                  </div>
                </div>
              </div>
              <div class="el-row">
                <div class="el-col el-col-8">
                  <div>
                    {{ $t("message.home.baozhengjin") }}
                  </div>
                  <div class="value">{{ item.deposit_open }}</div>
                </div>
              </div>
            </div>
          </div>
          <!-- 分页 -->
          <!-- <el-pagination
            class="pagination-box"
@@ -120,13 +171,19 @@
      this.getList();
    },
    formatterDate(row) {
      return dayjs.unix(row.create_time_ts).format("YYYY-MM-DD HH:mm:ss");
      if (this.activeName) {
        return row.close_time;
        // dayjs.unix(row.create_time).format("YYYY-MM-DD HH:mm:ss");
      } else {
        return row.create_time;
        // dayjs.unix(row.close_time).format("YYYY-MM-DD HH:mm:ss");
      }
    },
    async getList() {
      const data = {
        page_no: this.pageNum,
        type: this.activeName ? "orders" : "hisorders",
        symbol: "",
        // symbol: "",
      };
      const res = await getContractOrder(data);
      this.tableData = res.data;
@@ -203,7 +260,11 @@
  font-size: 18px !important;
  font-weight: 600;
}
.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list .item {
  width: 47%;
  background: #112639;