| | |
| | | <van-list |
| | | v-model="loadings" |
| | | :finished-text="$t('hj43')" |
| | | :loading-text="$t('hj430')" |
| | | :immediate-check="false" |
| | | > |
| | | <div |
| | |
| | | >{{ item.name }}</span |
| | | > |
| | | </div> |
| | | <div class="bt"> |
| | | <!-- <div class="bt"> |
| | | <span>{{ item.code }}</span> |
| | | </div> |
| | | </div> --> |
| | | </div></van-col |
| | | > |
| | | |
| | | <van-col span="9"> |
| | | <div style="text-align: left"> |
| | | <div class="tp"> |
| | | <span class="price_color">{{ item.price }}</span> |
| | | <span class="price_color">{{ |
| | | item.price | _toLocaleString(false) |
| | | }}</span> |
| | | </div> |
| | | <div class="bt"> |
| | | <span>Max: {{ item.orderNumber }}</span> |
| | |
| | | </van-col> |
| | | <van-col span="6"> |
| | | <div style="text-align: right"> |
| | | <div class="xgsgType"> |
| | | <span class="price_color">{{ $t("hj45") }}</span> |
| | | <div :class="item.type === 1 ? 'xgsgType' : 'xgpsType'"> |
| | | <span class="price_color"> |
| | | {{ item.type === 1 ? $t("hj45") : $t("新股配售") }} |
| | | </span> |
| | | </div> |
| | | </div> |
| | | </van-col> |
| | |
| | | > |
| | | <div class="popup-box"> |
| | | <div class="input-box"> |
| | | <div class="laber">{{ $t("hj57") }}:</div> |
| | | <input type="number" :value="fromData.value" @input="fromDatavalue" /> |
| | | <div class="laber"> |
| | | {{ shengouObj.type === 1 ? $t("hj57") : $t("配售数量") }}: |
| | | </div> |
| | | <input type="text" :maxlength="9" v-model="fromData.value" @input="fromDatavalue" /> |
| | | </div> |
| | | |
| | | <div class="shijian"> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">{{ $t("hj59") }}:</div> |
| | | <div class="sjtlt"> |
| | | {{ |
| | | shengouObj.type === 1 ? $t("申购开启时间") : $t("配售开启时间") |
| | | }}: |
| | | </div> |
| | | <div class="xgTime"> |
| | | {{ |
| | | $moment(shengouObj.subscribeTime).format("YYYY-MM-DD HH:mm:ss") |
| | | $moment(shengouObj.subscriptionTime).format( |
| | | "DD-MM-YYYY hh:mm:ss A" |
| | | ) |
| | | }} |
| | | </div> |
| | | </div> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">{{ $t("hj60") }}:</div> |
| | | <div class="sjtlt"> |
| | | {{ |
| | | shengouObj.type === 1 ? $t("申购结束时间") : $t("配售结束时间") |
| | | }}: |
| | | <!-- {{ $t("hj60") }}: --> |
| | | </div> |
| | | <div class="xgTime"> |
| | | {{ |
| | | $moment(shengouObj.subscriptionTime).format( |
| | | "YYYY-MM-DD HH:mm:ss" |
| | | $moment(shengouObj.subscribeTime).format( |
| | | "DD-MM-YYYY hh:mm:ss A" |
| | | ) |
| | | }} |
| | | </div> |
| | | </div> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">{{ $t("上市时间") }}:</div> |
| | | <div class="xgTime"> |
| | | {{ $moment(shengouObj.listDate).format("DD-MM-YYYY hh:mm:ss A") }} |
| | | </div> |
| | | </div> |
| | | <div class="xgsj"> |
| | |
| | | </div> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">{{ $t("hj120") }}:</div> |
| | | <div class="xgTime">{{ shengouObj.price }}</div> |
| | | <div class="xgTime"> |
| | | {{ shengouObj.price | _toLocaleString(false) }} |
| | | </div> |
| | | </div> |
| | | <!-- <div class="xgsj"> |
| | | <div class="sjtlt">上市時間:</div> |
| | | </div> --> |
| | | </div> |
| | | <van-button class="but" type="info" @click="newAddxg">{{ |
| | | $t("hj58") |
| | | }}</van-button> |
| | | <van-button class="but" type="info" @click="newAddxg"> |
| | | {{ shengouObj.type === 1 ? $t("hj58") : $t("立即配售") }} |
| | | </van-button> |
| | | </div> |
| | | </van-popup> |
| | | </div> |
| | |
| | | }, |
| | | methods: { |
| | | fromDatavalue(e) { |
| | | this.fromData.value = e.target.value; |
| | | this.fromData.value = this.fromData.value.replace(/^(0+)|[^\d]+/g, '') |
| | | }, |
| | | async newAddxg() { |
| | | console.log(this.shengouObj, "====="); |
| | | const res = await api.getNewAdd({ |
| | | newCode: this.shengouObj.code, |
| | | applyNums: this.fromData.value, |
| | | type: this.shengouObj.type, |
| | | }); |
| | | if (res.status === 0) { |
| | | console.log(333); |
| | | Notify({ type: "success", message: res.msg }); |
| | | this.show = false; |
| | | this.fromData.value = ""; |
| | | } else { |
| | | Notify({ type: "warning", message: res.msg }); |
| | | } |
| | |
| | | stockType = array[0].name; |
| | | } |
| | | let opt = { |
| | | // pageNum: this.pageNumVal, |
| | | // pageSize: 15, |
| | | // stockPlate: "", |
| | | keyWords: this.sousuo, |
| | | // stockType: stockType, |
| | | // orderBy: "", |
| | | zt: 0, |
| | | getType: 1, |
| | | pageSize: 1000, |
| | | }; |
| | | let data = await api.getStocklist(opt); |
| | | this.loading = false; |
| | |
| | | -ms-flex-align: center; |
| | | align-items: center; |
| | | .sjtlt { |
| | | width: 25%; |
| | | width: 33%; |
| | | margin-left: 0.4rem; |
| | | } |
| | | } |
| | |
| | | } |
| | | .xgsgType { |
| | | border-radius: 0.1rem; |
| | | background-color: rgba(102, 204, 153, 0.1); |
| | | // background-color: rgba(102, 204, 153, 0.1); |
| | | border: 0.04rem solid #5ce398; |
| | | color: #5ce398; |
| | | text-align: center; |
| | | line-height: 35px; |
| | | } |
| | | </style> |
| | | .xgpsType { |
| | | border-radius: 0.1rem; |
| | | // background-color: rgba(102, 204, 153, 0.1); |
| | | border: 0.04rem solid #ba33a5; |
| | | color: #ba33a5; |
| | | text-align: center; |
| | | line-height: 35px; |
| | | } |
| | | </style> |