| | |
| | | <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> |
| | |
| | | <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-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.subscribeTime) }}</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> |
| | | </ul> |
| | |
| | | <div class="theCode">{{ t('股') }}</div> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" :placeholder="t('请输入张数')" v-model="listData.winningNumber" type="number" |
| | | readonly /> |
| | | <input class="inputBackground" :placeholder="t('请输入张数')" v-model="listData.winningNumber" type="number" readonly /> |
| | | </div> |
| | | <div class="flex justify-between cell-div mt-10 mb-8"> |
| | | <div class="text_color6">{{ t('认缴金额') }}({{ t('股') }})</div> |
| | | <!-- <div class="theCode">{{ t('股') }}</div> --> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" :placeholder="t('请输入认缴金额') + '(' + t('股') + ')'" v-model="amount" |
| | | type="number" /> |
| | | <input class="inputBackground" :placeholder="t('请输入认缴金额') + '(' + t('股') + ')'" v-model="amount" type="number" /> |
| | | </div> |
| | | <div class="flex justify-between cell-div mt-10 mb-8"> |
| | | <div class="text_color6">{{ t('剩余认缴股数') }}</div> |
| | | <div class="theCode">{{ t('股') }}</div> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" :value="listData.residuePromiseNumber || 0" type="number" readonly /> |
| | | <input class="inputBackground" :value="listData.residuePromiseNumber || 0" type="number" readonly /> |
| | | </div> |
| | | <div class="flex justify-between cell-div mt-10 mb-8"> |
| | | <div class="text_color6">{{ t('认缴次数') }}</div> |
| | | <!-- <div class="theCode">{{ t('股') }}</div> --> |
| | | </div> |
| | | <div class="drawLots-input"> |
| | | <input class="inputBackground" :value="listData.userPromiseCount || 0" type="number" readonly /> |
| | | <input class="inputBackground" :value="listData.userPromiseCount || 0" type="number" 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, applyPromise } from '@/service/ipo.api' |
| | | // import { _getExchangeRate } from "@/service/home.api"; |
| | |
| | | }) |
| | | } |
| | | const drawLots = () => { |
| | | if (!amount.value) { |
| | | if(!amount.value){ |
| | | 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; |