web.php 5.74 KB
<?php $this->load->view('common/header'); ?>

<body>
    <div class="cl pd-5 bg-1">
        <span class="l">
            <button class="btn btn-primary radius" onclick="layer_load('', '<?=site_url('/tool/cal');?>');">
                <i class="Hui-iconfont">&#xe636;</i> 利息计算器
            </button>
            <button class="btn btn-primary radius" onclick="layer_load('', '<?=site_url('/tool/web');?>');">
                <i class="Hui-iconfont">&#xe60d;</i> 网查网址
            </button>
        </span>
        <span class="r">
            <button class="btn btn-primary radius" onclick="layer_load('', '<?=site_url('/tool/add');?>');">
                <i class="Hui-iconfont">&#xe60d;</i> 新增
            </button>
        </span>
    </div>

    <div class="page-container">
        <!--<form class="" onreset="resetHandler()">
            <div class="row cl mb-20">
                <div class="col-xs-4">
                    <input type="text" class="form-control input-text table_search" value="" placeholder="网站名称" column="1">
                </div>
                <div class="col-xs-4">
                    <input type="text" class="form-control input-text table_search" value="" placeholder="网站地址" column="2">
                </div>
            </div>

            <div>
                <button class="btn btn-primary radius" type="button" onclick="$('#table').DataTable().draw()">搜索</button>
<input class="btn btn-warning radius" type="reset" value="重置">
            </div>
        </form>-->
        <div class="body mt-20">
            <table class="table table-border table-bordered table-bg" id="table" width="100%">
                <thead class="text-c">
                    <tr>
                        <th width="68px">操作</th>
                        <th>网站名称</th>
                        <th>网站地址</th>
                        <th>备注</th>
                    </tr>
                </thead>
                <tbody class="text-c">
                </tbody>
            </table>
        </div>
    </div>
    <?php $this->load->view('common/footer'); ?>

    <script>
    var table = $('#table').dataTable({
        aaSorting: [[1, "desc"]],
        serverSide: true,
        processing: true,
        bSort: false,
        searching: false,//是否显示搜索
        iDisplayLength: 10,
        bLengthChange: false,
        ajax: {
            url: apiBaseUrl + 'application/tool/webSites',
            dataFilter: function (json) {
                var ret = {}, json = jQuery.parseJSON(json);
                ret.data = json.data || [];
                var draw = getUrlParam('draw');
                if(draw) {
                    ret.draw = draw;
                }
                ret.recordsTotal = 0;
                ret.recordsFiltered = 0;
                if (json.page) {
                    ret.recordsTotal = parseInt(json.page.totalNumber);
                    ret.recordsFiltered = parseInt(json.page.totalNumber);
                }
                return JSON.stringify(ret);
            },
            data: function (data) {
                data.pageSize = data.length;
                data.currentPage = parseFloat(data.start / data.length) + 1;
                return data;
            }
        },
        columns: [
            {
                data: "id", render: function (data, type, full) {
                    return '<span class="dropDown dropDown_hover">\
                                <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
                                <ul class="dropDown-menu menu radius box-shadow">\
                                    <li><a href="javascript:;" onclick="layer_load(\'订单详情\', \'/index.php/tool/edit/'+data+'\')">编辑</a></li>\
                                    <li><a href="javascript:;" onclick="del('+data+')">删除</a></li>\
                                </ul></span>';
                }
            },
            {data: "siteName"},//网站名称
            {data: "siteAddress", render: function(data, type, full) {
                if(data)
                    return '<a href="'+data+'" target="_blank" class="btn btn-link">'+data+'</a>';
                return '';
            }},//网站地址
            {data: "remark"},//备注
        ]
    });

    $('.table_search').on('keyup', function () {
        search = $(this).val();
        column = $(this).attr('column');

        $('#table').DataTable().column(column).search(search).draw();
    });

    $('#min, #max').on('keyup', function () {
        $('#table').DataTable().draw();
    });

    function resetHandler() {
        $('#table').DataTable().columns().search("").draw();
    }

    function del(id) {
        layer.confirm('一旦删除信息就无法恢复, 确认删除吗?', {
            btn: ['确认','取消'],
            title: '删除网查'
        }, function(){
            $.ajax({
                type:'delete',
                url:apiBaseUrl + 'application/tool/webSite/' + id,
                cache: false,
                dataType:'json',
                contentType: "application/json; charset=UTF-8",
                success:function(data){
                    if(data.msg){
                        layer.alert(data.msg);
                    } else if(data.code != 0){
                        layer.alert('请求失败');
                    } else {
                        layer.msg('删除成功');
                        setTimeout(function () {
                            layer_load('应用工具', '<?=site_url("tool/web")?>');
                        },500);
                    }

                },
                error:function(){
                    layer.alert("请求失败")
                }
            })

        });
    }
    </script>
</body>
<html>