index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6. <meta name="robots" content="noindex,nofollow">
  7. <title>{$sys_name}</title>
  8. <base href="{base_url()}"/>
  9. <link href="static/css/bootstrap.min.css" rel="stylesheet">
  10. <link href="static/css/bootstrap-table.min.css" rel="stylesheet">
  11. <link href="static/js/skins/all.css" rel="stylesheet">
  12. <link href="static/css/select2.min.css" rel="stylesheet">
  13. <link rel="stylesheet" href="static/css/style.css">
  14. <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
  15. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  16. <!--[if lt IE 9]>
  17. <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body style="background: #fff;">
  22. <div style="padding:10px;">
  23. <div class="panel panel-default grid">
  24. <div class="panel-body">
  25. <form class="form-inline" role="form" method="get">
  26. <input type="hidden" name="page_size" value="{$page_size}">
  27. <div class="pull-left">
  28. <div class="btn-group">
  29. <button type="button" class="add" id="add_appauth">
  30. 增加接入授权
  31. </button>
  32. <span class="btn_line"></span>
  33. <button type="button" class="disable" id="disable_appauth" disabled>
  34. 批量禁用
  35. </button>
  36. <button type="button" class="enable" id="enable_appauth" disabled>
  37. 批量启用
  38. </button>
  39. <span class="btn_line"></span>
  40. <button type="button" class="refresh" onclick="window.location.reload();">
  41. 刷新
  42. </button>
  43. </div>
  44. </div>
  45. <div class="pull-right">
  46. <div class="form-group">
  47. <select class="form-control" name="status">
  48. <option value="">所有状态</option>
  49. {foreach $appauth_status as $k=>$val}
  50. <option value="{$k}" {if $status == $k}selected{/if}>{$val}</option>
  51. {/foreach}
  52. </select>
  53. </div>
  54. <div class="form-group">
  55. <input class="form-control keyword" name="keyword" id="keyword" placeholder="搜索" type="text" value="{$keyword}">
  56. <button type="submit" class="search">
  57. <i class="glyphicon glyphicon-search"></i>
  58. </button>
  59. </div>
  60. </div>
  61. </form>
  62. </div>
  63. <table id="data_table" data-toggle="table" data-search="true" class="table{if $count} table-hover{/if} table-bordered">
  64. <thead>
  65. <tr>
  66. <th class="text-center" style="width: 40px;"><input name="check_all" class="check_all" value="true" type="checkbox"></th>
  67. <!--<th></th>-->
  68. <th class="text-center">应用名称</th>
  69. <th class="text-center">APPID</th>
  70. <th class="text-center">状态</th>
  71. <th class="text-center">创建时间</th>
  72. <th class="text-center" style="width: 230px">操作</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. {foreach $appauth_list as $k=>$val}
  77. <tr>
  78. <td class="text-center"><input name="ids[]" value="{$val['app_id']}" type="checkbox"></td>
  79. <td>{$val['app_name']}</td>
  80. <td>{$val['app_id']}</td>
  81. <td class="text-center"><span class="status{$val['status']}">{$appauth_status[$val['status']]}</span></td>
  82. <td class="text-center">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
  83. <td>
  84. <a href="javascript:;" data-id="{$val['app_id']}" class="view_info">
  85. 查看详情
  86. </a>
  87. {if $val['status'] == "10"}
  88. <a href="javascript:;" data-id="{$val['app_id']}" class="stop_use">
  89. 禁用
  90. </a>
  91. {/if}
  92. {if $val['status'] == "40"}
  93. <a href="javascript:;" data-id="{$val['app_id']}" class="restore">
  94. 启用
  95. </a>
  96. {/if}
  97. <a href="javascript:;" data-id="{$val['app_id']}" class="delete">
  98. 删除
  99. </a>
  100. </td>
  101. </tr>
  102. {/foreach}
  103. {if !$count}
  104. <tr>
  105. <td colspan="6" class="empty_table"><img src="static/images/empty_table.png"><p>暂无符合条件的数据!</p></td>
  106. </tr>
  107. {/if}
  108. </tbody>
  109. </table>
  110. <div class="panel-footer clearfix">
  111. <div class="form-inline">
  112. <div class="pull-right">
  113. <div class="form-group count">总共{$count}条记录</div>
  114. <div class="form-group">
  115. {$page}
  116. </div>
  117. <div class="form-group">
  118. <label for="page_size" class="form-control-static control-label">每页</label>
  119. <select class="form-control" id="page_size" name="page_size">
  120. <option value="10" {if $page_size == 10}selected{/if}>10</option>
  121. <option value="20" {if $page_size == 20}selected{/if}>20</option>
  122. <option value="50" {if $page_size == 50}selected{/if}>50</option>
  123. <option value="100" {if $page_size == 100}selected{/if}>100</option>
  124. </select>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
  132. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap.min.js"></script>
  133. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table.min.js"></script>
  134. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table-zh-CN.min.js"></script>
  135. <script type="text/javascript" charset="utf-8" src="static/js/icheck.min.js"></script>
  136. <script type="text/javascript" charset="utf-8" src="static/js/select2.full.min.js"></script>
  137. <script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>{literal}
  138. <script language="javascript" type="text/javascript">
  139. var disabled_btn = "";
  140. $(".panel-body button:disabled").each(function () {
  141. disabled_btn +="#"+$(this).attr("id")+",";
  142. })
  143. disabled_btn = disabled_btn.substr(0,disabled_btn.length-1);
  144. $(function(){
  145. $("table").show();
  146. $('input').iCheck({
  147. cursor : true,
  148. checkboxClass : 'icheckbox_square-blue'
  149. });
  150. $("select").select2({minimumResultsForSearch: -1});
  151. layer.config({
  152. extend: 'myskin/style.css', //加载新皮肤
  153. });
  154. /*$("#keyword").on('input',function () {
  155. $('#data_table').bootstrapTable('resetSearch', $(this).val());
  156. $('input').iCheck({
  157. cursor : true,
  158. checkboxClass : 'icheckbox_square-blue'
  159. });
  160. });*/
  161. $("#add_appauth").click(function () {
  162. parent.$('#mainFrameTabs').bTabsAdd("tab21","新增接入授权","appauth/add");
  163. })
  164. $(".bootstrap-table").on('click',".delete",function () {
  165. var id = $(this).data("id");
  166. layer.confirm("确定要删除该接入授权吗?删除后该应用将不能与系统通讯!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  167. if(id != "" && id != undefined) {
  168. $.post(
  169. "appauth/delete/" + id,
  170. function (data) {
  171. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  172. window.location.reload();
  173. })
  174. }
  175. )
  176. }else{
  177. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  178. }
  179. layer.close(index);
  180. })
  181. })
  182. $(".bootstrap-table").on('click',".stop_use",function () {
  183. var id = $(this).data("id");
  184. layer.confirm("确定要停用该接入授权吗?停用后该应用将不能与系统通讯!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  185. if(id != "" && id != undefined) {
  186. $.post(
  187. "appauth/stopuse/" + id,
  188. function (data) {
  189. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  190. window.location.reload();
  191. })
  192. }
  193. )
  194. }else{
  195. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  196. }
  197. layer.close(index);
  198. })
  199. })
  200. $(".bootstrap-table").on('click',".restore",function () {
  201. var id = $(this).data("id");
  202. if(id != "" && id != undefined) {
  203. $.post(
  204. "appauth/restore/" + id,
  205. function (data) {
  206. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  207. window.location.reload();
  208. })
  209. }
  210. )
  211. }else{
  212. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  213. }
  214. })
  215. $(".bootstrap-table").on('click',".view_info",function() {
  216. var id = $(this).data("id");
  217. if (id != "" && id != undefined) {
  218. layer.open({
  219. type: 2,
  220. title: "接入授权详情",
  221. offset: 'auto',
  222. shade: [0.3],
  223. area: ['800px', '400px'],
  224. anim: 0,
  225. shadeClose: false,
  226. content: 'appauth/view/' + id,
  227. end: function () {
  228. window.location.reload();
  229. }
  230. });
  231. } else {
  232. layer.alert("参数错误,请刷新后重试!", {skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  233. }
  234. })
  235. $(".bootstrap-table").on('ifChecked','.check_all',function () {
  236. $("input:checkbox").not(':disabled').iCheck('check');
  237. }).on('ifUnchecked','.check_all',function () {
  238. $("input:checkbox").not(':disabled').iCheck('uncheck');
  239. });
  240. $(".bootstrap-table").on('ifChanged','input:checkbox',function(){
  241. var ids ="";
  242. $("input:checkbox").each(function () {
  243. if($(this).not(":disabled").prop("checked")){
  244. ids += $(this).val()+",";
  245. }
  246. });
  247. if(ids != "" && ids != undefined){
  248. $(disabled_btn).removeAttr("disabled");
  249. }else{
  250. $(disabled_btn).attr("disabled","disabled");
  251. }
  252. })
  253. $("#disable_appauth").click(function () {
  254. var ids = "";
  255. $("input:checkbox").each(function () {
  256. if($(this).not(":disabled").prop("checked")){
  257. ids += $(this).val()+",";
  258. }
  259. })
  260. if(ids == ""){
  261. layer.alert("请选择要停用的接入授权!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
  262. }else{
  263. layer.confirm('确定要禁用选择的接入授权吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  264. $.post(
  265. "appauth/disableall",{'ids':ids},
  266. function (data) {
  267. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  268. window.location.reload();
  269. })
  270. }
  271. )
  272. layer.close(index);
  273. })
  274. }
  275. })
  276. $("#enable_appauth").click(function () {
  277. var ids = "";
  278. $("input:checkbox").each(function () {
  279. if($(this).not(":disabled").prop("checked")){
  280. ids += $(this).val()+",";
  281. }
  282. })
  283. if(ids == ""){
  284. layer.alert("请选择要启用的接入授权!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
  285. }else{
  286. layer.confirm('确定要启用选择的接入授权吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  287. $.post(
  288. "appauth/enableall",{'ids':ids},
  289. function (data) {
  290. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  291. window.location.reload();
  292. })
  293. }
  294. )
  295. layer.close(index);
  296. })
  297. }
  298. })
  299. $("#page_size").change(function () {
  300. var page_size = $(this).val();
  301. window.location.href = "appauth/index?page_size="+page_size;
  302. })
  303. $(".form-inline select").on("change",function(e) {
  304. if($(this).attr("id") != "page_size") {
  305. $(".form-inline").submit();
  306. }
  307. })
  308. })
  309. </script>{/literal}
  310. </body>
  311. </html>