后台更新
This commit is contained in:
@@ -4,96 +4,83 @@
|
||||
<header class="box-header with-border">
|
||||
<h3 class="box-title">{$meta_title|default='新功能'}</h3>
|
||||
<div class="pull-right">
|
||||
<a href="{:url('add')}" class="btn btn-primary pull-right"> <i class="fa fa-plus-circle fa-lg"></i> 新增用户</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="box-body">
|
||||
<div class="navbar navbar-default">
|
||||
<form action="" class="navbar-form form-inline" method="get">
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="input-order-id">用户名</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="username" value="{$param['username']|default=''}" placeholder="用户名" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="input-order-id">昵称</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="nickname" value="{$param['nickname']|default=''}" placeholder="昵称" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 筛选</button>
|
||||
</form>
|
||||
<div class="btn-group-sm" id="toolbar" role="group">
|
||||
<a class="btn btn-success" onclick="$.operate.add()">
|
||||
<i class="fa fa-plus"></i> 新增
|
||||
</a>
|
||||
<a class="btn btn-primary single disabled" onclick="$.operate.edit()">
|
||||
<i class="fa fa-edit"></i> 修改
|
||||
</a>
|
||||
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()">
|
||||
<i class="fa fa-remove"></i> 删除
|
||||
</a>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table user-list table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<span>用户</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>Email</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>手机号码</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>授权分组</span>
|
||||
</th>
|
||||
<th>
|
||||
<span>创建时间</span>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span>状态</span>
|
||||
</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="list" id="item"}
|
||||
<tr>
|
||||
<td>
|
||||
{if isset($item['avatar_url']) && $item['avatar_url']}
|
||||
<img src="{$item['avatar_url']}" alt="{$item['nickname']}"/>
|
||||
{else/}
|
||||
<img src="{:avatar($item['uid'])}" alt="{$item['nickname']}"/>
|
||||
{/if}
|
||||
<a href="#" class="user-link">{$item['nickname']}</a>
|
||||
<span class="user-subhead">{$item['username']}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span >{$item['email']}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span >{$item['mobile']}</span>
|
||||
</td>
|
||||
<td>{$item['group_list']|implode=',',###}</td>
|
||||
<td>{$item['reg_time']|date='Y-m-d',###}</td>
|
||||
<td class="text-center">
|
||||
{if condition="$item['status']"}
|
||||
<span class="label label-primary">启用</span>
|
||||
{else/}
|
||||
<span class="label label-danger">禁用</span>
|
||||
{/if}
|
||||
</td>
|
||||
<td>
|
||||
<a href="{:url('User/edit',array('id'=>$item['uid']))}" class="table-link" title="">
|
||||
编辑
|
||||
</a>
|
||||
<a href="{:url('User/auth',array('id'=>$item['uid']))}" class="table-link">
|
||||
授权
|
||||
</a>
|
||||
<a href="{:url('User/del',array('id'=>$item['uid']))}" class="table-link confirm ajax-get">
|
||||
删除
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
{$page|raw}
|
||||
|
||||
<div class="table-striped">
|
||||
<table id="bootstrap-table" data-mobile-responsive="true"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<!-- bootstrap-table 表格插件 -->
|
||||
<script src="__static__/plugins/bootstrap-table/bootstrap-table.min.js"></script>
|
||||
<script src="__static__/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
|
||||
<script src="__static__/plugins/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js"></script>
|
||||
<script src="__static__/plugins/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js"></script>
|
||||
<script src="__static__/plugins/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var editFlag = "";
|
||||
var removeFlag = "";
|
||||
var resetPwdFlag = "";
|
||||
|
||||
$.table.init({
|
||||
url: "/admin/user/index",
|
||||
createUrl: "/admin/user/add",
|
||||
updateUrl: "/admin/user/edit/id/{id}",
|
||||
removeUrl: "/admin/user/remove",
|
||||
sortName: "id",
|
||||
sortOrder: "desc",
|
||||
modalName: "客户端",
|
||||
columns: [
|
||||
{
|
||||
checkbox: true
|
||||
},
|
||||
{
|
||||
field: 'title',
|
||||
title: '客户端名称'
|
||||
},
|
||||
{
|
||||
field: 'appid',
|
||||
title: 'APPID'
|
||||
},
|
||||
{
|
||||
field: 'appsecret',
|
||||
title: 'APP秘钥'
|
||||
},
|
||||
{
|
||||
field: 'create_time',
|
||||
title: '创建时间',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
formatter: function(value, row, index) {
|
||||
var actions = [];
|
||||
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
|
||||
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a> ');
|
||||
return actions.join('');
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
{/block}
|
||||
357
view/admin/user/profile.html
Normal file
357
view/admin/user/profile.html
Normal file
@@ -0,0 +1,357 @@
|
||||
{extend name="admin/base"/}
|
||||
|
||||
{block name="body"}
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
|
||||
<!-- Profile Image -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-body box-profile">
|
||||
<img class="profile-user-img img-responsive img-circle" src="../../dist/img/user4-128x128.jpg" alt="User profile picture">
|
||||
|
||||
<h3 class="profile-username text-center">Nina Mcintire</h3>
|
||||
|
||||
<p class="text-muted text-center">Software Engineer</p>
|
||||
|
||||
<ul class="list-group list-group-unbordered">
|
||||
<li class="list-group-item">
|
||||
<b>Followers</b> <a class="pull-right">1,322</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<b>Following</b> <a class="pull-right">543</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<b>Friends</b> <a class="pull-right">13,287</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-primary btn-block"><b>Follow</b></a>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
|
||||
<!-- About Me Box -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">About Me</h3>
|
||||
</div>
|
||||
<!-- /.box-header -->
|
||||
<div class="box-body">
|
||||
<strong><i class="fa fa-book margin-r-5"></i> Education</strong>
|
||||
|
||||
<p class="text-muted">
|
||||
B.S. in Computer Science from the University of Tennessee at Knoxville
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<strong><i class="fa fa-map-marker margin-r-5"></i> Location</strong>
|
||||
|
||||
<p class="text-muted">Malibu, California</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<strong><i class="fa fa-pencil margin-r-5"></i> Skills</strong>
|
||||
|
||||
<p>
|
||||
<span class="label label-danger">UI Design</span>
|
||||
<span class="label label-success">Coding</span>
|
||||
<span class="label label-info">Javascript</span>
|
||||
<span class="label label-warning">PHP</span>
|
||||
<span class="label label-primary">Node.js</span>
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<strong><i class="fa fa-file-text-o margin-r-5"></i> Notes</strong>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum enim neque.</p>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-md-9">
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#activity" data-toggle="tab">Activity</a></li>
|
||||
<li><a href="#timeline" data-toggle="tab">Timeline</a></li>
|
||||
<li><a href="#settings" data-toggle="tab">Settings</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="active tab-pane" id="activity">
|
||||
<!-- Post -->
|
||||
<div class="post">
|
||||
<div class="user-block">
|
||||
<img class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg" alt="user image">
|
||||
<span class="username">
|
||||
<a href="#">Jonathan Burke Jr.</a>
|
||||
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
|
||||
</span>
|
||||
<span class="description">Shared publicly - 7:30 PM today</span>
|
||||
</div>
|
||||
<!-- /.user-block -->
|
||||
<p>
|
||||
Lorem ipsum represents a long-held tradition for designers,
|
||||
typographers and the like. Some people hate it and argue for
|
||||
its demise, but others ignore the hate as they create awesome
|
||||
tools to help create filler text for everyone from bacon lovers
|
||||
to Charlie Sheen fans.
|
||||
</p>
|
||||
<ul class="list-inline">
|
||||
<li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> Share</a></li>
|
||||
<li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> Like</a>
|
||||
</li>
|
||||
<li class="pull-right">
|
||||
<a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> Comments
|
||||
(5)</a></li>
|
||||
</ul>
|
||||
|
||||
<input class="form-control input-sm" type="text" placeholder="Type a comment">
|
||||
</div>
|
||||
<!-- /.post -->
|
||||
|
||||
<!-- Post -->
|
||||
<div class="post clearfix">
|
||||
<div class="user-block">
|
||||
<img class="img-circle img-bordered-sm" src="../../dist/img/user7-128x128.jpg" alt="User Image">
|
||||
<span class="username">
|
||||
<a href="#">Sarah Ross</a>
|
||||
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
|
||||
</span>
|
||||
<span class="description">Sent you a message - 3 days ago</span>
|
||||
</div>
|
||||
<!-- /.user-block -->
|
||||
<p>
|
||||
Lorem ipsum represents a long-held tradition for designers,
|
||||
typographers and the like. Some people hate it and argue for
|
||||
its demise, but others ignore the hate as they create awesome
|
||||
tools to help create filler text for everyone from bacon lovers
|
||||
to Charlie Sheen fans.
|
||||
</p>
|
||||
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group margin-bottom-none">
|
||||
<div class="col-sm-9">
|
||||
<input class="form-control input-sm" placeholder="Response">
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<button type="submit" class="btn btn-danger pull-right btn-block btn-sm">Send</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- /.post -->
|
||||
|
||||
<!-- Post -->
|
||||
<div class="post">
|
||||
<div class="user-block">
|
||||
<img class="img-circle img-bordered-sm" src="../../dist/img/user6-128x128.jpg" alt="User Image">
|
||||
<span class="username">
|
||||
<a href="#">Adam Jones</a>
|
||||
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
|
||||
</span>
|
||||
<span class="description">Posted 5 photos - 5 days ago</span>
|
||||
</div>
|
||||
<!-- /.user-block -->
|
||||
<div class="row margin-bottom">
|
||||
<div class="col-sm-6">
|
||||
<img class="img-responsive" src="../../dist/img/photo1.png" alt="Photo">
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-sm-6">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img class="img-responsive" src="../../dist/img/photo2.png" alt="Photo">
|
||||
<br>
|
||||
<img class="img-responsive" src="../../dist/img/photo3.jpg" alt="Photo">
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-sm-6">
|
||||
<img class="img-responsive" src="../../dist/img/photo4.jpg" alt="Photo">
|
||||
<br>
|
||||
<img class="img-responsive" src="../../dist/img/photo1.png" alt="Photo">
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
|
||||
<ul class="list-inline">
|
||||
<li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> Share</a></li>
|
||||
<li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> Like</a>
|
||||
</li>
|
||||
<li class="pull-right">
|
||||
<a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> Comments
|
||||
(5)</a></li>
|
||||
</ul>
|
||||
|
||||
<input class="form-control input-sm" type="text" placeholder="Type a comment">
|
||||
</div>
|
||||
<!-- /.post -->
|
||||
</div>
|
||||
<!-- /.tab-pane -->
|
||||
<div class="tab-pane" id="timeline">
|
||||
<!-- The timeline -->
|
||||
<ul class="timeline timeline-inverse">
|
||||
<!-- timeline time label -->
|
||||
<li class="time-label">
|
||||
<span class="bg-red">
|
||||
10 Feb. 2014
|
||||
</span>
|
||||
</li>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<li>
|
||||
<i class="fa fa-envelope bg-blue"></i>
|
||||
|
||||
<div class="timeline-item">
|
||||
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
|
||||
|
||||
<h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3>
|
||||
|
||||
<div class="timeline-body">
|
||||
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
|
||||
weebly ning heekya handango imeem plugg dopplr jibjab, movity
|
||||
jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
|
||||
quora plaxo ideeli hulu weebly balihoo...
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-primary btn-xs">Read more</a>
|
||||
<a class="btn btn-danger btn-xs">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<li>
|
||||
<i class="fa fa-user bg-aqua"></i>
|
||||
|
||||
<div class="timeline-item">
|
||||
<span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>
|
||||
|
||||
<h3 class="timeline-header no-border"><a href="#">Sarah Young</a> accepted your friend request
|
||||
</h3>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<li>
|
||||
<i class="fa fa-comments bg-yellow"></i>
|
||||
|
||||
<div class="timeline-item">
|
||||
<span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>
|
||||
|
||||
<h3 class="timeline-header"><a href="#">Jay White</a> commented on your post</h3>
|
||||
|
||||
<div class="timeline-body">
|
||||
Take me to your leader!
|
||||
Switzerland is small and neutral!
|
||||
We are more like Germany, ambitious and misunderstood!
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-warning btn-flat btn-xs">View comment</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline time label -->
|
||||
<li class="time-label">
|
||||
<span class="bg-green">
|
||||
3 Jan. 2014
|
||||
</span>
|
||||
</li>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<li>
|
||||
<i class="fa fa-camera bg-purple"></i>
|
||||
|
||||
<div class="timeline-item">
|
||||
<span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
|
||||
|
||||
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
|
||||
|
||||
<div class="timeline-body">
|
||||
<img src="http://placehold.it/150x100" alt="..." class="margin">
|
||||
<img src="http://placehold.it/150x100" alt="..." class="margin">
|
||||
<img src="http://placehold.it/150x100" alt="..." class="margin">
|
||||
<img src="http://placehold.it/150x100" alt="..." class="margin">
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END timeline item -->
|
||||
<li>
|
||||
<i class="fa fa-clock-o bg-gray"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.tab-pane -->
|
||||
|
||||
<div class="tab-pane" id="settings">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label for="inputName" class="col-sm-2 control-label">Name</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" id="inputName" placeholder="Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail" class="col-sm-2 control-label">Email</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputName" class="col-sm-2 control-label">Name</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="inputName" placeholder="Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputExperience" class="col-sm-2 control-label">Experience</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="inputExperience" placeholder="Experience"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputSkills" class="col-sm-2 control-label">Skills</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="inputSkills" placeholder="Skills">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox"> I agree to the <a href="#">terms and conditions</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<button type="submit" class="btn btn-danger">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- /.tab-pane -->
|
||||
</div>
|
||||
<!-- /.tab-content -->
|
||||
</div>
|
||||
<!-- /.nav-tabs-custom -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
{/block}
|
||||
Reference in New Issue
Block a user