| | |
| | | <template> |
| | | <div class="newIpo px-5"> |
| | | <van-list v-model:loading="loading" :finished="finished" :loading-text="$t('加载中') + '...'" |
| | | :finished-text="$t('没有更多了')" @load="onLoad"> |
| | | <van-list v-model:loading="loading" :finished="finished" :loading-text="$t('加载中') + '...'" :finished-text="$t('没有更多了')" @load="onLoad"> |
| | | <div v-for="(item, index) in list" :key="index" class="border-b-color list-div"> |
| | | <div class="flex justify-between mt-4"> |
| | | <div>{{ item.name }}</div> |
| | |
| | | <div class="flex-1 text-right">{{ t('市价') }}</div> |
| | | </div> |
| | | <div class="flex justify-between"> |
| | | <div :class="item.status === 1 || item.status === 2 ? 'red' : 'normal'" class="flex-1">{{ item.status === 1 ? |
| | | t('未开始') : item.status === 2 ? t('开放中') : t('已结束') }}</div> |
| | | <div class="red flex-1 text-center">$ {{ item.priceDifference }}</div> |
| | | <div class="flex-1 text-right">$ {{ item.marketPrice }}</div> |
| | | <div :class="item.status === 1 || item.status === 2 ? 'red' : 'normal'" class="flex-1">{{ item.status === 1 ? t('未开始') : item.status === 2 ? t('开放中') : t('已结束') }}</div> |
| | | <div class="red flex-1 text-center">{{ item.priceDifference }}</div> |
| | | <div class="flex-1 text-right">{{ item.marketPrice }}</div> |
| | | </div> |
| | | <div class="flex justify-between mt-10"> |
| | | <div> |
| | |
| | | <div>{{ getTime(item.endSubscribeDate) }}</div> |
| | | </div> |
| | | <div> |
| | | <van-circle :layer-color="thStore.THEME === 'dark' ? '#27293B' : '#D2D7E6'" :stroke-width="100" |
| | | color="#F43368" v-model:current-rate="currentRate" :rate="30" :speed="100" size="70px" :text="text"> |
| | | <van-circle :layer-color="thStore.THEME === 'dark' ? '#27293B': '#D2D7E6'" :stroke-width="100" color="#F43368" |
| | | v-model:current-rate="currentRate" :rate="30" :speed="100" size="70px" :text="text"> |
| | | <div class="circle-text"> |
| | | <div>{{ item.priceDifferenceValue }}%</div> |
| | | <div>{{ t('溢差价') }}</div> |
| | |
| | | <div class="text-right"> |
| | | <div class="text_color6">{{ t('总抽签数') }}</div> |
| | | <div>{{ item.subscribeTotalNumber }}</div> |
| | | |
| | | <!-- 以前有抽签和认缴的区分 --> |
| | | <!-- <div v-if="item.status == 2 && (item.shareStatus === 1 || item.shareStatus === 2)" |
| | | :class="item.shareStatus === 1 ? 'drawlots-but' : 'drawlots-but red'" |
| | | @click="goToDetail(item.uuid, item.shareStatus)"> |
| | | {{ item.shareStatus === 1 ? t('抽签') : t('认缴') }} <van-icon name="arrow" /></div> --> |
| | | |
| | | <!-- 现在全是抽签并且不限制数量 --> |
| | | <div class="drawlots-but" @click="goToDetail(item.uuid, 1)"> |
| | | {{ t('抽签') }} <van-icon name="arrow" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="flex justify-between mt-10"> |
| | | <div> |
| | | <div class="text_color6">{{ t('公布中签日') }}</div> |
| | | <div>{{ getTime(item.releaseDate) }}</div> |
| | | </div> |
| | | |
| | | <div class="text-right"> |
| | | <div class="text_color6">{{ t('承销价') }}</div> |
| | | <div>$ {{ item.underwritingPrice }}</div> |
| | | <div v-if="item.status == 2 && (item.shareStatus === 1 || item.shareStatus === 2)" :class="item.shareStatus === 1 ? 'drawlots-but' : 'drawlots-but red'" @click="goToDetail(item.uuid,item.shareStatus)">{{ item.shareStatus === 1 ? t('抽签') : t('认缴') }} <van-icon name="arrow" /></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | |
| | | } |
| | | |
| | | .normal { |
| | | color: $text_color; |
| | | } |