You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
9.4 KiB
205 lines
9.4 KiB
{% extends "shop/base.html" %} |
|
{% load static %} |
|
|
|
{% block ext_css %} |
|
<link rel="stylesheet" href="{% static 'dist/css/common.css' %}"> |
|
{% endblock %} |
|
|
|
{% block content %} |
|
<div class="content-wrapper"> |
|
<div class="content-header"> |
|
<div class="container-fluid"> |
|
<div> |
|
<div class="row"> |
|
<div class="col-sm-12"> |
|
<h1 class="m-0"> |
|
用户模块 <small>列表</small> |
|
</h1> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<section class="content"> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-12 search-collapse"> |
|
<form id="search_form" method="get"> |
|
{% csrf_token %} |
|
<div class="select-list"> |
|
<ul> |
|
<li> |
|
<label>分类： </label> |
|
<select id="search_level" name="level"> |
|
<option value="">所有</option> |
|
<option value="1" {% if level == '1' %} selected="selected" {% endif %}>寂寞卡会员</option> |
|
<option value="1" {% if level == '2' %} selected="selected" {% endif %}>钻石卡会员</option> |
|
<option value="1" {% if level == '3' %} selected="selected" {% endif %}>金卡会员</option> |
|
<option value="1" {% if level == '4' %} selected="selected" {% endif %}>银卡会员</option> |
|
</select> |
|
</li> |
|
<li> |
|
<label>名称： </label> |
|
<input type="text" id="search_truename" name="truename" value="{{ truename }}"> |
|
</li> |
|
<li> |
|
<label>状态： </label> |
|
<select id="search_status" name="status"> |
|
<option value="">所有</option> |
|
<option value="0" {% if status == 0 %} selected="selected" {% endif %}>正常</option> |
|
<option value="0" {% if status == 1 %} selected="selected" {% endif %}>异常</option> |
|
</select> |
|
</li> |
|
<li> |
|
<input type="submit" value="查询" class="btn"> |
|
</li> |
|
</ul> |
|
</div> |
|
</form> |
|
</div> |
|
<div class="col-sm-12 select-table table-striped"> |
|
<div class="btn-group-sm" id="toolbar" role="group"> |
|
<a class="btn btn-success" href="/member/add/"> |
|
<i class="fa fa-plug"></i>新增 |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
<div class="col-sm-12 main"> |
|
<br> |
|
<div class="panel panel-primary"> |
|
<div class="panel-body"> |
|
<table class="table table-bordered table-condensed table-striped table-hover"> |
|
<thead> |
|
<tr> |
|
<th>账号</th> |
|
<th>真实姓名</th> |
|
<th>性别</th> |
|
<th>生日</th> |
|
<th>email</th> |
|
<th>手机</th> |
|
<th>添加时间</th> |
|
<th>用户头像</th> |
|
<th>功能操作</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
{% for u in users %} |
|
<tr> |
|
<td>{{ u.username }}</td> |
|
<td>{{ u.truename }}</td> |
|
<td>{{ u.sex }}</td> |
|
<td>{{ u.birthday }}</td> |
|
<td>{{ u.email }}</td> |
|
<td>{{ u.mobile }}</td> |
|
<td>{{ u.add_time }}</td> |
|
<td width="5%"><img src="/media/{{ u.user_img }}" width="100px" height="100px" alt="" ></td> |
|
<td width="20%"> |
|
<a class="btn btn-primary single" href="#"> |
|
<i class="fa fa-edit"></i> 修改 |
|
</a> |
|
<a class="btn btn-danger" href="javascript:void(0)" onclick="showDeleteModal(this)">删除</a> |
|
<input type="hidden" id="id_hidden" value="{{ u.id }}"> |
|
</td> |
|
</tr> |
|
{% empty %} |
|
<tr> |
|
<td colspan="7">无相关记录！</td> |
|
</tr> |
|
{% endfor %} |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<nav aria-label="Contacts Page Navigation"> |
|
<ul class="pagination justify-content-center m-2"> |
|
{% if users.has_previous %} |
|
<li class="page-item"> |
|
<a class="page-like" href="/user/index/?page={{ users.previous_page_number }}&level={{ level }}&username={{ username }}@status={{ status }}"> |
|
<span aria-hidden="true">«</span> |
|
</a> |
|
</li> |
|
{% endif %} |
|
{% for pg in users.paginator.page_range %} |
|
{% if users.number == pg %} |
|
<li class="page-item active"> |
|
<a class="page-link" href="">{{ pg }}</a> |
|
</li> |
|
{% else %} |
|
<li class="page-item"> |
|
<a class="page-link" href="/user/index/?page={{ pg }}&level={{ level }}&username={{ username }}&status={{ status }}"> |
|
<span aria-hidden="true">«</span> |
|
</a> |
|
</li> |
|
{% endif %} |
|
{% endfor %} |
|
|
|
{% if users.has_next %} |
|
<li class="page-item"> |
|
<a class="page-link" href="/user/index/?page={{ users.next_page_number }}&level={{ level }}&username={{ username }}&status={{ status }}"> |
|
<span aria-hidden="true">«</span> |
|
</a> |
|
</li> |
|
{% endif %} |
|
</ul> |
|
</nav> |
|
</div> |
|
{# 删除信息 #} |
|
<div class="modal fade" id="delModal" tabindex="-1" aria-hidden="true"> |
|
<div class="modal-dialog"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h4 class="modal-title" style="float: left">提示信息</h4> |
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
<span aria-hidden="true">×</span> |
|
</button> |
|
</div> |
|
<div class="modal-body"> |
|
<p id="info">您确认要删除当前数据吗？</p> |
|
<input type="hidden" id="del_id"> |
|
</div> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button> |
|
<a id="delButton" class="btn btn-success" data-dismiss="modal">确认</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<script> |
|
function showDeleteModal(obj){ |
|
{# 获取所有列 #} |
|
var $tds = $(obj).parent().children(); |
|
{# 获取隐藏id #} |
|
var delete_id = $($tds[2]).val(); |
|
console.log(delete_id) |
|
$("#del_id").val(delete_id); |
|
$("#delModal").modal({ |
|
backdrop: 'static', |
|
keyboard: false |
|
}); |
|
}; |
|
|
|
$(function () { |
|
$("#delButton").click(function (){ |
|
var id = $("#del_id").val(); |
|
$.ajax({ |
|
url: "/user/del" + id + "/", |
|
type: "GET", |
|
success: function (result) { |
|
if (result.code == "200"){ |
|
$("#delModal").modal('hide'); |
|
window.location.href = "/user/index" |
|
} |
|
} |
|
}) |
|
}); |
|
}); |
|
</script> |
|
{% endblock %} |