1

admin

2026-01-06 03043192ddf00f9a36b7454799a9152cd1b50a0b

 src/views/ipo/drawLotsDetail.vue

@@ -8,44 +8,49 @@
            <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.productCode }}</p>
        <p class="num">{{ listData.underwritingPrice }}</p>
        <p class="code">{{ listData.name }}</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">
@@ -53,16 +58,16 @@
              <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>
@@ -70,7 +75,7 @@
</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";
@@ -116,11 +121,11 @@
}

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
  }
@@ -173,7 +178,7 @@
  caret-color: #3157BE;
}

.text-record{
.text-record {
  font-size: 12px;
}

@@ -254,7 +259,7 @@
  }
}

.inputEara{
.inputEara {
  font-size: 12px;
}

@@ -268,7 +273,7 @@
  }
}

.btn{
.btn {
  width: 100%;
  margin: 20px auto 0;
  display: flex;