admin/addon/futures/shop/view/user/index.html

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
	.prompt-block .prompt {
		display: inline-block;
	}
	.prompt-block .prompt {
		width: 18px;
		height: 18px;
		line-height: 18px;
		position: relative;
	}
	.user-head-img{
		width:40px;
		height:40px;
		margin-right:20px;
	}
</style>
{/block}

{block name="main"}
<!-- 筛选面板 -->
<div class="screen layui-collapse" lay-filter="selection_panel">
	<div class="layui-colla-item">
		<div class="layui-colla-content layui-form layui-show" lay-filter="search_form">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">用户昵称：</label>
					<div class="layui-input-inline">
						<input type="text" name="nickname" placeholder="用户昵称" autocomplete="off" class="layui-input"/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">会员身份：</label>
					<div class="layui-input-inline">
						<select name="status" lay-filter="is_settlement">
							<option value="">全部</option>
							<option value="1">特殊身份</option>
							<option value="2">非特殊身份</option>
						</select>
					</div>
				</div>
			</div>
			<div class="form-row">
				<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
				<button type="reset" lay-submit lay-filter="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</div>
</div>
<!-- 列表 -->
<table id="listContent" lay-filter="listContent"></table>
<!-- 操作 -->
<script type="text/html" id="operation">
	<div class="table-btn">
        {{# if(d.is_special == 1){ }}
        <a class="layui-btn" lay-event="sendGoods">赠送商品</a>
        {{# } }}

		{{# if(d.total_violation_num > 0){ }}
			<a class="layui-btn" lay-event="violationRecords">违规记录</a>
		{{# } }}


	</div>
</script>
<!--会员信息-->
<script type="text/html" id="memberInfo">
	<div class='table-title'>
		<div class='title-pic'>
			<img layer-src src="{{ns.img(d.headimg)}}" onerror="this.src = '{:img(\'public/static/img/default_img/head.png\')}' ">
		</div>
		<div class='title-content'>
			{{# if(d.nickname){  }}
				<p class="layui-elip">{{d.nickname}}</p>
			{{# } else { }}
				<p class="layui-elip">{{d.username}}</p>
			{{# } }}
		</div>
	</div>
</script>
{/block}

{block name="script"}
<script>
	var table, form, editIframe, repeat_flag = false;// 防重复标识;
	layui.use(['form'], function () {
		form = layui.form;
		form.render();
		// 内容获取
		table = new Table({
			elem: '#listContent',
			url: ns.url("futures://shop/user/index"),
			cols: [[
				{align: 'center', field: 'member_id', title: '用户ID', width: '5%', unresize: 'false'},
				{title: '会员信息', templet: '#memberInfo', unresize: 'false', align: 'left', width: '15%'},
				{
					title: '违规信息(总计/当前)', align: 'center', unresize: 'area', width: '10%', templet: function (d) {
						return d.total_violation_num + ' / ' + d.violation_num;
					}
				},
				{
					title: '交易信息(总计/当前)', align: 'center', unresize: 'area', width: '10%', templet: function (d) {
						return d.total_business_num + ' / ' + d.business_num;
					}
				},
				{
					title: '惩罚结束时间', align: 'center', unresize: 'area', width: '15%', templet: function (d) {
						return d.punish_time > 0 ? ns.time_to_date(d.punish_time) : '---';
					}
				},
				{
					title: '是否为特殊身份', unresize: 'false', width: '10%', align: 'center', templet: function (d) {
						if (parseInt(d.is_special) === 1) return '<input type="checkbox" name="is_special" data-member_id="' + d.member_id + '" value="1" lay-filter="is_special" lay-skin="switch" checked>';
						else return '<input type="checkbox" name="is_special" data-member_id="' + d.member_id + '" value="0" lay-filter="is_special" lay-skin="switch">';
					}
				},
				{title: '操作', toolbar: '#operation', unresize: 'false', width: '15%', align: 'right'}
			]],
		});
		// 特殊身份信息改变
		form.on('switch(is_special)', function(data){
			// 获取用户id
			var memberId = $(data.elem).attr('data-member_id');
			// 请求改变信息
			if (repeat_flag) return;
			repeat_flag = true;
			$.ajax({
				url: ns.url("futures://shop/user/changeSpecial"),
				data: {
					member_id: memberId,
					is_special: data.value,
				},
				dataType: 'JSON',
				type: 'POST',
				success: function (res) {
					layer.msg(res.message);
					repeat_flag = false;
					if (res.code == 0) table.reload();
				}
			});
		});
        // 点击搜索
        form.on('submit(search)', function(data) {
            table.reload({
                page: {
                    curr: 1
                },
                where: data.field
            });
            return false;
        });
		// 重置表单
		form.on('submit(reset)', function(data) {
			let field = {
				"nickname": "",
				"status": "",
			};
			form.val("search_form", field);
			layui.form.render();
			// 刷新表格
			table.reload({
				page: {
					curr: 1
				},
				where: field
			});
		});
		// 监听工具栏操作
		table.tool(function(obj) {
			var data = obj.data;
            eval(obj.event)(data)
		});
	});
    // 赠送商品
    function sendGoods(data){
        layer.open({
            type: 2,
            title: '赠送商品',
            skin: 'layer-tips-class',
            area: ['80%','90%'],
            content: ns.url("futures://shop/user/sendGoods", { member_id: data.member_id }),
            end: function(){
                table.reload();
            }
        });
    }
	// 违规记录
	function violationRecords(data){
		layer.open({
			type: 2,
			title: '违规记录',
			skin: 'layer-tips-class',
			area: ['80%','90%'],
			content: ns.url("futures://shop/user/violationRecords", { member_id: data.member_id }),
			end: function(){}
		});
	}

</script>
{/block}