Browse Source

新增申购页面

master
liaoxinyu 1 year ago
parent
commit
a816a75ce5
  1. 2
      src/assets/scss/base/_init.scss
  2. 4
      src/components/CommonHeader.vue
  3. 1
      src/i18n/en.json
  4. 2
      src/i18n/tw.json
  5. 28
      src/views/purchase/index.vue

2
src/assets/scss/base/_init.scss

@ -29,7 +29,7 @@ thead tr th {
} }
thead th { thead th {
color: #F2F2F2; // color: #F2F2F2;
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
border: 0 !important; border: 0 !important;

4
src/components/CommonHeader.vue

@ -46,9 +46,9 @@
<li class="nav-item"> <li class="nav-item">
<router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link> <router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link>
</li> </li>
<!-- <li class="nav-item"> <li class="nav-item">
<router-link class="nav-link" :to="purchase.url">{{ purchase.label }}</router-link> <router-link class="nav-link" :to="purchase.url">{{ purchase.label }}</router-link>
</li> --> </li>
<!-- <li class="nav-item"> <!-- <li class="nav-item">
<router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link> <router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link>

1
src/i18n/en.json

@ -1026,6 +1026,7 @@
"k9": "Please enter the subscription code", "k9": "Please enter the subscription code",
"l1": "Proportion of increase", "l1": "Proportion of increase",
"l2": "Margin", "l2": "Margin",
"l3":"times",
"l4": "Current valuation" "l4": "Current valuation"
}, },
"otc": { "otc": {

2
src/i18n/tw.json

@ -968,6 +968,8 @@
"k9": "請輸入認購碼", "k9": "請輸入認購碼",
"l1": "漲幅比例", "l1": "漲幅比例",
"l2": "保證金", "l2": "保證金",
"l3":"倍",
"l4":"当前估值",
"ContractList": "合約列表" "ContractList": "合約列表"
}, },
"otc": { "otc": {

28
src/views/purchase/index.vue

@ -7,7 +7,7 @@
<div class="h3 mb-3">{{ detail.coin_name }}</div> <div class="h3 mb-3">{{ detail.coin_name }}</div>
<div class>{{ $t("purchase.sendPrice") }}</div> <div class>{{ $t("purchase.sendPrice") }}</div>
<div class="price fn-20 blue"> <div class="price fn-20 blue">
1 {{ detail.coin_name }} = {{issue_price}} 1 {{ detail.coin_name }} = {{detail.issue_price}}
<!-- {{ detail.issue_price }} --> <!-- {{ detail.issue_price }} -->
USDT USDT
</div> </div>
@ -23,7 +23,8 @@
{{ $t("purchase.expected") }} {{ $t("purchase.expected") }}
</div> </div>
<div class="txt"> <div class="txt">
{{ parseTime(detail.expected_time_online) }} <!-- {{ parseTime(detail.expected_time_online) }} -->
{{ detail.expected_time_online }}
</div> </div>
</li> </li>
<li class="mt-3"> <li class="mt-3">
@ -31,7 +32,8 @@
{{ $t("purchase.startTime") }} {{ $t("purchase.startTime") }}
</div> </div>
<div class="txt"> <div class="txt">
{{ parseTime(detail.start_subscription_time) }} <!-- {{ parseTime(detail.start_subscription_time) }} -->
{{ detail.start_subscription_time }}
</div> </div>
</li> </li>
<li class="mt-3"> <li class="mt-3">
@ -39,7 +41,8 @@
{{ $t("purchase.applyForPurchase") }} {{ $t("purchase.applyForPurchase") }}
</div> </div>
<div class="txt"> <div class="txt">
{{ parseTime(detail.end_subscription_time) }} <!-- {{ parseTime(detail.end_subscription_time) }} -->
{{ detail.end_subscription_time }}
</div> </div>
</li> </li>
</ul> </ul>
@ -64,13 +67,14 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<!-- :data-message="$t('nav.b9',{num:10})" -->
<input <input
type="number" type="number"
class="form-control" class="form-control"
:placeholder="$t('purchase.enterNum')" :placeholder="$t('purchase.enterNum')"
min="0" min="0"
step="0.0000000001" step="0.0000000001"
:data-message="$t('nav.b9',{num:10})"
required required
aria-label="Username" aria-label="Username"
v-model="num" v-model="num"
@ -116,7 +120,7 @@
</div> </div>
</div> </div>
<!-- 进度 --> <!-- 进度 -->
<div v-if="activityList[0].amount" class="container panel my-4 px-4 pt-4 pb-5 rounded shadow-sm bg-panel"> <div v-if="activityList[0]" class="container panel my-4 px-4 pt-4 pb-5 rounded shadow-sm bg-panel">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h5 class="border-bottom pb-3 mb-5"> <h5 class="border-bottom pb-3 mb-5">
@ -179,7 +183,8 @@
<td>{{ item.subscription_currency_amount }}</td> <td>{{ item.subscription_currency_amount }}</td>
<td>{{ item.payment_amount }}</td> <td>{{ item.payment_amount }}</td>
<td>{{ item.payment_currency }}</td> <td>{{ item.payment_currency }}</td>
<td>{{ item.subscription_time|parseTime }}</td> <!-- <td>{{ item.subscription_time|parseTime }}</td> -->
<td>{{ item.subscription_time }}</td>
<td>{{(item.increase_ratio).toFixed(5)}}%</td> <td>{{(item.increase_ratio).toFixed(5)}}%</td>
<td>{{(item.total_value).toFixed(5)}}</td> <td>{{(item.total_value).toFixed(5)}}</td>
<!-- <td>{{ ( ((detail.issue_price-(item.payment_amount/item.subscription_currency_amount))/detail.issue_price)*100 ).toFixed(2) }}%</td> --> <!-- <td>{{ ( ((detail.issue_price-(item.payment_amount/item.subscription_currency_amount))/detail.issue_price)*100 ).toFixed(2) }}%</td> -->
@ -210,17 +215,18 @@
<el-step <el-step
:title="$t('purchase.startSubscription')" :title="$t('purchase.startSubscription')"
:icon="detail.status >= 2 ? 'el-icon-success' : undefined" :icon="detail.status >= 2 ? 'el-icon-success' : undefined"
:description="parseTime(detail.start_subscription_time)" :description="detail.start_subscription_time"
></el-step> ></el-step>
<!-- :description="parseTime(detail.start_subscription_time)" -->
<el-step <el-step
:title="$t('purchase.endOfSubscription')" :title="$t('purchase.endOfSubscription')"
:icon="detail.status >= 3 ? 'el-icon-success' : undefined" :icon="detail.status >= 3 ? 'el-icon-success' : undefined"
:description="parseTime(detail.end_subscription_time)" :description="detail.end_subscription_time"
></el-step> ></el-step>
<el-step <el-step
:title="$t('purchase.announceResults')" :title="$t('purchase.announceResults')"
:icon="detail.status >= 4 ? 'el-icon-success' : undefined" :icon="detail.status >= 4 ? 'el-icon-success' : undefined"
:description="parseTime(detail.announce_time)" :description="detail.announce_time"
></el-step> ></el-step>
</el-steps> </el-steps>
</div> </div>
@ -375,6 +381,7 @@ export default {
getInfo() { getInfo() {
Subscride.subscribe().then((res) => { Subscride.subscribe().then((res) => {
this.detail = res; this.detail = res;
console.log(this.detail.announce_time,'1111')
}); });
}, },
@ -460,6 +467,7 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.table tr:hover{ .table tr:hover{
background: #e9e9e9 !important; background: #e9e9e9 !important;
color: #000 !important;
} }
::v-deep { ::v-deep {
.el-step__icon { .el-step__icon {

Loading…
Cancel
Save