10.10综合交易所原始源码_移动端
admin
2026-01-06 42faef34194c466f03e29d75a63ae502e4213044
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,33 +54,31 @@
              <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>
@@ -88,7 +86,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";
@@ -134,7 +132,7 @@
  })
}
const drawLots = () => {
  if (!amount.value) {
  if(!amount.value){
    showToast(t('请输入认缴金额'));
    return
  }
@@ -187,7 +185,7 @@
  caret-color: #3157BE;
}
.text-record {
.text-record{
  font-size: 12px;
}
@@ -268,7 +266,7 @@
  }
}
.inputEara {
.inputEara{
  font-size: 12px;
}
@@ -282,7 +280,7 @@
  }
}
.btn {
.btn{
  width: 100%;
  margin: 20px auto 0;
  display: flex;