|
|
@@ -1,122 +1,61 @@
|
|
|
-<div class="container-fluid ">
|
|
|
- <div class="row">
|
|
|
- <div class="col-xs-3">
|
|
|
- <div class="input-group">
|
|
|
- <span class="input-group-addon">关键词</span>
|
|
|
- <input class="form-control form-focus" autofocus type="text" placeholder="请输入关键词">
|
|
|
+
|
|
|
+<script src="/js/constant/constant.js"></script>
|
|
|
+ <div class="container-fluid ">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-3">
|
|
|
+ <div class="input-group">
|
|
|
+ <span class="input-group-addon">关键词</span>
|
|
|
+ <input class="form-control form-focus" id="keywords" autofocus type="text" placeholder="请输入关键词">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-xs-3">
|
|
|
+ <div class="input-group">
|
|
|
+ <button class="btn btn-primary " type="button" onclick="getConstant()">查询</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="float:right;">
|
|
|
+ <button class="btn btn-success" type="button" data-toggle="modal" data-target="#myModal"><i class="icon icon-plus-sign"></i> 添加</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <br>
|
|
|
|
|
|
- <div class="col-xs-3">
|
|
|
- <div class="input-group">
|
|
|
- <button class="btn btn-primary " type="button">查询</button>
|
|
|
- </div>
|
|
|
+ <div class="row">
|
|
|
+ <!-- 使用一个div来显示数据表格 -->
|
|
|
+ <div class="datatable" data-checkable="true" data-sortable="true"></div
|
|
|
</div>
|
|
|
- <div style="float:right;">
|
|
|
- <button class="btn btn-success" type="button" data-toggle="modal" data-target="#myModal"><i class="icon icon-plus-sign"></i> 添加</button>
|
|
|
+ <div class="row" style="text-align:center">
|
|
|
+ <ul class="pager center-block">
|
|
|
+ <li class="previous"><a href="#">« 上一页</a></li>
|
|
|
+ <li><a href="#">1</a></li>
|
|
|
+ <li><a href="#">2</a></li>
|
|
|
+ <li><a href="#">3</a></li>
|
|
|
+ <li><a href="#">4</a></li>
|
|
|
+ <li><a href="#">5</a></li>
|
|
|
+ <li class="next"><a href="#">下一页 »</a></li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <br>
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <!-- 使用一个div来显示数据表格 -->
|
|
|
- <div class="datatable" data-checkable="true" data-sortable="true"></div>
|
|
|
- </div>
|
|
|
- <div class="row" style="text-align:center">
|
|
|
- <ul class="pager center-block">
|
|
|
- <li class="previous"><a href="#">« 上一页</a></li>
|
|
|
- <li><a href="#">1</a></li>
|
|
|
- <li class="active"><a href="#">2</a></li>
|
|
|
- <li><a href="#">3</a></li>
|
|
|
- <li><a href="#">4</a></li>
|
|
|
- <li><a href="#">5</a></li>
|
|
|
- <li class="next"><a href="#">下一页 »</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<!-- 对话框HTML -->
|
|
|
-<div class="modal fade" id="myModal">
|
|
|
+ <!-- 对话框HTML -->
|
|
|
+ <div class="modal fade" id="myModal">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
|
|
|
- <h4 class="modal-title">添加常量</h4>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- <link rel="import" href="/view/constant/add.html?__inline">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="modal-header">
|
|
|
+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
|
|
|
+ <h4 class="modal-title">添加常量</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <link rel="import" href="/view/constant/add.html?__inline">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<script>
|
|
|
$(document).ready(function() {
|
|
|
- // 使用data参数更新数据:
|
|
|
- $('.datatable').datatable({
|
|
|
- checkable: false,
|
|
|
- sortable: false,
|
|
|
- data: {
|
|
|
- cols: [{
|
|
|
- width: 80,
|
|
|
- text: '序号',
|
|
|
- type: 'number',
|
|
|
- flex: false,
|
|
|
- colClass: 'text-center'
|
|
|
- }, {
|
|
|
- width: 80,
|
|
|
- text: '代码编号',
|
|
|
- type: 'date',
|
|
|
- flex: false,
|
|
|
- sort: 'down'
|
|
|
- }, {
|
|
|
- width: 80,
|
|
|
- text: '代码名称',
|
|
|
- type: 'string',
|
|
|
- flex: true,
|
|
|
- colClass: ''
|
|
|
- }, {
|
|
|
- width: 80,
|
|
|
- text: '有效标志',
|
|
|
- type: 'date',
|
|
|
- flex: false,
|
|
|
- sort: 'down'
|
|
|
- }, {
|
|
|
- width: 80,
|
|
|
- text: '代码标识',
|
|
|
- type: 'string',
|
|
|
- flex: true,
|
|
|
- colClass: ''
|
|
|
- }, {
|
|
|
- width: 160,
|
|
|
- text: '标识名称',
|
|
|
- type: 'date',
|
|
|
- flex: false,
|
|
|
- sort: 'down'
|
|
|
- }, {
|
|
|
- width: 80,
|
|
|
- text: '备注',
|
|
|
- type: 'string',
|
|
|
- flex: true,
|
|
|
- colClass: ''
|
|
|
- }, {
|
|
|
- width: 160,
|
|
|
- text: '操作',
|
|
|
- type: 'string',
|
|
|
- flex: true,
|
|
|
- colClass: ''
|
|
|
- }],
|
|
|
- rows: [{
|
|
|
- checked: false,
|
|
|
- data: [1, '1', '上行', '1', 'DIRECTION', '方向', '未稽查', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
|
|
|
- }, {
|
|
|
- checked: false,
|
|
|
- data: [2, '2', '下行', '1', 'DIRECTION', '方向', '未稽查', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
|
|
|
- },
|
|
|
- // 更多数据
|
|
|
- ]
|
|
|
- }
|
|
|
- });
|
|
|
+ getConstant();
|
|
|
});
|
|
|
</script>
|