glhcp/server/app/admin/view/distribution/member/index.html

460 lines
19 KiB
HTML

{layout name="layout1" /}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*分销会员列表,可查看分销员佣金详情,直推会员,分销订单,以及修改分销会员上级;</p>
<p>*分销佣金需要订单完成并且超出售后期限后系统自动结算。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<!-- <li data-type='member' class="layui-this">分销会员列表</li>-->
<!-- <li data-type='audit'>申请分销会员列表</li>-->
</ul>
<div class="layui-tab-content">
<!--分销会员列表-->
<div class="layui-tab-item layui-show ">
{include file="/distribution/member/member_lists"/}
</div>
<!--待审核分销会员列表-->
<div class="layui-tab-item">
{include file="/distribution/member/audit_lists"/}
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/lib/'
}).use(['element','table', 'form'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, element = layui.element;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
getLists('member');
//切换列表
element.on('tab(tab-all)', function (data) {
form.render('select');
var type = $(this).attr('data-type');
getLists(type);
});
function getLists(type) {
// 会员列表
if (type == 'member') {
table.render({
elem: '#member-lists'
, url: '{:url("distribution.member/index")}?type=member'
, cols: [[
{field: 'id', title: 'ID', align: 'center'}
, {field: 'user', title: '会员信息', templet: '#user-info', width: 350}
, {field: 'distribution_code', title: '邀请码', width: 100, align: 'center'}
, {field: 'leader', title: '上级推荐人', width: 280, align: 'center', templet:'#leader-info'}
, {field: 'fans', title: '推广会员数', width: 110, align: 'center'}
, {field: 'distribution_num', title: '分销订单数', width: 110, align: 'center'}
, {field: 'distribution_amount', title: '分销订单金额', width: 130, align: 'center'}
, {field: 'distribution_money', title: '分销佣金', width: 110, align: 'center'}
, {fixed: 'right', title: '操作', width: 280, align: 'center', toolbar: '#member-operation'}
]]
, page: true
, text: {none: '暂无数据!'}
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
},
response: {
statusCode: 1
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
// 审核会员列表
if (type == 'audit') {
table.render({
elem: '#audit-lists'
, url: '{:url("distribution.member/index")}?type=audit'
, cols: [[
{type: 'numbers', title: '序号', align: 'center'}
, {field: 'user', title: '会员信息', templet: '#user-info'}
, {field: 'leader', title: '上级推荐人', align: 'center', templet:'#leader-info'}
, {field: 'reason', title: '申请原因', align: 'center'}
, {field: 'denial_reason', title: '拒绝原因', align: 'center'}
, {field: 'status_text', title: '状态', width: 110, align: 'center'}
, {field: 'create_time', width: 180, title: '申请时间', align: 'center'}
, {fixed: 'right', title: '操作', width: 200, align: 'center', toolbar: '#audit-operation'}
]]
, page: true
, text: {none: '暂无数据!'}
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
},
response: {
statusCode: 1
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
}
//==============================================会员列表start===============================================
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '添加分销会员'
,content: '{:url("distribution.member/addMember")}'
,area: ['500px', '400px']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'addSubmit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("distribution.member/addMember")}',
data:field,
type:"post",
success:function(res) {
if(res.code === 1) {
layui.layer.msg(res.msg, {offset:'15px',icon:1,time:1000});
layer.close(index);
table.reload('member-lists', {
where: []
});
}
}
});
});
submit.trigger('click');
}
,cancel: function(index, layero){
var window_index = index;
layer.confirm('尚未保存,确定关闭吗?', {
time: 0, //不自动关闭
btn: ['确定', '取消'],
yes: function(index){
layer.close(index);
layer.close(window_index);
}
});
return false;
}
});
},
};
$('.layui-btn.layuiadmin-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
form.on('submit(member-search)', function (data) {
var field = data.field;
//执行重载
table.reload('member-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(member-clear-search)', function () {
$('#freeze_distribution').val('');
$('#member_keyword').val('');
form.render('select');
//刷新列表
table.reload('member-lists', {
where: [],
page: {
curr: 1
}
});
});
table.on('tool(member-lists)', function (obj) {
var id = obj.data.id;
var nickname = obj.data.nickname;
if (obj.event === 'freeze' || obj.event === 'unfreeze') {
var type = 'freeze';
var confirm_text = '确定冻结分销会员:';
if (obj.event === 'unfreeze'){
type = 'unfreeze';
confirm_text = '确定解冻分销会员:';
}
layer.confirm(confirm_text + '<span style="color: red">'+nickname+'</span>', function (index) {
like.ajax({
url: '{:url("distribution.member/freeze")}',
data: {'id':id, 'type': type},
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('member-lists');
layer.close(index);
}
}
});
layer.close(index);
});
}
if(obj.event === 'del') { // 删除资格
layer.confirm('确定删除分销资格<span style="color: red">'+nickname+'</span>', function (index) {
like.ajax({
url: '{:url("distribution.member/del")}',
data: {'id':id},
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('member-lists');
layer.close(index);
}
}
});
layer.close(index);
});
}
// 会员分销资料(分销资料)
if (obj.event === 'info') {
layer.open({
type: 2
,title: '分销资料'
,content: '{:url("distribution.member/info")}?id='+id
,area: ['90%', '90%']
,btn:['返回']
})
}
//推广会员
if (obj.event === 'fans') {
layer.open({
type: 2
,title: '推广会员'
,content: '{:url("distribution.member/fans")}?id='+id
,area: ['90%', '90%']
,btn:['返回']
})
}
//收入明细
if (obj.event === 'earnings_detail') {
layer.open({
type: 2
,title: '收入明细'
,content: '{:url("distribution.member/earningsDetail")}?id='+id
,area: ['90%', '90%']
,btn:['返回']
})
}
//修改上级
if (obj.event === 'update_leader') {
layer.open({
type: 2
,title: '修改上级'
,content: '{:url("distribution.member/updateLeader")}?id='+id
,area: ['60%', '60%']
,btn:['确认', '返回']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'update-leader-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("distribution.member/updateLeader")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('member-lists');
layer.close(index);
}
}
});
});
submit.trigger('click');
}
})
}
});
//==============================================会员列表end===============================================
//==============================================会员审核列表start==========================================
form.on('submit(audit-clear-search)', function () {
$('#audit_keyword').val('');
$('#audit_status').val('');
form.render('select');
//刷新列表
table.reload('audit-lists', {
where: [],
page: {
curr: 1
}
});
});
form.on('submit(audit-search)', function (data) {
var field = data.field;
//执行重载
table.reload('audit-lists', {
where: field,
page: {
curr: 1
}
});
});
//会员审核操作
table.on('tool(audit-lists)', function (obj) {
var id = obj.data.id;
var nickname = obj.data.nickname;
var confirm_text = '';
var data= {};
if (obj.event === 'pass') {
confirm_text = '确定审核通过分销申请:'+ nickname;
data = {'id': id, 'type': 'pass'};
auditAjax(confirm_text, data);
}
if (obj.event === 'refuse') {
layer.prompt({
formType: 2,
value: '',
title: '请输入拒绝原因',
area: ['400px', '120px'] //自定义文本域宽高
}, function(value, index, elem){
confirm_text = '确定审核拒绝分销申请:'+ nickname;
data = {'id': id, 'type': 'refuse', 'denial_reason': value};
like.ajax({
url: '{:url("distribution.member/audit")}',
data: data,
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('audit-lists');
layer.close(index);
}
}
});
layer.close(index);
});
}
});
//审核操作
function auditAjax(confirm_text, data) {
layer.confirm(confirm_text, function (index) {
like.ajax({
url: '{:url("distribution.member/audit")}',
data: data,
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('audit-lists');
layer.close(index);
}
}
});
layer.close(index);
});
}
//==============================================会员审核列表end===========================================
});
</script>