1

admin

2026-01-12 e2501b4f5294ed971c0c3dcc841cd1d85be9cabd

 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,12 +27,22 @@
                        <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
                            item.stockGid
                        }}</a>
                    </p>
                </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: (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">
@@ -37,10 +52,13 @@
                <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 +87,8 @@
        this.getUserInfo()
    },
    methods: {
        sharerecordDz(){
            this.$router.push({path:'/sharerecordDz'})
        sharerecordDz() {
            this.$router.push({ path: '/sharerecordDz' })
        },
        getdetail(item) {
            this.currentItem = item
@@ -122,6 +140,7 @@
    padding-bottom: 0.266rem;
    border-bottom: 1px solid #e0e0e0;


    .daz {
        width: 9.35rem;
        margin: 0 auto;
@@ -143,10 +162,11 @@
        }

        .d3 {
            width: 40%;
            width: 15%;
        }
    }
}

.kuange {
    width: 5.34rem;
    margin: 0 auto;
@@ -158,6 +178,7 @@
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0.5rem;

        img {
            width: 0.51rem;
            height: 0.51rem;
@@ -175,6 +196,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 +308,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 +420,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;