首页信息展示

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use think\Config;
+use think\console\Input;
+use think\Db;
+use think\Exception;
+
+/**
+ * 在线命令管理
+ *
+ * @icon fa fa-circle-o
+ */
+class Command extends Backend
+{
+
+    /**
+     * Command模型对象
+     */
+    protected $model = null;
+    protected $noNeedRight = ['get_controller_list', 'get_field_list'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Command;
+        $this->view->assign("statusList", $this->model->getStatusList());
+    }
+
+    /**
+     * 添加
+     */
+    public function add()
+    {
+
+        $tableList = [];
+        $list = \think\Db::query("SHOW TABLES");
+        foreach ($list as $key => $row) {
+            $tableList[reset($row)] = reset($row);
+        }
+
+        $this->view->assign("tableList", $tableList);
+        return $this->view->fetch();
+    }
+
+    /**
+     * 获取字段列表
+     * @internal
+     */
+    public function get_field_list()
+    {
+        $dbname = Config::get('database.database');
+        $prefix = Config::get('database.prefix');
+        $table = $this->request->request('table');
+        //从数据库中获取表字段信息
+        $sql = "SELECT * FROM `information_schema`.`columns` "
+            . "WHERE TABLE_SCHEMA = ? AND table_name = ? "
+            . "ORDER BY ORDINAL_POSITION";
+        //加载主表的列
+        $columnList = Db::query($sql, [$dbname, $table]);
+        $fieldlist = [];
+        foreach ($columnList as $index => $item) {
+            $fieldlist[] = $item['COLUMN_NAME'];
+        }
+        $this->success("", null, ['fieldlist' => $fieldlist]);
+    }
+
+    /**
+     * 获取控制器列表
+     * @internal
+     */
+    public function get_controller_list()
+    {
+        //搜索关键词,客户端输入以空格分开,这里接收为数组
+        $word = (array)$this->request->request("q_word/a");
+        $word = implode('', $word);
+
+        $adminPath = dirname(__DIR__) . DS;
+        $controllerDir = $adminPath . 'controller' . DS;
+        $files = new \RecursiveIteratorIterator(
+            new \RecursiveDirectoryIterator($controllerDir), \RecursiveIteratorIterator::LEAVES_ONLY
+        );
+        $list = [];
+        foreach ($files as $name => $file) {
+            if (!$file->isDir()) {
+                $filePath = $file->getRealPath();
+                $name = str_replace($controllerDir, '', $filePath);
+                $name = str_replace(DS, "/", $name);
+                if (!preg_match("/(.*)\.php\$/", $name)) {
+                    continue;
+                }
+                if (!$word || stripos($name, $word) !== false) {
+                    $list[] = ['id' => $name, 'name' => $name];
+                }
+            }
+        }
+        $pageNumber = $this->request->request("pageNumber");
+        $pageSize = $this->request->request("pageSize");
+        return json(['list' => array_slice($list, ($pageNumber - 1) * $pageSize, $pageSize), 'total' => count($list)]);
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get($ids);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $this->view->assign("row", $row);
+        return $this->view->fetch();
+    }
+
+    /**
+     * 执行
+     */
+    public function execute($ids)
+    {
+        $row = $this->model->get($ids);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $result = $this->doexecute($row['type'], json_decode($row['params'], true));
+        $this->success("", null, ['result' => $result]);
+    }
+
+    /**
+     * 生成命令
+     */
+    public function command($action = '')
+    {
+        $commandtype = $this->request->request("commandtype");
+        $params = $this->request->request();
+        $allowfields = [
+            'crud' => 'table,controller,model,fields,force,local,delete,menu',
+            'menu' => 'controller,delete,force',
+            'min'  => 'module,resource,optimize',
+            'api'  => 'url,module,output,template,force,title,author,class,language,addon',
+        ];
+        $argv = [];
+        $allowfields = isset($allowfields[$commandtype]) ? explode(',', $allowfields[$commandtype]) : [];
+        $allowfields = array_filter(array_intersect_key($params, array_flip($allowfields)));
+        if (isset($params['local']) && !$params['local']) {
+            $allowfields['local'] = $params['local'];
+        } else {
+            unset($allowfields['local']);
+        }
+        foreach ($allowfields as $key => $param) {
+            $argv[] = "--{$key}=" . (is_array($param) ? implode(',', $param) : $param);
+        }
+        if ($commandtype == 'crud') {
+            $extend = 'setcheckboxsuffix,enumradiosuffix,imagefield,filefield,intdatesuffix,switchsuffix,citysuffix,selectpagesuffix,selectpagessuffix,ignorefields,sortfield,editorsuffix,headingfilterfield,tagsuffix,jsonsuffix,fixedcolumns';
+            $extendArr = explode(',', $extend);
+            foreach ($params as $index => $item) {
+                if (in_array($index, $extendArr)) {
+                    foreach (explode(',', $item) as $key => $value) {
+                        if ($value) {
+                            $argv[] = "--{$index}={$value}";
+                        }
+                    }
+                }
+            }
+            $isrelation = (int)$this->request->request('isrelation');
+            if ($isrelation && isset($params['relation'])) {
+                foreach ($params['relation'] as $index => $relation) {
+                    foreach ($relation as $key => $value) {
+                        $argv[] = "--{$key}=" . (is_array($value) ? implode(',', $value) : $value);
+                    }
+                }
+            }
+        } else {
+            if ($commandtype == 'menu') {
+                if (isset($params['allcontroller']) && $params['allcontroller']) {
+                    $argv[] = "--controller=all-controller";
+                } else {
+                    foreach (explode(',', $params['controllerfile']) as $index => $param) {
+                        if ($param) {
+                            $argv[] = "--controller=" . substr($param, 0, -4);
+                        }
+                    }
+                }
+            } else {
+                if ($commandtype == 'min') {
+
+                } else {
+                    if ($commandtype == 'api') {
+
+                    } else {
+
+                    }
+                }
+            }
+        }
+        if ($action == 'execute') {
+            if (stripos(implode(' ', $argv), '--controller=all-controller') !== false) {
+                $this->error("只允许在命令行执行该命令，执行前请做好菜单规则备份！！！");
+            }
+            if (config('app_debug')) {
+                $result = $this->doexecute($commandtype, $argv);
+                $this->success("", null, ['result' => $result]);
+            } else {
+                $this->error("只允许在开发环境下执行命令");
+            }
+        } else {
+            $this->success("", null, ['command' => "php think {$commandtype} " . implode(' ', $argv)]);
+        }
+
+        return;
+    }
+
+    protected function doexecute($commandtype, $argv)
+    {
+        if (!config('app_debug')) {
+            $this->error("只允许在开发环境下执行命令");
+        }
+        if (preg_match("/([;\|&]+)/", implode(' ', $argv))) {
+            $this->error("不支持的命令参数");
+        }
+        $commandName = "\\app\\admin\\command\\" . ucfirst($commandtype);
+        $input = new Input($argv);
+        $output = new \addons\command\library\Output();
+        $command = new $commandName($commandtype);
+        $data = [
+            'type'        => $commandtype,
+            'params'      => json_encode($argv),
+            'command'     => "php think {$commandtype} " . implode(' ', $argv),
+            'executetime' => time(),
+        ];
+        $this->model->save($data);
+        try {
+            $command->run($input, $output);
+            $result = implode("\n", $output->getMessage());
+            $this->model->status = 'successed';
+        } catch (Exception $e) {
+            $result = implode("\n", $output->getMessage()) . "\n";
+            $result .= $e->getMessage();
+            $this->model->status = 'failured';
+        }
+        $result = trim($result);
+        $this->model->content = $result;
+        $this->model->save();
+        return $result;
+    }
+
+}

@@ -23,62 +23,76 @@ class Dashboard extends Backend
      */
     public function index()
     {
-        try {
-            \think\Db::execute("SET @@sql_mode='';");
-        } catch (\Exception $e) {
+        //项目总览
+        $project_overview_chart=Db::name("project")
+            ->field("project_name as name,all_working_hours as value")
+            ->select();
+        //查询所有项目的工作时长
+        $project_overview=Db::name("project")
+            ->alias("a")
+            ->join("user b","a.user_id=b.id")
+            ->field("a.*,b.username")
+            ->order("all_working_hours desc")
+            ->limit(4)
+            ->select();
+        $project=Db::name("project")
+            ->alias("a")
+            ->join("user b","a.user_id=b.id")
+            ->field("a.*,b.username")
+            ->order("all_working_hours desc")
+            ->limit(4)
+            ->select();
 
-        }
-        $column = [];
-        $starttime = Date::unixtime('day', -6);
-        $endtime = Date::unixtime('day', 0, 'end');
-        $joinlist = Db("user")->where('jointime', 'between time', [$starttime, $endtime])
-            ->field('jointime, status, COUNT(*) AS nums, DATE_FORMAT(FROM_UNIXTIME(jointime), "%Y-%m-%d") AS join_date')
-            ->group('join_date')
+        $quick_entrance=Db::name("project")
+            ->alias("a")
+            ->join("user b","a.user_id=b.id")
+            ->field("a.*,b.username")
+            ->order("id desc")
+            ->limit(8)
             ->select();
-        for ($time = $starttime; $time <= $endtime;) {
-            $column[] = date("Y-m-d", $time);
-            $time += 86400;
-        }
-        $userlist = array_fill_keys($column, 0);
-        foreach ($joinlist as $k => $v) {
-            $userlist[$v['join_date']] = $v['nums'];
-        }
 
-        $dbTableList = Db::query("SHOW TABLE STATUS");
-        $addonList = get_addon_list();
-        $totalworkingaddon = 0;
-        $totaladdon = count($addonList);
-        foreach ($addonList as $index => $item) {
-            if ($item['state']) {
-                $totalworkingaddon += 1;
-            }
-        }
+        //工时统计
+        $project_statistics=Db::name("project")
+            ->order("all_working_hours desc")
+            ->field("project_name as name,all_working_hours,starttime")
+            ->select();
+        $department_statistics=Db::name("department")
+            ->alias("a")
+            ->join("project b","b.department_id=a.id")
+            ->order("all_working_hours desc")
+            ->group("a.id")
+            ->field("a.name, ROUND(SUM(all_working_hours), 2) as all_working_hours,starttime")
+            ->select();
+        $admin_statistics=Db::name("user")
+            ->alias("a")
+            ->join("project b","b.user_id=a.id")
+            ->order("all_working_hours desc")
+            ->field("username as name,ROUND(SUM(all_working_hours), 2) as all_working_hours,starttime")
+            ->group("a.id")
+            ->select();
+        $work_hour_statistics=[
+            'project_statistics'=>$project_statistics,
+            'department_statistics'=>$department_statistics,
+            'admin_statistics'=>$admin_statistics,
+        ];
         $this->view->assign([
-            'totaluser'         => User::count(),
-            'totaladdon'        => $totaladdon,
-            'totaladmin'        => Admin::count(),
-            'totalcategory'     => \app\common\model\Category::count(),
-            'todayusersignup'   => User::whereTime('jointime', 'today')->count(),
-            'todayuserlogin'    => User::whereTime('logintime', 'today')->count(),
-            'sevendau'          => User::whereTime('jointime|logintime|prevtime', '-7 days')->count(),
-            'thirtydau'         => User::whereTime('jointime|logintime|prevtime', '-30 days')->count(),
-            'threednu'          => User::whereTime('jointime', '-3 days')->count(),
-            'sevendnu'          => User::whereTime('jointime', '-7 days')->count(),
-            'dbtablenums'       => count($dbTableList),
-            'dbsize'            => array_sum(array_map(function ($item) {
-                return $item['Data_length'] + $item['Index_length'];
-            }, $dbTableList)),
-            'totalworkingaddon' => $totalworkingaddon,
-            'attachmentnums'    => Attachment::count(),
-            'attachmentsize'    => Attachment::sum('filesize'),
-            'picturenums'       => Attachment::where('mimetype', 'like', 'image/%')->count(),
-            'picturesize'       => Attachment::where('mimetype', 'like', 'image/%')->sum('filesize'),
+            "project_overview"=>$project_overview,
+            "quick_entrance"=>$quick_entrance,
+            "project"=>$project,
+            "work_hour_statistics"=>$work_hour_statistics,
+            "project_overview_chart"=>$project_overview_chart
             ]);
-
-        $this->assignconfig('column', array_keys($userlist));
-        $this->assignconfig('userdata', array_values($userlist));
-
         return $this->view->fetch();
     }
-
+    public function projectinfo($id){
+        $row=Db::name('project')
+            ->alias("a")
+            ->join("department b","a.department_id=b.id")
+            ->join("user c","a.user_id=c.id")
+            ->field("a.id,project_name,image,a.createtime,a.starttime,a.endtime,a.all_working_hours,b.name as department_name, c.username")
+            ->where("a.id",$id)
+            ->find();
+        $this->view->assign("row", $row);
+        return $this->view->fetch();
+    }
 }

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use fast\Tree;
+use think\Db;
+use think\exception\PDOException;
+use think\exception\ValidateException;
+
+/**
+ * 部门管理
+ *
+ * @icon fa fa-circle-o
+ */
+class Department extends Backend
+{
+
+    /**
+     * Depart模型对象
+     * @var \app\admin\model\Depart
+     */
+    protected $model = null;
+    protected $noNeedRight = ['tree'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Department();
+
+        $tree = Tree::instance();
+        $tree->init(collection($this->model->order('id asc')->select())->toArray(), 'pid');
+        $this->categorylist = $tree->getTreeList($tree->getTreeArray(0), 'name');
+        $categorydata = [0 => ['name' => __('None')]];
+        foreach ($this->categorylist as $k => $v) {
+            $categorydata[$v['id']] = $v;
+        }
+
+        $this->view->assign("parentList", $categorydata);
+    }
+
+    public function tree()
+    {
+        $id = $this->request->get('id');
+        $departModel = new \app\admin\model\Department();
+        $departList = $departModel->where(['pid' => ($id == '#' ? 0 : $id)])->select();
+
+        $chanelList = [];
+        if ($id == '#') {
+            $text = "全部";
+            $chanelList[-1] = ['id' => -1, 'type' => 'total', 'text' => $text, 'parent' => "#"];
+        }
+
+        foreach ($departList as $k => $v) {
+            $departModel = new \app\admin\model\Department();
+            if ($departModel->where(['pid' => $v->id])->find()) {
+                $children = true;
+            } else {
+                $children = false;
+            }
+
+            $chanelList[$v->id] = ['id' => $v->id, 'text' => $v->name, 'type' => "folder", 'children' => $children, 'parent' => empty($v->pid) ? "#" : $v->pid, 'state' => ['opened' => false]];
+        }
+
+        $chanelList = array_values($chanelList);
+
+        return json($chanelList);
+    }
+
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            $search = $this->request->request("search");
+            $type = $this->request->request("type");
+
+            //构造父类select列表选项数据
+            $list = [];
+
+            foreach ($this->categorylist as $k => $v) {
+                if ($search) {
+                    if ($v['type'] == $type && stripos($v['name'], $search) !== false || stripos($v['nickname'], $search) !== false) {
+                        if ($type == "all" || $type == null) {
+                            $list = $this->categorylist;
+                        } else {
+                            $list[] = $v;
+                        }
+                    }
+                } else {
+                    if ($type == "all" || $type == null) {
+                        $list = $this->categorylist;
+                    } elseif ($v['type'] == $type) {
+                        $list[] = $v;
+                    }
+                }
+            }
+            $total = count($list);
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+
+    /**
+     * 编辑
+     */
+    public function edit($ids = null)
+    {
+        $row = $this->model->get($ids);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $adminIds = $this->getDataLimitAdminIds();
+        if (is_array($adminIds)) {
+            if (!in_array($row[$this->dataLimitField], $adminIds)) {
+                $this->error(__('You have no permission'));
+            }
+        }
+        if ($this->request->isPost()) {
+            $this->token();
+            $params = $this->request->post("row/a");
+            if ($params) {
+                $params = $this->preExcludeFields($params);
+
+                if ($params['pid'] != $row['pid']) {
+                    $childrenIds = Tree::instance()->init(collection(\app\admin\model\Department::select())->toArray())->getChildrenIds($row['id'], true);
+                    if (in_array($params['pid'], $childrenIds)) {
+                        $this->error(__('上级部门不能是它的子部门或它自己'));
+                    }
+                }
+
+                try {
+                    //是否采用模型验证
+                    if ($this->modelValidate) {
+                        $name = str_replace("\\model\\", "\\validate\\", get_class($this->model));
+                        $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.edit' : $name) : $this->modelValidate;
+                        $row->validate($validate);
+                    }
+                    $result = $row->allowField(true)->save($params);
+                    if ($result !== false) {
+                        $this->success();
+                    } else {
+                        $this->error($row->getError());
+                    }
+                } catch (\think\exception\PDOException $e) {
+                    $this->error($e->getMessage());
+                } catch (\think\Exception $e) {
+                    $this->error($e->getMessage());
+                }
+            }
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        $this->view->assign("row", $row);
+        return $this->view->fetch();
+    }
+
+
+
+
+    //根据部门id获取所有子部门
+    public function getDepartIdById($id = 6)
+    {
+        $array = Db::name('department')->select();
+        //第一步 构造数据
+        $items = array();
+        foreach ($array as $value) {
+            $items[$value['id']] = $value;
+        }
+        //第二部 遍历数据 生成树状结构
+        $tree = array();
+        foreach ($items as $key => $value) {
+            if (isset($items[$value['pid']])) {
+                $items[$value['pid']]['son'][] = &$items[$key];
+            } else {
+                $tree[] = &$items[$key];
+            }
+        }
+        return $tree;
+    }
+
+
+//递归获取所有的子分类的ID
+    function get_all_child($id = 6, $array = [])
+    {
+
+        $arr = array();
+        if (!$array) {
+            $array = Db::name('department')->select();
+            $arr[] = (int)$id;
+        }
+
+
+        foreach ($array as $v) {
+            if ($v['pid'] == $id) {
+                $arr[] = $v['id'];
+                $arr = array_merge($arr, $this->get_all_child($v['id'], $array));
+            };
+        };
+        return $arr;
+    }
+
+    public function send($openid, $name, $code)
+    {
+        $data = [
+            'first' => ['value' => '水库警告', 'color' => '#000000'],
+            'keyword1' => ['value' => $name, 'color' => '#000000'],
+            'keyword2' => ['value' => date('Y-m-d H:i', time()), 'color' => '#000000'],
+            'keyword3' => ['value' => '水位超过预警！', 'color' => '#000000'],
+            'remark' => ['value' => '设备监测到水位超过预警值,请及时处理', 'color' => '#000000'],
+        ];
+        $template_id = '001';
+        $uri = 'https://www.ynzhsk.cn/index/index/updateWxtemplate?code=' . $code . '&openid=' . $openid;
+        $text = \addons\weixin\library\WechatTemplateService::sendTemplateOrApp($openid, $template_id, $data, $uri);
+        return $text;
+    }
+
+    /**
+     * 根据部门id查询自己及其子级有水库ids
+     */
+    public function getSKIds()
+    {
+        $param = $this->request->param();
+        $arr = [];
+        if (!empty($param['depart_id'])) {
+            $arr = get_all_next_depart_ids($param['depart_id']);
+        }
+        $this->success('', null, implode(",", $arr));
+    }
+
+
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use fast\Tree;
+use think\Db;
+use think\exception\PDOException;
+use think\exception\ValidateException;
+
+/**
+ * 项目管理
+ *
+ * @icon fa fa-circle-o
+ */
+class Project extends Backend
+{
+
+    /**
+     * Project模型对象
+     * @var \app\admin\model\Project
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Project;
+
+        parent::_initialize();
+        $this->Departmentmodel = new \app\admin\model\Department();
+
+        $tree = Tree::instance();
+        $tree->init(collection( $this->Departmentmodel->order('id asc')->select())->toArray(), 'pid');
+        $this->categorylist = $tree->getTreeList($tree->getTreeArray(0), 'name');
+        $categorydata = [0 => ['name' => __('None')]];
+        foreach ($this->categorylist as $k => $v) {
+            $categorydata[$v['id']] = $v;
+        }
+
+        $this->view->assign("parentList", $categorydata);
+
+    }
+
+
+
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        //当前是否为关联查询
+        $this->relationSearch = true;
+        //设置过滤方法
+        $this->request->filter(['strip_tags', 'trim']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+
+            $list = $this->model
+                    ->with(['department','user'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->paginate($limit);
+
+            foreach ($list as $row) {
+                $row->visible(['id','project_name','image','createtime','starttime','endtime']);
+                $row->visible(['department']);
+				$row->getRelation('department')->visible(['name']);
+				$row->visible(['user']);
+				$row->getRelation('user')->visible(['username']);
+            }
+
+            $result = array("total" => $list->total(), "rows" => $list->items());
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+    /**
+     * 添加
+     *
+     * @return string
+     * @throws \think\Exception
+     */
+    public function add()
+    {
+        if (false === $this->request->isPost()) {
+            return $this->view->fetch();
+        }
+        $params = $this->request->post('row/a');
+        if (empty($params)) {
+            $this->error(__('Parameter %s can not be empty', ''));
+        }
+        $params = $this->preExcludeFields($params);
+
+        if ($this->dataLimit && $this->dataLimitFieldAutoFill) {
+            $params[$this->dataLimitField] = $this->auth->id;
+        }
+        $result = false;
+        Db::startTrans();
+        try {
+            //是否采用模型验证
+            if ($this->modelValidate) {
+                $name = str_replace("\\model\\", "\\validate\\", get_class($this->model));
+                $validate = is_bool($this->modelValidate) ? ($this->modelSceneValidate ? $name . '.add' : $name) : $this->modelValidate;
+                $this->model->validateFailException()->validate($validate);
+            }
+            $result = $this->model->allowField(true)->save($params);
+            Db::commit();
+        } catch (ValidateException|PDOException|Exception $e) {
+            Db::rollback();
+            $this->error($e->getMessage());
+        }
+        if ($result === false) {
+            $this->error(__('No rows were inserted'));
+        }
+        $this->success();
+    }
+}

+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+
+/**
+ * 工时管理
+ *
+ * @icon fa fa-circle-o
+ */
+class Workinghours extends Backend
+{
+
+    /**
+     * Workinghours模型对象
+     * @var \app\admin\model\Workinghours
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Workinghours;
+
+    }
+
+
+
+    /**
+     * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
+     * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
+     * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
+     */
+
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        //当前是否为关联查询
+        $this->relationSearch = true;
+        //设置过滤方法
+        $this->request->filter(['strip_tags', 'trim']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+
+            $list = $this->model
+                    ->with(['user','project'])
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->paginate($limit);
+
+            foreach ($list as $row) {
+                $row->visible(['id','content','working_hours','createtime','reporttime']);
+                $row->visible(['user']);
+				$row->getRelation('user')->visible(['username']);
+				$row->visible(['project']);
+				$row->getRelation('project')->visible(['project_name']);
+            }
+
+            $result = array("total" => $list->total(), "rows" => $list->items());
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格完整示例
+ *
+ * @icon   fa fa-table
+ * @remark 在使用Bootstrap-table中的常用方式,更多使用方式可查看:http://bootstrap-table.wenzhixin.net.cn/zh-cn/
+ */
+class Bootstraptable extends Backend
+{
+    /**
+     * @var \app\admin\model\AdminLog
+     */
+    protected $model = null;
+    /**
+     * 无需鉴权的方法(需登录)
+     * @var array
+     */
+    protected $noNeedRight = ['start', 'pause', 'change', 'detail', 'cxselect', 'searchlist', 'selectpage'];
+
+    /**
+     * 快捷搜索的字段
+     * @var string
+     */
+    protected $searchFields = 'id,title,url';
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams(null);
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->paginate($limit);
+            $result = array("total" => $list->total(), "rows" => $list->items(), "extend" => ['money' => mt_rand(100000, 999999), 'price' => 200]);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        if ($this->request->isAjax()) {
+            $this->success("Ajax请求成功", null, ['id' => $ids]);
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+
+    /**
+     * 启用
+     */
+    public function start($ids = '')
+    {
+        $this->success("模拟启动成功");
+    }
+
+    /**
+     * 暂停
+     */
+    public function pause($ids = '')
+    {
+        $this->success("模拟暂停成功");
+    }
+
+    /**
+     * 切换
+     */
+    public function change($ids = '')
+    {
+        //你需要在此做具体的操作逻辑
+
+        $this->success("模拟切换成功");
+    }
+
+    /**
+     * 联动搜索
+     */
+    public function cxselect()
+    {
+        $type = $this->request->get('type');
+        $group_id = $this->request->get('group_id');
+        $list = null;
+        if ($group_id !== '') {
+            if ($type == 'group') {
+                $groupIds = $this->auth->getChildrenGroupIds(true);
+                $list = \app\admin\model\AuthGroup::where('id', 'in', $groupIds)->field('id as value, name')->select();
+            } else {
+                $adminIds = \app\admin\model\AuthGroupAccess::where('group_id', 'in', $group_id)->column('uid');
+                $list = \app\admin\model\Admin::where('id', 'in', $adminIds)->field('id as value, username AS name')->select();
+            }
+        }
+        $this->success('', null, $list);
+    }
+
+    /**
+     * 搜索下拉列表
+     */
+    public function searchlist()
+    {
+        $result = $this->model->limit(10)->select();
+        $searchlist = [];
+        foreach ($result as $key => $value) {
+            $searchlist[] = ['id' => $value['url'], 'name' => $value['url']];
+        }
+        $data = ['searchlist' => $searchlist];
+        $this->success('', null, $data);
+    }
+
+    public function selectpage()
+    {
+        $this->model = new \app\admin\model\AdminLog;
+        return parent::selectpage();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 彩色角标
+ *
+ * @icon fa fa-table
+ * @remark 在JS端控制角标的显示与隐藏,请注意左侧菜单栏角标的数值变化
+ */
+class Colorbadge extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 控制器间跳转
+ *
+ * @icon fa fa-table
+ * @remark FastAdmin支持在控制器间跳转,点击后将切换到另外一个TAB中,无需刷新当前页面
+ */
+class Controllerjump extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\admin\model\AdminLog;
+use app\common\controller\Backend;
+
+/**
+ * 自定义表单示例
+ *
+ * @icon   fa fa-table
+ * @remark FastAdmin支持在控制器间跳转,点击后将切换到另外一个TAB中,无需刷新当前页面
+ */
+class Customform extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    public function index()
+    {
+        if ($this->request->isPost()) {
+            $this->success("提交成功", null, ['data' => json_encode($this->request->post("row/a"), JSON_UNESCAPED_UNICODE)]);
+        }
+        return $this->view->fetch();
+    }
+
+    public function get_title_list()
+    {
+        $query = $this->request->get("query");
+        $suggestions = AdminLog::where('title', 'like', '%' . $query . '%')->limit(10)->column("title");
+        $result = [
+            'query'       => $query,
+            'suggestions' => $suggestions
+        ];
+        return json($result);
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 自定义搜索
+ *
+ * @icon fa fa-search
+ * @remark 自定义列表的搜索
+ */
+class Customsearch extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+        $ipList = $this->model->whereTime('createtime', '-37 days')->group("ip")->column("ip,ip as aa");
+        $this->view->assign("ipList", $ipList);
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 多级联动
+ *
+ * @icon fa fa-table
+ * @remark FastAdmin使用了jQuery-cxselect实现多级联动,更多文档请参考https://github.com/karsonzhang/cxSelect
+ */
+class Cxselect extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 统计图表示例
+ *
+ * @icon   fa fa-charts
+ * @remark 展示在FastAdmin中使用Echarts展示丰富多彩的统计图表
+ */
+class Echarts extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 多表格示例
+ *
+ * @icon fa fa-table
+ * @remark 当一个页面上存在多个Bootstrap-table时该如何控制按钮和表格
+ */
+class Multitable extends Backend
+{
+    protected $model = null;
+    protected $noNeedRight = ['table1', 'table2'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        $this->loadlang('general/attachment');
+        $this->loadlang('general/crontab');
+        return $this->view->fetch();
+    }
+
+    public function table1()
+    {
+        $this->model = model('Attachment');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->where($where)
+                ->field('id,filename,filesize,imagewidth,imageheight,mimetype')
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->where($where)
+                    ->field('id,filename,filesize,imagewidth,imageheight,mimetype')
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+
+    public function table2()
+    {
+        $this->model = model('AdminLog');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->count();
+
+            $list = $this->model
+                    ->where($where)
+                    ->order($sort, $order)
+                    ->limit($offset, $limit)
+                    ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 关联模型
+ *
+ * @icon   fa fa-table
+ * @remark 当使用到关联模型时需要重载index方法
+ */
+class Relationmodel extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        $this->relationSearch = true;
+        $this->searchFields = "admin.username,id";
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $list = $this->model
+                ->with("admin")
+                ->where($where)
+                ->order($sort, $order)
+                ->paginate($limit);
+
+            $result = array("total" => $list->total(), "rows" => $list->items());
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格联动
+ * 点击左侧日志列表，右侧的表格数据会显示指定管理员的日志列表
+ * @icon fa fa-table
+ */
+class Tablelink extends Backend
+{
+    protected $model = null;
+    protected $noNeedRight = ['table1', 'table2'];
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+
+    public function table1()
+    {
+        $this->model = model('Admin');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                ->where($where)
+                ->field('id,username')
+                ->order($sort, $order)
+                ->count();
+
+            $list = $this->model
+                ->where($where)
+                ->field('id,username')
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+
+    public function table2()
+    {
+        $this->model = model('AdminLog');
+        //设置过滤方法
+        $this->request->filter(['strip_tags']);
+        if ($this->request->isAjax()) {
+            //如果发送的来源是Selectpage，则转发到Selectpage
+            if ($this->request->request('keyField')) {
+                return $this->selectpage();
+            }
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams();
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch('index');
+    }
+}

+<?php
+
+namespace app\admin\controller\example;
+
+use app\common\controller\Backend;
+
+/**
+ * 表格模板示例
+ *
+ * @icon   fa fa-table
+ * @remark 可以通过使用表格模板将表格中的行渲染成一样的展现方式，基于此功能可以任意定制自己想要的展示列表
+ */
+class Tabletemplate extends Backend
+{
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = model('AdminLog');
+    }
+
+    /**
+     * 查看
+     */
+    public function index()
+    {
+        if ($this->request->isAjax()) {
+            list($where, $sort, $order, $offset, $limit) = $this->buildparams(null);
+            $total = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->count();
+            $list = $this->model
+                ->where($where)
+                ->order($sort, $order)
+                ->limit($offset, $limit)
+                ->select();
+            $result = array("total" => $total, "rows" => $list);
+
+            return json($result);
+        }
+        return $this->view->fetch();
+    }
+
+    /**
+     * 详情
+     */
+    public function detail($ids)
+    {
+        $row = $this->model->get(['id' => $ids]);
+        if (!$row) {
+            $this->error(__('No Results were found'));
+        }
+        $this->view->assign("row", $row->toArray());
+        return $this->view->fetch();
+    }
+}

+<?php
+
+return [
+    'Id'            => 'ID',
+    'Type'          => '类型',
+    'Params'        => '参数',
+    'Command'       => '命令',
+    'Content'       => '返回结果',
+    'Executetime'   => '执行时间',
+    'Createtime'    => '创建时间',
+    'Updatetime'    => '更新时间',
+    'Execute again' => '再次执行',
+    'Successed'     => '成功',
+    'Failured'      => '失败',
+    'Status'        => '状态'
+];

@@ -47,4 +47,13 @@ return [
     'Timezone'                 => '时区',
     'Language'                 => '语言',
     'View more'                => '查看更多',
+    'Project_name'    => '项目名称',
+    'Image'           => '项目图片',
+    'Department_id'   => '所属部门',
+    'All_working_hours'   => '总用工时',
+    'User_id'         => '负责人',
+    'Starttime'       => '开始时间',
+    'Endtime'         => '结束时间',
+    'Department_name' => '所属部门',
+    'Username'   => '负责人'
 ];

+<?php
+
+return [
+    'Id'         => 'ID',
+    'Name'       => '部门名称',
+    'Pid'        => '上级部门',
+    'Createtime' => '创建时间'
+];

+<?php
+
+return [
+    'Id'              => 'ID',
+    'Project_name'    => '项目名称',
+    'Image'           => '项目图片',
+    'Createtime'      => '创建时间',
+    'Department_id'   => '所属部门',
+    'User_id'         => '负责人',
+    'Starttime'       => '开始时间',
+    'Endtime'         => '结束时间',
+    'Department.name' => '部门名称',
+    'User.username'   => '用户名'
+];

+<?php
+
+return [
+    'Id'                   => 'ID',
+    'Content'              => '内容',
+    'Working_hours'        => '工时',
+    'Project_id'           => '项目',
+    'User_id'              => '上报人员',
+    'Createtime'           => '创建时间',
+    'Reporttime'           => '上报时间',
+    'User.username'        => '用户名',
+    'Project.project_name' => '项目名称'
+];

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+class Area extends Model
+{
+
+    // 开启自动写入时间戳字段
+    protected $autoWriteTimestamp = false;
+    // 定义时间戳字段名
+    protected $createTime = false;
+    protected $updateTime = false;
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+class Command extends Model
+{
+    // 表名
+    protected $name = 'command';
+
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'int';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = 'updatetime';
+
+    // 追加属性
+    protected $append = [
+        'executetime_text',
+        'type_text',
+        'status_text'
+    ];
+
+
+    public function getStatusList()
+    {
+        return ['successed' => __('Successed'), 'failured' => __('Failured')];
+    }
+
+
+    public function getExecutetimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : $data['executetime'];
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+    public function getTypeTextAttr($value, $data)
+    {
+        $value = $value ? $value : $data['type'];
+        $list = ['crud' => '一键生成CRUD', 'menu' => '一键生成菜单', 'min' => '一键压缩打包', 'api' => '一键生成文档'];
+        return $list[$value] ?? '';
+    }
+
+    public function getStatusTextAttr($value, $data)
+    {
+        $value = $value ? $value : $data['status'];
+        $list = $this->getStatusList();
+        return $list[$value] ?? '';
+    }
+
+    protected function setExecutetimeAttr($value)
+    {
+        return $value && !is_numeric($value) ? strtotime($value) : $value;
+    }
+
+
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+
+class Department extends Model
+{
+
+    
+
+    
+
+    // 表名
+    protected $name = 'department';
+    
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'integer';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = false;
+    protected $deleteTime = false;
+
+    // 追加属性
+    protected $append = [
+
+    ];
+    
+
+    
+
+
+
+
+
+
+
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+
+class Project extends Model
+{
+
+    
+
+    
+
+    // 表名
+    protected $name = 'project';
+    
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'integer';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = false;
+    protected $deleteTime = false;
+
+    // 追加属性
+    protected $append = [
+        'starttime_text',
+        'endtime_text'
+    ];
+    
+
+    
+
+
+
+    public function getStarttimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : (isset($data['starttime']) ? $data['starttime'] : '');
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+
+    public function getEndtimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : (isset($data['endtime']) ? $data['endtime'] : '');
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+    protected function setStarttimeAttr($value)
+    {
+        return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);
+    }
+
+    protected function setEndtimeAttr($value)
+    {
+        return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);
+    }
+
+
+    public function department()
+    {
+        return $this->belongsTo('Department', 'department_id', 'id', [], 'LEFT')->setEagerlyType(0);
+    }
+
+
+    public function user()
+    {
+        return $this->belongsTo('User', 'user_id', 'id', [], 'LEFT')->setEagerlyType(0);
+    }
+}

+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+
+class Workinghours extends Model
+{
+
+    
+
+    
+
+    // 表名
+    protected $name = 'workinghours';
+    
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = 'integer';
+
+    // 定义时间戳字段名
+    protected $createTime = 'createtime';
+    protected $updateTime = false;
+    protected $deleteTime = false;
+
+    // 追加属性
+    protected $append = [
+        'reporttime_text'
+    ];
+    
+
+    
+
+
+
+    public function getReporttimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : (isset($data['reporttime']) ? $data['reporttime'] : '');
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+    protected function setReporttimeAttr($value)
+    {
+        return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);
+    }
+
+
+    public function user()
+    {
+        return $this->belongsTo('User', 'user_id', 'id', [], 'LEFT')->setEagerlyType(0);
+    }
+
+
+    public function project()
+    {
+        return $this->belongsTo('Project', 'project_id', 'id', [], 'LEFT')->setEagerlyType(0);
+    }
+}

+<?php
+
+namespace app\admin\validate;
+
+use think\Validate;
+
+class Command extends Validate
+{
+    /**
+     * 验证规则
+     */
+    protected $rule = [
+    ];
+    /**
+     * 提示消息
+     */
+    protected $message = [
+    ];
+    /**
+     * 验证场景
+     */
+    protected $scene = [
+        'add'  => [],
+        'edit' => [],
+    ];
+
+}

+<?php
+
+namespace app\admin\validate;
+
+use think\Validate;
+
+class Department extends Validate
+{
+    /**
+     * 验证规则
+     */
+    protected $rule = [
+    ];
+    /**
+     * 提示消息
+     */
+    protected $message = [
+    ];
+    /**
+     * 验证场景
+     */
+    protected $scene = [
+        'add'  => [],
+        'edit' => [],
+    ];
+    
+}

+<?php
+
+namespace app\admin\validate;
+
+use think\Validate;
+
+class Project extends Validate
+{
+    /**
+     * 验证规则
+     */
+    protected $rule = [
+    ];
+    /**
+     * 提示消息
+     */
+    protected $message = [
+    ];
+    /**
+     * 验证场景
+     */
+    protected $scene = [
+        'add'  => [],
+        'edit' => [],
+    ];
+    
+}

+<?php
+
+namespace app\admin\validate;
+
+use think\Validate;
+
+class Workinghours extends Validate
+{
+    /**
+     * 验证规则
+     */
+    protected $rule = [
+    ];
+    /**
+     * 提示消息
+     */
+    protected $message = [
+    ];
+    /**
+     * 验证场景
+     */
+    protected $scene = [
+        'add'  => [],
+        'edit' => [],
+    ];
+    
+}

+<style>
+    .relation-item {margin-top:10px;}
+    legend {padding-bottom:5px;font-size:14px;font-weight:600;}
+    label {font-weight:normal;}
+    .form-control{padding:6px 8px;}
+    #extend-zone .col-xs-2 {margin-top:10px;padding-right:0;}
+    #extend-zone .col-xs-2:nth-child(6n+0) {padding-right:15px;}
+</style>
+<div class="panel panel-default panel-intro">
+    <div class="panel-heading">
+        <ul class="nav nav-tabs">
+            <li class="active"><a href="#crud" data-toggle="tab">{:__('一键生成CRUD')}</a></li>
+            <li><a href="#menu" data-toggle="tab">{:__('一键生成菜单')}</a></li>
+            <li><a href="#min" data-toggle="tab">{:__('一键压缩打包')}</a></li>
+            <li><a href="#api" data-toggle="tab">{:__('一键生成API文档')}</a></li>
+        </ul>
+    </div>
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="crud">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <form role="form">
+                            <input type="hidden" name="commandtype" value="crud" />
+                            <div class="form-group">
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <input checked="" name="isrelation" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="当前只支持生成1对1关联模型,选中后请配置关联表和字段">
+                                            <input name="isrelation" type="checkbox" value="1">
+                                            关联模型
+                                        </label>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <input checked="" name="local" type="hidden" value="1">
+                                        <label class="control-label" data-toggle="tooltip" title="默认模型生成在application/admin/model目录下,选中后将生成在application/common/model目录下">
+                                            <input name="local" type="checkbox" value="0"> 全局模型类
+                                        </label>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <input checked="" name="delete" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="删除CRUD生成的相关文件">
+                                            <input name="delete" type="checkbox" value="1"> 删除模式
+                                        </label>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <input checked="" name="force" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="选中后,如果已经存在同名文件将被覆盖。如果是删除将不再提醒">
+                                            <input name="force" type="checkbox" value="1">
+                                            强制覆盖模式
+                                        </label>
+                                    </div>
+                                    <!--
+                                    <div class="col-xs-3">
+                                        <input checked="" name="menu" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="选中后,将同时生成后台菜单规则">
+                                            <input name="menu" type="checkbox" value="1">
+                                            生成菜单
+                                        </label>
+                                    </div>
+                                    -->
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <legend>主表设置</legend>
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <label>请选择主表</label>
+                                        {:build_select('table',$tableList,null,['class'=>'form-control selectpicker', 'data-live-search'=>'true']);}
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>自定义控制器名</label>
+                                        <input type="text" class="form-control" name="controller" data-toggle="tooltip" title="默认根据表名自动生成,如果需要放在二级目录请手动填写" placeholder="支持目录层级,以/分隔">
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>自定义模型名</label>
+                                        <input type="text" class="form-control" name="model" data-toggle="tooltip" title="默认根据表名自动生成" placeholder="不支持目录层级">
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>显示字段(默认全部)</label>
+                                        <select name="fields[]" id="fields" multiple style="height:30px;" class="form-control selectpicker"></select>
+                                    </div>
+
+                                </div>
+
+                            </div>
+
+                            <div class="form-group hide" id="relation-zone">
+                                <legend>关联表设置</legend>
+
+                                <div class="row" style="margin-top:15px;">
+                                    <div class="col-xs-12">
+                                        <a href="javascript:;" class="btn btn-primary btn-sm btn-newrelation" data-index="1">追加关联模型</a>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <hr>
+                            <div class="form-group" id="extend-zone">
+                                <legend>字段识别设置 <span style="font-size:12px;font-weight: normal;">(与之匹配的字段都将生成相应组件)</span></legend>
+                                <div class="row">
+                                    <div class="col-xs-2">
+                                        <label>复选框后缀</label>
+                                        <input type="text" class="form-control" name="setcheckboxsuffix" placeholder="默认为set类型" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>单选框后缀</label>
+                                        <input type="text" class="form-control" name="enumradiosuffix" placeholder="默认为enum类型" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>图片类型后缀</label>
+                                        <input type="text" class="form-control" name="imagefield" placeholder="默认为image,images,avatar,avatars" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>文件类型后缀</label>
+                                        <input type="text" class="form-control" name="filefield" placeholder="默认为file,files" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>日期时间后缀</label>
+                                        <input type="text" class="form-control" name="intdatesuffix" placeholder="默认为time" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>开关后缀</label>
+                                        <input type="text" class="form-control" name="switchsuffix" placeholder="默认为switch" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>城市选择后缀</label>
+                                        <input type="text" class="form-control" name="citysuffix" placeholder="默认为city" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>动态下拉后缀(单)</label>
+                                        <input type="text" class="form-control" name="selectpagesuffix" placeholder="默认为_id" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>动态下拉后缀(多)</label>
+                                        <input type="text" class="form-control" name="selectpagessuffix" placeholder="默认为_ids" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>忽略的字段</label>
+                                        <input type="text" class="form-control" name="ignorefields" placeholder="默认无" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>排序字段</label>
+                                        <input type="text" class="form-control" name="sortfield" placeholder="默认为weigh" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>富文本编辑器</label>
+                                        <input type="text" class="form-control" name="editorsuffix" placeholder="默认为content" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>选项卡过滤字段</label>
+                                        <input type="text" class="form-control" name="headingfilterfield" placeholder="默认为status" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>标签后缀 <i class="fa fa-info-circle" data-toggle="tooltip" data-title="只支持1.3.0+版本"></i></label>
+                                        <input type="text" class="form-control" name="tagsuffix" placeholder="默认为tag,tags" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>JSON后缀 <i class="fa fa-info-circle" data-toggle="tooltip" data-title="只支持1.3.0+版本"></i></label>
+                                        <input type="text" class="form-control" name="jsonsuffix" placeholder="默认为json" />
+                                    </div>
+                                    <div class="col-xs-2">
+                                        <label>固定列数量 <i class="fa fa-info-circle" data-toggle="tooltip" data-title="只支持1.3.0+版本，大于0时为右侧固定列数量，小于0时为左侧固定列数量"></i></label>
+                                        <input type="text" class="form-control" name="fixedcolumns" placeholder="默认不启用" />
+                                    </div>
+
+                                </div>
+
+                            </div>
+
+                            <div class="form-group">
+                                <legend>生成命令行</legend>
+                                <textarea class="form-control" data-toggle="tooltip" title="如果在线执行命令失败,可以将命令复制到命令行进行执行" rel="command" rows="1" placeholder="请点击生成命令行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>返回结果</legend>
+                                <textarea class="form-control" rel="result" rows="5" placeholder="请点击立即执行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                    <button type="button" class="btn btn-info btn-embossed btn-command">{:__('生成命令行')}</button>
+                                    <button type="button" class="btn btn-success btn-embossed btn-execute">{:__('立即执行')}</button>
+                            </div>
+
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane fade" id="menu">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <form role="form">
+                            <input type="hidden" name="commandtype" value="menu" />
+                            <div class="form-group">
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <input checked="" name="allcontroller" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="将删除全部的菜单规则，重新按控制器进行生成，请做好备份，谨慎选择">
+                                            <input name="allcontroller" data-toggle="collapse" data-target="#controller" type="checkbox" value="1"> 一键生成全部控制器
+                                        </label>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <input checked="" name="delete" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="删除控制器菜单规则">
+                                            <input name="delete" type="checkbox" value="1"> 删除模式
+                                        </label>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <input checked="" name="force" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="如果菜单规则已经存在则覆盖">
+                                            <input name="force" type="checkbox" value="1"> 强制覆盖模式
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="form-group in" id="controller">
+                                <legend>控制器设置</legend>
+
+                                <div class="row" style="margin-top:15px;">
+                                    <div class="col-xs-12">
+                                        <input type="text" name="controllerfile" class="form-control selectpage" style="width:720px;" data-source="command/get_controller_list" data-multiple="true" name="controller" placeholder="请选择控制器" />
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>生成命令行</legend>
+                                <textarea class="form-control" rel="command" rows="1" placeholder="请点击生成命令行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>返回结果</legend>
+                                <textarea class="form-control" rel="result" rows="5" placeholder="请点击立即执行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <button type="button" class="btn btn-info btn-embossed btn-command">{:__('生成命令行')}</button>
+                                <button type="button" class="btn btn-success btn-embossed btn-execute">{:__('立即执行')}</button>
+                            </div>
+
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane fade" id="min">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <form role="form">
+                            <input type="hidden" name="commandtype" value="min" />
+                            <div class="form-group">
+                                <legend>基础设置</legend>
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <label>请选择压缩模块</label>
+                                        <select name="module" class="form-control selectpicker">
+                                            <option value="all" selected>全部</option>
+                                            <option value="backend">后台Backend</option>
+                                            <option value="frontend">前台Frontend</option>
+                                        </select>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>请选择压缩资源</label>
+                                        <select name="resource" class="form-control selectpicker">
+                                            <option value="all" selected>全部</option>
+                                            <option value="js">JS</option>
+                                            <option value="css">CSS</option>
+                                        </select>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>请选择压缩模式</label>
+                                        <select name="optimize" class="form-control selectpicker">
+                                            <option value="">无</option>
+                                            <option value="uglify">uglify</option>
+                                            <option value="closure">closure</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>生成命令行</legend>
+                                <textarea class="form-control" rel="command" rows="1" placeholder="请点击生成命令行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>返回结果</legend>
+                                <textarea class="form-control" rel="result" rows="5" placeholder="请点击立即执行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <button type="button" class="btn btn-info btn-embossed btn-command">{:__('生成命令行')}</button>
+                                <button type="button" class="btn btn-success btn-embossed btn-execute">{:__('立即执行')}</button>
+                            </div>
+
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane fade" id="api">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <form role="form">
+                            <input type="hidden" name="commandtype" value="api" />
+                            <div class="form-group">
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <input checked="" name="force" type="hidden" value="0">
+                                        <label class="control-label" data-toggle="tooltip" title="如果已经存在则覆盖">
+                                            <input name="force" type="checkbox" value="1">
+                                            覆盖模式
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <legend>文档设置</legend>
+                                <div class="row">
+                                    <div class="col-xs-3">
+                                        <label>请输入接口URL</label>
+                                        <input type="text" name="url" class="form-control" placeholder="API URL,可留空" />
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>接口生成文件</label>
+                                        <input type="text" name="output" class="form-control" placeholder="留空则使用api.html" />
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>模板文件</label>
+                                        <input type="text" name="template" class="form-control" placeholder="如果不清楚请留空" />
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>文档语言</label>
+                                        <select name="language" class="form-control">
+                                            <option value="" selected>请选择语言</option>
+                                            <option value="zh-cn">中文</option>
+                                            <option value="en">英文</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="row" style="margin-top:10px;">
+                                    <div class="col-xs-3">
+                                        <label>文档标题</label>
+                                        <input type="text" name="title" class="form-control" placeholder="默认为{$site.name}" />
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>文档作者</label>
+                                        <input type="text" name="author" class="form-control" placeholder="默认为{$site.name}" />
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>生成模块</label>
+                                        <select name="module" class="form-control selectpicker">
+                                            <option value="" selected>请选择模块</option>
+                                            <option value="api">API</option>
+                                            <option value="backend">后台</option>
+                                            <option value="frontend">前台</option>
+                                        </select>
+                                    </div>
+                                    <div class="col-xs-3">
+                                        <label>生成插件文档</label>
+                                        <select name="addon" class="form-control selectpicker" data-live-search="true">
+                                            <option value="" selected>请选择插件</option>
+                                            {foreach name=":get_addon_list()" id="item"}
+                                            <option value="{$item.name}">{$item.title}</option>
+                                            {/foreach}
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>生成命令行</legend>
+                                <textarea class="form-control" rel="command" rows="1" placeholder="请点击生成命令行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <legend>返回结果</legend>
+                                <textarea class="form-control" rel="result" rows="5" placeholder="请点击立即执行"></textarea>
+                            </div>
+
+                            <div class="form-group">
+                                <button type="button" class="btn btn-info btn-embossed btn-command">{:__('生成命令行')}</button>
+                                <button type="button" class="btn btn-success btn-embossed btn-execute">{:__('立即执行')}</button>
+                            </div>
+
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script id="relationtpl" type="text/html">
+    <div class="row relation-item">
+        <div class="col-xs-2">
+            <label>请选择关联表</label>
+            <select name="relation[<%=index%>][relation]" class="form-control relationtable" data-live-search="true"></select>
+        </div>
+        <div class="col-xs-2">
+            <label>请选择关联类型</label>
+            <select name="relation[<%=index%>][relationmode]" class="form-control relationmode"></select>
+        </div>
+        <div class="col-xs-2">
+            <label>关联外键</label>
+            <select name="relation[<%=index%>][relationforeignkey]" class="form-control relationforeignkey"></select>
+        </div>
+        <div class="col-xs-2">
+            <label>关联主键</label>
+            <select name="relation[<%=index%>][relationprimarykey]" class="form-control relationprimarykey"></select>
+        </div>
+        <div class="col-xs-2">
+            <label>请选择显示字段</label>
+            <select name="relation[<%=index%>][relationfields][]" multiple class="form-control relationfields"></select>
+        </div>
+        <div class="col-xs-2">
+            <label>&nbsp;</label>
+            <a href="javascript:;" class="btn btn-danger btn-block btn-removerelation">移除</a>
+        </div>
+    </div>
+</script>

+<table class="table table-striped">
+    <thead>
+    <tr>
+        <th>{:__('Title')}</th>
+        <th>{:__('Content')}</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>{:__('Type')}</td>
+        <td>{$row.type}({$row.type_text})</td>
+    </tr>
+    <tr>
+        <td>{:__('Params')}</td>
+        <td>{$row.params|htmlentities}</td>
+    </tr>
+    <tr>
+        <td>{:__('Command')}</td>
+        <td>{$row.command|htmlentities}</td>
+    </tr>
+    <tr>
+        <td>{:__('Content')}</td>
+        <td>
+            <textarea class="form-control" name="" id="" cols="60" rows="10">{$row.content|htmlentities}</textarea>
+        </td>
+    </tr>
+    <tr>
+        <td>{:__('Executetime')}</td>
+        <td>{$row.executetime|datetime}</td>
+    </tr>
+    <tr>
+        <td>{:__('Status')}</td>
+        <td>{$row.status_text}</td>
+    </tr>
+    </tbody>
+</table>
+<div class="hide layer-footer">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <div class="col-xs-12 col-sm-8">
+        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
+    </div>
+</div>
\ No newline at end of file

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
+                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('command/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
+                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('command/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
+
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" 
+                           data-operate-detail="{:$auth->check('command/detail')}"
+                           data-operate-execute="{:$auth->check('command/execute')}"
+                           data-operate-del="{:$auth->check('command/del')}"
+                           width="100%">
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

@@ -61,42 +61,42 @@
                 </li>
 
                 <!-- 账号信息下拉框 -->
-                <li class="dropdown user user-menu">
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <img src="{$admin.avatar|cdnurl|htmlentities}" class="user-image" alt="">
-                        <span class="hidden-xs">{$admin.nickname|htmlentities}</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <!-- User image -->
-                        <!--                        <li class="user-header">-->
-                        <!--                            <img src="{$admin.avatar|cdnurl|htmlentities}" class="img-circle" alt="">-->
+<!--                <li class="dropdown user user-menu">-->
+<!--                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
+<!--                        <img src="{$admin.avatar|cdnurl|htmlentities}" class="user-image" alt="">-->
+<!--                        <span class="hidden-xs">{$admin.nickname|htmlentities}</span>-->
+<!--                    </a>-->
+<!--                    <ul class="dropdown-menu">-->
+<!--                        &lt;!&ndash; User image &ndash;&gt;-->
+<!--                        &lt;!&ndash;                        <li class="user-header">&ndash;&gt;-->
+<!--                        &lt;!&ndash;                            <img src="{$admin.avatar|cdnurl|htmlentities}" class="img-circle" alt="">&ndash;&gt;-->
 
-                        <!--                            <p>-->
-                        <!--                                {$admin.nickname|htmlentities}-->
-                        <!--                                <small>{$admin.logintime|date="Y-m-d H:i:s",###}</small>-->
-                        <!--                            </p>-->
-                        <!--                        </li>-->
-                        <!--                        <li class="user-body">-->
-                        <!--                            <div class="visible-xs">-->
-                        <!--                                <div class="pull-left">-->
-                        <!--                                    <a href="__PUBLIC__" target="_blank"><i class="fa fa-home" style="font-size:14px;"></i> {:__('Home')}</a>-->
-                        <!--                                </div>-->
-                        <!--                                <div class="pull-right">-->
-                        <!--                                    <a href="javascript:;" data-type="all" class="wipecache"><i class="fa fa-trash fa-fw"></i> {:__('Wipe all cache')}</a>-->
-                        <!--                                </div>-->
-                        <!--                            </div>-->
-                        <!--                        </li>-->
-                        <!-- Menu Footer-->
-                        <li>
-                            <a href="general/profile" class="addtabsit"><i class="fa fa-user"></i>
-                                {:__('Profile')}</a>
-                        </li>
-                        <li>
-                            <a href="{:url('index/logout')}"><i class="fa fa-sign-out"></i>
-                                {:__('Logout')}</a>
-                        </li>
-                    </ul>
-                </li>
+<!--                        &lt;!&ndash;                            <p>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                {$admin.nickname|htmlentities}&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                <small>{$admin.logintime|date="Y-m-d H:i:s",###}</small>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                            </p>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                        </li>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                        <li class="user-body">&ndash;&gt;-->
+<!--                        &lt;!&ndash;                            <div class="visible-xs">&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                <div class="pull-left">&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                    <a href="__PUBLIC__" target="_blank"><i class="fa fa-home" style="font-size:14px;"></i> {:__('Home')}</a>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                </div>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                <div class="pull-right">&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                    <a href="javascript:;" data-type="all" class="wipecache"><i class="fa fa-trash fa-fw"></i> {:__('Wipe all cache')}</a>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                                </div>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                            </div>&ndash;&gt;-->
+<!--                        &lt;!&ndash;                        </li>&ndash;&gt;-->
+<!--                        &lt;!&ndash; Menu Footer&ndash;&gt;-->
+<!--                        <li>-->
+<!--                            <a href="general/profile" class="addtabsit"><i class="fa fa-user"></i>-->
+<!--                                {:__('Profile')}</a>-->
+<!--                        </li>-->
+<!--                        <li>-->
+<!--                            <a href="{:url('index/logout')}"><i class="fa fa-sign-out"></i>-->
+<!--                                {:__('Logout')}</a>-->
+<!--                        </li>-->
+<!--                    </ul>-->
+<!--                </li>-->
                 <!-- 控制栏切换按钮 -->
                 <!--                <li class="hidden-xs">-->
                 <!--                    <a href="javascript:;" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>-->

@@ -6,6 +6,8 @@
         -moz-border-radius: 3px;
         border-radius: 3px;
         margin-bottom: 20px;
+        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
+        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
     }
 
     .sm-st-icon {
@@ -25,6 +27,7 @@
     }
 
     .sm-st-info {
+        font-size: 12px;
         padding-top: 2px;
     }
 
@@ -122,7 +125,6 @@
     .stat .name {
         overflow: hidden;
         text-overflow: ellipsis;
-        margin: 5px 0;
     }
 
     .stat.lg .value {
@@ -130,9 +132,6 @@
         line-height: 28px;
     }
 
-    .stat-col {
-        margin:0 0 10px 0;
-    }
     .stat.lg .name {
         font-size: 16px;
     }
@@ -156,248 +155,568 @@
     }
 
     #statistics .panel h5 {
+        font-size: 13px;
+    }
+</style><!DOCTYPE html>
+
+    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
+    <script src="https://registry.npmmirror.com/echarts/5.5.0/files/dist/echarts.min.js"></script>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+        }
+
+        .general_console {
+            width: 100%;
+            height: 100vh;
+            display: flex;
+            justify-content: space-between;
+            /*justify-content: center;*/
+            /*align-items: center;*/
+            background-color: #f2f2f2;
+            padding: 24px;
+            box-sizing: border-box;
+        }
+
+        .overview {
+            width: 100%;
+            height: 560px;
+            background-color: #fff;
+            padding: 24px;
+            box-sizing: border-box;
+            border-radius: 8px;
+        }
+
+        .overview_title {
+            font-weight: bold;
+            color: #020E1F;
+        }
+
+        .overview_main {
+            width: 100%;
+            height: 490px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .overview_main_left {
+            width: 55%;
+            height: 100%;
+        }
+
+        #chart-container {
+            width: 100%;
+            height: 470px;
+        }
+
+        .overview_main_right {
+            width: 40%;
+            height: 100%;
+        }
+
+        .overview_main_right_item {
+            width: 100%;
+            height: 90px;
+            padding: 12px;
+            background-color: #F7F8FA;
+            border-radius: 8px;
+            box-sizing: border-box;
+            display: flex;
+            margin-bottom: 20px;
+        }
+
+        .overview_main_right_item_left {
+            width: 60px;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .overview_main_right_item_left img {
+            width: 60px;
+            height: 60px;
+        }
+
+        .overview_main_right_item_right {
+            width: 100%;
+            height: 100%;
+            background-color: #fff;
+            padding: 12px;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+        }
+
+        .overview_main_right_item_right_top {
+            font-weight: bold;
+            color: #020E1F;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .overview_main_right_item_right_bottom {
+            font-size: 12px;
+            display: flex;
+            justify-content: space-between;
+            color: #828A97;
+        }
+
+        .console_right {
+            width: 39%;
+            height: 100%;
+        }
+
+        .user_info {
+            width: 100%;
+            height: 90px;
+            background-color: #fff;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 12px;
+            box-sizing: border-box;
+            border-radius: 8px;
+        }
+
+        .user_info_avatar {
+            width: 60px;
+            height: 60px;
+            border-radius: 50%;
+            background-color: #cbcfe5;
+            display: flex;
+            line-height: 60px;
+            justify-content: center;
+            color: #ffffff;
+        }
+
+        .user_info_name {
+            padding: 10px 12px;
+            box-sizing: border-box;
+            width: 78%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            color: #020E1F;
+        }
+
+        .user_info_menu {
+            width: 134px;
+            height: 40px;
+            background-image: url('__CDN__/assets/img/admin_icon.png');
+            background-size: 100%;
+            line-height: 40px;
+            padding-left: 50px;
+            box-sizing: border-box;
             font-size: 14px;
+            color: #896300;
+            font-weight: bold;
         }
-</style>
-<div class="panel panel-default panel-intro">
-    <div class="panel-heading">
-        {:build_heading(null, false)}
-        <ul class="nav nav-tabs">
-            <li class="active"><a href="#one" data-toggle="tab">{:__('Dashboard')}</a></li>
-            <li><a href="#two" data-toggle="tab">{:__('Custom')}</a></li>
-        </ul>
-    </div>
-    <div class="panel-body">
-        <div id="myTabContent" class="tab-content">
-            <div class="tab-pane fade active in" id="one">
 
-                <div class="row">
-                    <div class="col-sm-3 col-xs-6">
-                        <div class="sm-st clearfix">
-                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
-                            <div class="sm-st-info">
-                                <span>{$totaluser}</span>
-                                {:__('Total user')}
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-3 col-xs-6">
-                        <div class="sm-st clearfix">
-                            <span class="sm-st-icon st-violet"><i class="fa fa-magic"></i></span>
-                            <div class="sm-st-info">
-                                <span>{$totaladdon}</span>
-                                {:__('Total addon')}
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-3 col-xs-6">
-                        <div class="sm-st clearfix">
-                            <span class="sm-st-icon st-blue"><i class="fa fa-leaf"></i></span>
-                            <div class="sm-st-info">
-                                <span>{$attachmentnums}</span>
-                                {:__('Total attachment')}
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-3 col-xs-6">
-                        <div class="sm-st clearfix">
-                            <span class="sm-st-icon st-green"><i class="fa fa-user"></i></span>
-                            <div class="sm-st-info">
-                                <span>{$totaladmin}</span>
-                                {:__('Total admin')}
-                            </div>
-                        </div>
-                    </div>
-                </div>
+        .rankings {
+            width: 100%;
+            height: calc(100% - 90px - 24px);
+            background-color: #ffffff;
+            margin-top: 24px;
+            border-radius: 8px;
+            padding: 24px;
+            box-sizing: border-box;
+        }
 
-                <div class="row">
-                    <div class="col-lg-8">
-                        <div id="echart" class="btn-refresh" style="height:300px;width:100%;"></div>
-                    </div>
-                    <div class="col-lg-4">
-                        <div class="card sameheight-item stats">
-                            <div class="card-block">
-                                <div class="row row-sm stats-container">
-                                    <div class="col-xs-6 stat-col">
-                                        <div class="stat-icon"><i class="fa fa-rocket"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$todayusersignup}</div>
-                                            <div class="name"> {:__('Today user signup')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                    <div class="col-xs-6 stat-col">
-                                        <div class="stat-icon"><i class="fa fa-vcard"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$todayuserlogin}</div>
-                                            <div class="name"> {:__('Today user login')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                    <div class="col-xs-6  stat-col">
-                                        <div class="stat-icon"><i class="fa fa-calendar"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$threednu}</div>
-                                            <div class="name"> {:__('Three dnu')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                    <div class="col-xs-6 stat-col">
-                                        <div class="stat-icon"><i class="fa fa-calendar-plus-o"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$sevendnu}</div>
-                                            <div class="name"> {:__('Seven dnu')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                    <div class="col-xs-6  stat-col">
-                                        <div class="stat-icon"><i class="fa fa-user-circle"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$sevendau}</div>
-                                            <div class="name"> {:__('Seven dau')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                    <div class="col-xs-6  stat-col">
-                                        <div class="stat-icon"><i class="fa fa-user-circle-o"></i></div>
-                                        <div class="stat">
-                                            <div class="value"> {$thirtydau}</div>
-                                            <div class="name"> {:__('Thirty dau')}</div>
-                                        </div>
-                                        <div class="progress">
-                                            <div class="progress-bar progress-bar-success" style="width: 20%"></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+        .rankings_title {
+            width: 100%;
+            height: 40px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
 
-                <div class="row" style="margin-top:15px;" id="statistics">
+        .rankings_title_left {
+            color: #1D2129;
+            font-weight: 700;
+        }
 
-                    <div class="col-lg-12">
-                    </div>
-                    <div class="col-xs-6 col-md-3">
-                        <div class="panel bg-blue-gradient no-border">
-                            <div class="panel-body">
-                                <div class="panel-title">
-                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
-                                    <h5>{:__('Working addon count')}</h5>
-                                </div>
-                                <div class="panel-content">
-                                    <div class="row">
-                                        <div class="col-md-12">
-                                            <h1 class="no-margins">{$totalworkingaddon}</h1>
-                                            <div class="font-bold"><i class="fa fa-magic"></i>
-                                                <small>{:__('Working addon count tips')}</small>
+        .rankings_title_right {
+            width: 240px;
+            height: 32px;
+            display: flex;
+            padding: 3px;
+            box-sizing: border-box;
+            background-color: #F2F3F5;
+            border-radius: 8px;
+        }
+
+        .rankings_title_right_item {
+            width: 80px;
+            text-align: center;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 14px;
+            cursor: pointer;
+            color: #4E5969;
+        }
+
+        .rankings_title_right_item_active {
+            width: 80px;
+            color: #165DFF;
+            background-color: #fff;
+            border-radius: 2px;
+        }
+
+        .rankings_list {
+            width: 100%;
+            height: calc(100% - 64px);
+            display: flex;
+            flex-direction: column;
+            margin-top: 24px;
+        }
+
+        .rankings_item {
+            display: flex;
+            width: 100%;
+            height: 32px;
+            line-height: 32px;
+            font-size: 14px;
+        }
+
+        .rankings_item > div {
+            width: 33.33%;
+            text-align: center;
+        }
+
+        .rankings_item:nth-child(odd) {
+            background-color: #F7F8FA;
+        }
+
+        .console_left {
+            width: 60%;
+            height: 100%;
+        }
+
+        .project_list {
+            width: 100%;
+            height: calc(100% - 560px - 24px);
+            background-color: #ffffff;
+            margin-top: 24px;
+            border-radius: 8px;
+            padding: 24px;
+            box-sizing: border-box;
+        }
+
+        .project_list_title {
+            width: 100%;
+            height: 32px;
+            line-height: 32px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 16px;
+        }
+
+        .project_list_title_left {
+            font-weight: bold;
+        }
+
+        .project_list_title_right {
+            font-size: 14px;
+            color: #1F5BFF;
+            font-weight: bold;
+        }
+
+        .project_list_main {
+            width: 100%;
+            /*height: calc(100% - 44px);*/
+            overflow: auto;
+            margin-top: 12px;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: flex-start;
+            justify-content: flex-start;
+        }
+
+        .project_list_main_item {
+            width: 23.875%;
+            height: 94px;
+            background-color: #ffffff;
+            margin-right: 1.5%;
+            margin-bottom: 24px;
+            padding: 10px 12px;
+            box-sizing: border-box;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            border: 1px solid #EBEBEB;
+        }
+
+        .project_list_main_item:nth-child( 4n ) {
+            margin-right: 0 !important;
+        }
+
+        .project_list_main_item_top {
+            width: 100%;
+        }
+
+        .project_list_main_item_top > div:first-child {
+            font-weight: 600;
+            color: #020E1F;
+            font-size: 16px;
+        }
+
+        .project_list_main_item_top > div:last-child {
+            color: #828A97;
+            font-size: 12px;
+        }
+
+        .project_list_main_item_bottom {
+            width: 100%;
+            height: 32px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 14px;
+            color: #031229;
+        }
+
+        .project_list_main_item_bottom_right {
+            display: flex;
+            align-items: center;
+        }
+
+        .project_list_main_item_bottom_right > img {
+            width: 16px;
+            height: 16px;
+            margin-right: 4px;
+        }
+    </style>
+<div class="general_console">
+    <div class="console_left">
+        <div class="overview">
+            <div class="overview_title">项目总览</div>
+            <div class="overview_main">
+                <div class="overview_main_left">
+                    <div id="chart-container"></div>
                 </div>
+                <div class="overview_main_right">
+                    {volist name="project_overview" id="vo" }
+                    <div class="overview_main_right_item">
+                        <div class="overview_main_right_item_left">
+                            <img src="{$vo.image}" alt="">
                         </div>
+                        <div class="overview_main_right_item_right">
+                            <div class="overview_main_right_item_right_top">
+                                <div>{$vo.project_name}</div>
+                                <div>{$vo.all_working_hours}小时</div>
                             </div>
+                            <div class="overview_main_right_item_right_bottom">
+                                <div>负责人: {$vo.username} 开始时间：{$vo.starttime|date="Y-m-d",###}</div>
+                                <div style="color: #1F5BFF;font-weight: 600;cursor: pointer;" onclick="projectinfo({$vo.id})">详情</div>
                             </div>
                         </div>
                     </div>
+                    {/volist}
+
+
+
+
+
                 </div>
-                    <div class="col-xs-6 col-md-3">
-                        <div class="panel bg-teal-gradient no-border">
-                            <div class="panel-body">
-                                <div class="ibox-title">
-                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
-                                    <h5>{:__('Database count')}</h5>
             </div>
-                                <div class="ibox-content">
-                                    <div class="row">
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$dbtablenums}</h1>
-                                            <div class="font-bold"><i class="fa fa-database"></i>
-                                                <small>{:__('Database table nums')}</small>
         </div>
+        <div class="project_list">
+            <div class="project_list_title">
+                <div class="project_list_title_left">快捷入口</div>
             </div>
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$dbsize|format_bytes=###,'',0}</h1>
-                                            <div class="font-bold"><i class="fa fa-filter"></i>
-                                                <small>{:__('Database size')}</small>
+
+            <div class="project_list_main">
+                {volist name="quick_entrance" id="vo" }
+                <div class="project_list_main_item">
+                    <div class="project_list_main_item_top">
+                        <div>{$vo.project_name}</div>
+                        <div>{$vo.starttime|date="Y-m-d",###}</div>
                     </div>
+                    <div class="project_list_main_item_bottom">
+                        <div>负责人：{$vo.username}</div>
+                        <div class="project_list_main_item_bottom_right">
+                            <img src="__CDN__/assets/img/IconGrid.png" alt="">
+                            {$vo.all_working_hours}小时
                         </div>
                     </div>
                 </div>
+                {/volist}
             </div>
         </div>
     </div>
 
-                    <div class="col-xs-6 col-md-3">
-                        <div class="panel bg-purple-gradient no-border">
-                            <div class="panel-body">
-                                <div class="ibox-title">
-                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
-                                    <h5>{:__('Attachment count')}</h5>
-                                </div>
-                                <div class="ibox-content">
 
-                                    <div class="row">
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$attachmentnums}</h1>
-                                            <div class="font-bold"><i class="fa fa-files-o"></i>
-                                                <small>{:__('Attachment nums')}</small>
-                                            </div>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$attachmentsize|format_bytes=###,'',0}</h1>
-                                            <div class="font-bold"><i class="fa fa-filter"></i>
-                                                <small>{:__('Attachment size')}</small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
+    <div class="console_right">
+        <div class="user_info">
+            <div class="user_info_avatar">
+                {$admin.nickname|htmlentities}
             </div>
+            <div class="user_info_name">
+                <div class="user_info_name">
+                    <div style="font-weight: bold;">{$admin.nickname|htmlentities}</div>
+                    <div style="font-size: 14px">最近登录：{$admin.logintime|date="Y-m-d",###}</div>
                 </div>
             </div>
-                    <div class="col-xs-6 col-md-3">
-                        <div class="panel bg-green-gradient no-border">
-                            <div class="panel-body">
-                                <div class="ibox-title">
-                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
-                                    <h5>{:__('Picture count')}</h5>
-                                </div>
-                                <div class="ibox-content">
 
-                                    <div class="row">
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$picturenums}</h1>
-                                            <div class="font-bold"><i class="fa fa-picture-o"></i>
-                                                <small>{:__('Picture nums')}</small>
-                                            </div>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <h1 class="no-margins">{$picturesize|format_bytes=###,'',0}</h1>
-                                            <div class="font-bold"><i class="fa fa-filter"></i>
-                                                <small>{:__('Picture size')}</small>
-                                            </div>
-                                        </div>
+            <div class="user_info_menu">
+                {if $admin.id=="1"}
+                超级管理员
+                {else/}
+                管理员
+                {/if}
             </div>
         </div>
+
+        <div class="rankings">
+            <div class="rankings_title">
+                <div class="rankings_title_left">工时统计排行</div>
+                <div class="rankings_title_right">
+                    <div class="rankings_title_right_item rankings_title_right_item_active" id="project_rank" name="project_rank">项目排行</div>
+                    <div class="rankings_title_right_item " id="department_rank" name="department_rank">部门排行</div>
+                    <div class="rankings_title_right_item " id="employee_rank" name="employee_rank">员工排行</div>
                 </div>
             </div>
+
+            <div class="rankings_list"  id="project_rank_list" name="project_rank_list">
+                {volist name="$work_hour_statistics.project_statistics" id="vo" }
+                <div class="rankings_item">
+                    <div>{$vo.name}</div>
+                    <div>创建时间：{$vo.starttime|date="Y-m-d",###}</div>
+                    <div>{$vo.all_working_hours}小时</div>
                 </div>
+                {/volist}
             </div>
+            <div class="rankings_list" style="display: none"  id="department_rank_list" name="department_rank_list">
+                {volist name="$work_hour_statistics.department_statistics" id="vo" }
+                <div class="rankings_item">
+                    <div>{$vo.name}</div>
+                    <div>创建时间：{$vo.starttime|date="Y-m-d",###}</div>
+                    <div>{$vo.all_working_hours}小时</div>
                 </div>
-            <div class="tab-pane fade" id="two">
-                <div class="row">
-                    <div class="col-xs-12">
-                        {:__('Custom zone')}
+                {/volist}
             </div>
+            <div class="rankings_list"  style="display: none" id="employee_rank_list" name="employee_rank_list">
+                {volist name="$work_hour_statistics.admin_statistics" id="vo" }
+                <div class="rankings_item">
+                    <div>{$vo.name}</div>
+                    <div>创建时间：{$vo.starttime|date="Y-m-d",###}</div>
+                    <div>{$vo.all_working_hours}小时</div>
                 </div>
+                {/volist}
             </div>
         </div>
     </div>
+
 </div>
+<script>
+    function projectinfo(id){
+        layer.open({
+            type: 2,
+            title: '项目详情',
+            maxmin: true,
+            shadeClose: true, //点击遮罩关闭层
+            area : ['800px' , '520px'],
+            content: 'dashboard/projectinfo?id='+id,
+        });
+    }
+</script>
+<script>
+    $('#project_rank').click(function() {
+        $('#project_rank_list').show();
+        $('#department_rank_list').hide();
+        $('#employee_rank_list').hide();
+    });
+    $('#department_rank').click(function() {
+        $('#project_rank_list').hide();
+        $('#department_rank_list').show();
+        $('#employee_rank_list').hide();
+    });
+
+    $('#employee_rank').click(function() {
+        $('#project_rank_list').hide();
+        $('#department_rank_list').hide();
+        $('#employee_rank_list').show();
+    });
+
+
+
+
+</script>
+<script>
+    const dom = document.getElementById('chart-container');
+    const myChart = echarts.init(dom, null, {
+        renderer: 'canvas',
+        useDirtyRect: false
+    });
+    const app = {};
+
+    let option;
+
+    option = {
+        grid: {
+            left: "0%",
+            right: "0%",
+            top: "16%",
+            bottom: "10%",
+            containLabel: true,
+        },
+        series: [
+            {
+                name: 'Nightingale Chart',
+                type: 'pie',
+                radius: [50, 250],
+                center: ['50%', '55%'],
+                roseType: 'area',
+                itemStyle: {
+                    borderRadius: 8
+                },
+                data: <?php echo json_encode($project_overview_chart); ?>
+    }
+    ]
+    };
+
+
+    if (option && typeof option === 'object') {
+        myChart.setOption(option);
+    }
+
+    window.addEventListener('resize', myChart.resize);
+
+
+    const project_rank = document.getElementById('project_rank');
+    const department_rank = document.getElementById('department_rank');
+    const employee_rank = document.getElementById('employee_rank');
+
+
+    project_rank.addEventListener('click', function() {
+        project_rank.classList.add('rankings_title_right_item_active');
+        department_rank.classList.remove('rankings_title_right_item_active');
+        employee_rank.classList.remove('rankings_title_right_item_active');
+        // 事件处理代码
+    });
+
+
+    department_rank.addEventListener('click', function() {
+        project_rank.classList.remove('rankings_title_right_item_active');
+        department_rank.classList.add('rankings_title_right_item_active');
+        employee_rank.classList.remove('rankings_title_right_item_active');
+        // 事件处理代码
+    });
+
+
+    employee_rank.addEventListener('click', function() {
+        employee_rank.classList.add('rankings_title_right_item_active');
+        project_rank.classList.remove('rankings_title_right_item_active');
+        department_rank.classList.remove('rankings_title_right_item_active');
+        // 事件处理代码
+    });
+</script>
\ No newline at end of file

+<style>
+    .table-adminlog tr td {
+        word-break: break-all;
+    }
+</style>
+<table class="table table-striped table-adminlog">
+    <thead>
+    <tr>
+        <th width="100">{:__('Title')}</th>
+        <th>{:__('Content')}</th>
+    </tr>
+    </thead>
+    <tbody>
+    {volist name="row" id="vo" }
+    <tr>
+        <td>{:__($key)}</td>
+        <td>
+            {if $key=='createtime'}
+            {$vo|date="Y-m-d",###}
+            {elseif $key=='starttime'}
+            {$vo|date="Y-m-d",###}
+            {elseif $key=='endtime'}
+            {$vo|date="Y-m-d",###}
+            {elseif $key=='image'}
+            <img src="{$vo}" alt="">
+            {elseif $key=='all_working_hours'}
+            {$vo|htmlentities} 小时
+            {else/}
+            {$vo|htmlentities}
+            {/if}
+
+        </td>
+    </tr>
+    {/volist}
+    </tbody>
+</table>
+<div class="hide layer-footer">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <div class="col-xs-12 col-sm-8">
+        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
+    </div>
+</div>

+<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+    {:token()}
+    <div class="form-group">
+        <label for="c-pid" class="control-label col-xs-12 col-sm-2">{:__('上级部门')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <select id="c-pid" data-rule="required" class="form-control selectpicker" name="row[pid]">
+                {foreach name="parentList" item="vo"}
+                <option value="{$key}">{$vo.name}</option>
+                {/foreach}
+            </select>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('部门名称')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
+        </div>
+    </div>
+
+
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
+            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+        </div>
+    </div>
+</form>

+<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+    {:token()}
+    <div class="form-group">
+        <label for="c-pid" class="control-label col-xs-12 col-sm-2">{:__('上级部门')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <select id="c-pid" data-rule="required" class="form-control selectpicker" name="row[pid]">
+                {foreach name="parentList" item="vo"}
+                <option value="{$key}" {in name="key" value="$row.pid"}selected{/in}>{$vo.name}</option>
+                {/foreach}
+            </select>
+
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('部门名称')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
+        </div>
+    </div>
+
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
+            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+        </div>
+    </div>
+</form>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
+                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('department/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
+                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('department/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
+                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('department/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
+                        
+
+                        
+
+                        
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
+                           data-operate-edit="{:$auth->check('department/edit')}"
+                           data-operate-del="{:$auth->check('department/del')}"
+                           width="100%">
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th>{:__('Title')}</th>
+            <th>{:__('Content')}</th>
+        </tr>
+    </thead>
+    <tbody>
+        {volist name="row" id="vo"  }
+        <tr>
+            <td>{$key}</td>
+            <td style="word-break: break-all;">{$vo|htmlentities}</td>
+        </tr>
+        {/volist}
+        {if $Think.get.dialog}
+        <tr>
+            <td>回传数据</td>
+            <td>
+                <div class="input-group">
+                    <input name="callback" class="form-control" value="test" />
+                    <span class="input-group-btn"><a href="javascript:;" class="btn btn-success btn-callback" >回传数据</a></span>
+                </div>
+            </td>
+        </tr>
+        {/if}
+    </tbody>
+</table>
+<div class="hide layer-footer">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <div class="col-xs-12 col-sm-8">
+        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
+    </div>
+</div>

+<table class="table table-striped">
+    <tbody>
+        <tr><td>这里是编辑窗口</td></tr>
+    </tbody>
+</table>
+<div class="hide layer-footer">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <div class="col-xs-12 col-sm-8">
+        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+
+    <div class="panel-heading">
+        {:build_heading(null,FALSE)}
+        <ul class="nav nav-tabs nav-custom-condition">
+            <li class="active"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
+            <li class=""><a href="#t-1" data-value='1' data-toggle="tab">自定义搜索条件1</a></li>
+            <li class=""><a href="#t-2" data-value='2' data-toggle="tab">自定义搜索条件2</a></li>
+        </ul>
+    </div>
+
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                        <a class="btn btn-info btn-disabled disabled btn-selected" href="javascript:;"><i class="fa fa-leaf"></i> 获取选中项</a>
+                        <div class="dropdown btn-group">
+                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> <?= __('More') ?></a>
+                            <ul class="dropdown-menu text-left" role="menu">
+                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
+                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
+                            </ul>
+                        </div>
+                        <a class="btn btn-success btn-singlesearch" href="javascript:;"><i class="fa fa-user"></i> 自定义搜索</a>
+                        <a class="btn btn-success btn-change btn-start" data-params="action=start" data-url="example/bootstraptable/start" href="javascript:;"><i class="fa fa-play"></i> 启动</a>
+                        <a class="btn btn-danger btn-change btn-pause" data-params="action=pause" data-url="example/bootstraptable/pause" href="javascript:;"><i class="fa fa-pause"></i> 暂停</a>
+                        <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">
+                            <span class="extend">
+                                金额：<span id="money">0</span>
+                                单价：<span id="price">0</span>
+                            </span>
+                        </a>
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<script id="categorytpl" type="text/html">
+    <div class="row">
+        <div class="col-xs-12">
+            <div class="form-inline" data-toggle="cxselect" data-selects="group,admin">
+                <select class="group form-control" name="group" data-url="example/bootstraptable/cxselect?type=group"></select>
+                <select class="admin form-control" name="admin_id" data-url="example/bootstraptable/cxselect?type=admin" data-query-name="group_id"></select>
+                <input type="hidden" class="operate" data-name="admin_id" value="=" />
+            </div>
+        </div>
+    </div>
+</script>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<style>
+    .upload-image {
+        background: url('__CDN__/assets/addons/example/img/plus.png') no-repeat center center;
+        background-size: 30px 30px;
+        height: 30px;
+        width: 30px;
+        border: 1px solid #ccc;
+    }
+
+    textarea.form-control {
+        background: #eee;
+    }
+</style>
+<div class="row">
+    <div class="col-md-6">
+        <div class="box box-success">
+            <div class="panel-heading">
+                {:__('自定义图片描述')}
+            </div>
+            <div class="panel-body">
+                <div class="alert alert-success-light">
+                    <b>温馨提示</b><br>
+                    默认我们的多图是没有图片描述的，如果我们需要自定义描述，可以使用以下的自定义功能<br>
+                    特别注意的是图片的url和描述是分开储存的，也就是说图片一个字段，描述一个字段，你在前台使用时需要自己匹配映射关系<br>
+                    <b>下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏</b>
+                </div>
+                <form id="first-form" role="form" data-toggle="validator" method="POST" action="">
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">{:__('一维数组示例')}:</label>
+                        <div class="col-xs-12">
+                            <div class="input-group">
+                                <input id="c-files" data-rule="required" class="form-control" size="50" name="row[files]" type="text" value="https://cdn.fastadmin.net/uploads/addons/blog.png,https://cdn.fastadmin.net/uploads/addons/cms.png,https://cdn.fastadmin.net/uploads/addons/vote.png">
+                                <div class="input-group-addon no-border no-padding">
+                                    <span><button type="button" id="plupload-files" class="btn btn-danger plupload" data-input-id="c-files" data-mimetype="*" data-multiple="true" data-preview-id="p-files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                                    <span><button type="button" id="fachoose-files" class="btn btn-primary fachoose" data-input-id="c-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                                </div>
+                                <span class="msg-box n-right" for="c-files"></span>
+                            </div>
+
+                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
+                            <ul class="row list-inline plupload-preview" id="p-files" data-template="introtpl" data-name="row[intro]"></ul>
+
+                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[intro]" class="form-control" style="margin-top:5px;">["简洁响应式博客","CMS内容管理系统","在线投票系统"]</textarea>
+
+                            <!--这里自定义图片预览的模板 开始-->
+                            <script type="text/html" id="introtpl">
+                                <li class="col-xs-3">
+                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
+                                        <img src="<%=fullurl%>" class="img-responsive">
+                                    </a>
+                                    <input type="text" name="row[intro][<%=index%>]" class="form-control mb-1" placeholder="请输入文件描述" value="<%=value?value:''%>"/>
+                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
+                                </li>
+                            </script>
+                            <!--这里自定义图片预览的模板 结束-->
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">{:__('二维数组示例')}:</label>
+                        <div class="col-xs-12">
+                            <div class="input-group">
+                                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text" value="https://cdn.fastadmin.net/uploads/addons/example.png,https://cdn.fastadmin.net/uploads/addons/upyun.png,https://cdn.fastadmin.net/uploads/addons/alioss.png">
+                                <div class="input-group-addon no-border no-padding">
+                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                                </div>
+                                <span class="msg-box n-right" for="c-images"></span>
+                            </div>
+
+                            <!--ul需要添加 data-template和data-name属性，并一一对应且唯一 -->
+                            <ul class="row list-inline plupload-preview" id="p-images" data-template="desctpl" data-name="row[desc]"></ul>
+
+                            <!--请注意 ul和textarea间不能存在其它任何元素，实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[desc]" class="form-control" style="margin-top:5px;">[{"info":"开发者示例插件","size":"1M"},{"info":"又拍云储存整合","size":"2M"},{"info":"阿里OSS云储存","size":"1M"}]</textarea>
+
+                            <!--这里自定义图片预览的模板 开始-->
+                            <script type="text/html" id="desctpl">
+                                <li class="col-xs-3">
+                                    <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
+                                        <img src="<%=fullurl%>" class="img-responsive">
+                                    </a>
+                                    <input type="text" name="row[desc][<%=index%>][info]" class="form-control mb-1" placeholder="请输入插件描述" value="<%=value?value['info']:''%>"/>
+                                    <input type="text" name="row[desc][<%=index%>][size]" class="form-control mb-1" placeholder="请输入插件大小" value="<%=value?value['size']:''%>"/>
+                                    <a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
+                                </li>
+                            </script>
+                            <!--这里自定义图片预览的模板 结束-->
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12"></label>
+                        <div class="col-xs-12">
+                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
+                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </div>
+    <div class="col-md-6">
+        <div class="box box-info">
+            <div class="panel-heading">
+                {:__('自定义Fieldlist示例')}
+            </div>
+            <div class="panel-body">
+                <div class="alert alert-danger-light">
+                    <b>温馨提示</b><br>
+                    默认的fieldlist为键值形式，如果需要一维数组或二维数组，可使用下面的自定义模板来实现<br>
+                    默认追加的元素是没有进行事件绑定的，我们需要监听btn-append这个按钮的fa.event.appendfieldlist事件<br>
+                    <b>下面的演示textarea为了便于调试，设置为可见的，实际使用中应该添加个hidden的class进行隐藏</b>
+                </div>
+                <form id="second-form" role="form" data-toggle="validator" method="POST" action="">
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">
+                            {:__('Fieldlist一维示例')}:
+                            <span style="font-weight: normal"><font color="red">只支持FastAdmin1.5.0+</font> {if version_compare($Think.config.fastadmin.version, '1.5.0')<0}<span class="label label-danger">你当前FastAdmin版本不支持</span>{/if}</span>
+                        </label>
+                        <div class="col-xs-12">
+                            <dl class="list-unstyled fieldlist" data-template="singletpl" data-name="row[single]" id="single-table">
+                                <dd>
+                                    <ins>{:__('标题')}</ins>
+                                </dd>
+                                <dd>
+                                    <ins><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></ins>
+                                </dd>
+                            </dl>
+
+                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[single]" class="form-control" cols="30" rows="5">["你好","世界"]</textarea>
+                            <script id="singletpl" type="text/html">
+                                <dd class="form-inline">
+                                    <ins><input type="text" name="<%=name%>[<%=index%>][value]" class="form-control" size="15" value="<%=row%>" placeholder="标题"/></ins>
+                                    <ins>
+                                        <!--下面的两个按钮务必保留-->
+                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
+                                        <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
+                                    </ins>
+                                </dd>
+                            </script>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">{:__('Fieldlist一维键值示例')}:</label>
+                        <div class="col-xs-12">
+                            <dl class="list-unstyled fieldlist" data-name="row[keyvalue]" id="keyvalue-table">
+                                <dd>
+                                    <ins>{:__('标题')}</ins>
+                                </dd>
+                                <dd>
+                                    <ins><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></ins>
+                                </dd>
+                            </dl>
+
+                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[keyvalue]" class="form-control" cols="30" rows="5">{"2":"Hello", "1":"World"}</textarea>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">{:__('Fieldlist二维数组示例')}:</label>
+                        <div class="col-xs-12">
+                            <table class="table fieldlist" data-template="basictpl" data-name="row[basic]" id="first-table">
+                                <tr>
+                                    <td>{:__('标题')}</td>
+                                    <td>{:__('介绍')}</td>
+                                    <td>{:__('大小')}</td>
+                                    <td>{:__('状态')}</td>
+                                    <td width="100"></td>
+                                </tr>
+                                <tr>
+                                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
+                                </tr>
+                            </table>
+
+                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[basic]" class="form-control" cols="30" rows="5">[{"title":"开发者示例插件","intro":"开发者必备","size":"1M","state":1},{"title":"又拍云储存整合","intro":"一款云储存插件","size":"2M","state":0},{"title":"阿里OSS云储存","intro":"一款云储存插件","size":"1M","state":1}]</textarea>
+                            <script id="basictpl" type="text/html">
+                                <tr class="form-inline">
+                                    <td><input type="text" name="<%=name%>[<%=index%>][title]" class="form-control" size="15" value="<%=row.title||'fast'%>" placeholder="标题"/></td>
+                                    <td><input type="text" name="<%=name%>[<%=index%>][intro]" class="form-control" size="15" value="<%=row.intro%>" placeholder="介绍"/></td>
+                                    <td><input type="text" name="<%=name%>[<%=index%>][size]" class="form-control" style="width:50px" value="<%=row.size%>" placeholder="大小"/></td>
+                                    <td>
+                                        <input type="hidden" name="<%=name%>[<%=index%>][state]" id="c-state-<%=index%>" class="form-control" style="width:50px" value="<%=row.state%>" placeholder="状态"/>
+                                        <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-state-<%=index%>" data-yes="1" data-no="0">
+                                            <i class="fa fa-toggle-on text-success <%if(row.state!=1){%>fa-flip-horizontal text-gray<%}%> fa-2x"></i>
+                                        </a>
+                                    </td>
+                                    <td>
+                                        <!--下面的两个按钮务必保留-->
+                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
+                                        <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
+                                    </td>
+                                </tr>
+                            </script>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">{:__('Fieldlist绑定事件示例')}:</label>
+                        <div class="col-xs-12">
+                            <table class="table fieldlist" data-template="eventtpl" data-name="row[event]" id="second-table">
+                                <tr>
+                                    <td>{:__('管理员')}</td>
+                                    <td>{:__('图片')}</td>
+                                    <td>{:__('登录时间')}</td>
+                                    <td width="100"></td>
+                                </tr>
+                                <tr>
+                                    <td colspan="4"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
+                                </tr>
+                            </table>
+
+                            <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
+                            <textarea name="row[event]" class="form-control" cols="30" rows="5">[{"id":"1","image":"/assets/addons/example/img/200x200.png","time":"2019-06-28 12:05:03"}]</textarea>
+                            <script id="eventtpl" type="text/html">
+                                <tr class="form-inline">
+                                    <td><input type="text" name="<%=name%>[<%=index%>][id]" class="form-control selectpage" data-source="auth/admin/selectpage" data-field="username" value="<%=row.id%>" placeholder="管理员"/></td>
+                                    <td>
+                                        <input type="hidden" name="<%=name%>[<%=index%>][image]" id="c-image-<%=index%>" value="<%=row.image%>">
+                                        <!--@formatter:off-->
+                                        <button type="button" id="faupload-image" class="btn btn-danger faupload upload-image" data-input-id="c-image-<%=index%>" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" <%if(row.image){%>style="background-image: url('<%=Fast.api.cdnurl(row.image)%>')"<%}%>></button>
+                                        <!--@formatter:on-->
+                                    </td>
+                                    <td><input type="text" name="<%=name%>[<%=index%>][time]" class="form-control datetimepicker" style="width:120px" value="<%=row.time%>" placeholder="时间"/></td>
+                                    <td>
+                                        <!--下面的两个按钮务必保留-->
+                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
+                                        <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
+                                    </td>
+                                </tr>
+                            </script>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12"></label>
+                        <div class="col-xs-12">
+                            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
+                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </div>
+    <div class="col-md-6">
+        <div class="box box-warning">
+            <div class="panel-heading">
+                自动完成+标签输入示例，<font color="red">只支持FastAdmin1.3.0+</font> {if version_compare($Think.config.fastadmin.version, '1.3.0')<0}<span class="label label-danger">你当前FastAdmin版本不支持</span>{/if}
+            </div>
+            <div class="panel-body">
+                <div class="alert alert-danger-light">
+                    <b>温馨提示</b><br>
+                </div>
+                <form id="third-form" role="form" data-toggle="validator" method="POST" action="">
+
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">自动完成</label>
+                        <div class="col-xs-12">
+                            <input type="text" class="form-control" data-role="autocomplete" data-autocomplete-options='{"url":"example/customform/get_title_list", "minChars":1}'/>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">标签输入 <span class="text-muted small">输入后<code>回车</code>或<code>,</code>确认</span></label>
+                        <div class="col-xs-12">
+                            <input type="text" class="form-control" data-role="tagsinput"/>
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">自动完成+标签输入</label>
+                        <div class="col-xs-12">
+                            <input type="text" class="form-control" data-role="tagsinput" data-tagsinput-options='{"minChars":1, "autocomplete":{"url":"example/customform/get_title_list"}}'/>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="box box-danger">
+            <div class="panel-heading">
+                动态显示，<font color="red">只支持FastAdmin1.3.3+</font> {if version_compare($Think.config.fastadmin.version, '1.3.3')<0}<span class="label label-danger">你当前FastAdmin版本不支持</span>{/if}
+            </div>
+            <div class="panel-body">
+                <form id="fourth-form" role="form" data-toggle="validator" method="POST" action="">
+
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">常规使用</label>
+                        <div class="col-xs-12">
+                            <input type="radio" name="row[type]" value="value1" checked/> 类型1
+                            <input type="radio" name="row[type]" value="value2"/> 类型2
+                            <div data-favisible="type=value1" class="p-3">显示内容1</div>
+                            <div data-favisible="type=value2" class="p-3">显示内容2</div>
+                        </div>
+                    </div>
+                    <hr>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">使用开关组件</label>
+                        <div class="col-xs-12">
+
+                            <input id="c-switch" name="row[switch]" type="hidden" value="0">
+                            <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-switch" data-yes="1" data-no="0">
+                                <i class="fa fa-toggle-on text-success fa-flip-horizontal text-gray fa-2x"></i>
+                            </a>
+
+                            <div data-favisible="switch=1" class="p-3">显示内容隐藏的内容</div>
+                        </div>
+                    </div>
+                    <hr>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">组件嵌套</label>
+                        <div class="col-xs-12">
+                            <input type="radio" name="row[mode]" value="value1"/> 模式1
+                            <input type="radio" name="row[mode]" value="value2"/> 模式2
+                            <div data-favisible="mode=value1" class="p-3">
+                                <h4>显示内容1</h4>
+                                <input id="c-switch1" name="row[switch1]" type="hidden" value="0">
+                                <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-switch1" data-yes="1" data-no="0">
+                                    <i class="fa fa-toggle-on text-success fa-flip-horizontal text-gray fa-2x"></i>
+                                </a>
+
+                                <div data-favisible="switch1=1" class="p-3">显示内容隐藏的内容1</div>
+                            </div>
+                            <div data-favisible="mode=value2" class="p-3">
+                                <h4>显示内容2</h4>
+                                <input id="c-switch2" name="row[switch2]" type="hidden" value="0">
+                                <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-switch2" data-yes="1" data-no="0">
+                                    <i class="fa fa-toggle-on text-success fa-flip-horizontal text-gray fa-2x"></i>
+                                </a>
+
+                                <div data-favisible="switch2=1" class="p-3">显示内容隐藏的内容2</div>
+                            </div>
+                        </div>
+                    </div>
+                    <hr>
+                    <div class="form-group row">
+                        <label class="control-label col-xs-12">使用内容判断 <span class="text-muted small">只有输入指定的内容才显示</span></label>
+                        <div class="col-xs-12">
+                            <input type="text" class="form-control" name="row[title]" placeholder="请输入abc三个字母">
+                            <div data-favisible="title=abc" class="p-3">显示内容隐藏的内容</div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<script id="customformtpl" type="text/html">
+    <!--form表单必须添加form-commsearch这个类-->
+    <form action="" class="form-commonsearch">
+        <div style="border-radius:2px;margin-bottom:10px;background:#f5f5f5;padding:15px 20px;">
+            <h4>自定义搜索表单</h4>
+            <hr>
+            <div class="row">
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">ID</label>
+                        <!--显式的operate操作符-->
+                        <div class="input-group">
+                            <div class="input-group-btn">
+                                <select class="form-control operate" data-name="id" style="width:60px;">
+                                    <option value="=" selected>等于</option>
+                                    <option value=">">大于</option>
+                                    <option value="<">小于</option>
+                                </select>
+                            </div>
+                            <input class="form-control" type="text" name="id" placeholder="" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">标题</label>
+                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
+                        <input class="operate" type="hidden" data-name="title" value="="/>
+                        <div>
+                        <input class="form-control" type="text" name="title" placeholder="请输入查找的标题" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">管理员ID</label>
+                        <div class="row" data-toggle="cxselect" data-selects="group,admin">
+                            <div class="col-xs-6">
+                                <select class="group form-control" name="group"
+                                        data-url="example/bootstraptable/cxselect?type=group"></select>
+                            </div>
+                            <div class="col-xs-6">
+                                <select class="admin form-control" name="admin_id"
+                                        data-url="example/bootstraptable/cxselect?type=admin"
+                                        data-query-name="group_id"></select>
+                            </div>
+                            <input type="hidden" class="operate" data-name="admin_id" value="="/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">用户名</label>
+                        <input type="hidden" class="operate" data-name="username" value="="/>
+                        <div>
+                            <input id="c-category_id" data-source="auth/admin/index" data-primary-key="username"
+                                   data-field="username" class="form-control selectpage" name="username" type="text"
+                                   value="" style="display:block;">
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-xs-12 col-sm-6 col-md-3" style="min-height:68px;">
+                    <!--这里添加68px是为了避免刷新时出现元素错位闪屏-->
+                    <div class="form-group">
+                        <label class="control-label">IP</label>
+                        <input type="hidden" class="operate" data-name="ip" value="in"/>
+                        <div>
+                        <!--给select一个固定的高度-->
+                        <!--@formatter:off-->
+                        <select id="c-flag" class="form-control selectpicker" multiple name="ip" style="height:31px;">
+                            {foreach name="ipList" item="vo"}
+                            <option value="{$key}" {in name="key" value="" }selected{/in}>{$vo}</option>
+                            {/foreach}
+                        </select>
+                        <!--@formatter:on-->
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label">创建时间</label>
+                        <input type="hidden" class="operate" data-name="createtime" value="RANGE"/>
+                        <div>
+                        <input type="text" class="form-control datetimerange" name="createtime" value=""/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-6 col-md-3">
+                    <div class="form-group">
+                        <label class="control-label"></label>
+                        <div class="row">
+                            <div class="col-xs-6">
+                                <input type="submit" class="btn btn-success btn-block" value="提交"/>
+                            </div>
+                            <div class="col-xs-6">
+                                <input type="reset" class="btn btn-primary btn-block" value="重置"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</script>

+<style>#cxselect-example textarea{margin:10px 0;}</style>
+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding" id="cxselect-example">
+                    <form id="cxselectform" action="">
+                        <div class="row">
+                            <div class="col-md-6">
+
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>省市区联动</b>(通过AJAX读取数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
+                                                    <select class="province form-control" name="province" data-url="ajax/area"></select>
+                                                    <select class="city form-control" name="city" data-url="ajax/area"></select>
+                                                    <select class="area form-control" name="area" data-url="ajax/area"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
+                                                    <select class="province form-control" name="province" data-url="ajax/area">
+                                                        <option value="1964" selected>广东省</option>
+                                                    </select>
+                                                    <select class="city form-control" name="city" data-url="ajax/area">
+                                                        <option value="1988" selected>深圳市</option>
+                                                    </select>
+                                                    <select class="area form-control" name="area" data-url="ajax/area">
+                                                        <option value="1991" selected>南山区</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>类别联动</b>(Ajax读取数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
+                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5"></select>
+                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
+                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5">
+                                                        <option value="6" selected>网站建站</option>
+                                                    </select>
+                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid">
+                                                        <option value="9" selected>移动端</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading"><b>省市区联动</b>(通过JSON渲染数据)</div>
+                                    <div class="panel-body">
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
+                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
+                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
+                                                    <select class="province form-control" name="province"></select>
+                                                    <select class="city form-control" name="city"></select>
+                                                    <select class="area form-control" name="area"></select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-xs-9">
+                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
+                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
+                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
+                                                    <select class="province form-control" data-first-title="选择省">
+                                                        <option value="">请选择</option>
+                                                        <option value="浙江省" selected>浙江省</option>
+                                                    </select>
+                                                    <select class="city form-control" data-first-title="选择市">
+                                                        <option value="">请选择</option>
+                                                        <option value="杭州市" selected>杭州市</option>
+                                                    </select>
+                                                    <select class="area form-control" data-first-title="选择地区">
+                                                        <option value="">请选择</option>
+                                                        <option value="西湖区" selected>西湖区</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-xs-3 text-right">
+                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
+                                            </div>
+                                            <div class="col-xs-12">
+                                                <textarea class="form-control" rows="8">
+                                                </textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<style>
+    .tab-content > .chart {
+        padding: 10px;
+    }
+</style>
+<div class="row">
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-aqua">
+            <div class="inner">
+                <h3>150</h3>
+
+                <p>今日订单</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-shopping-cart"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-green">
+            <div class="inner">
+                <h3>53<sup style="font-size: 20px">%</sup></h3>
+
+                <p>同比增长率</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-area-chart"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-yellow">
+            <div class="inner">
+                <h3>44</h3>
+
+                <p>今日注册用户数</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-users"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-lg-3 col-xs-6">
+        <!-- small box -->
+        <div class="small-box bg-red">
+            <div class="inner">
+                <h3>65</h3>
+
+                <p>唯一访客用户</p>
+            </div>
+            <div class="icon">
+                <i class="fa fa-user"></i>
+            </div>
+            <a href="#" class="small-box-footer">更多 <i class="fa fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+    <!-- ./col -->
+</div>
+<!-- /.row -->
+<!-- Main row -->
+<div class="row" style="margin-bottom:5px;">
+    <!-- Left col -->
+    <section class="col-lg-7 connectedSortable">
+        <!-- Custom tabs (Charts with tabs)-->
+        <div class="nav-tabs-custom charts-custom">
+            <!-- Tabs within a box -->
+            <ul class="nav nav-tabs pull-right">
+                <li class="active"><a href="#line-chart" data-toggle="tab">折线图</a></li>
+                <li><a href="#area-chart" data-toggle="tab">区域图</a></li>
+                <li class="pull-left header"><i class="fa fa-inbox"></i> 销售趋势</li>
+            </ul>
+            <div class="tab-content no-padding">
+                <!-- Morris chart - Sales -->
+                <div class="chart tab-pane active" id="line-chart" style="position: relative; height: 300px;"></div>
+                <div class="chart tab-pane" id="area-chart" style="position: relative; height: 300px;"></div>
+            </div>
+        </div>
+        <div class="nav-tabs-custom charts-custom">
+            <!-- Tabs within a box -->
+            <ul class="nav nav-tabs pull-right">
+                <li class="active"><a href="#pie-chart" data-toggle="tab">饼图</a></li>
+                <li><a href="#bar-chart" data-toggle="tab">柱状图</a></li>
+                <li class="pull-left header"><i class="fa fa-inbox"></i> 访问记录</li>
+            </ul>
+            <div class="tab-content no-padding">
+                <!-- Morris chart - Sales -->
+                <div class="chart tab-pane active" id="pie-chart" style="position: relative; height: 300px;"></div>
+                <div class="chart tab-pane" id="bar-chart" style="position: relative; height: 300px;"></div>
+            </div>
+        </div>
+        <!-- /.nav-tabs-custom -->
+
+    </section>
+    <!-- /.Left col -->
+    <section class="col-lg-5 connectedSortable">
+
+        <!-- Map box -->
+        <div class="box box-solid bg-light-blue-gradient">
+            <div class="box-header">
+                <!-- tools box -->
+                <div class="pull-right box-tools">
+                </div>
+                <!-- /. tools -->
+
+                <i class="fa fa-map-marker"></i>
+
+                <h3 class="box-title">
+                    访客分布
+                </h3>
+            </div>
+            <div class="box-body">
+                <div id="simplebar-chart" style="height: 250px; width: 100%;"></div>
+            </div>
+            <!-- /.box-body-->
+            <div class="box-footer no-border">
+                <div class="row">
+                    <div class="col-xs-12 text-center">
+                        <div class="knob-label">统计最近一周访客的记录</div>
+                    </div>
+                    <!-- ./col -->
+                </div>
+                <!-- /.row -->
+            </div>
+        </div>
+        <!-- /.box -->
+
+        <!-- solid sales graph -->
+        <div class="box box-solid bg-teal-gradient">
+            <div class="box-header">
+                <i class="fa fa-th"></i>
+
+                <h3 class="box-title">订单趋势</h3>
+
+                <div class="box-tools pull-right">
+                </div>
+            </div>
+            <div class="box-body border-radius-none">
+                <div class="chart" id="smoothline-chart" style="height: 250px;"></div>
+            </div>
+            <!-- /.box-body-->
+            <div class="box-footer no-border">
+                <div class="row">
+                    <div class="col-xs-12 text-center">
+                        <div class="knob-label">统计最近一周订单的趋势</div>
+                    </div>
+                    <!-- ./col -->
+                </div>
+                <!-- /.row -->
+            </div>
+        </div>
+        <!-- /.box -->
+
+    </section>
+    <!-- right col -->
+</div>
+<!-- /.row (main row) -->

+<div class="panel panel-default panel-intro">
+    <div class="panel-heading">
+        <div class="panel-lead"><em>多表格（Multitable）</em>用于展示在一个页面展示多个表格数据,并且每次切换时刷新</div>
+        <ul class="nav nav-tabs">
+            <li class="active"><a href="#first" data-toggle="tab">表格1</a></li>
+            <li><a href="#second" data-toggle="tab">表格2</a></li>
+        </ul>
+    </div>
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="first">
+                <div id="toolbar1" class="toolbar">
+                    {:build_toolbar('refresh')}
+                </div>
+                <table id="table1" class="table table-striped table-bordered table-hover" width="100%">
+                </table>
+            </div>
+            <div class="tab-pane fade" id="second">
+                <div id="toolbar2" class="toolbar">
+                    {:build_toolbar('refresh')}
+                </div>
+                <table id="table2" class="table table-striped table-bordered table-hover" width="100%">
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
+
+                    </table>
+
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<div class="row">
+    <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4">
+        <div class="panel panel-default panel-intro">
+            <div class="panel-body">
+                <div id="1" class="tab-content">
+                    <div class="tab-pane fade active in" id="one">
+                        <div class="widget-body no-padding">
+                            <div id="toolbar1" class="toolbar">
+                                {:build_toolbar('refresh')}
+                            </div>
+                            <table id="table1" class="table table-striped table-bordered table-hover" width="100%">
+
+                            </table>
+
+
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8">
+        <div class="panel panel-default panel-intro">
+            <div class="panel-body">
+                <div id="myTabContent2" class="tab-content">
+                    <div class="tab-pane fade active in" id="two">
+                        <div class="widget-body no-padding">
+                            <div id="toolbar2" class="toolbar">
+                                {:build_toolbar('refresh')}
+                            </div>
+                            <table id="table2" class="table table-striped table-bordered table-hover" width="100%">
+
+                            </table>
+
+
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        {:build_toolbar('refresh,delete')}
+                        <a class="btn btn-info btn-disabled disabled btn-selected" href="javascript:;"><i class="fa fa-leaf"></i> 获取选中项</a>
+                        <a class="btn btn-success btn-toggle-view" href="javascript:;"><i class="fa fa-leaf"></i> 切换视图</a>
+                    </div>
+                    <table id="table" class="table table-striped table-hover" width="100%">
+
+                    </table>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<style type="text/css">
+    .example {
+        height:100%;position: relative;
+    }
+    .example > span {
+        position:absolute;left:15px;top:15px;
+    }
+</style>
+
+<script id="itemtpl" type="text/html">
+    <!--
+    如果启用了templateView,默认调用的是itemtpl这个模板，可以通过设置templateFormatter来修改
+    在当前模板中可以使用三个变量(item:行数据,i:当前第几行,data:所有的行数据)
+    此模板引擎使用的是art-template的native,可参考官方文档
+    -->
+
+    <div class="col-sm-4 col-md-3">
+        <!--下面四行是为了展示随机图片和标签，可移除-->
+        <% var imagearr = ['https://cdn.fastadmin.net/uploads/addons/blog.png', 'https://cdn.fastadmin.net/uploads/addons/cms.png', 'https://cdn.fastadmin.net/uploads/addons/vote.png', 'https://cdn.fastadmin.net/uploads/addons/blog.png', 'https://cdn.fastadmin.net/uploads/addons/alisms.png']; %>
+        <% var image = imagearr[item.id % 5]; %>
+        <% var labelarr = ['primary', 'success', 'info', 'danger', 'warning']; %>
+        <% var label = labelarr[item.id % 5]; %>
+        <div class="thumbnail example">
+            <span class="btn btn-<%=label%>">ID:<%=item.id%></span>
+            <img src="<%=image%>" style="width:100%;" alt="<%=item.title%>">
+            <div class="caption">
+                <h4><%=item.title?item.title:'无'%></h4>
+                <p class="text-muted">操作者IP:<%=item.ip%></p>
+                <p class="text-muted">操作时间:<%=Moment(item.createtime*1000).format("YYYY-MM-DD HH:mm:ss")%></p>
+                <p>
+                    <!--详情的事件需要在JS中手动绑定-->
+                    <a href="#" class="btn btn-primary btn-success btn-detail" data-id="<%=item.id%>"><i class="fa fa-camera"></i> 详情</a> 
+
+                    <!--如果需要响应编辑或删除事件，可以给元素添加 btn-edit或btn-del的类和data-id这个属性值-->
+                    <a href="#" class="btn btn-primary btn-edit" data-id="<%=item.id%>"><i class="fa fa-pencil"></i> 编辑</a> 
+                    <a href="#" class="btn btn-danger btn-del" data-id="<%=item.id%>"><i class="fa fa-times"></i> 删除</a>
+                    <span class="pull-right" style="margin-top:10px;">
+                        <!--如果需要多选操作，请确保有下面的checkbox元素存在,可移除-->
+                        <input name="checkbox" data-id="<%=item.id%>" type="checkbox" />
+                    </span>
+                </p>
+            </div>
+        </div>
+    </div>
+</script>
\ No newline at end of file

+<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Project_name')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-project_name" class="form-control" name="row[project_name]" type="text">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <div class="input-group">
+                <input id="c-image" class="form-control" size="50" name="row[image]" type="text">
+                <div class="input-group-addon no-border no-padding">
+                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                </div>
+                <span class="msg-box n-right" for="c-image"></span>
+            </div>
+            <ul class="row list-inline faupload-preview" id="p-image"></ul>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-department_id" class="control-label col-xs-12 col-sm-2">{:__('Department_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <select id="c-department_id" data-rule="required" class="form-control selectpicker" name="row[department_id]">
+                {foreach name="parentList" item="vo"}
+                <option value="{$key}">{$vo.name}</option>
+                {/foreach}
+            </select>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-user_id" data-rule="required" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Starttime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-starttime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[starttime]" type="text" value="{:date('Y-m-d')}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Endtime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-endtime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[endtime]" type="text" value="{:date('Y-m-d')}">
+        </div>
+    </div>
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
+        </div>
+    </div>
+</form>

+<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Project_name')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-project_name" class="form-control" name="row[project_name]" type="text" value="{$row.project_name|htmlentities}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <div class="input-group">
+                <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value="{$row.image|htmlentities}">
+                <div class="input-group-addon no-border no-padding">
+                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                </div>
+                <span class="msg-box n-right" for="c-image"></span>
+            </div>
+            <ul class="row list-inline faupload-preview" id="p-image"></ul>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-department_id" class="control-label col-xs-12 col-sm-2">{:__('Department_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <select id="c-department_id" data-rule="required" class="form-control selectpicker" name="row[department_id]">
+                {foreach name="parentList" item="vo"}
+                <option value="{$key}" {in name="key" value="$row.department_id"}selected{/in}>{$vo.name}</option>
+                {/foreach}
+            </select>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-user_id" data-rule="required" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="{$row.user_id|htmlentities}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Starttime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-starttime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[starttime]" type="text" value="{:$row.starttime?datetime($row.starttime):''}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Endtime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-endtime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[endtime]" type="text" value="{:$row.endtime?datetime($row.endtime):''}">
+        </div>
+    </div>
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
+        </div>
+    </div>
+</form>

+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
+                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('project/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
+                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('project/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
+                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('project/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
+                        
+
+                        
+
+                        
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
+                           data-operate-edit="{:$auth->check('project/edit')}"
+                           data-operate-del="{:$auth->check('project/del')}"
+                           width="100%">
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

+<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+    {:token()}
+    <input type="hidden" name="row[id]" value="">
+
+    <div class="form-group">
+        <label for="c-username" class="control-label col-xs-12 col-sm-2">{:__('Username')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-username" data-rule="required" class="form-control" name="row[username]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-nickname" class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-nickname" data-rule="required" class="form-control" name="row[nickname]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-password" class="control-label col-xs-12 col-sm-2">{:__('Password')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-password" data-rule="password" class="form-control" name="row[password]" type="password" value="" placeholder="{:__('Leave password blank if dont want to change')}" autocomplete="new-password" />
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-email" class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-email" data-rule="email" class="form-control" name="row[email]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-mobile" class="control-label col-xs-12 col-sm-2">{:__('Mobile')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-mobile" data-rule="mobile" class="form-control" name="row[mobile]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-avatar" class="control-label col-xs-12 col-sm-2">{:__('Avatar')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <div class="input-group">
+                <input id="c-avatar" data-rule="" class="form-control" size="50" name="row[avatar]" type="text" value="">
+                <div class="input-group-addon no-border no-padding">
+                    <span><button type="button" id="faupload-avatar" class="btn btn-danger faupload" data-input-id="c-avatar" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
+                    <span><button type="button" id="fachoose-avatar" class="btn btn-primary fachoose" data-input-id="c-avatar" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
+                </div>
+                <span class="msg-box n-right" for="c-avatar"></span>
+            </div>
+            <ul class="row list-inline faupload-preview" id="p-avatar"></ul>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-level" class="control-label col-xs-12 col-sm-2">{:__('Level')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-level" data-rule="required" class="form-control" name="row[level]" type="number" value="">
+        </div>
+    </div>
+
+    <div class="form-group">
+        <label for="c-birthday" class="control-label col-xs-12 col-sm-2">{:__('Birthday')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-birthday" data-rule="" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[birthday]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-bio" class="control-label col-xs-12 col-sm-2">{:__('Bio')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-bio" data-rule="" class="form-control" name="row[bio]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-money" class="control-label col-xs-12 col-sm-2">{:__('Money')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-money" data-rule="required" class="form-control" name="row[money]" type="number" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-score" class="control-label col-xs-12 col-sm-2">{:__('Score')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-score" data-rule="required" class="form-control" name="row[score]" type="number" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-successions" class="control-label col-xs-12 col-sm-2">{:__('Successions')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-successions" data-rule="required" class="form-control" name="row[successions]" type="number" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-maxsuccessions" class="control-label col-xs-12 col-sm-2">{:__('Maxsuccessions')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-maxsuccessions" data-rule="required" class="form-control" name="row[maxsuccessions]" type="number" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-prevtime" class="control-label col-xs-12 col-sm-2">{:__('Prevtime')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-prevtime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[prevtime]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-logintime" class="control-label col-xs-12 col-sm-2">{:__('Logintime')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-logintime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[logintime]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-loginip" class="control-label col-xs-12 col-sm-2">{:__('Loginip')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-loginip" data-rule="required" class="form-control" name="row[loginip]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-loginfailure" class="control-label col-xs-12 col-sm-2">{:__('Loginfailure')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-loginfailure" data-rule="required" class="form-control" name="row[loginfailure]" type="number" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-joinip" class="control-label col-xs-12 col-sm-2">{:__('Joinip')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-joinip" data-rule="required" class="form-control" name="row[joinip]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="c-jointime" class="control-label col-xs-12 col-sm-2">{:__('Jointime')}:</label>
+        <div class="col-xs-12 col-sm-4">
+            <input id="c-jointime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[jointime]" type="text" value="">
+        </div>
+    </div>
+
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
+            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
+        </div>
+    </div>
+</form>

@@ -6,7 +6,7 @@
             <div class="tab-pane fade active in" id="one">
                 <div class="widget-body no-padding">
                     <div id="toolbar" class="toolbar">
-                        {:build_toolbar('refresh,edit,del')}
+                        {:build_toolbar('refresh,add,edit,del')}
                         <div class="dropdown btn-group {:$auth->check('user/user/multi')?'':'hide'}">
                             <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                             <ul class="dropdown-menu text-left" role="menu">

+<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Working_hours')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-working_hours" class="form-control" name="row[working_hours]" type="number">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Project_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-project_id" data-rule="required" data-source="project/index" class="form-control selectpage" data-field="project_name" name="row[project_id]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-user_id" data-rule="required" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Reporttime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-reporttime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[reporttime]" type="text" value="{:date('Y-m-d H:i:s')}">
+        </div>
+    </div>
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
+        </div>
+    </div>
+</form>

+<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50">{$row.content|htmlentities}</textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Working_hours')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-working_hours" class="form-control" name="row[working_hours]" type="number" value="{$row.working_hours|htmlentities}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Project_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-project_id" data-rule="required" data-source="project/index" class="form-control selectpage" name="row[project_id]" type="text" value="{$row.project_id|htmlentities}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-user_id" data-rule="required" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="{$row.user_id|htmlentities}">
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2">{:__('Reporttime')}:</label>
+        <div class="col-xs-12 col-sm-8">
+            <input id="c-reporttime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[reporttime]" type="text" value="{:$row.reporttime?datetime($row.reporttime):''}">
+        </div>
+    </div>
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
+        </div>
+    </div>
+</form>