1

admin

2026-01-27 c2c5b94b7a80c838009ebc914537ba3862040303

 src/page/home/listcomponents/dazongjiaoyi.vue

@@ -10,14 +10,14 @@
                <p>{{ $t("jy3") }}</p>
            </div>
        </div>
        <div class="dbox">
        <!-- <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> -->
        <div class="list" v-for="(item, index) in dazongList" :key="index">
            <div class="lbox">
                <div class="lb1">
@@ -28,19 +28,26 @@
                        <span class="bj" v-if="item.stockType == 'bj'">{{ $t("jy85") }}</span>
                        <a :class="item.stockType == 'sh' ? 'shbg' : item.stockType == 'bj' ? 'bjbg' : ''">{{
                            item.stockGid
                        }}</a>
                            }}</a>
                    </p>
                </div>
                <div class="lb2"> {{ item.price }} </div>
                <div class="lb2"> {{ item.discount }}</div>
                <div class="lb2"> {{ item.residualShare }}%</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>
@@ -98,7 +105,7 @@
                return
            }
            var opt = {
                stockCode: this.currentItem.stockCode,
                stockCode: this.currentItem.stockGid,
                password: this.password,
                num: this.num * 100,
            }
@@ -131,6 +138,7 @@
    width: 100%;
    padding-bottom: 0.266rem;
    border-bottom: 1px solid #e0e0e0;


    .daz {
        width: 9.35rem;
@@ -188,6 +196,42 @@
    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;
        margin: 0 auto;