From fa821ce7a7755dd0e13897cefc57071d4596431b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 14 Jan 2026 17:51:42 +0800
Subject: [PATCH] 1
---
src/page/user/Warehouse-detail.vue | 121 +++++++++++++++++++++++++++++++--------
1 files changed, 95 insertions(+), 26 deletions(-)
diff --git a/src/page/user/Warehouse-detail.vue b/src/page/user/Warehouse-detail.vue
index 68a83e1..343f1de 100644
--- a/src/page/user/Warehouse-detail.vue
+++ b/src/page/user/Warehouse-detail.vue
@@ -3,33 +3,46 @@
<div class="trade-record-detail">
<div class="headf">
<div>
- <h2><span class="hbnh"><a class="fan" @click="$router.back()"></a></span>{{ $t('jy453') }}</h2>
+ <h2 v-if="this.$route.query.type == 'pingcang'"><span class="hbnh"><a class="fan" @click="$router.back()"></a></span>{{ $t('jy564') }}</h2>
+ <h2 v-if="this.$route.query.type == 'weituo'"><span class="hbnh"><a class="fan" @click="$router.back()"></a></span>{{ $t('jy563') }}</h2>
+ <h2 v-if="this.$route.query.type == 'chicang'"><span class="hbnh"><a class="fan" @click="$router.back()"></a></span>{{ $t('jy562') }}</h2>
</div>
</div>
<!-- 新内容 -->
<div class="stock">
- <div class="stock-name PingFang-Regular-crude">{{detail.stockName}}</div>
+ <!-- <div class="stock-name PingFang-Regular-crude">{{detail.stockName}}</div>
<div class="stock-code PingFang-Regular-crude">({{detail.stockCode}})</div>
<div class="stock-order-price PingFang-Regular">{{detail.orderTotalPrice}}</div>
<div class="stock-price PingFang-Regular">
<div class="stock-price-item">{{ $t('hj85') }}: {{detail.buyOrderPrice}}</div>
<div class="stock-price-item">{{ $t('hj84') }}: {{detail.sellOrderPrice}}</div>
- </div>
+ </div> -->
<div class="stock-jywc">
- <img v-if="detail.allProfitAndLose > 0" style="width: 60px;" src="@/assets/img/jywc.png" />
- <img v-else style="width: 60px;" src="@/assets/img/jywc-d.png" />
+ <img v-if="this.$route.query.type == 'pingcang'" style="width: 150px;" src="@/assets/img/wancheng.png" />
+ <img v-if="this.$route.query.type == 'weituo'" style="width: 150px;" src="@/assets/img/guadan.png" />
+ <img v-if="this.$route.query.type == 'chicang'" style="width: 150px;" src="@/assets/img/chicang.png" />
+
</div>
</div>
- <div class="partition">
+ <div class="partition" style="display: none;">
<div class="partition-item" v-for="item in 15" :key="item">
<div class="partition-point"></div>
</div>
</div>
- <div class="detail-con PingFang-Regular-crude">
+ <div class="detail-con">
<div class="detail-item flex col-center row-between page-warper">
- <div class="name">{{ $t('jy24') }}</div>
- <div class="value">{{detail.buyOrderTime}}</div>
+ <div class="name">{{ $t('jy161') }}</div>
+ <div class="value">
+ <span class="sz" v-show="(detail.stockGid.indexOf('sz')>=0)">{{ $t('jy83') }}</span>
+ <span class="sh" v-show="(detail.stockGid.indexOf('sh')>=0)">{{ $t('jy84') }}</span>
+ <span class="bj" v-show="(detail.stockGid.indexOf('bj')>=0)">{{ $t('jy85') }}</span>
+ {{detail.stockCode}}</div>
</div>
+ <div class="detail-item flex col-center row-between page-warper">
+ <div class="name">{{ $t('jy160') }}</div>
+ <div class="value">{{detail.stockName}}</div>
+ </div>
+
<div class="detail-item flex col-center row-between page-warper">
<div class="name">{{ $t('jy19') }}</div>
<div class="value">{{detail.buyOrderPrice}}</div>
@@ -46,11 +59,7 @@
<div class="name">{{ $t('jy450') }}</div>
<div class="value">{{detail.orderNum}}</div>
</div>
- <div class="detail-item flex col-center row-between page-warper">
- <div class="name">{{ $t('jy449') }}</div>
- <div class="value">{{detail.sellOrderTime}}</div>
- </div>
- <div class="detail-item flex col-center row-between page-warper">
+ <div class="detail-item flex col-center row-between page-warper" v-if="this.$route.query.type == 'pingcang' ">
<div class="name">{{ $t('jy25') }}</div>
<div class="value">{{detail.sellOrderPrice}}</div>
</div>
@@ -62,13 +71,25 @@
<div class="name">{{ $t('jy16') }}</div>
<div class="value">{{detail.orderSpread}}</div>
</div>
- <div class="detail-item flex col-center row-between page-warper">
+ <div class="detail-item flex col-center row-between page-warper" v-if="this.$route.query.type == 'pingcang'">
<div class="name">{{ $t('jy448') }}</div>
<div class="value">{{detail.profitAndLose}}</div>
</div>
- <div class="detail-item flex col-center row-between page-warper">
+ <div class="detail-item flex col-center row-between page-warper" v-if="this.$route.query.type !== 'weituo'">
<div class="name">{{ $t('jy12') }}</div>
- <div class="value" style="color: #098C26;">{{detail.allProfitAndLose}}</div>
+ <div class="value" :class="{'profit-red': parseFloat(detail.allProfitAndLose) > 0, 'profit-green': parseFloat(detail.allProfitAndLose) < 0}">{{detail.allProfitAndLose}}</div>
+ </div>
+ <div class="detail-item flex col-center row-between page-warper" v-if="this.$route.query.type == 'chicang'">
+ <div class="name">{{ $t('jy565') }}</div>
+ <div class="value" :class="{'profit-red': parseFloat(detail.allProfitAndLoseStr) > 0, 'profit-green': parseFloat(detail.allProfitAndLoseStr) < 0}">{{detail.allProfitAndLoseStr}}</div>
+ </div>
+ <div class="detail-item flex col-center row-between page-warper">
+ <div class="name">{{ $t('jy24') }}</div>
+ <div class="value">{{detail.buyOrderTime}}</div>
+ </div>
+ <div class="detail-item flex col-center row-between page-warper" v-if="this.$route.query.type == 'pingcang' ">
+ <div class="name">{{ $t('jy449') }}</div>
+ <div class="value">{{detail.sellOrderTime}}</div>
</div>
</div>
</div>
@@ -81,10 +102,13 @@
export default {
data() {
return {
- detail: {}
+ detail: {},
+ fromType: '' // 接收来源类型：chicang-持仓, pingcang-平仓, weituo-委托
}
},
mounted() {
+ // 接收来源类型参数
+ this.fromType = this.$route.query.type || '';
this.getDetail()
},
methods: {
@@ -103,6 +127,34 @@
</script>
<style lang="less" scoped>
+.sz {
+ color: #fff;
+ padding: 3px;
+ background: #3b4fde;
+}
+.bj {
+ color: #fff;
+ padding: 3px;
+ background: #ea6248;
+}
+
+.sh {
+ color: #fff;
+ padding: 3px;
+ background: #aa3bde;
+}
+
+.shbg {
+ color: #aa3bde;
+ padding: 3px;
+ background: rgba(170, 59, 222, .1);
+}
+
+.bjbg {
+ padding: 3px;
+ color: #ea6248;
+ background: rgba(234, 98, 72, .1);
+}
.partition{
width: 100%;
height: 20rpx;
@@ -206,8 +258,8 @@
}
.stock-jywc{
position: absolute;
- right: 50px;
- top: 50px;
+ right: 142px;
+ top: 130px;
color: #11183C;
}
@@ -250,17 +302,34 @@
}
}
.detail-con{
- padding: 20px;
+ background-color: #fff;
+ border-radius: 12px;
+ overflow: hidden;
+ margin: 16px;
.detail-item{
- padding-top: 10px;
- padding-bottom: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px 16px;
+ border-bottom: 1px solid #E5E5E5;
.name{
- font-size: 14px;
- color: #11183C;
+ font-size: 18px;
+ color: #999999;
+ font-weight: 400;
}
.value{
- font-size: 14px;
+ font-size: 18px;
color: #11183C;
+ font-weight: 500;
+ &.profit-red{
+ color: #F11614;
+ }
+ &.profit-green{
+ color: #09A028;
+ }
+ }
+ &:last-child{
+ border-bottom: none;
}
}
}
--
Gitblit v1.9.3