|
|
@@ -36,11 +36,11 @@
|
|
|
|
|
|
<!-- 充值 -->
|
|
|
<template #slot-recharge="{scope}">
|
|
|
- <el-button type="text" @click="rechageDialog = true">充值</el-button>
|
|
|
+ <el-button type="text" @click="rechargeDialog = true">充值</el-button>
|
|
|
</template>
|
|
|
<!-- 升级 -->
|
|
|
<template #slot-upgrade="{scope}">
|
|
|
- <el-button type="text" @click="upgradDialog = true">升级</el-button>
|
|
|
+ <el-button type="text" @click="upgradeDialog = true">升级</el-button>
|
|
|
</template>
|
|
|
<!-- 发货 -->
|
|
|
<template #slot-ship="{scope}">
|
|
|
@@ -48,25 +48,26 @@
|
|
|
</template>
|
|
|
</cl-crud>
|
|
|
<!-- 充值 -->
|
|
|
- <el-dialog title="充值" :visible.sync="rechageDialog" width="400px">
|
|
|
- <div class="rechage-modal-content">
|
|
|
+ <el-dialog title="充值" :visible.sync="rechargeDialog" width="400px">
|
|
|
+ <div class="recharge-modal-content">
|
|
|
<el-form
|
|
|
- :model="rechageForm"
|
|
|
- :rules="rechageRules"
|
|
|
- ref="rechageForm"
|
|
|
+ :model="rechargeForm"
|
|
|
+ :rules="rechargeRules"
|
|
|
+ ref="rechargeForm"
|
|
|
label-width="80px"
|
|
|
class="demo-form"
|
|
|
>
|
|
|
<el-form-item label="充值金额">
|
|
|
<el-input
|
|
|
- v-model="rechageForm.rechargeAmount"
|
|
|
+ v-model="rechargeForm.rechargeAmount"
|
|
|
placeholder="充值金额"
|
|
|
size="small"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="确认密码">
|
|
|
<el-input
|
|
|
- v-model="rechageForm.confirmPassword"
|
|
|
+ v-model="rechargeForm.confirmPassword"
|
|
|
+ type="password"
|
|
|
placeholder="确认密码"
|
|
|
size="small"
|
|
|
></el-input>
|
|
|
@@ -74,24 +75,22 @@
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="rechageDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" size="small" @click="rechageDialog = false"
|
|
|
- >充值</el-button
|
|
|
- >
|
|
|
+ <el-button size="small" @click="resetForm">取 消</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="rechargeAmount">充值</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 升级 -->
|
|
|
- <el-dialog title="升级" :visible.sync="upgradDialog" width="400px">
|
|
|
- <div class="rechage-modal-content">
|
|
|
+ <el-dialog title="升级" :visible.sync="upgradeDialog" width="400px">
|
|
|
+ <div class="recharge-modal-content">
|
|
|
<el-form
|
|
|
- :model="upgradForm"
|
|
|
- :rules="upgradRules"
|
|
|
- ref="upgradForm"
|
|
|
+ :model="upgradeForm"
|
|
|
+ :rules="upgradeRules"
|
|
|
+ ref="upgradeForm"
|
|
|
label-width="100px"
|
|
|
class="demo-form"
|
|
|
>
|
|
|
<el-form-item label="请选择等级">
|
|
|
- <el-select v-model="upgradForm.member" size="small" placeholder="请选择">
|
|
|
+ <el-select v-model="upgradeForm.member" size="small" placeholder="请选择">
|
|
|
<el-option
|
|
|
v-for="(item, index) in levelData.list"
|
|
|
:key="index"
|
|
|
@@ -103,18 +102,17 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="确认密码">
|
|
|
<el-input
|
|
|
- v-model="upgradForm.confirmPassword"
|
|
|
+ v-model="upgradeForm.confirmPassword"
|
|
|
placeholder="确认密码"
|
|
|
+ type="password"
|
|
|
size="small"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="upgradDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" size="small" @click="upgradDialog = false"
|
|
|
- >充值</el-button
|
|
|
- >
|
|
|
+ <el-button size="small" @click="resetForm">取 消</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="upgradeAmount">充值</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -145,20 +143,20 @@ export default {
|
|
|
val: 0
|
|
|
}
|
|
|
],
|
|
|
- // rechage
|
|
|
- rechageDialog: false,
|
|
|
- rechageForm: {
|
|
|
+ // recharge
|
|
|
+ rechargeDialog: false,
|
|
|
+ rechargeForm: {
|
|
|
rechargeAmount: '',
|
|
|
confirmPassword: ''
|
|
|
},
|
|
|
- rechageRules: {},
|
|
|
- // upgrad
|
|
|
- upgradDialog: false,
|
|
|
- upgradForm: {
|
|
|
+ rechargeRules: {},
|
|
|
+ // upgrade
|
|
|
+ upgradeDialog: false,
|
|
|
+ upgradeForm: {
|
|
|
member: '',
|
|
|
confirmPassword: ''
|
|
|
},
|
|
|
- upgradRules: {}
|
|
|
+ upgradeRules: {}
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -173,6 +171,31 @@ export default {
|
|
|
console.log(tab, e);
|
|
|
this.app.refresh({ type: this.tabIndex });
|
|
|
},
|
|
|
+ // 充值
|
|
|
+ rechargeAmount() {
|
|
|
+ this.$service.member.recharge(this.rechargeForm).then(res => {
|
|
|
+ console.log(res);
|
|
|
+ this.resetForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 升级
|
|
|
+ upgradeAmount() {
|
|
|
+ this.$service.member.upgrade(this.upgradeForm).then(res => {
|
|
|
+ console.log(res);
|
|
|
+ this.resetForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ try {
|
|
|
+ this.$refs['rechargeForm'].resetFields();
|
|
|
+ } catch (e) {}
|
|
|
+ try {
|
|
|
+ this.$refs['upgradeForm'].resetFields();
|
|
|
+ } catch (e) {}
|
|
|
+
|
|
|
+ this.rechargeDialog = false;
|
|
|
+ this.upgradeDialog = false;
|
|
|
+ },
|
|
|
// crud
|
|
|
onLoad({ ctx, app }) {
|
|
|
this.app = app;
|