分类

application/admin/controller/Region.php

+<?php
+
+
+namespace app\admin\controller;
+
+use app\common\model\Region as RegionModel;
+
+class Region extends AuthBase
+{
+    private $model;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new RegionModel();
+    }
+
+    /**
+     * 新增页
+     * @return mixed
+     */
+    public function index()
+    {
+        $list = $this->model->select();
+        foreach ($list as &$v) {
+            $v['pid'] = (int)$v['pid'];
+            $v['id'] = (int)$v['id'];
+        }
+        return $this->fetch('', compact('list'));
+    }
+
+    /**
+     * 新增分类
+     * @return \think\response\Json
+     */
+    public function add()
+    {
+        if (request()->isAjax()) {
+            $res = $this->model->add(input('post.'));
+            if ($res) {
+                return json(['code' => 0, 'msg' => '新增成功']);
+            } else {
+                return json(['code' => 1, 'msg' => $res->getError() ?: '新增失败']);
+            }
+        }
+        return json(['code' => 1, 'msg' => '访问失败']);
+    }
+
+    /**
+     * 删除
+     * @return \think\response\Json
+     */
+    public function del()
+    {
+        if (request()->isAjax()) {
+            $res = RegionModel::destroy(input('id'));
+            if ($res) {
+                return json(['code' => 0, 'msg' => '删除成功']);
+            }
+        }
+        return json(['code' => 1, 'msg' => '删除失败']);
+    }
+
+    public function select()
+    {
+        if(input('id')==0){
+            return [];
+        }
+        $list = RegionModel::where('pid', input('id'))->select();
+        if(!$list){
+            return [];
+        }
+        $list = collection($list)->visible(['id','title']);
+        return json($list);
+    }
+
+    public function test()
+    {
+        $level_1 = RegionModel::where('level', 1)->select();
+        $level_1 = collection($level_1)->visible(['id', 'title']);
+        return $this->fetch('', compact('level_1'));
+    }
+
+}
\ No newline at end of file

application/admin/view/public/sidebar.html

@@ -25,7 +25,7 @@
                 </ul>
             </li>
             <li class="sub-menu">
-                <a <?php if(in_array(CONTROLLER_NAME, array('Project'))){echo 'class="active"';}?> href="javascript:void(0);" >
+                <a <?php if(in_array(CONTROLLER_NAME, array('Project','Region'))){echo 'class="active"';}?> href="javascript:void(0);" >
                     <i class="fa fa-calendar"></i>
                     <span>活动管理</span>
                 </a>

application/admin/view/region/index.html

+{layout name="public/layout_main"}
+
+<!--<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">-->
+<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
+<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css">
+
+<section class="wrapper">
+    <h3><i class="fa fa-angle-right"></i> 城市管理</h3>
+    <!-- 分割线 -->
+    <hr>
+
+    <div class="row margin-bottom">
+        <div class="col-md-offset-6 col-md-6">
+            <form action="" class="form-inline pull-right" method="post">
+                <div class="form-group">
+                    <input type="text" class="form-control" name="title" placeholder="请输入顶级分类名">
+                </div>
+                <button type="button" class="submit btn btn-success margin-right">新增</button>
+            </form>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="table-responsive">
+                <table id="table"></table>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+
+        </div>
+    </div>
+</section>
+
+
+<!--<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>-->
+<script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
+<script src="https://cdn.bootcss.com/bootstrap-table/1.12.0/extensions/treegrid/bootstrap-table-treegrid.js"></script>
+<script src="https://cdn.bootcss.com/jquery-treegrid/0.2.0/js/jquery.treegrid.min.js"></script>
+<script type="text/javascript">
+    var $table = $('#table');
+    $(function () {
+        //提交
+        $('.submit').click(function () {
+            var data = $(this).closest('form').serialize();
+            $.post("{:url('add')}", data, function (res) {
+                if (res.code === 0) {
+                    layer.msg(res.msg, {icon: 1}, function () {
+                        location.reload();
+                    })
+                } else {
+                    layer.msg(res.msg, {icon: 2});
+                }
+            });
+        });
+
+        var data = JSON.parse('{:json_encode($list)}');
+
+        $table.bootstrapTable({
+            data: data,
+            idField: 'id',
+            dataType: 'jsonp',
+            columns: [
+                {field: 'title', title: '名称'},
+                {field: 'operate', title: '操作', align: 'center', events: operateEvents, formatter: 'operateFormatter'},
+            ],
+
+            // bootstrap-table-treegrid.js 插件配置 -- start
+
+            //在哪一列展开树形
+            treeShowField: 'title',
+            //指定父id列
+            parentIdField: 'pid',
+
+            onResetView: function (data) {
+                $table.treegrid({
+                    initialState: 'collapsed',// 所有节点都折叠
+                    treeColumn: 0,
+                    onChange: function () {
+                        $table.bootstrapTable('resetWidth');
+                    }
+                });
+
+                //只展开树形的第一级节点
+                $table.treegrid('getRootNodes').treegrid('expand');
+
+            },
+            onCheck: function (row) {
+                var datas = $table.bootstrapTable('getData');
+                // 勾选子类
+                selectChilds(datas, row, "id", "pid", true);
+
+                // 勾选父类
+                selectParentChecked(datas, row, "id", "pid")
+
+                // 刷新数据
+                $table.bootstrapTable('load', datas);
+            },
+
+            onUncheck: function (row) {
+                var datas = $table.bootstrapTable('getData');
+                selectChilds(datas, row, "id", "pid", false);
+                $table.bootstrapTable('load', datas);
+            },
+        });
+    });
+
+    // 格式化按钮
+    function operateFormatter(value, row, index) {
+
+        var arr = [
+            '<input class="form-control" style="margin-right:15px;" type="text" name="title" id="title_' + row.id + '">',
+            '<button type="button" class="RoleOfadd btn-small btn btn-success" style="margin-right:15px;"><i class="fa fa-plus" ></i>&nbsp;新增</button>',
+            // '<button type="button" class="RoleOfedit btn-small btn btn-primary" style="margin-right:15px;"><i class="fa fa-pencil-square-o" ></i>&nbsp;修改</button>',
+            '<button type="button" class="RoleOfdelete btn-small btn btn-danger" style="margin-right:15px;"><i class="fa fa-trash-o" ></i>&nbsp;删除</button>'
+        ];
+        if (row.level >= 3) {
+            arr.shift();
+            arr.shift();
+        }
+        return "<div class=\"form-inline\" style='float: right;'>" + arr.join('') + "</div>";
+
+    }
+
+    // 格式化类型
+    function typeFormatter(value, row, index) {
+        console.log(value, row, index)
+        if (value === 'menu') {
+            return '菜单';
+        }
+        if (value === 'button') {
+            return '按钮';
+        }
+        if (value === 'api') {
+            return '接口';
+        }
+        return '-';
+    }
+
+    //初始化操作按钮的方法
+    window.operateEvents = {
+        'click .RoleOfadd': function (e, value, row, index) {
+            add(row.id);
+        },
+        'click .RoleOfdelete': function (e, value, row, index) {
+            del(row.id);
+        },
+        // 'click .RoleOfedit': function (e, value, row, index) {
+        //     update(row.id);
+        // }
+    };
+</script>
+<script>
+    function add(id) {
+        var title = $("#title_" + id).val();
+        $.post("{:url('add')}", {title: title, pid: id}, function (res) {
+            if (res.code === 0) {
+                location.reload();
+            } else {
+                layer.msg(res.msg, {icon: 2});
+            }
+        });
+    }
+
+    function del(id) {
+        layer.confirm("确认删除?", {icon: 0}, function (index) {
+            $.post("{:url('del')}", {id: id}, function (res) {
+                if (res.code === 0) {
+                    location.reload();
+                } else {
+                    layer.msg(res.msg, {icon: 2});
+                }
+            });
+            layer.close(index);
+        });
+    }
+
+    // function update(id) {
+    //     alert("update 方法 , id = " + id);
+    // }
+</script>

application/admin/view/region/test.html

+{layout name="public/layout_main"}
+
+
+<div class="wrapper" id="select">
+    <div class="form-inline">
+        <select class="form-control" name="level_1" @change="test(1,$event)">
+            <option v-for="item in level_1" :value="item.id">{{item.title}}</option>
+        </select>
+        <select class="form-control" name="level_2" @change="test(2,$event)">
+            <option v-for="item in level_2" :value="item.id">{{item.title}}</option>
+        </select>
+        <select class="form-control" name="level_3" @change="test(3,$event)">
+            <option v-for="item in level_3" :value="item.id">{{item.title}}</option>
+        </select>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
+
+<script>
+    var level_1 = JSON.parse('{:json_encode($level_1)}');
+    level_1.unshift({id: 0, title: '全部'});
+    var app = new Vue({
+        el: '#select',
+        data: {
+            level_1: level_1,
+            level_2: [{id: 0, title: '全部'}],
+            level_3: [{id: 0, title: '全部'}],
+        },
+        methods: {
+            test: function (level, event) {
+                layer.load(2);
+                let id = event.srcElement.value;
+                var level = level;
+                $.post("{:url('select')}", {id: id}, function (data) {
+                    layer.closeAll();
+                    if (level == 1) {
+                        app.$data.level_2 = data;
+                        app.$data.level_2.unshift({id: 0, title: '全部'});
+                        app.$data.level_3 = [{id: 0, title: '全部'}];
+                    } else if (level == 2) {
+                        app.$data.level_3 = data;
+                        app.$data.level_3.unshift({id: 0, title: '全部'});
+                    }
+                });
+            }
+        }
+    });
+
+</script>
+
+

application/common/model/Region.php

+<?php
+
+
+namespace app\common\model;
+
+
+class Region extends BaseModel
+{
+
+    /**
+     * 新建分类
+     * @param $data
+     * @return bool
+     */
+    public function add($data)
+    {
+        if(isset($data['pid'])){
+            $data['level'] = $this->getLevel($data['pid'])+1;
+            if($this->getLevel($data['pid'])>=3){
+                $this->error = "只支持三级分类";
+                return false;
+            }
+        }
+        //创建
+        self::create($data);
+        return true;
+    }
+
+    /**
+     * 获取分类父级别
+     * @param $pid
+     * @return mixed
+     */
+    public function getLevel($pid)
+    {
+        $level = $this->where('id',$pid)->value('level');
+        return $level;
+    }
+}
\ No newline at end of file