| | |
| | | <div class="text_color6">{{ t('认购数量(股)') }}</div> |
| | | <div>{{ topData.availableLimit }}</div> |
| | | </div> |
| | | |
| | | <!-- <div class="text-center"> |
| | | <div class="text_color6">{{ t('待补金额') }}</div> |
| | | <div>{{ topData.amountToBeCovered }}</div> |
| | | </div> --> |
| | | </div> |
| | | <div class="tabWarp"> |
| | | <div class="tab-header flex py-5 text_color6"> |
| | |
| | | <div class="td-1 text-center">{{ t('现价/成本') }}</div> |
| | | <div class="td-1 text-center">{{ t('持有/市场') }}</div> |
| | | <div class="td-1 text-center">{{ t('损益') }}</div> |
| | | |
| | | <div class="td-1 text-center">{{t("中签应认缴")}}/{{t("已认缴金额")}}</div> |
| | | |
| | | <div class="td-1 text-center">{{ t('状态') }}</div> |
| | | <div class="td-1 text-right">{{ t('时间') }}</div> |
| | | </div> |
| | | <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="list-div flex"> |
| | | <div class="td-1 text-left"> |
| | | <div class="list-title">{{ item.symbolName }}</div> |
| | | <div class="text_color6">{{ item.symbolCode }}</div> |
| | | </div> |
| | | <div class="td-1 text-center">{{ item.closePrice + '/' + item.subPrice }}</div> |
| | | <div class="td-1 text-center">{{ item.winningNumber }} <span |
| | | v-if="item.symbolType && symbolType[item.symbolType]">{{ '/' + t(symbolType[item.symbolType]) }}</span> |
| | | </div> |
| | | <div class="td-1 text-center">{{ item.winningNumber }} <span v-if="item.symbolType && symbolType[item.symbolType]">{{'/' + t(symbolType[item.symbolType])}}</span></div> |
| | | <div class="td-1 text-center">{{ item.inventoryGainsLosses }}</div> |
| | | |
| | | <div class="td-1 text-center">{{ item.requiredNumber + '/' + item.subscribedAmount }}</div> |
| | | |
| | | <div class="td-1 text-center" :class="item.status === 2 ? 'red' : ''">{{ item.status === 1 ? t('申购中') : |
| | | item.status === 2 ? t('已中签') : t('未中签') }}</div> |
| | | <div class="td-1 text-center" :class="item.status === 2 ? 'red' : ''">{{ item.status === 1 ? t('申购中') : item.status === 2 ? t('已中签') : t('未中签') }}</div> |
| | | <div class="td-1 text-right">{{ getTime(item.createTime) }}</div> |
| | | </div> |
| | | </van-list> |
| | |
| | | font-size: 12px; |
| | | color: #747A8F; |
| | | } |
| | | |
| | | .td-1 { |
| | | flex-shrink: 0; |
| | | width: 80px; |
| | | } |
| | | |
| | | .td-2 { |
| | | flex-shrink: 0; |
| | | width: 150px; |
| | |
| | | // white-space: nowrap; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .list-div { |
| | | gap: 0 5px; |
| | | padding: 15px 0; |