lab_list.html
5.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<include file="public@header"/>
</head>
<body>
<div class="wrap js-check-wrap">
<ul class="nav nav-tabs">
<li ><a href="{:url('Label/classify_list')}">分类管理</a></li>
<li class="active"><a href="#">标签管理</a></li>
</ul>
<button type="button" class="btn btn-default" style="margin-top: 10px;" data-toggle="modal" data-target="#myModal">添加标签</button>
<table class="table table-bordered">
<caption>标签管理列表</caption>
<thead>
<tr>
<th>标签名称</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody class="tb">
<volist name="data" id="vo">
<tr class="tr{$vo.id}">
<td>{$vo.name}</td>
<td>{$vo.create_time|date="Y-m-d H:i:s",###}</td>
<td>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myeditModal" onclick="myedit({$vo.id})">编辑</button>
<button type="button" class="btn btn-default" onclick="del({$vo.id})">删除</button>
</td>
</tr>
</volist>
</tbody>
</table>
</div>
<!-- 添加模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">添加标签</h4>
</div>
<div class="modal-body">
<div style="padding: 10px 100px 10px;">
<form class="bs-example bs-example-form" role="form">
<div class="input-group">
<span class="input-group-addon">标签名称：</span>
<input type="text" class="form-control" name="name">
</div>
<br>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default guanbi" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="mysave()">保存</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 编辑模态框（Modal） -->
<div class="modal fade" id="myeditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">编辑</h4>
</div>
<div class="modal-body">
<div style="padding: 10px 100px 10px;">
<form class="bs-example bs-example-form" role="form">
<div class="input-group">
<span class="input-group-addon">标签名称：</span>
<input type="text" class="form-control" name="edit_name">
<input type="hidden" name="id" value="">
</div>
<br>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="edit_post()">保存</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script>
//添加分类保存
function mysave(){
name = $("input[name='name']").val();
if(name == ''){
alert('标签名称不能为空');
}else{
$.post("{:url('Label/lab_add')}",{name:name},function(data){
if(data){
shuju = JSON.parse(data);
$('.tb').append("<tr class='tr"+shuju.id+"'><td>"+name+"</td><td>"+shuju.create_time+"</td><td><button type='button' class='btn btn-default' data-toggle='modal' data-target='#myeditModal' onclick='myedit("+shuju.id+")'>编辑</button><button type='button' class='btn btn-default' onclick='del("+shuju.id+")'>删除</button></td></tr>");
$('.guanbi').trigger('click');
}else{
alert('添加失败');
}
});
}
}
//编辑分类
function myedit(id){
$.post("{:url('Label/lab_edit')}",{id:id},function(data){
shuju = JSON.parse(data);
$("input[name='edit_name']").val(shuju.name);
$("input[name='id']").val(shuju.id);
})
}
//编辑修改分类
function edit_post(){
name = $("input[name='edit_name']").val();
id = $("input[name='id']").val();
$.post("{:url('Label/lab_edit_post')}",{name:name,id:id},function(data){
window.location.reload();
});
}
//删除
function del(id){
ccc = window.confirm('是否删除这条标签？');
if(ccc){
$.post("{:url('Label/lab_del')}",{id:id},function(data){
if(data){
$('.tr'+id).remove();
}else{
alert('删除失败');
}
});
}
}
</script>
</body>
</html>