文件
mashangyoujiu/Application/Retail/View/Vips/rechargeIndex.html

172 行
6.1 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.4.70]-->
<head>
<meta charset="UTF-8">
<title>余额退款</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/common-upload.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
</head>
<body>
<div id="rechargeIndex" v-cloak style="padding: 30px 50px 100px;">
<template>
<el-table
:data="rechargeData"
border
style="width: 100%">
<el-table-column
fixed
prop="index"
label="序号">
</el-table-column>
<el-table-column
fixed
prop="vip_name"
label="会员名称">
</el-table-column>
<el-table-column
fixed
prop="money"
label="充值金额">
</el-table-column>
<el-table-column
fixed
prop="give_money"
label="赠送金额">
</el-table-column>
<el-table-column
fixed
prop="all_money"
label="获得金额">
</el-table-column>
<el-table-column
fixed
prop="aging_repay_name"
label="到账方式">
</el-table-column>
<el-table-column
fixed
prop="user_type"
label="充值人员">
</el-table-column>
<el-table-column
fixed
prop="scene_type"
label="变动场景">
</el-table-column>
<el-table-column
fixed
prop="add_time"
label="充值时间">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="100">
<template slot-scope="scope">
<el-button @click="refundMoney(scope.row.id)" type="text" size="small">退款</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="rechargeSizeChange"
@current-change="rechargeCurrentChange"
:current-page="rechargePage"
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="rechargeLen">
</el-pagination>
</template>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript">
var rechargeIndex = new Vue({
el: '#rechargeIndex',
data: {
rechargeData: [],
rechargePage: 1,
rechargelimit: 10,
rechargeLen: 0,
vip_id: {$vip_id},
},
methods: {
rechargeSizeChange(val) {
this.rechargeLimit = val;//切换每页数量
this.currentPage = 1;
this.getData();
},
rechargeCurrentChange(val) {
this.rechargePage = val;
this.getData();//切换页数
},
refundMoney: function (id) {
this.$confirm('确定退款?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var that = this;
$.ajax({
url: "{:U('refundMoney')}",
type: "POST",
data: {
id: id
},
success: function (res) {
if (res.status == 1) {
that.$message({
type: 'success',
message: res.msg,
});
that.getData();
} else {
that.$message({
type: 'error',
message: res.msg,
});
}
}
})
}).catch(() => {
});
},
getData: function () {
var that = this;
$.ajax({
url: "{:U('rechargeList')}",
type: "POST",
data: {
id: that.vip_id,
page: that.rechargePage,
limit: that.rechargelimit,
},
success: function (res) {
if (res.status == 1) {
that.rechargeData = [];
that.rechargeLen = res.count;
that.rechargeData = res.data;
} else {
that.$message({
type: 'error',
message: res.msg,
});
}
}
})
}
},
created: function () {
this.getData();
}
})
</script>
</html>