panel/resources/views/plugin.blade.php

<title>插件中心</title>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">
            按钮点击一次即可，请勿重复点击以免重复操作，任务中心在右上方！
        </div>
        <div class="layui-card-body">
            <table id="panel-plugin" lay-filter="panel-plugin"></table>
            <!-- 操作按钮模板 -->
            <script type="text/html" id="panel-plugin-control">
                @{{# if(d.control.installed == true && d.control.allow_uninstall == true){ }}
                @{{# if(d.control.update == true){ }}
                <a class="layui-btn layui-btn-xs" lay-event="update">更新</a>
                @{{# } }}
                <a class="layui-btn layui-btn-xs" lay-event="open">管理</a>
                <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="uninstall">卸载</a>
                @{{# }else{ }}
                @{{# if(d.control.installed == true && d.control.allow_uninstall == false){ }}
                @{{# if(d.control.update == true){ }}
                <a class="layui-btn layui-btn-xs" lay-event="update">更新</a>
                @{{# } }}
                <a class="layui-btn layui-btn-xs" lay-event="open">管理</a>
                @{{# }else{ }}
                <a class="layui-btn layui-btn-xs" lay-event="install">安装</a>
                @{{# } }}
                @{{# } }}
            </script>
            <!-- 首页显示开关 -->
            <script type="text/html" id="plugin-show">
                <input type="checkbox" name="plugin-show-home" lay-skin="switch" lay-text="ON|OFF"
                       lay-filter="plugin-show-home"
                       value="@{{ d.show }}" data-plugin-slug="@{{ d.slug }}"
                       @{{ d.show==
                       1 ? 'checked' : '' }} />
            </script>
        </div>
    </div>
</div>

<script>
    layui.use(['admin', 'table', 'jquery'], function () {
        var $ = layui.$
            , form = layui.form
            , table = layui.table
            , admin = layui.admin;

        table.render({
            elem: '#panel-plugin'
            , url: '/api/panel/plugin/getList'
            , cols: [[
                {field: 'slug', hide: true, title: 'Slug'}
                , {field: 'name', width: 150, title: '插件名', sort: true}
                , {field: 'describe', title: '描述'}
                , {field: 'author', width: 100, title: '作者'}
                , {field: 'install_version', width: 140, title: '已装版本'}
                , {field: 'version', width: 140, title: '最新版本'}
                , {field: 'show', title: '首页显示', width: 90, templet: '#plugin-show', unresize: true}
                , {
                    field: 'control',
                    width: 160,
                    title: '操作',
                    templet: '#panel-plugin-control',
                    fixed: 'right',
                    align: 'left'
                }
            ]]
            , page: false
            , text: '耗子Linux面板：数据加载出现异常！'
            , done: function () {
                //element.render('progress');
            }
        });

        // 工具条
        table.on('tool(panel-plugin)', function (obj) {
            let data = obj.data;
            if (obj.event === 'open') {
                location.hash = '/plugin/' + data.slug;
            } else if (obj.event === 'install') {
                layer.confirm('确定安装该插件吗？', function (index) {
                    layer.close(index);
                    admin.req({
                        url: '/api/panel/plugin/install',
                        type: 'POST',
                        data: {
                            slug: data.slug
                        }
                        , success: function (res) {
                            if (res.code === 0) {
                                table.reload('panel-plugin');
                                layer.msg('安装：' + data.name + ' 成功加入任务队列', {
                                    icon: 1,
                                    time: 1000
                                });
                            } else {
                                layer.msg(res.msg, {icon: 2, time: 1000});
                            }
                        }
                        , error: function (xhr, status, error) {
                            console.log('耗子Linux面板：ajax请求出错，错误' + error);
                        }
                    });
                });
            } else if (obj.event === 'uninstall') {
                layer.confirm('确定卸载该插件吗？', function (index) {
                    layer.close(index);
                    admin.req({
                        url: '/api/panel/plugin/uninstall',
                        type: 'POST',
                        data: {
                            slug: data.slug
                        }
                        , success: function (res) {
                            if (res.code === 0) {
                                table.reload('panel-plugin');
                                layer.msg('卸载：' + data.name + ' 成功加入任务队列', {
                                    icon: 1,
                                    time: 1000
                                });
                            } else {
                                layer.msg(res.msg, {icon: 2, time: 1000});
                            }
                        }
                        , error: function (xhr, status, error) {
                            console.log('耗子Linux面板：ajax请求出错，错误' + error);
                        }
                    });
                });
            } else if (obj.event === 'update') {
                layer.confirm('确定升级该插件吗？', function (index) {
                    layer.close(index);
                    admin.req({
                        url: '/api/panel/plugin/update',
                        type: 'POST',
                        data: {
                            slug: data.slug
                        }
                        , success: function (res) {
                            if (res.code === 0) {
                                table.reload('panel-plugin');
                                layer.msg('升级：' + data.name + ' 成功加入任务队列', {
                                    icon: 1,
                                    time: 1000
                                });
                            } else {
                                layer.msg(res.msg, {icon: 2, time: 1000});
                            }
                        }
                        , error: function (xhr, status, error) {
                            console.log('耗子Linux面板：ajax请求出错，错误' + error);
                        }
                    });
                });
            }
        });

        form.on('switch(plugin-show-home)', function (obj) {
            let $ = layui.$;
            let plugin_slug = $(this).data('plugin-slug');
            let show = obj.elem.checked ? 1 : 0;

            admin.req({
                url: '/api/panel/plugin/setShowHome',
                type: 'POST',
                data: {
                    slug: plugin_slug,
                    show: show
                }
                , success: function (res) {
                    if (res.code === 0) {
                        layer.msg('设置成功', {icon: 1, time: 1000});
                    } else {
                        // 还原开关状态
                        obj.elem.checked = !obj.elem.checked;
                        form.render('checkbox');
                        layer.msg(res.msg, {icon: 2, time: 1000});
                    }
                }
                , error: function (xhr, status, error) {
                    console.log('耗子Linux面板：ajax请求出错，错误' + error);
                }
            });
        });
        /*form.render(null, 'plugin-form');

        //搜索
        form.on('submit(plugin-search-submit)', function (data) {
            var field = data.field;

            //执行重载
            table.reload('plugin-search-submit', {
                where: field
            });
        });*/
    });
</script>