furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							@extends('admin/layout')
@section('content')
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <form class="row" id="searchForm">

                            <div class="col-md-2">
                                <div class="input-group">
                                   <span class="input-group-btn">
                                       <button type="button" class="btn btn-md btn-primary" onclick="units.save(0)"
                                               style="margin-left: 10px"> <span class="glyphicon glyphicon-plus"></span> 添加</button>
                                       <button type="button" class="btn btn-md btn-danger" onclick="units.batchDelete()"
                                               style="margin-left: 10px"><span
                                               class="glyphicon glyphicon-remove"></span> 删除</button>


                                       <button type="button" class="btn btn-md btn-info" onclick="units.toggleStatus(1)"
                                               style="margin-left: 10px"><span
                                               class="glyphicon glyphicon-remove"></span> 启用</button>
                                       <button type="button" class="btn btn-md btn-warning"
                                               onclick="units.toggleStatus(0)"
                                               style="margin-left: 10px"><span
                                               class="glyphicon glyphicon-remove"></span> 禁用</button>
                                   </span>
                                </div>

                            </div>

                        </form>
                        <hr>

                        <div class="table-responsive">

                            <table id="table" class="table table-condensed" data-mobile-responsive="true"></table>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    </body>
@endsection
@section('footer')

    <script>

        var units = {
            getIdsBySelections: function () {
                var selections = $("#table").bootstrapTable('getSelections');
                var ids = [];
                $.each(selections, function (inx, val) {
                    ids.push(val.id);
                });
                return ids;
            },
            save: function (id) {
                layer.open({
                    type: 2,
                    content: ['/admin/products/' + id],
                    area: ['60%', '60%'],
                    title: '保存'
                });
            },

            search: function () {
                tips.selectPage();
            },
            batchDelete: function () {
                var ids = units.getIdsBySelections();
                if (ids.length === 0) {
                    layer.alert('请先选择您所要操作的对象', {icon: 0});
                    return;
                }
                layer.confirm('您确定要删除吗?', {icon: 3, title: '删除信息'}, function (index, layero) {
                    layer.close(index);
                    tips.ajax({url: '/admin/products', type: 'delete', data: {ids: ids}, tableRefresh: '#table'});
                });
            },
            toggleStatus: function (toggleStatus) {
                var ids = units.getIdsBySelections();
                if (ids.length === 0) {
                    layer.alert('请先选择您所要操作的对象', {icon: 0});
                    return;
                }
                layer.confirm('您确定要继续此操作吗?', {icon: 3, title: '状态切换'}, function (index, layero) {
                    layer.close(index);
                    tips.ajax({
                        url: '/admin/products/status',
                        type: 'put',
                        data: {ids: ids, toggle: toggleStatus},
                        tableRefresh: '#table'
                    });
                });
            }
        };

        var config = {};
        config.url = '/admin/products';
        config.columns = [ //字段
            {checkbox: true},
            {
                title: '序号', align: 'center', formatter: function (value, item, index) {
                    return index + 1;
                }
            },
            {title: '产品名称', field: 'title', align: 'center'},
            {title: '备注', field: 'remark', align: 'center'},
            {title: '状态', field: 'status_title', align: 'center'},
            {title: '创建时间', field: 'created_at', align: 'center'},
            {
                title: '操作', field: 'id', align: 'center',
                formatter: function (value, row) {
                    var str = '';
                    str += '<button onclick="units.save(' + value + ')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>编辑</button>&nbsp;';
                    // str += '<button onclick="units.delete(' + value + ')" class="btn btn-xs"><span class="glyphicon glyphicon-del"></span>删除</button>';
                    return str;
                }
            }
        ];
        tips.bootstrapTable(config);

    </script>
@endsection