123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <meta name="robots" content="noindex,nofollow">
- <title>{$sys_name}</title>
- <base href="{base_url()}"/>
- <link href="static/css/bootstrap.min.css" rel="stylesheet">
- <link href="static/css/bootstrap-table.min.css" rel="stylesheet">
- <link href="static/js/skins/all.css" rel="stylesheet">
- <link href="static/css/select2.min.css" rel="stylesheet">
- <link rel="stylesheet" href="static/css/style.css">
- <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body style="background: #fff;">
- <div style="padding:10px;">
- <div class="panel panel-default grid">
- <div class="panel-body">
- <form class="form-inline" role="form" method="get">
- <input type="hidden" name="page_size" value="{$page_size}">
- <div class="pull-left">
- <div class="btn-group">
- <button type="button" class="add" id="add_appauth">
- 增加接入授权
- </button>
- <span class="btn_line"></span>
- <button type="button" class="disable" id="disable_appauth" disabled>
- 批量禁用
- </button>
- <button type="button" class="enable" id="enable_appauth" disabled>
- 批量启用
- </button>
- <span class="btn_line"></span>
- <button type="button" class="refresh" onclick="window.location.reload();">
- 刷新
- </button>
- </div>
- </div>
- <div class="pull-right">
- <div class="form-group">
- <select class="form-control" name="status">
- <option value="">所有状态</option>
- {foreach $appauth_status as $k=>$val}
- <option value="{$k}" {if $status == $k}selected{/if}>{$val}</option>
- {/foreach}
- </select>
- </div>
- <div class="form-group">
- <input class="form-control keyword" name="keyword" id="keyword" placeholder="搜索" type="text" value="{$keyword}">
- <button type="submit" class="search">
- <i class="glyphicon glyphicon-search"></i>
- </button>
- </div>
- </div>
- </form>
- </div>
- <table id="data_table" data-toggle="table" data-search="true" class="table{if $count} table-hover{/if} table-bordered">
- <thead>
- <tr>
- <th class="text-center" style="width: 40px;"><input name="check_all" class="check_all" value="true" type="checkbox"></th>
- <!--<th></th>-->
- <th class="text-center">应用名称</th>
- <th class="text-center">APPID</th>
- <th class="text-center">状态</th>
- <th class="text-center">创建时间</th>
- <th class="text-center" style="width: 230px">操作</th>
- </tr>
- </thead>
- <tbody>
- {foreach $appauth_list as $k=>$val}
- <tr>
- <td class="text-center"><input name="ids[]" value="{$val['app_id']}" type="checkbox"></td>
- <td>{$val['app_name']}</td>
- <td>{$val['app_id']}</td>
- <td class="text-center"><span class="status{$val['status']}">{$appauth_status[$val['status']]}</span></td>
- <td class="text-center">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
- <td>
- <a href="javascript:;" data-id="{$val['app_id']}" class="view_info">
- 查看详情
- </a>
- {if $val['status'] == "10"}
- <a href="javascript:;" data-id="{$val['app_id']}" class="stop_use">
- 禁用
- </a>
- {/if}
- {if $val['status'] == "40"}
- <a href="javascript:;" data-id="{$val['app_id']}" class="restore">
- 启用
- </a>
- {/if}
- <a href="javascript:;" data-id="{$val['app_id']}" class="delete">
- 删除
- </a>
- </td>
- </tr>
- {/foreach}
- {if !$count}
- <tr>
- <td colspan="6" class="empty_table"><img src="static/images/empty_table.png"><p>暂无符合条件的数据!</p></td>
- </tr>
- {/if}
- </tbody>
- </table>
- <div class="panel-footer clearfix">
- <div class="form-inline">
- <div class="pull-right">
- <div class="form-group count">总共{$count}条记录</div>
- <div class="form-group">
- {$page}
- </div>
- <div class="form-group">
- <label for="page_size" class="form-control-static control-label">每页</label>
- <select class="form-control" id="page_size" name="page_size">
- <option value="10" {if $page_size == 10}selected{/if}>10</option>
- <option value="20" {if $page_size == 20}selected{/if}>20</option>
- <option value="50" {if $page_size == 50}selected{/if}>50</option>
- <option value="100" {if $page_size == 100}selected{/if}>100</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/bootstrap.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table-zh-CN.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/icheck.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/select2.full.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>{literal}
- <script language="javascript" type="text/javascript">
- var disabled_btn = "";
- $(".panel-body button:disabled").each(function () {
- disabled_btn +="#"+$(this).attr("id")+",";
- })
- disabled_btn = disabled_btn.substr(0,disabled_btn.length-1);
- $(function(){
- $("table").show();
- $('input').iCheck({
- cursor : true,
- checkboxClass : 'icheckbox_square-blue'
- });
- $("select").select2({minimumResultsForSearch: -1});
- layer.config({
- extend: 'myskin/style.css', //加载新皮肤
- });
- /*$("#keyword").on('input',function () {
- $('#data_table').bootstrapTable('resetSearch', $(this).val());
- $('input').iCheck({
- cursor : true,
- checkboxClass : 'icheckbox_square-blue'
- });
- });*/
- $("#add_appauth").click(function () {
- parent.$('#mainFrameTabs').bTabsAdd("tab21","新增接入授权","appauth/add");
- })
- $(".bootstrap-table").on('click',".delete",function () {
- var id = $(this).data("id");
- layer.confirm("确定要删除该接入授权吗?删除后该应用将不能与系统通讯!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
- if(id != "" && id != undefined) {
- $.post(
- "appauth/delete/" + id,
- function (data) {
- layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
- window.location.reload();
- })
- }
- )
- }else{
- layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
- }
- layer.close(index);
- })
- })
- $(".bootstrap-table").on('click',".stop_use",function () {
- var id = $(this).data("id");
- layer.confirm("确定要停用该接入授权吗?停用后该应用将不能与系统通讯!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
- if(id != "" && id != undefined) {
- $.post(
- "appauth/stopuse/" + id,
- function (data) {
- layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
- window.location.reload();
- })
- }
- )
- }else{
- layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
- }
- layer.close(index);
- })
- })
- $(".bootstrap-table").on('click',".restore",function () {
- var id = $(this).data("id");
- if(id != "" && id != undefined) {
- $.post(
- "appauth/restore/" + id,
- function (data) {
- layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
- window.location.reload();
- })
- }
- )
- }else{
- layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
- }
- })
- $(".bootstrap-table").on('click',".view_info",function() {
- var id = $(this).data("id");
- if (id != "" && id != undefined) {
- layer.open({
- type: 2,
- title: "接入授权详情",
- offset: 'auto',
- shade: [0.3],
- area: ['800px', '400px'],
- anim: 0,
- shadeClose: false,
- content: 'appauth/view/' + id,
- end: function () {
- window.location.reload();
- }
- });
- } else {
- layer.alert("参数错误,请刷新后重试!", {skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
- }
- })
- $(".bootstrap-table").on('ifChecked','.check_all',function () {
- $("input:checkbox").not(':disabled').iCheck('check');
- }).on('ifUnchecked','.check_all',function () {
- $("input:checkbox").not(':disabled').iCheck('uncheck');
- });
- $(".bootstrap-table").on('ifChanged','input:checkbox',function(){
- var ids ="";
- $("input:checkbox").each(function () {
- if($(this).not(":disabled").prop("checked")){
- ids += $(this).val()+",";
- }
- });
- if(ids != "" && ids != undefined){
- $(disabled_btn).removeAttr("disabled");
- }else{
- $(disabled_btn).attr("disabled","disabled");
- }
- })
- $("#disable_appauth").click(function () {
- var ids = "";
- $("input:checkbox").each(function () {
- if($(this).not(":disabled").prop("checked")){
- ids += $(this).val()+",";
- }
- })
- if(ids == ""){
- layer.alert("请选择要停用的接入授权!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
- }else{
- layer.confirm('确定要禁用选择的接入授权吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
- $.post(
- "appauth/disableall",{'ids':ids},
- function (data) {
- layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
- window.location.reload();
- })
- }
- )
- layer.close(index);
- })
- }
- })
- $("#enable_appauth").click(function () {
- var ids = "";
- $("input:checkbox").each(function () {
- if($(this).not(":disabled").prop("checked")){
- ids += $(this).val()+",";
- }
- })
- if(ids == ""){
- layer.alert("请选择要启用的接入授权!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
- }else{
- layer.confirm('确定要启用选择的接入授权吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
- $.post(
- "appauth/enableall",{'ids':ids},
- function (data) {
- layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
- window.location.reload();
- })
- }
- )
- layer.close(index);
- })
- }
- })
- $("#page_size").change(function () {
- var page_size = $(this).val();
- window.location.href = "appauth/index?page_size="+page_size;
- })
- $(".form-inline select").on("change",function(e) {
- if($(this).attr("id") != "page_size") {
- $(".form-inline").submit();
- }
- })
- })
- </script>{/literal}
- </body>
- </html>
|