|
|
@@ -16,7 +16,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-button type="primary" class="apply" @click="imageDialogVisible=true">申请提现</el-button>
|
|
|
+ <el-button type="primary" class="apply" @click="imageDialogVisible=true" v-if="userInfo.storeFlag=='Y'">申请提现</el-button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@@ -35,48 +35,61 @@
|
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
|
- <div class="pagination-wrapper">
|
|
|
+ <div class="pagination-wrapper" style="padding:20px 0;">
|
|
|
|
|
|
<el-pagination v-if="totalNumber>pageSize" background @current-change="currentPageChange" :page-size="pageSize" layout="total, prev, pager, next" :total="totalNumber">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog class="applyContent" title="申请提现" width="50%" :visible.sync="imageDialogVisible" size="small">
|
|
|
+ <el-dialog class="applyContent" title="申请提现" width="30%" :visible.sync="imageDialogVisible">
|
|
|
<el-tabs v-model="activeName">
|
|
|
<el-tab-pane label="微信" name="0">
|
|
|
- <el-form :model="formData" ref="form" :rules="rules" label-width="80px" label-position="right" size="small" style="max-width:400px;">
|
|
|
+ <el-form :model="formData" ref="form" :rules="rules" label-width="80px" label-position="right" style="max-width:300px;">
|
|
|
<el-form-item prop="money" label="提现金额">
|
|
|
<el-input-number v-model="formData.money" :step="100" :min="0"></el-input-number>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item prop="wechat" label="提现到的微信账号">
|
|
|
- <el-input-number v-model="formData.wechat" :step="100" :min="0"></el-input-number>
|
|
|
+ <el-form-item prop="wechat" label="微信号">
|
|
|
+ <el-input v-model="formData.wechat" placeholder="提现到的微信账号"></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="支付宝" name="1">
|
|
|
- <el-form :model="formData" ref="form" :rules="rules" label-width="80px" label-position="right" size="small" style="max-width:400px;">
|
|
|
+ <el-form :model="formData" ref="form1" :rules="rules1" label-width="80px" label-position="right" style="max-width:300px;">
|
|
|
<el-form-item prop="money" label="提现金额">
|
|
|
<el-input-number v-model="formData.money" :step="100" :min="0"></el-input-number>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="wechat" label="提现到的支付宝账号">
|
|
|
- <el-input-number v-model="formData.wechat" :step="100" :min="0"></el-input-number>
|
|
|
+ <el-form-item prop="alipay" label="支付宝">
|
|
|
+ <el-input v-model="formData.alipay" placeholder="提现到的支付宝账号"></el-input>
|
|
|
</el-form-item>
|
|
|
+
|
|
|
</el-form>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="银行卡" name="2">
|
|
|
- <el-form :model="formData" ref="form" :rules="rules" label-width="80px" label-position="right" size="small" style="max-width:400px;">
|
|
|
+ <el-form :model="formData" ref="form2" :rules="rules2" label-width="80px" label-position="right" style="max-width:300px;">
|
|
|
<el-form-item prop="money" label="提现金额">
|
|
|
<el-input-number v-model="formData.money" :step="100" :min="0"></el-input-number>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="wechat" label="提现到的支付宝账号">
|
|
|
- <el-input-number v-model="formData.wechat" :step="100" :min="0"></el-input-number>
|
|
|
+ <el-form-item prop="bankCard" label="银行卡">
|
|
|
+ <el-input v-model="formData.bankCard" placeholder="提现到的银行卡"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="bankName" label="银行名称">
|
|
|
+ <el-input v-model="formData.bankName" placeholder="银行名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="openName" label="开户行">
|
|
|
+ <el-input v-model="formData.openName" placeholder="开户行名称"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-tab-pane>
|
|
|
+
|
|
|
</el-tabs>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="imageDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button @click="onsave" type="primary">确认</el-button>
|
|
|
+ </span>
|
|
|
+
|
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
@@ -98,6 +111,41 @@ export default {
|
|
|
rules: {
|
|
|
money: [
|
|
|
{ required: true, message: '提现金额不能为空', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ wechat: [
|
|
|
+ {
|
|
|
+ required: true, message: '微信账号不能为空', trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ rules1: {
|
|
|
+ money: [
|
|
|
+ { required: true, message: '提现金额不能为空', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ alipay: [
|
|
|
+ {
|
|
|
+ required: true, message: '支付宝账号不能为空', trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ rules2: {
|
|
|
+ money: [
|
|
|
+ { required: true, message: '提现金额不能为空', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ bankCard: [
|
|
|
+ {
|
|
|
+ required: true, message: '银行卡号不能为空', trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ bankName: [
|
|
|
+ {
|
|
|
+ required: true, message: '银行名称不能为空', trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ openName: [
|
|
|
+ {
|
|
|
+ required: true, message: '开户行不能为空', trigger: 'blur'
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
totalNumber: 0,
|
|
|
@@ -174,7 +222,7 @@ export default {
|
|
|
advancedQuerySearchKey: '',
|
|
|
orderByStr: '',
|
|
|
imgSrc: '',
|
|
|
- imageDialogVisible: true,
|
|
|
+ imageDialogVisible: false,
|
|
|
activeName: '0'
|
|
|
}
|
|
|
},
|
|
|
@@ -185,6 +233,60 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ onsave() {
|
|
|
+ var data = {
|
|
|
+ userId: this.userInfo.id,
|
|
|
+ money: this.formData.money
|
|
|
+ }
|
|
|
+ if (this.activeName == '0') {
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ data.wechat = this.formData.wechat
|
|
|
+ this.submit(data);
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else if (this.activeName == '1') {
|
|
|
+ this.$refs.form1.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ data.alipay = this.formData.alipay
|
|
|
+ this.submit();
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$refs.form2.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ data.bankCard = this.formData.bankCard
|
|
|
+ data.bankName = this.formData.bankName
|
|
|
+ data.openName = this.formData.openName
|
|
|
+ this.submit();
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ submit(data) {
|
|
|
+
|
|
|
+ this.$http.post({
|
|
|
+ url: '/memberCoinTixian/save',
|
|
|
+ data: data
|
|
|
+ }).then(res => {
|
|
|
+ if (res.success) {
|
|
|
+ this.imageDialogVisible = false
|
|
|
+ this.$alert('您的申请已提交,请耐心等待', '提交成功', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ callback: action => {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
pageSizeChange(size) {
|
|
|
this.currentPage = 1;
|
|
|
this.pageSize = size;
|