<!DOCTYPE html> <html class="x-admin-sm"> <head> <meta charset="UTF-8"> <title>系统维护-数据字典</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"/> <link href="css/font.css" rel="stylesheet"> <link href="css/xadmin.css" rel="stylesheet"> <link href="css/login.css" rel="stylesheet"> <link href="../lib/layui/css/layui.css"> <!-- 隐藏操作中的多一次显示--> <style> .layui-table-tips-main { display: none; } .layui-table-tips-c { display: none; } .layui-table-grid-down{ display: none; } .layui-form-select dl dd.layui-select-tips { padding-left: 10px!important; color: #999; } .layui-layer-lan div.layui-layer-title { background: #eee; color: #333; border: none; } #agreementUp{ display: none; } </style> <script src="js/jquery.min.js"></script> <script src="lib/layui/layui.js"></script> <script src="js/xadmin.js"></script> <script src="js/util.js"></script> <script src="js/getUserToken.js"></script> <script src="js/api.js"></script> <script src="js/layer.js"></script> <!--<script src="js/append.js"></script>--> <script src="js/search.js"></script> <script src="js/jqueryForm.js"></script> <!--动态表单拼接--> <script src="js/parameter.js"></script> <!--详情页动态表单--> <script src="js/base.js"></script> <!--待办动态表单--> <script src="js/Taskdealwith.js"></script> <!--<script src="js/ajax.js"></script>--> <!--详情页静态元素--> <script src="js/Taskdealwith-static.js"></script> <!--已办详情动态拼接--> <script src="js/complete.js"></script> <!--已办详情静态拼接--> <script src="js/complete-static.js"></script> <!--二维码--> <script src="js/jquery.qrcode.min.js"></script> <!--当前详情静态拼接--> <script src="js/baseStatic.js"></script> <!--当前详情动态拼接--> <script src="js/base.js"></script> <script src="js/agreement.js"></script> <!--禁用回车键(texaarea文本输入框除外)--> <script> window.onload = function (){ document.body.onkeydown=function(event){ if(event.keyCode==13 && event.target.nodeName !== 'TEXTAREA'){ event.keyCod=0; return false; } } }; </script> <!--//备注与输入框超过300|100字时截断且提示--> <script src="js/msgRemark.js"></script> <!--//更换阶段负责人--> <script src="js/ifChangeOn.js"></script> <!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="x-nav"> <span class="layui-breadcrumb"> <a href="">首页</a> <a href="">系统维护</a> <a><cite>数据字典</cite></a> </span> <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新"> <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a> </div> <div class="layui-fluid"> <div class="layui-row layui-col-space15"> <div class="layui-col-md12"> <div class="layui-card"> <button style="margin-left: 50px;margin-top: 10px" class="layui-btn layui-btn-mini" lay-event="add" onclick="xadmin.open('添加', './dict-add.html', 500, 400)"><i class="layui-icon"></i>添加</button> <div class="layui-card-body " style="min-height: 300px"> <table id="ttauditing" lay-filter="survey" style="text-align: center"></table> </div> </div> </div> </div> </div> </body> <style> .layui-table-cell { text-align: center; } .layui-table-cell .layui-table-link{ color: #666; } #layui-table-page1{ text-align: end; } </style> <script> layui.use('table', function() { var table = layui.table; //第一个实例 table.render({ id:'testReload', elem: '#ttauditing' ,height:466 ,method:"get" ,url:util.interfaceUrl + interfacenName.getDictionary ,limits:[10,20,30] ,headers:{ 'Authorization': userToken, 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, limit:10, done: function (res) { console.log(res); console.log(res.rows); }, parseData: function (res) { console.log(res) return { "code": 0, //解析接口状态 "msg": "", //解析提示文本 "count": res.total, //解析数据长度 "data": res.rows }; } , contentType: "json" , request: { pageName: "page", limitName: "rows", }, where:{ sort:"type desc , update_date desc", } , edit: "text" , page: true //开启分页 , cols: [[ //表头 { field: '', title: '序号', fixed: 'left', width: 145,type:'numbers', } , { field: 'name', title: '名称', width: 235, templet: function (d) { return '<div>' + util.dealWithFormatTextByLen(d.name, 20, true) + '</a></div>' } } , { field: 'type', title: '类型', width: 235, templet: function (d) { return '<div>' + util.dealWithFormatTextByLen(d.type, 20, true) + '</a></div>' } } , { field: 'value', title: '值', width: 235, templet: function (d) { return '<div>' + util.dealWithFormatTextByLen(d.value, 20, true) + '</a></div>' } } , {title: '操作',toolbar: '#barDemo', fixed: 'right',minWidth: 235,} ]] }); var dictName = $('#dicName').val(); var dicType = $('#dicType').val(); var dicNumber = $('#dicNumber').val(); table.on('tool(survey)', function (obj){ var data = obj.data; console.log(data) if (obj.event === 'edit') { console.log(data) xadmin.open('编辑', './dict-edit.html?name='+data.name+'&&type='+data.type+'&&value='+data.value+'&&businessId='+data.businessId, 500, 400) }else if (obj.event==='del'){ layer.confirm('是否确定删除?',function (index){ $('body').loading('show') util.ajax({ url: util.interfaceUrl + interfacenName.getRemove + '/'+ data.businessId, type: "delete", success: function (result) { setTimeout(function () { $("body").loading('hide'); },1000) var returnCode=result.code; if (returnCode==200){ // result('删除成功') layer.close(index); location.reload() } else { // result('刪除失敗') layer.close(index); location.reload() } }, error: function (err) { setTimeout(function () { $("body").loading('hide'); },1000) console.log(err) } }) }) } //执行重载 var $=layui.$, active = { reload: function(){ //执行重载 table.reload('testReload', { page: { curr: 1 //重新从第 1 页开始 } ,where: { name:dictName } }, 'data'); } } $('.layui-layer-btn0').on('click', function(){ active['reload'] ? active['reload'].call(this) : ''; }); }) }); function refresh() { location.reload() } </script> <script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-mini" lay-event="edit"><i class="layui-icon"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del" ><i class="layui-icon"></i> 删除</a> </script>