1

jhzh

2026-01-14 fa821ce7a7755dd0e13897cefc57071d4596431b

 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;
            }
         }
      }