147 lines
3.8 KiB
Vue
147 lines
3.8 KiB
Vue
|
<template>
|
|||
|
|
<!-- 交易hash -->
|
|||
|
|
<div v-loading="hashLoading" class="RechargeMain">
|
|||
|
|
<div class="Recharge" >
|
|||
|
|
<h2>{{$t(`pay.submit`)}}{{$t(`pay.Txid`)}}</h2>
|
|||
|
|
<!-- 交易hash -->
|
|||
|
|
<el-form label-position="top" class="formBox" :model="params">
|
|||
|
|
<!-- 支付币种 -->
|
|||
|
|
|
|||
|
|
<el-form-item>
|
|||
|
|
<span class="mandatoryBox"><span class="mandatory">*</span>{{ $t(`pay.currency`) }}</span>
|
|||
|
|
<div class="inputBox">
|
|||
|
|
<el-select v-model="params.coin" :placeholder="$t(`home.abbr`)">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in coinOptions"
|
|||
|
|
:key="item.value"
|
|||
|
|
:label="item.label"
|
|||
|
|
:value="item.value"
|
|||
|
|
>
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
<!-- 支付网络 -->
|
|||
|
|
<el-form-item >
|
|||
|
|
<span class="mandatoryBox"><span class="mandatory">*</span>{{ $t(`pay.network`) }}</span>
|
|||
|
|
<div class="inputBox">
|
|||
|
|
<el-select v-model="params.chain" :placeholder="$t(`home.abbr`)">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in chainOptions"
|
|||
|
|
:key="item.value"
|
|||
|
|
:label="item.label"
|
|||
|
|
:value="item.value"
|
|||
|
|
>
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</el-form-item>
|
|||
|
|
<!-- 交易hash -->
|
|||
|
|
<el-form-item >
|
|||
|
|
<span class="mandatoryBox"><span class="mandatory">*</span>{{ $t(`pay.Txid`) }}</span>
|
|||
|
|
<div class="inputBox">
|
|||
|
|
<el-input :placeholder="$t(`pay.input`)" @keyup.enter.native="handelTxid" v-model="params.txid" ></el-input>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<div style="margin-bottom: 20px;">
|
|||
|
|
<ul style="font-size: 13px;">
|
|||
|
|
<li>{{$t(`pay.Reminder_26`) }}</li>
|
|||
|
|
<li>{{$t(`pay.Reminder_27`) }}</li>
|
|||
|
|
<li>{{$t(`pay.Reminder_28`) }}</li>
|
|||
|
|
<li>{{$t(`pay.Reminder_29`) }}</li>
|
|||
|
|
<li>{{$t(`pay.Reminder_30`) }}<span style="color: #1f39a1;cursor: pointer;text-decoration: underline;" @click="Jump" >{{$t(`pay.Reminder_31`) }}</span>。</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 提交 -->
|
|||
|
|
<el-button :disabled="bthDisabled" :loading="txidLoading" @click="handelTxid" type="warning">{{$t(btnText)}}</el-button>
|
|||
|
|
</el-form>
|
|||
|
|
|
|||
|
|
<!-- 确认已转账成功弹窗 -->
|
|||
|
|
<div class="transferSuccessful" >
|
|||
|
|
<el-dialog
|
|||
|
|
:title="$t(`pay.Reminder`)"
|
|||
|
|
:visible.sync="dialogVisibleSuccess"
|
|||
|
|
width="18%"
|
|||
|
|
:close-on-click-modal="false"
|
|||
|
|
:show-close="false"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<!-- 当前总余额： -->
|
|||
|
|
<p style="text-align: center;color: green;font-weight: 600;font-size: 17px">{{$t(`pay.queryWasSuccessful`) }}</p>
|
|||
|
|
<p style="text-align: center;font-size: 16px;">{{$t(`pay.totalBalance`) }}:{{ balances.total }}</p>
|
|||
|
|
|
|||
|
|
<!-- <span slot="footer">
|
|||
|
|
<el-button type="warning" @click="handelConfirmation" >确认</el-button>
|
|||
|
|
</span> -->
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import IndexJs from "./index";
|
|||
|
|
export default {
|
|||
|
|
mixins: [IndexJs],
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.RechargeMain{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.Recharge{
|
|||
|
|
width: 60%;
|
|||
|
|
height: 100%;
|
|||
|
|
// background: firebrick;
|
|||
|
|
// padding: 20px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding-top: 50px;
|
|||
|
|
// outline: 1px solid red;
|
|||
|
|
|
|||
|
|
|
|||
|
|
.formBox{
|
|||
|
|
// outline: 1px solid red;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.dialog-footer{
|
|||
|
|
margin-top: 100px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-evenly;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 0px 50px;
|
|||
|
|
// outline: 1px solid red;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ::v-deep .el-dialog{
|
|||
|
|
// height: 300px;
|
|||
|
|
// }
|
|||
|
|
.transferSuccessful{
|
|||
|
|
|
|||
|
|
::v-deep .el-dialog{
|
|||
|
|
height: 220px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.mandatory {
|
|||
|
|
color: #f86c4d;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
</style>
|