1

admin

2026-01-10 b719b3b66ec4893057df275e3871a6bd0029ac3c

 src/views/ipo/lotteryRecord.vue

@@ -25,14 +25,17 @@
          <div class="td-1 text-left">{{ t('名称/代码') }}</div>
          <div class="td-1 text-center">{{ t('现价/成本') }}</div>
          <div class="td-1 text-center">{{ t('持有/市场') }}</div>
          <div class="td-1 text-center">{{ t('损益') }}</div>

          <!-- <div class="td-1 text-center">{{ t('损益') }}</div>
          <div class="td-1 text-center">{{ t("中签应认缴") }} / {{ t("已认缴金额") }}</div>

          <div class="td-1 text-center">{{ t("需补缴金额") }}</div>
          <div class="td-1 text-center">{{ t("需补缴金额") }}</div> -->

          <div class="td-1 text-center">{{ t('状态') }}</div>

          <!-- <div class="td-1 text-center">{{ t('卖出状态') }}</div> -->

          <div class="td-1 text-right">{{ t('时间') }}</div>
          <div class="td-1 text-center">{{ t('操作') }}</div>
        </div>
        <van-list v-model:loading="loading" :finished="finished" :loading-text="$t('加载中') + '...'"
          :finished-text="$t('没有更多了')" @load="onLoad">
@@ -45,20 +48,27 @@
            <div class="td-1 text-center">{{ item.winningNumber }} <span
                v-if="item.symbolType && symbolType[item.symbolType]">{{ '/' + t(symbolType[item.symbolType]) }}</span>
            </div>
            <div class="td-1 text-center">{{ item.inventoryGainsLosses }}</div>

            <!-- <div class="td-1 text-center">{{ item.inventoryGainsLosses }}</div>
            <div class="td-1 text-center">{{ item.requiredNumber + '/' + item.subscribedAmount }}</div>

            <div class="td-1 text-center">{{ ((item.requiredNumber || 0) - (item.subscribedAmount || 0)).toFixed(2) }}
            </div>
            </div> -->

            <div class="td-1 text-center" :class="item.status === 2 ? 'red' : ''">{{ item.status === 1 ? t('申购中') :
              item.status === 2 ? t('已中签') : t('未中签') }}</div>

            <!-- <div class="td-1 text-center" :class="item.sell === 1 ? 'red' : ''">{{ item.sell === 1 ? t('已卖出') : t('未卖出') }}</div> -->

            <div class="td-1 text-right">{{ getTime(item.createTime) }}</div>
            <div class="td-1 text-center">
              <div class="detail-btn" @click="showDetail(item)">{{ t('详情') }}</div>
            </div>
          </div>
        </van-list>
      </div>
    </div>
    <van-popup v-model:show="showDetailPopup" position="bottom" :style="{ height: '80vh' }" round>
      <lottery-record-detail :detail-data="currentDetail" @close="showDetailPopup = false" />
    </van-popup>
  </div>
</template>

@@ -66,7 +76,9 @@
import { onMounted, ref, reactive, inject, provide } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from "vue-i18n";
import { Popup } from 'vant';
import { sNewSharesOrderList, getNowTopData } from '@/service/ipo.api'
import LotteryRecordDetail from './components/lotteryRecordDetail.vue'

const { t } = useI18n()
const route = useRoute()
@@ -76,6 +88,8 @@
const finished = ref(false);
const index = ref(1)
const topData = ref({})
const showDetailPopup = ref(false)
const currentDetail = ref({})
onMounted(() => {
  getTopData()
})
@@ -127,6 +141,11 @@
  return time?.split(' ')[0];
}

const showDetail = (item) => {
  currentDetail.value = item
  showDetailPopup.value = true
}

</script>
<style lang="scss" scoped>
.lotteryRecord {
@@ -173,6 +192,20 @@
      // white-space: nowrap;
      overflow: hidden;
    }

    .detail-btn {
      color: #3157BE;
      cursor: pointer;
      font-size: 12px;
      padding: 4px 8px;
      border-radius: 4px;
      background: rgba(49, 87, 190, 0.1);
      display: inline-block;

      &:active {
        opacity: 0.7;
      }
    }
  }
}
</style>