<template>
|
<!--
|
作者：
|
时间：2025-11-18
|
描述：插件中心-VIP专区-等级管理-等级列表
|
-->
|
<div class="common-level">
|
<div class="common-level-head">
|
<el-button size="small" type="primary" icon="el-icon-plus" @click="addClick">添加等级</el-button>
|
</div>
|
<div class="table-wrap">
|
<el-table :data="tableData" style="width: 100%" v-loading="loading">
|
<el-table-column prop="grade_id" label="ID" width="80"></el-table-column>
|
<el-table-column prop="name" label="等级名称"></el-table-column>
|
<el-table-column prop="weight" label="权重" ></el-table-column>
|
<el-table-column prop="agent_money" label="推广佣金" width="100">
|
<template slot-scope="scope">
|
<span class="orange">￥{{ scope.row.agent_money }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="operating_subsidy" label="推广复购佣金" >
|
<template slot-scope="scope">
|
<span class="orange">￥{{ scope.row.repurchase_money }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="operating_subsidy" label="下级收益补贴" >
|
<template slot-scope="scope">
|
<span class="orange">{{ scope.row.operating_subsidy }}%</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="operating_subsidy" label="平台直推佣金" >
|
<template slot-scope="scope">
|
<span class="orange">{{ scope.row.commission }}%</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="supplier_money" label="直推商家交易佣金" >
|
<template slot-scope="scope">
|
<span class="orange">{{ scope.row.supplier_money }}%</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="operating_subsidy" label="复购专区级差计算" >
|
<template slot-scope="scope">
|
<span class="orange">{{ scope.row.differential_prize }}%</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="operating_subsidy" label="复购专区平级奖" >
|
<template slot-scope="scope">
|
<span class="orange">{{ scope.row.equal_level_award }}%</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="remark" label="升级条件" >
|
<template slot-scope="scope">
|
<div v-html="keepTextStyle(scope.row.remark)"></div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="create_time" label="创建时间" width="160">
|
<template slot-scope="scope">
|
<span>{{ scope.row.create_time }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column fixed="right" label="操作" width="120">
|
<template slot-scope="scope">
|
<el-button @click="editClick(scope.row)" type="text" size="small">编辑</el-button>
|
<el-button @click="deleteClick(scope.row)" type="text" size="small" v-if="scope.row.is_default == 0">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<!--添加-->
|
<Add v-if="open_add" :open_add="open_add" @closeDialog="closeDialogFunc($event, 'add')"></Add>
|
<!--编辑-->
|
<Edit v-if="open_edit" :open_edit="open_edit" :form="userModel" @closeDialog="closeDialogFunc($event, 'edit')"></Edit>
|
</div>
|
</template>
|
|
<script>
|
import vipApi from '@/api/plus/vip.js';
|
import Edit from './Edit.vue';
|
import Add from './Add.vue';
|
import {deepClone} from '@/utils/base.js';
|
|
export default {
|
components: {
|
/*编辑组件*/
|
Edit,
|
Add
|
},
|
data() {
|
return {
|
/*是否加载完成*/
|
loading: true,
|
/*列表数据*/
|
tableData: [],
|
/*是否打开添加弹窗*/
|
open_add: false,
|
/*是否打开编辑弹窗*/
|
open_edit: false,
|
/*当前编辑的对象*/
|
userModel: {}
|
};
|
},
|
created() {
|
/*获取列表数据*/
|
this.getData();
|
},
|
methods: {
|
/*换行*/
|
keepTextStyle(val){
|
let str=val.replace(/(\\r\\n)/g,'<br/>');
|
return str;
|
},
|
/*获取列表数据*/
|
getData() {
|
let self = this;
|
self.loading = true;
|
vipApi.gradelist({},true)
|
.then( data => {
|
self.loading = false;
|
console.log(data);
|
self.tableData = data.data.list;
|
});
|
},
|
|
/*添加等级*/
|
addClick() {
|
this.open_add = true;
|
},
|
|
/*编辑等级*/
|
editClick(item) {
|
this.userModel = deepClone(item);
|
this.open_edit = true;
|
},
|
|
/*关闭弹窗*/
|
closeDialogFunc(e, f) {
|
if (f == 'add') {
|
this.open_add = e.openDialog;
|
if (e.type == 'success') {
|
this.getData();
|
}
|
}
|
if (f == 'edit') {
|
this.open_edit = e.openDialog;
|
if (e.type == 'success') {
|
this.getData();
|
}
|
}
|
},
|
|
/*删除等级*/
|
deleteClick(item) {
|
let self = this;
|
self.$confirm('此操作将永久删除该等级, 是否继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
vipApi.deletegrade({
|
grade_id: item.grade_id
|
}, () => {
|
self.$message({
|
message: '删除成功',
|
type: 'success'
|
});
|
self.getData();
|
});
|
});
|
}
|
}
|
};
|
</script>
|
|
<style></style>
|
