<template>
|
<el-dialog :title="$t('dep')" :visible.sync="dialogVisible" width="720px" :before-close="onClose">
|
<el-form ref="depositform" :model="form" label-width="auto" :rules="rules">
|
<el-form-item :label="$t('dm')" prop="paytype">
|
<el-radio-group v-model="form.paytype">
|
<el-radio label="1">Pay 1</el-radio>
|
<el-radio label="2">Pay 2</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
|
<el-form-item :label="$t('請選擇充值金額')" prop="tradeAmoun">
|
<el-input v-model.number="form.tradeAmoun" type="number"></el-input>
|
</el-form-item>
|
|
<el-form-item>
|
<div class="ts">{{ $t("最小充值金額") }} 1000</div>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button @click="onClose">{{ $t('qx') }}</el-button>
|
<el-button type="primary" @click="onSubmit" class="submit">{{ $t('hj172') }}</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
</template>
|
|
<script>
|
import * as api from "@/axios/api";
|
export default {
|
data() {
|
return {
|
form: {
|
paytype: '1',
|
tradeAmoun: '',
|
},
|
rules: {
|
paytype: [
|
{ required: true, message: this.$t('請選擇'), trigger: 'change' },
|
],
|
tradeAmoun: [
|
{ required: true, message: this.$t('请输入') },
|
]
|
}
|
}
|
},
|
props: {
|
dialogVisible: {
|
type: Boolean,
|
default: false,
|
}
|
},
|
methods: {
|
onClose() {
|
this.$emit('update:dialogVisible', false)
|
this.$emit('onClose') // 关闭弹窗时，通知父组件
|
},
|
onSubmit() {
|
this.$refs['depositform'].validate(async (valid) => {
|
if (valid) {
|
let opt = {
|
type: this.form.paytype,
|
tradeAmoun: this.form.tradeAmoun
|
}
|
let data = await api.thirdPartyRecharge(opt);
|
if (data.status == 0) {
|
window.open(data.data);
|
}
|
} else {
|
console.log('thirdPartyRecharge err');
|
return false;
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .el-radio__input.is-checked .el-radio__inner {
|
border-color: #287dff;
|
background: #287dff;
|
}
|
|
::v-deep .el-radio__input.is-checked+.el-radio__label {
|
color: #287dff;
|
}
|
|
.submit {
|
background-color: #287dff !important;
|
border-color: #287dff !important;
|
}
|
|
.ts {
|
color: #dfb758;
|
}
|
</style>
|
