123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- <template>
- <view>
- <headContent borderBottom>
- <template #left>
- <reverse-back />
- </template>
- <template #content>
- <view class="haed-title">
- 历史仓位
- </view>
- </template>
- </headContent>
- <template v-for="item in list">
- <view class="content-box" :rise-fall="stocksColor">
- <view class="content-top">
- <view class="top-left">
- <view class="top-left-title">
- <text>{{ item.symbol }}</text>
- <text v-if="item.settled == 0">永续</text>
- <text v-else-if="item.settled == 9">快捷</text>
- </view>
- <view class="top-left-b">
- <text>{{ item.multiple }}倍杠杆</text>
- <text class="top-left-b-tag">{{ item.type_name }}</text>
- </view>
- </view>
- <view :class="['top-right' , $setColor(item.profits)]">
- <text class="color">{{ item.profits }}</text>
- <text class="color top-right-float">平仓盈亏{{ $getChange(item , 1) }}%</text>
- </view>
- <!-- <view class="top-right top-right-btns">
- <text class="top-right-btn" @click.stop="setCloseLeverAll()">撤单</text>
- </view> -->
- </view>
- <view class="content-info">
- <view class="info-item">
- <text class="info-item-lable">保证金(USDT)</text>
- <text class="info-item-val">{{ item.caution_money }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">开仓价格(USDT)</text>
- <text class="info-item-val">{{ item.price }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">平仓价格(USDT)</text>
- <text class="info-item-val">{{ item.origin_price }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">平仓数量(张)</text>
- <text class="info-item-val">{{ item.number }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">手续费(USDT)</text>
- <text class="info-item-val">{{ item.trade_fee || '--' }}</text>
- </view>
- <view class="info-item">
- <text class="info-item-lable">平仓类型(USDT)</text>
- <text class="info-item-val">{{ item.status === 3 ? '强制平仓' : '' }}</text>
- </view>
- </view>
- <view class="record-hint">
- <text class="record-lable">平仓时间 {{ item.handle_time }}</text>
- <view class="record-icon" @click.stop="val => $refs.shareRef.openShare(item)">
- <text class="icon-size iconfont"></text>
- <text class="icon-size">分享</text>
- </view>
- </view>
- </view>
- <gap />
- </template>
- <view class="loadmore-box" v-show="loadStatus !== 'nomore' || list.length > 0">
- <u-loadmore :status="loadStatus" nomoreText="没有更多数据" :fontSize='28' :icon="false"/>
- </view>
- <empty class="empty-content" v-show="loadStatus === 'nomore' && list.length <= 0" />
-
-
- <sharePage ref="shareRef" :shareType="2"></sharePage>
- </view>
- </template>
- <script>
- import {
- mapGetters
- } from 'vuex'
- import {
- Api_getRegister
- } from "@/api/index.js"
- export default {
- name: 'fast-history',
- data() {
- return {
- list: [],
- loadStatus: 'nomore', // loading / nomore / loadmore
- limit: 10,
- page: 1,
- };
- },
- computed: {
- ...mapGetters([
- "stocksColor",
- 'PageContentHeight'
- ])
- },
- onLoad() {
- this.getRegister()
- },
- onReachBottom() {
- if (this.loadStatus === 'loadmore') {
- this.page++;
- this.getRegister()
- }
- },
- methods: {
- getRegister() {
- if (this.loadStatus === 'loading') {
- return false
- };
- this.loadStatus = 'loading'
- Api_getRegister({
- status: -1,
- page: this.page,
- limit: this.limit,
- settled: 9
- }).then(res => {
- const data = res.message;
- this.list = this.list.concat(data.data)
- this.page = data.current_page
- if (this.list.length >= data.total) {
- this.loadStatus = 'nomore'
- } else {
- this.loadStatus = 'loadmore'
- }
- }).catch(err => {
- if (this.page >= 2) {
- this.page -= 1;
- this.loadStatus = 'loadmore'
- } else {
- this.loadStatus = 'nomore'
- }
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- @import "~../sustainability/index.scss";
- </style>
|