| | |
| | | v-model="loading" |
| | | :finished="finished" |
| | | :finished-text="$t('hj43')" |
| | | :loading-text="$t('hj430')" |
| | | @load="onLoad" |
| | | > |
| | | <div |
| | |
| | | :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'" |
| | | v-for="(item, index) in dataList" |
| | | :key="index" |
| | | @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" |
| | | > |
| | | <div @click="pushRouter(item)"> |
| | | <div @click.stop="pushRouter(item)"> |
| | | <div class="title-box"> |
| | | <div class="span">{{ item.stockName }}</div> |
| | | <div |
| | |
| | | {{ $t(item.orderDirection) }} |
| | | </div> |
| | | </div> |
| | | {{ item.stockCode }} |
| | | {{ item.stockSpell }} |
| | | </div> |
| | | <!-- <div @click="$router.push('/Stockdetail')"></div> --> |
| | | <van-row> |
| | | <van-col span="8"> |
| | | <div style="text-align: left"> |
| | | <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> |
| | |
| | | <van-col span="8"> |
| | | <div style="text-align: left"> |
| | | <div class="sport-content-title2"> |
| | | {{ $t("開倉手續費") }} ({{ activeObj.symbolCode }}) |
| | | {{ $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"> |
| | | <div style="text-align: left"> |
| | | <div class="sport-content-title2">{{ $t("持倉時間") }}</div> |
| | | <div class="sport-content-text2"> |
| | | {{ $moment(item.buyOrderTime).format("YYYY-MM-DD HH:mm:ss") }} |
| | | {{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }} |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | |
| | | </van-col> |
| | | </van-row> |
| | | |
| | | <div class="but-box" v-if="actives === 0"> |
| | | <div class="but" @click="close(item)">{{ $t("平仓") }}</div> |
| | | <div class="but-box" v-if="actives === 0" @click.stop="close(item)"> |
| | | <div class="but">{{ $t("平仓") }}</div> |
| | | <!-- <div class="but buts">止盈止损</div> --> |
| | | </div> |
| | | </div> |
| | |
| | | default: {}, |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getList(); |
| | | }, |
| | | data() { |
| | | return { |
| | | pageNum: 1, |
| | |
| | | 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; |
| | | // } |