1

admin

2026-01-06 03043192ddf00f9a36b7454799a9152cd1b50a0b

 src/views/ipo/subscribeDetail.vue

@@ -8,10 +8,10 @@
            <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>
@@ -24,11 +24,11 @@
        <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">
@@ -40,11 +40,11 @@
              <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>
@@ -54,31 +54,33 @@
              <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>
@@ -86,7 +88,7 @@
</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";
@@ -132,7 +134,7 @@
  })
}
const drawLots = () => {
  if(!amount.value){
  if (!amount.value) {
    showToast(t('请输入认缴金额'));
    return
  }
@@ -185,7 +187,7 @@
  caret-color: #3157BE;
}

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

@@ -266,7 +268,7 @@
  }
}

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

@@ -280,7 +282,7 @@
  }
}

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