| | |
| | | v-model="loading" |
| | | :finished="finished" |
| | | :finished-text="$t('hj43')" |
| | | :loading-text="$t('hj430')" |
| | | @load="onLoad" |
| | | > |
| | | <div |
| | |
| | | <div class="sport-content-title2"> |
| | | {{ $t("盈虧") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text" style="color: #d04b64"> |
| | | {{ item.profitAndLose }} |
| | | <div class="sport-content-text" > |
| | | {{ item.profitAndLose | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | |
| | | <div class="sport-content-title2"> |
| | | {{ $t("hj40") }}({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2">{{ item.now_price }}</div> |
| | | <div class="sport-content-text2"> |
| | | {{ item.now_price | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | | <van-col span="8"> |
| | |
| | | <div class="sport-content-title2"> |
| | | {{ $t("持倉價") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2">{{ item.buyOrderPrice }}</div> |
| | | <div class="sport-content-text2"> |
| | | {{ item.buyOrderPrice | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | | <van-col span="8"> |
| | |
| | | <div class="sport-content-title2"> |
| | | {{ $t("訂單金額") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2">{{ item.orderTotalPrice }}</div> |
| | | <div class="sport-content-text2"> |
| | | {{ item.orderTotalPrice | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | | </van-row> |
| | |
| | | <div class="sport-content-title2"> |
| | | {{ $t("hj44") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2">{{ item.orderFee }}</div> |
| | | <div class="sport-content-text2"> |
| | | {{ item.orderFee | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | | <van-col span="8"> |
| | | <!-- <van-col span="8"> |
| | | <div style="text-align: center"> |
| | | <div class="sport-content-title2"> |
| | | {{ $t("止損價") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2"> |
| | | -{{ item.profitTargetPrice || "--" }} |
| | | {{ item.stopTargetPrice | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | |
| | | {{ $t("止盈價") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="sport-content-text2"> |
| | | -{{ item.stopTargetPrice || "--" }} |
| | | {{ item.profitTargetPrice | _toLocaleString }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | | </van-col> --> |
| | | </van-row> |
| | | <van-row> |
| | | <van-col span="12"> |
| | |
| | | show: false, |
| | | actives: 0, |
| | | dataList: [], |
| | | timer: null, |
| | | tabsList: [ |
| | | { |
| | | title: this.$t("持倉"), |
| | |
| | | ], |
| | | }; |
| | | }, |
| | | |
| | | created(){ |
| | | this.timer = setInterval(() => { |
| | | this.getList(); |
| | | }, 1000); |
| | | }, |
| | | beforeDestroy() { |
| | | clearInterval(this.timer); // 在组件销毁前清除定时器 |
| | | }, |
| | | methods: { |
| | | pushRouter(item) { |
| | | const obj = { |
| | |
| | | }); |
| | | }, |
| | | onLoad() { |
| | | this.pageNum++; |
| | | // this.pageNum++; |
| | | this.loading = true; |
| | | }, |
| | | async confirm() { |
| | |
| | | const res = await getchicang({ |
| | | state: this.actives, |
| | | stockType: laber || this.activeObj.laber, |
| | | pageNum: this.pageNum, |
| | | pageSize: this.pageSize, |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | }); |
| | | |
| | | this.loading = false; |
| | | if (res.status === 0) { |
| | | this.dataList = res.data.list; |
| | | this.$forceUpdate(); // 强制Vue重新渲染 |
| | | // if (res.data.total <= this.dataList.length) { |
| | | this.finished = true; |
| | | // } |