| | |
| | | <div class="trading_card" v-for="i in list" :key="i.id"> |
| | | <div class="card_label1 flex-between-start"> |
| | | <div> |
| | | <p class="flex-start gp"> |
| | | <span>{{ i.code }}</span> |
| | | </p> |
| | | <p class="flex-start"> |
| | | <span class="label_icon">{{ i.stockType }}</span> |
| | | <span class="label_name line-one">{{ i.name }}</span> |
| | | </p> |
| | | <!-- <p class="flex-start gp"> |
| | | <span>{{ i.code }}</span> |
| | | </p> --> |
| | | </div> |
| | | |
| | | <div class="flex-end"> |
| | | <span class="label_status" v-if="i.listDate > Date.now()">{{ |
| | | $t("待上市") |
| | | }}</span> |
| | | <span class="label_status" v-if="i.listDate > Date.now()"> |
| | | {{ $t("待上市") }} |
| | | </span> |
| | | <span class="label_status1" v-else>{{ $t("已上市") }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | <span>{{ i.subscriptionTime | gettime }}</span> |
| | | </p> |
| | | |
| | | <p class="card_label2 flex-between"> |
| | | <!-- <p class="card_label2 flex-between"> |
| | | <span>{{ $t("上市时间") }}</span> |
| | | <span>{{ i.listDate | gettime }}</span> |
| | | </p> |
| | | </p> --> |
| | | |
| | | <p class="card_buy flex-center" @click="buyOpen(i)"> |
| | | <van-icon name="add-square" size=".4em" /> |
| | | <span>{{ $t("申购") }}</span> |
| | | <van-icon name="add-square" size=".4em" v-show="i.isBuy == 0" /> |
| | | <span v-if="i.isBuy == 0">{{ $t("申购") }}</span> |
| | | <span v-else-if="i.isBuy == 1" class="ygm">{{ $t("已申购") }}</span> |
| | | </p> |
| | | </div> |
| | | |
| | |
| | | <div class="popup_title flex-center"> |
| | | <span>{{ $t("操作确认") }}</span> |
| | | </div> |
| | | |
| | | <div class="division"></div> |
| | | |
| | | <div class="popup_item flex-between-start"> |
| | | <span style="color:red">*</span> |
| | | <van-field |
| | | v-model="quantity" |
| | | :label="$t('sl')" |
| | | :placeholder="$t('请输入')" |
| | | type="number" |
| | | :rules="[{ required: true, message: $t('请输入') }]" |
| | | /> |
| | | </div> |
| | | |
| | | <!-- <div class="popup_item flex-between"> |
| | | <p class="flex-center" style="height: 100%;"> |
| | | <span style="color:red">*</span> |
| | | <span>{{ $t("hj101") }}</span> |
| | | </p> |
| | | <van-stepper v-model="lever" min="1" max="100" /> |
| | | </div> --> |
| | | |
| | | <div class="division"></div> |
| | | |
| | | <div class="buts flex-between"> |
| | | <p class="flex-center" @click="buyShow = false"> |
| | |
| | | searchValue: "", |
| | | buyShow: false, // 购买弹窗控制 |
| | | popupData: {}, // 点击购买的数据 |
| | | list: [] |
| | | list: [], |
| | | quantity: 0, // 购买数量 |
| | | lever: 1 // 杠杆倍数 |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | methods: { |
| | | // 购买弹窗 |
| | | buyOpen(i) { |
| | | if (i.isBuy != 0) return; |
| | | this.popupData = i; |
| | | this.buyShow = true; |
| | | }, |
| | |
| | | async popupSubmit() { |
| | | let opt = { |
| | | newCode: this.popupData.code, |
| | | applyNums: this.popupData.orderNumber, |
| | | applyNums: this.quantity, |
| | | lever: this.lever, |
| | | password: this.popupData.password, |
| | | newlistId: this.popupData.newlistId, |
| | | type: this.popupData.type, |
| | | } |
| | | type: this.popupData.type |
| | | }; |
| | | let data = await api.getNewAdd(opt); |
| | | console.log(data.status); |
| | | |
| | | |
| | | if (data.status == 0) { |
| | | Toast.success(); |
| | | setTimeout(() => { |
| | |
| | | font-weight: 600; |
| | | margin-left: 0.2em; |
| | | } |
| | | .ygm { |
| | | color: #ddd; |
| | | } |
| | | } |
| | | .card_label2, |
| | | .card_label1 { |
| | |
| | | color: #323233; |
| | | span { |
| | | font-size: 0.4em; |
| | | font-weight: 300; |
| | | font-weight: 500; |
| | | } |
| | | & > span:last-child { |
| | | color: #969799; |
| | |
| | | font-size: 0.3em; |
| | | } |
| | | .gp { |
| | | margin-bottom: 0.2em; |
| | | margin-top: 0.2em; |
| | | } |
| | | } |
| | | } |