44b51f7997812457140c3fb1a805076b.php 8.4 KB
<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:50:"themes/admin_simpleboot3/admin\label\lab_list.html";i:1558338853;s:43:"themes/admin_simpleboot3/public\header.html";i:1547883254;}*/ ?>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- HTML5 shim for IE8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->


    <link href="__TMPL__/public/assets/themes/<?php echo cmf_get_admin_style(); ?>/bootstrap.min.css" rel="stylesheet">
    <link href="__TMPL__/public/assets/simpleboot3/css/simplebootadmin.css" rel="stylesheet">
    <link href="__STATIC__/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <style>
        form .input-order {
            margin-bottom: 0px;
            padding: 0 2px;
            width: 42px;
            font-size: 12px;
        }

        form .input-order:focus {
            outline: none;
        }

        .table-actions {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0px;
        }

        .table-list {
            margin-bottom: 0px;
        }

        .form-required {
            color: red;
        }
    </style>
    <script type="text/javascript">
        //全局变量
        var GV = {
            ROOT: "__ROOT__/",
            WEB_ROOT: "__WEB_ROOT__/",
            JS_ROOT: "static/js/",
            APP: '<?php echo \think\Request::instance()->module(); ?>'/*当前应用名*/
        };
    </script>
    <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
    <script src="__STATIC__/js/wind.js"></script>
    <script src="__TMPL__/public/assets/js/bootstrap.min.js"></script>
    <script>
        Wind.css('artDialog');
        Wind.css('layer');
        $(function () {
            $("[data-toggle='tooltip']").tooltip();
            $("li.dropdown").hover(function () {
                $(this).addClass("open");
            }, function () {
                $(this).removeClass("open");
            });
        });
    </script>
    <?php if(APP_DEBUG): ?>
        <style>
            #think_page_trace_open {
                z-index: 9999;
            }
        </style>
    <?php endif; ?>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li ><a href="<?php echo url('Label/classify_list'); ?>">分类管理</a></li>
        <li class="active"><a href="#">标签管理</a></li>
    </ul>
    <button type="button" class="btn btn-default" style="margin-top: 10px;" data-toggle="modal" data-target="#myModal">添加标签</button>
    <table class="table table-bordered">
        <caption>标签管理列表</caption>
        <thead>
        <tr>
            <th>标签名称</th>
            <th>创建时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="tb">
        <?php if(is_array($data) || $data instanceof \think\Collection || $data instanceof \think\Paginator): $i = 0; $__LIST__ = $data;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
            <tr class="tr<?php echo $vo['id']; ?>">
                <td><?php echo $vo['name']; ?></td>
                <td><?php echo date("Y-m-d H:i:s",$vo['create_time']); ?></td>
                <td>
                    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myeditModal" onclick="myedit(<?php echo $vo['id']; ?>)">编辑</button>
                    <button type="button" class="btn btn-default" onclick="del(<?php echo $vo['id']; ?>)">删除</button>
                </td>
            </tr>
        <?php endforeach; endif; else: echo "" ;endif; ?>
        </tbody>
    </table>
</div>
<!-- 添加模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加标签</h4>
            </div>
            <div class="modal-body">
                <div style="padding: 10px 100px 10px;">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <span class="input-group-addon">标签名称:</span>
                            <input type="text" class="form-control" name="name">
                        </div>
                        <br>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default guanbi" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="mysave()">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 编辑模态框(Modal) -->
<div class="modal fade" id="myeditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">编辑</h4>
            </div>
            <div class="modal-body">
                <div style="padding: 10px 100px 10px;">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <span class="input-group-addon">标签名称:</span>
                            <input type="text" class="form-control" name="edit_name">
                            <input type="hidden" name="id" value="">
                        </div>
                        <br>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="edit_post()">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script>
    //添加分类保存
    function mysave(){
        name = $("input[name='name']").val();
        if(name == ''){
            alert('标签名称不能为空');
        }else{
            $.post("<?php echo url('Label/lab_add'); ?>",{name:name},function(data){
                if(data){
                    shuju = JSON.parse(data);
                    $('.tb').append("<tr class='tr"+shuju.id+"'><td>"+name+"</td><td>"+shuju.create_time+"</td><td><button type='button' class='btn btn-default' data-toggle='modal' data-target='#myeditModal' onclick='myedit("+shuju.id+")'>编辑</button><button type='button' class='btn btn-default' onclick='del("+shuju.id+")'>删除</button></td></tr>");
                    $('.guanbi').trigger('click');
                }else{
                    alert('添加失败');
                }
            });
        }
    }

    //编辑分类
    function myedit(id){
        $.post("<?php echo url('Label/lab_edit'); ?>",{id:id},function(data){
            shuju = JSON.parse(data);
            $("input[name='edit_name']").val(shuju.name);
            $("input[name='id']").val(shuju.id);
        })
    }

    //编辑修改分类
    function edit_post(){
        name = $("input[name='edit_name']").val();
        id = $("input[name='id']").val();
        $.post("<?php echo url('Label/lab_edit_post'); ?>",{name:name,id:id},function(data){
            window.location.reload();
        });
    }

    //删除
    function del(id){
        ccc = window.confirm('是否删除这条标签?');
        if(ccc){
            $.post("<?php echo url('Label/lab_del'); ?>",{id:id},function(data){
                if(data){
                    $('.tr'+id).remove();
                }else{
                    alert('删除失败');
                }
            });
        }
    }
</script>
</body>
</html>