| | |
| | | </div> |
| | | </van-col> |
| | | <van-col span="9" |
| | | ><div style="text-align: left"> |
| | | ><div v-show="false" style="text-align: left"> |
| | | {{ $t("hj40") }} |
| | | </div> |
| | | </van-col> |
| | |
| | | <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"> |
| | | <van-col span="9" > |
| | | <div style="text-align: left" v-show="false"> |
| | | <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 style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;font-size: 10px;;"> |
| | | <div>{{$t('hj59')}}:{{ |
| | | $moment(item.subscriptionTime).format( |
| | | "DD-MM-YYYY hh:mm:ss A" |
| | | ) |
| | | }}</div> |
| | | <div>{{$t('申购结束时间')}}:{{ |
| | | $moment(item.subscribeTime).format( |
| | | "DD-MM-YYYY hh:mm:ss A" |
| | | ) |
| | | }}</div> |
| | | </div> |
| | | <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;font-size: 10px;;"> |
| | | <div>{{$t('上市时间')}}:{{ |
| | | $moment(item.listDate).format( |
| | | "DD-MM-YYYY hh:mm:ss A" |
| | | ) |
| | | }}</div> |
| | | <div>{{$t('hj314')}}:{{item.price | _toLocaleString(false)}}</div> |
| | | </div> |
| | | </van-row> |
| | | |
| | | </div> |
| | | </van-list> |
| | | |
| | |
| | | > |
| | | <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 style="width: 40%;" type="text" :maxlength="9" v-model="fromData.value" @input="fromDatavalue" /> |
| | | </div> |
| | | <div class="input-box" style="margin-top:20px;" v-if="shengouObj.password"> |
| | | <!-- <div class="input-box" style="margin-top:20px;"> --> |
| | | <div class="laber"> |
| | | {{$t("秘钥")}}: |
| | | </div> |
| | | <input style="width: 40%;" type="text" :maxlength="9" v-model="fromData.password" /> |
| | | </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 class="xgTime">{{ shengouObj.orderNumber }}</div> |
| | | </div> |
| | | <div class="xgsj"> |
| | | <div class="sjtlt">{{ $t("hj101") }}:</div> |
| | | <div class="xgTime">{{ shengouObj.lever }}</div> |
| | | </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> |
| | |
| | | return { |
| | | fromData: { |
| | | value: 1, |
| | | password:'' |
| | | }, |
| | | loadings: false, |
| | | show: false, |
| | |
| | | }, |
| | | 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.newlistId, "====="); |
| | | const res = await api.getNewAdd({ |
| | | newCode: this.shengouObj.code, |
| | | applyNums: this.fromData.value, |
| | | password: this.fromData.password, |
| | | newlistId: this.shengouObj.newlistId, |
| | | 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 }); |
| | | } |
| | |
| | | shengou(item) { |
| | | this.show = true; |
| | | this.shengouObj = item; |
| | | this.fromData.value = item.orderNumber |
| | | }, |
| | | filterSH(val) { |
| | | if (val === "sh") { |
| | |
| | | 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; |
| | |
| | | height: 1.3rem; |
| | | background: #f3f3f3; |
| | | border-radius: 0.15rem; |
| | | |
| | | line-height: 1.3rem; |
| | | padding-left: 10px; |
| | | display: flex; |
| | |
| | | width: 100%; |
| | | height: 1.3rem; |
| | | border-radius: 0.15rem; |
| | | background: #5c288c; |
| | | background: #185546; |
| | | color: #fff; |
| | | font-size: 0.4615rem; |
| | | margin-top: 0.5rem; |
| | |
| | | -ms-flex-align: center; |
| | | align-items: center; |
| | | .sjtlt { |
| | | width: 25%; |
| | | width: 33%; |
| | | margin-left: 0.4rem; |
| | | } |
| | | } |
| | |
| | | font-weight: 500; |
| | | font-size: 0.4rem; |
| | | line-height: 0.56rem; |
| | | width: 4.2rem; |
| | | width: 4rem; |
| | | text-align: left; |
| | | color: #14181f; |
| | | } |
| | | .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> |