审查视图

public/themes/admin_simpleboot3/admin/label/lab_list.html 5.6 KB
anyv authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
<include file="public@header"/>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li ><a href="{: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">
        <volist name="data" id="vo">
            <tr class="tr{$vo.id}">
                <td>{$vo.name}</td>
                <td>{$vo.create_time|date="Y-m-d H:i:s",###}</td>
                <td>
                    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myeditModal" onclick="myedit({$vo.id})">编辑</button>
                    <button type="button" class="btn btn-default" onclick="del({$vo.id})">删除</button>
                </td>
            </tr>
        </volist>
        </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("{: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("{: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("{:url('Label/lab_edit_post')}",{name:name,id:id},function(data){
            window.location.reload();
        });
    }

    //删除
    function del(id){
anyv authored
128
        ccc = window.confirm('是否删除这条标签?');
anyv authored
129 130 131 132 133 134 135 136 137 138 139 140 141
        if(ccc){
            $.post("{:url('Label/lab_del')}",{id:id},function(data){
                if(data){
                    $('.tr'+id).remove();
                }else{
                    alert('删除失败');
                }
            });
        }
    }
</script>
</body>
</html>