From 85896764cc8705c4442117cb313f28e52a62e6e8 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 17 Jan 2026 13:31:36 +0800
Subject: [PATCH] 1
---
src/page/home/listcomponents/dazongjiaoyi.vue | 90 ++++++++++++++++++++++++++++++++++++--------
1 files changed, 73 insertions(+), 17 deletions(-)
diff --git a/src/page/home/listcomponents/dazongjiaoyi.vue b/src/page/home/listcomponents/dazongjiaoyi.vue
index ff01761..eec7566 100644
--- a/src/page/home/listcomponents/dazongjiaoyi.vue
+++ b/src/page/home/listcomponents/dazongjiaoyi.vue
@@ -10,9 +10,14 @@
<p>{{ $t("jy3") }}</p>
</div>
</div>
- <div class="dbox">
- <div class="daz"><span class="d1">{{ $t("MingCheng") }}</span><span class="d2">{{ $t("hj81") }}</span><span class="d3"></span></div>
- </div>
+ <!-- <div class="dbox">
+ <div class="daz">
+ <span class="d1">{{ $t("MingCheng") }}</span>
+ <span class="d2">{{ $t("hj81") }}</span><span class="d3"></span>
+ <span class="d2">{{ $t("jy544") }}</span><span class="d3"></span>
+ <span class="d2">{{ $t("jy545") }}</span><span class="d3"></span>
+ </div>
+ </div> -->
<div class="list" v-for="(item, index) in dazongList" :key="index">
<div class="lbox">
<div class="lb1">
@@ -22,25 +27,37 @@
<span class="sh" v-if="item.stockType == 'sh'">{{ $t("jy84") }}</span>
<span class="bj" v-if="item.stockType == 'bj'">{{ $t("jy85") }}</span>
<a :class="item.stockType == 'sh' ? 'shbg' : item.stockType == 'bj' ? 'bjbg' : ''">{{
- item.stockGid
- }}</a>
+ item.stockGid
+ }}</a>
</p>
</div>
- <div class="lb2"> {{ item.price }} </div>
+ <!-- <div class="lb2"> {{ item.price }} </div> -->
+ <!-- <div class="lb2"> {{ item.discount }}</div> -->
+ <!-- <div class="lb2"> {{ item.residualShare }}%</div> -->
+
<div class="lb3"><a @click="getdetail(item)">{{ $t("hj238") }}</a></div>
+ </div>
+ <div class="progress-bar-wrapper">
+ <div class="progress-bar-bg">
+ <div class="progress-bar-fill" :style="{ width: ((100 - item.residualShare) || 0) + '%' }"></div>
+ </div>
+ <span class="progress-text">【{{ $t("jy546") }}{{ item.residualShare || 0 }}%】</span>
</div>
</div>
<van-popup v-model="show" round position="bottom">
<div class="boxd">
- <div class="boxh"> {{ $t("jy86") }} <span @click="show = false"></span></div>
- <h5>{{ $t("hj130") }}</h5>
+ <div class="boxh"> {{ $t("jy536") }} <span @click="show = false"></span></div>
+ <h5>{{ $t("hj120") }}</h5>
<h6>{{ currentItem.price ? currentItem.price : '' }}</h6>
<div class="erty tghj"><input :placeholder="$t('jy87')" type="number" class="inpy" v-model="num"
@input="num = num.replace(/^(0+)|[^\d]+/g, '')"><a>{{ $t("hj117") }}</a></div>
- <p class="plm"><span>{{ $t("jy88") }}</span><a>{{ currentItem.price ? (currentItem.price * num * 100).toFixed(2) :
- '0.00'
- }}</a></p>
- <div class="erty"><input :placeholder="$t('jy89')" type="password" class="inpy" v-model="password"></div>
+ <p class="plm"><span>{{ $t("jy88") }}</span><a>{{ currentItem.price ? (currentItem.price * num *
+ 100).toFixed(2) :
+ '0.00'
+ }}</a>
+ </p>
+ <div class="erty"><input :placeholder="$t('jy89')" type="password" class="inpy" v-model="password">
+ </div>
<p class="plm"><span>{{ $t("hj54") }}</span><a>{{ userinfo.enableAmt }}</a></p>
<div class="maik" @click="getxiadan">{{ $t("hj85") }}</div>
</div>
@@ -69,8 +86,8 @@
this.getUserInfo()
},
methods: {
- sharerecordDz(){
- this.$router.push({path:'/sharerecordDz'})
+ sharerecordDz() {
+ this.$router.push({ path: '/sharerecordDz' })
},
getdetail(item) {
this.currentItem = item
@@ -122,6 +139,7 @@
padding-bottom: 0.266rem;
border-bottom: 1px solid #e0e0e0;
+
.daz {
width: 9.35rem;
margin: 0 auto;
@@ -143,10 +161,11 @@
}
.d3 {
- width: 40%;
+ width: 15%;
}
}
}
+
.kuange {
width: 5.34rem;
margin: 0 auto;
@@ -158,6 +177,7 @@
text-align: center;
margin: 0 auto;
margin-bottom: 0.5rem;
+
img {
width: 0.51rem;
height: 0.51rem;
@@ -175,6 +195,42 @@
width: 100%;
padding: 0.4rem 0;
border-bottom: 1px solid #e0e0e0;
+
+ .progress-bar-wrapper {
+ width: 90%;
+ display: flex;
+ align-items: center;
+ gap: 0.2rem;
+ margin: 0.4rem 5% 0;
+
+ .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;
+ }
+ }
.lbox {
width: 9.35rem;
@@ -251,7 +307,7 @@
display: inline-block;
width: 1.6rem;
height: 0.67rem;
- background: linear-gradient(-55deg,rgb(241, 22, 20),rgb(240, 40, 37));
+ background: linear-gradient(-55deg, rgb(241, 22, 20), rgb(240, 40, 37));
border-radius: 0.35rem;
text-align: center;
color: #fff;
@@ -363,7 +419,7 @@
.maik {
width: 9.21rem;
height: 1.07rem;
- background: linear-gradient(-55deg,rgb(241, 22, 20),rgb(240, 40, 37));
+ background: linear-gradient(-55deg, rgb(241, 22, 20), rgb(240, 40, 37));
border-radius: 0.26rem;
margin: 0 auto;
margin-top: 0.56rem;
--
Gitblit v1.9.3