{extend name="Public/base" /}
{block name="main"}
    <fieldset class="layui-elem-field">
        <legend>应用管理 - API列表</legend>
        <div class="layui-field-box">
            <span class="layui-btn layui-btn-normal api-add"><i class="layui-icon">&#xe608;</i> 新增</span>
            <a class="layui-btn layui-btn-warm" href="{:U('/apiDocs')}" target="_blank">
                <i class="layui-icon">&#xe641;</i> 接口文档</a>
                应用：
            <select onchange="selApp(this);">
                <option value="{:U("index")}">全部</option>
                {volist name="appList" id="app"}
                <option value='{:U("index",array('app_id'=>$app.id))}' {if condition="$app.id eq $appId"}selected{/if} >{$app.app_name}</option>
                {/volist}
            </select>
            <table class="layui-table" lay-even>
                <thead>
                <tr>
                    <th>#</th>
                    <th width="10%">接口名称</th>
                    <th width="10%">应用名称</th>
                    <th width="10%">接口映射</th>
                    <th width="10%">接口状态</th>
                    <th width="10%">请求方式</th>
                    <th width="10%">接口说明</th>
                    <th width="40%">操作</th>
                </tr>
                </thead>
                <tbody>
                {volist name="list" id="vo"}
                    <tr>
                        <td>{$i}</td>
                        <td>{$vo['apiName']}</td>
                        <td>{$vo['app_name']}</td>
                        
                        <td><a style="color: #01AAED;" target="_blank" href="{:url("api/apiPage",[action=>$vo[hash]])}">{$vo['hash']}</a><br/>{$vo['apiUrl']}</td>
                        <td>
                            {if condition="$vo['status']"}
                                <span class="base_info" style="background-color: #5FB878;">生效</span>
                                {else /}
                                <span  class="base_info"style="background-color: #FF5722;">禁用</span>
                            {/if}
                        </td>
                        <td>
                            {switch name="vo['method']" }
                                {case value="0" break="1"}
                                    <span class="base_info" style="background-color: #009688;">不限</span>
                                {/case}
                                {case value="1" break="1"}
                                    <span class="base_info" style="background-color: #2F4056;">POST</span>
                                {/case}
                                {case value="2" break="1"}
                                    <span class="base_info" style="background-color: #01AAED;">GET</span>
                                {/case}
                            {/switch}
                        </td>
                        <td>{$vo['info']}</td>
                        <td>
                            {if condition="$vo['status']"}
                                <span class="layui-btn layui-btn-danger confirm" data-info="你确定禁用当前API么？" data-id="{$vo['id']}" data-url="{:U('close')}">禁用</span>
                                {else /}
                                <span class="layui-btn confirm" data-info="你确定启用当前API么？" data-id="{$vo['id']}" data-url="{:U('open')}">启用</span>
                            {/if}
                            <span data-url="{:U('fields_manage/request', array('hash' => $vo['hash']))}" class="layui-btn field layui-btn-primary">请求参数</span>
                            <span data-url="{:U('edit', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">编辑</span>
                            <!--span data-url="{:U('fields_manage/response', array('hash' => $vo['hash']))}" class="layui-btn field layui-btn-warm">返回参数</span-->
                            <span class="layui-btn layui-btn-danger confirm" data-id="{$vo['id']}" data-info="你确定删除当前API么？" data-url="{:U('del')}">删除</span>
                        </td>
                    </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </fieldset>
{/block}
{block name="myScript"}
    <script>
        function selApp(obj){
            var url = $(obj).val();
            location.href=url;
            
        }
        layui.use(['layer'], function() {
            $('.api-add').on('click', function () {
                layer.open({
                    type: 2,
                    area: ['500px', '500px'],
                    maxmin: true,
                    content: '{:U("add")}'
                });
            });
            $('.edit').on('click', function () {
                var ownObj = $(this);
                layer.open({
                    type: 2,
                    area: ['500px', '500px'],
                    maxmin: true,
                    content: ownObj.attr('data-url')
                });
            });
            $('.field').on('click', function () {
                var ownObj = $(this);
                layer.open({
                    type: 2,
                    area: ['90%', '90%'],
                    maxmin: true,
                    content: ownObj.attr('data-url')
                });
            });
            $('.confirm').on('click', function () {
                var ownObj = $(this);
                layer.confirm(ownObj.attr('data-info'), {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $.ajax({
                        type: "POST",
                        url: ownObj.attr('data-url'),
                        data: {id:ownObj.attr('data-id')},
                        success: function(msg){
                            if( msg.code == 1 ){
                                location.reload();
                            }else{
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            });
        });
    </script>
{/block}