| | |
| | | <van-icon name="arrow-left" size="20" /> |
| | | </div> |
| | | <div class="middle-text title"> |
| | | <span>{{ t('抽签') }}</span> |
| | | <span>{{t('抽签')}}</span> |
| | | </div> |
| | | <div class="right-text text-record" @click="onRoute(recordPath)"> |
| | | <span>{{ t('抽签记录') }}</span> |
| | | <span>{{t('抽签记录')}}</span> |
| | | </div> |
| | | </div> |
| | | </header> |
| | | <section class="card"> |
| | | <!-- <p class="name">{{ listData.name }}</p> --> |
| | | <p class="code">{{ listData.name }}</p> |
| | | <p class="num">$ {{ listData.underwritingPrice }}</p> |
| | | <p class="code">{{ listData.productCode }}</p> |
| | | <p class="num">{{ listData.underwritingPrice }}</p> |
| | | </section> |
| | | <section class="details"> |
| | | <div class="detail-info"> |
| | | <ul class="detail-ul"> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('抽签代码') }}</div> |
| | | <div class="item-l">{{t('抽签代码')}}</div> |
| | | <div class="item-r">{{ listData.productCode }}</div> |
| | | </li> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('发行总股数') }}</div> |
| | | <div class="item-l">{{t('发行总股数')}}</div> |
| | | <div class="item-r">{{ listData.subscribeTotalNumber }}</div> |
| | | </li> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('抽签开始日') }}</div> |
| | | <div class="item-l">{{t('抽签开始日')}}</div> |
| | | <div class="item-r">{{ getTime(listData.startSubscribeDate) }}</div> |
| | | </li> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('抽签截止日') }}</div> |
| | | <div class="item-l">{{t('抽签截止日')}}</div> |
| | | <div class="item-r">{{ getTime(listData.endSubscribeDate) }}</div> |
| | | </li> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('抽签日') }}</div> |
| | | <div class="item-l">{{t('抽签日')}}</div> |
| | | <div class="item-r">{{ getTime(listData.drawDate) }}</div> |
| | | </li> |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('发券日') }}</div> |
| | | <div class="item-l">{{t('发券日')}}</div> |
| | | <div class="item-r">{{ getTime(listData.issuanceDate) }}</div> |
| | | </li> |
| | | |
| | | <li class="flex"> |
| | | <div class="item-l">{{ t('最低数量') }}</div> |
| | | <div class="item-r">{{ listData.userApplyNums || 0 }}</div> |
| | | </li> |
| | | </ul> |
| | | <div class="inputEara"> |
| | |
| | | <div class="text_color6">{{ t('数量') }}({{ t('股') }})</div> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" :placeholder="t('请输入抽签金额(股)')" v-model="amount" type="number" /> |
| | | <input class="inputBackground" :placeholder="t('请输入抽签金额(股)')" v-model="amount" type="number" /> |
| | | </div> |
| | | <!-- <div class="flex justify-between cell-div mt-10 mb-8"> |
| | | <div class="text_color6">{{ t('可用额度') }}({{ t('股') }})</div> |
| | | <div class="flex justify-between cell-div mt-10 mb-8"> |
| | | <div class="text_color6">{{ t('可用额度') }}({{ t('股') }})</div> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" type="number" :value="listData?.defaultLimit || '0'" readonly /> |
| | | </div> --> |
| | | <input class="inputBackground" type="number" :value="listData?.defaultLimit || '0'" readonly /> |
| | | </div> |
| | | </div> |
| | | <div class="btn text-white" @click="drawLots">{{ t('一键抽签') }}</div> |
| | | <div class="btn text-white" @click="drawLots">{{t('一键抽签')}}</div> |
| | | </div> |
| | | </section> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, onBeforeUnmount, inject } from "vue"; |
| | | import {ref, onMounted, onBeforeUnmount, inject} from "vue"; |
| | | import { showToast } from 'vant' |
| | | import { getNewSharesDesc, drawLotsApply } from '@/service/ipo.api' |
| | | // import { _getExchangeRate } from "@/service/home.api"; |
| | |
| | | } |
| | | |
| | | const drawLots = () => { |
| | | if (!amount.value) { |
| | | if(!amount.value){ |
| | | showToast(t('请输入张数')); |
| | | return |
| | | } |
| | | if (amount.value > forexAssets.value?.sumVolume) { |
| | | if(amount.value > forexAssets.value?.sumVolume){ |
| | | showToast(t('余额不足')); |
| | | return |
| | | } |
| | |
| | | caret-color: #3157BE; |
| | | } |
| | | |
| | | .text-record { |
| | | .text-record{ |
| | | font-size: 12px; |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .inputEara { |
| | | .inputEara{ |
| | | font-size: 12px; |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .btn { |
| | | .btn{ |
| | | width: 100%; |
| | | margin: 20px auto 0; |
| | | display: flex; |