From 61944978f51ca99a001162ac1ff3d32dcd5315ed Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Wed, 16 Jul 2025 14:54:58 +0800
Subject: [PATCH] 1
---
src/page/trading/TradeNew.vue | 92 ++++++++++++++++++++++++++++++++++++++-------
1 files changed, 77 insertions(+), 15 deletions(-)
diff --git a/src/page/trading/TradeNew.vue b/src/page/trading/TradeNew.vue
index c7205a8..b56beb8 100644
--- a/src/page/trading/TradeNew.vue
+++ b/src/page/trading/TradeNew.vue
@@ -14,33 +14,42 @@
</van-col>
</van-row>
- <van-row class="list_item" v-for="item in 10" :key="item">
+ <van-row
+ class="list_item"
+ v-for="i in list"
+ :key="i.id"
+ @click="toDetails(i)"
+ >
<van-col span="8" class="item_n">
<div class="flex-start">
- <span class="i_icon">US</span>
- <span class="i_hint">WINVU</span>
+ <span class="i_icon">{{ i.stockGid }}</span>
+ <span class="i_hint">{{ i.stockSpell }}</span>
</div>
- <div class="i_name">124.1</div>
+ <div class="i_name">
+ {{ i.orderNum * i.now_price }}
+ </div>
</van-col>
<van-col span="8" class="item_n">
- <p class="flex-start">18</p>
- <p class="flex-start i_name">24.1 (24.1%)</p>
+ <p class="flex-start">{{ i.orderNum }}</p>
+ <p class="flex-start i_name">
+ {{ i.profitAndLose }} ({{ i.profitAndLoseParent }})
+ </p>
</van-col>
<van-col span="8" class="item_n">
<div class="flex-end" style="margin-bottom: .15em;">
- <span>10</span>
+ <span>{{ i.buyOrderPrice }}</span>
</div>
<div class="flex-end">
- <span>12.41</span>
+ <span>{{ i.now_price }}</span>
</div>
</van-col>
- <van-col span="24" class="flex-start transaction_type">
+ <!-- <van-col span="24" class="flex-start transaction_type">
<span>AI交易</span>
- </van-col>
- <van-col span="24" class="flex-between item_card">
+ </van-col> -->
+ <!-- <van-col span="24" class="flex-between item_card">
<div class="card_label">
<p>建仓成本</p>
- <p>100</p>
+ <p>{{ i.orderTotalPrice }}</p>
</div>
<div class="card_label">
<p>平仓金额</p>
@@ -50,17 +59,69 @@
<p>预期收益</p>
<p>-10</p>
</div>
- </van-col>
+ </van-col> -->
</van-row>
+
+ <!-- 无数据时显示 -->
+ <div class="no_data flex-center" v-show="!list || list.length == 0">
+ <img src="@/assets/img/zhaobudao2.png" alt="" />
+ </div>
+
+ <n-pagination
+ :pageNo.sync="pageNum"
+ :pageSize="pageSize"
+ :total="total"
+ ></n-pagination>
</div>
</template>
<script>
import tabHead from "@/components/tabHead.vue";
+import * as api from "@/axios/api";
+import nPagination from "@/components/nPagination.vue";
export default {
components: {
- tabHead
+ tabHead,
+ nPagination
+ },
+ data() {
+ return {
+ pageNum: 1,
+ pageSize: 1,
+ total: 1,
+ list: []
+ };
+ },
+ watch: {
+ pageNum() {
+ this.getList();
+ }
+ },
+ created() {
+ this.getList();
+ },
+ methods: {
+ // 获取数据
+ async getList() {
+ let data = await api.getchicang({
+ state: 0,
+ pageNum: this.pageNum,
+ pageSize: this.pageSize
+ });
+
+ if (data.status === 0) {
+ this.list = data.data.list;
+ this.total = data.data.total;
+ }
+ },
+ // 跳转详情
+ toDetails(i) {
+ this.$router.push({
+ path: "/Stockdetail",
+ query: { codes: i.positionSn }
+ });
+ }
}
};
</script>
@@ -73,9 +134,10 @@
.trade_new {
width: 100%;
- height: 100%;
+ // height: 100%;
background: #fff;
font-size: 10vw;
+ padding-bottom: 1.3rem;
.list_head {
background-color: @green2;
--
Gitblit v1.9.3