| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>按钮管理</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <script src="../../Script/Common/huayi.load.js"></script>
- <script src="../../Script/Common/huayi.config.js"></script>
- <script src="../../js/laydate/laydate.js"></script>
- <link rel="stylesheet" href="../../css/Table/table1.css" />
- <link href="../../css/init.css" rel="stylesheet" />
- </head>
- <body class="gray-bg">
- <div class="wrapper-content">
- <div class="th-box">
- <div class="th-bar clearfix">
- <div class="form-inline">
- <div class="form-group pull-right">
- <input type="button" class="btn_gray" authorize="yes" id="HY-add" onclick="btn_add()" value="添加" />
- </div>
- </div>
- </div>
- </div>
- <table class="mbtns" id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
- <thead>
- <tr>
- <th data-field="sort" data-align="center">排序</th>
- <th data-field="full_name" data-align="center">名称</th>
- <th data-field="encode" data-align="center">编号</th>
- <!--<th data-field="F_JsEvent" data-align="center">事件</th>-->
- <th data-field="url_address" data-align="center">链接</th>
- <th data-field="state_flag" data-formatter="formatterState" data-align="center">是否启用</th>
- <th data-align="center" data-formatter="formatterOperate">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- <script src="../../Script/Common/regexs.js"></script>
- <script>
- $(document).ready(function() {
- initTable();
- })
- function initTable() {
- var mid = helper.request.queryString("mid");
- //先销毁表格
- $('#table_all').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $('#table_all').bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "configurationapi/api/modulebuttoninfo/gettreegridjson", //获取数据的Servlet地址
- striped: true, //表格显示条纹
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- moduleid: mid,
- };
- return param;
- },
- onLoadSuccess: function(res) { //加载成功时执行
- //layer.msg("加载成功");
- },
- onLoadError: function() { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
- function btn_add() {
- var mid = helper.request.queryString("mid");
- layer.open({
- type: 2,
- content: "addOrEditButtons.html?moduleid=" + mid, //iframe的url，no代表不显示滚动条
- title: '新增按钮',
- area: ['650px', '356px'], //宽高
- });
- }
- function btn_edit(id) {
- var mid = helper.request.queryString("mid");
- layer.open({
- type: 2,
- content: "addOrEditButtons.html?fid=" + id + '&moduleid=' + mid, //iframe的url，no代表不显示滚动条
- title: '修改按钮',
- area: ['650px', '356px'], //宽高
- });
- }
- function btn_delete(del_ids) {
- layer.confirm('您确定要删除当前所选按钮吗？', {
- btn: ['确定', '取消'],
- yes: function(index, layero) {
- $.post(huayi.config.callcenter_url + "configurationapi/api/modulebuttoninfo/delmodule", {
- ids: del_ids,
- }, function(result) {
- result = JSON.parse(result);
- if(result.state.toLowerCase() == "success") {
- layer.msg("删除成功!");
- initTable();
- }
- })
- },
- });
- }
- //操作
- function formatterOperate(val, row) {
- return '<a class="aBtn" authorize="yes" id="HY-edit" onclick="btn_edit(\'' + row.id + '\')">修改</a>' +
- '<a class="aBtn" authorize="yes" id="HY-delete" onclick="btn_delete(\'' + row.id + '\')">删除</a>';
- }
- //格式化是否启用
- function formatterState(val){
- return val == 1 ? "<i class=\"glyphicon glyphicon-ok-circle\"></i>" : "<i class=\"glyphicon glyphicon-ban-circle\"></i>";
- }
- </script>
- </body>
- </html>
|
