| | |
| | | <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"> |
| | |
| | | </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> |
| | |
| | | </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" |
| | |
| | | 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; |
| | |
| | | font-size: 18px !important; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | } |
| | | .list .item { |
| | | width: 47%; |
| | | background: #112639; |