| | |
| | | <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> |
| | | |
| | | <div class="residual-progress" v-if="item.residualShare !== undefined && item.residualShare !== null"> |
| | | <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 class="progress-bar-fill" |
| | | :style="{ width: ((100 - item.residualShare) || 0) + '%' }"></div> |
| | | </div> |
| | | <span class="progress-text">【{{ $t("jy546") }}{{ item.residualShare || 0 }}%】</span> |
| | | </div> |
| | |
| | | background: linear-gradient(90deg, #f33030 0%, #d73d3d 100%); |
| | | border-radius: 0.15rem; |
| | | position: absolute; |
| | | right: 0; |
| | | left: 0; |
| | | top: 0; |
| | | transition: width 0.3s ease; |
| | | min-width: 0; |