From 9cb99d3e0db2c59f334d1f670ae74ead12717b2d Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sun, 11 Jan 2026 15:46:22 +0800
Subject: [PATCH] 1

---
 src/page/home/listcomponents/xingusg.vue |   61 +++++++++++++++++++++++++++---
 1 files changed, 54 insertions(+), 7 deletions(-)

diff --git a/src/page/home/listcomponents/xingusg.vue b/src/page/home/listcomponents/xingusg.vue
index 59be104..4ad386b 100644
--- a/src/page/home/listcomponents/xingusg.vue
+++ b/src/page/home/listcomponents/xingusg.vue
@@ -19,7 +19,7 @@
         <div>
             <van-list v-model="loading" :finished="finished" :finished-text="$t('hj43')" @load="onLoad" offset="500"
                 :immediate-check="false">
-                <div class="skm" v-for="(item, index) in shengouList" :key="index">
+                <div class="skm" v-for="(item, index) in shengouList" :key="index" @click="getshengou(1, item)">
                     <div class="shead shn">
                         <div class="shl">
                             <h6>{{ item.name }}</h6>
@@ -40,29 +40,36 @@
                                 </a>
                             </p>
                         </div>
-                        <div v-if="shengouIdx == 0">
+                        <!-- <div v-if="shengouIdx == 0">
                             <div class="she1" @click="getshengou(1, item)"><span style="font-size: 0.32rem;"> {{
                                 $t("jy98") }}</span><span> {{ $t("jy94") }}</span></div>
                             <div class="she2" @click="getshengou(2, item)"><span style="font-size: 0.32rem;"> {{
                                 $t("jy99") }}</span><span> {{ $t("jy100") }}</span></div>
-                        </div>
+                        </div> -->
                         <p class="shr" v-if="shengouIdx == 1"> {{ $t("hj59") }}
                             <span>{{ dayjs(item.subscribeTime).format('YYYY-MM-DD') }}</span>
                         </p>
                     </div>
                     <div class="shead shn" style="padding-top: 0px !important;" v-if="shengouIdx == 0">
-                        <p class="shr">
+                        <!-- <p class="shr">
                             {{ $t("hj59") }}
                             <span>{{ dayjs(item.subscribeTime).format('YYYY-MM-DD') }}</span>
-                        </p>
+                        </p> -->
                     </div>
                     <div class="plkm">
                         <p><span> {{ $t("jy101") }}</span><a>{{ item.price }}/ {{ $t("jy96") }}</a></p>
-                        <p><span> {{ $t("jy102") }}</span><a>{{ item.pe }}</a></p>
+                        <!-- <p><span> {{ $t("jy102") }}</span><a>{{ item.pe }}</a></p> -->
                         <p style="display: none;"><span> {{ $t("jy103") }}</span><a> 0.75{{ $t("jy104") }}</a></p>
                         <p><span> {{ $t("jy105") }}</span><a>{{ item.orderNumber }} {{ $t("jy104") }}</a></p>
 
-                        <p><span> {{ $t("jy545") }}</span><a>{{ item.residualShare || '--' }}%</a></p>
+                        <div class="residual-progress" v-if="item.residualShare !== undefined && item.residualShare !== null">
+                            <div class="progress-bar-wrapper">
+                                <div class="progress-bar-bg">
+                                    <div class="progress-bar-fill" :style="{ width: (item.residualShare || 0) + '%' }"></div>
+                                </div>
+                                <span class="progress-text">【{{ $t("jy546") }}{{ item.residualShare || 0 }}%】</span>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </van-list>
@@ -365,6 +372,46 @@
         }
     }
 
+    .residual-progress {
+        width: 100%;
+        margin-top: 0.4rem;
+
+        .progress-bar-wrapper {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            gap: 0.2rem;
+
+            .progress-bar-bg {
+                flex: 1;
+                height: 0.3rem;
+                background-color: #f0f0f0;
+                border-radius: 0.15rem;
+                overflow: hidden;
+                position: relative;
+
+                .progress-bar-fill {
+                    height: 100%;
+                    background: linear-gradient(90deg, #f33030 0%, #d73d3d 100%);
+                    border-radius: 0.15rem;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                    transition: width 0.3s ease;
+                    min-width: 0;
+                }
+            }
+
+            .progress-text {
+                color: #333;
+                font-size: 0.28rem;
+                white-space: nowrap;
+                font-weight: 500;
+                flex-shrink: 0;
+            }
+        }
+    }
+
     .shn {
         justify-content: space-between;
 

--
Gitblit v1.9.3