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>
|