sytle

lxf

2025-06-11 b13d4a4289ca95318f10db5eba75310cae0db3d6

 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>
@@ -57,6 +74,34 @@
                        ? $t("message.user.yipingcang")
                        : $t("message.user.chicang")
                    }}
                  </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">
                    {{ item.profit }}/{{
                      (() => {
                        const base =
                          item.trade_avg_price * item.amount_open || 1;
                        let percent = (parseFloat(item.profit) / base) * 100;
                        if (percent !== 0 && Math.abs(percent) < 0.000001) {
                          percent = percent > 0 ? 0.000001 : -0.000001;
                        }
                        return percent.toFixed(6);
                      })()
                    }}%
                  </div>
                </div>
              </div>
@@ -126,7 +171,7 @@
      const data = {
        page_no: this.pageNum,
        type: this.activeName ? "orders" : "hisorders",
        symbol: "",
        // symbol: "",
      };
      const res = await getContractOrder(data);
      this.tableData = res.data;
@@ -203,7 +248,11 @@
  font-size: 18px !important;
  font-weight: 600;
}

.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list .item {
  width: 47%;
  background: #112639;