diff --git a/README.md b/README.md
index 516f54dd543abd103b83371ca7123629a25f653c..a9ff12811a3e15054f3be050be08d0d5c18e7dc4 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,7 @@ Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN
 #### 软件架构
 软件架构说明
 
-文档地址：https://docs.apipost.cn/view/680a60d8e13e4745
-
+文档地址（无文档，自己对接）：https://docs.apipost.cn/view/680a60d8e13e4745
 
 #### 安装教程
 
diff --git a/app/Helper/functions.php b/app/Helper/functions.php
index 06b0a2bcdc9d40cf94bd1f4651364dcd456b9396..981d5da6bc746dec752a4a0b65801e9e036e01e6 100644
--- a/app/Helper/functions.php
+++ b/app/Helper/functions.php
@@ -1,4 +1,40 @@
 <?php
+if ( !function_exists('get_last_month') ) {
+    /**
+     * 上个月份的年月
+     * @param  string  $date
+     *
+     * @return false|string
+     */
+    function get_last_month(string $date)
+    {
+        $timestamp = strtotime($date);
+        return date('Y-m',strtotime(date('Y',$timestamp).'-'.(date('m',$timestamp)-1)));
+    }
+}
+
+if ( !function_exists('get_next_month') ) {
+    /**
+     * 下个月份的年月
+     *
+     * @param  string  $date
+     *
+     * @return false|string
+     */
+    function get_next_month(string $date)
+    {
+        $timestamp = strtotime($date);
+        $arr = getdate($timestamp);
+        if ( $arr['mon'] == 12 ) {
+            $year = $arr['year'] + 1;
+            $month = $arr['mon'] - 11;
+            $firstday = $year . '-0' . $month;
+        } else {
+            $firstday = date('Y-m', strtotime(date('Y', $timestamp) . '-' . (date('m', $timestamp) + 1)));
+        }
+        return $firstday;
+    }
+}
 
 if ( !function_exists('psQty_res') ) {
     /**
@@ -606,6 +642,21 @@ if ( !function_exists('get_month_range') ) {
     }
 }
 
+if ( !function_exists('get_year_range') ) {
+    function get_year_range(string $start_date, string $end_date, string $format = 'Y')
+    {
+        $end = date($format, strtotime($end_date)); // 转换为月
+        $range = [];
+        $i = 0;
+        do {
+            $month = date($format, strtotime($start_date . ' + ' . $i . ' year'));
+            $range[] = $month;
+            $i++;
+        } while ( $month < $end );
+        return $range;
+    }
+}
+
 if ( !function_exists('load_vendor') ) {
     /**
      * 加载composer的包 - vendor文件目录下
@@ -3181,7 +3232,7 @@ function msubstr($str, $start = 0, $length, $charset = "utf-8", $suffix = true)
         if ( $suffix ) return iconv_substr($str, $start, $length, $charset) . "..."; else
             return iconv_substr($str, $start, $length, $charset);
     }
-    $re['utf-8'] = "/[x01-x7f]|[xc2-xdf][x80-xbf]|[xe0-xef] 
+    $re['utf-8'] = "/[x01-x7f]|[xc2-xdf][x80-xbf]|[xe0-xef]
 [x80-xbf]{2}|[xf0-xff][x80-xbf]{3}/";
     $re['gb2312'] = "/[x01-x7f]|[xb0-xf7][xa0-xfe]/";
     $re['gbk'] = "/[x01-x7f]|[x81-xfe][x40-xfe]/";
@@ -3792,4 +3843,4 @@ function exist_http($str) : bool
 function order_no()
 {
     return date('Ymd') . substr(implode(null, array_map('ord', str_split(substr(uniqid(), 7, 13), 1))), 0, 8);
-}
\ No newline at end of file
+}
diff --git a/app/Models/YearModel.php b/app/Models/YearModel.php
new file mode 100644
index 0000000000000000000000000000000000000000..316ef1e0e854c802cf78aeb5a5d9b8a1605572fd
--- /dev/null
+++ b/app/Models/YearModel.php
@@ -0,0 +1,89 @@
+<?php
+
+namespace App\Models;
+
+class YearModel extends MonthModel
+{
+    const MIN_TABLE       = '2020';// 表名最小的月份
+    const MONTH_SUB_TABLE = true; // 开启月分表
+    const MONTH_FORMAT    = 'Y';
+
+    public function __construct($data = [])
+    {
+        parent::__construct($data);
+        // 自动设置按月分表表名【默认以当前时间为准】
+        $this->setMonthTable();
+    }
+
+    /**
+     * 获取从开始分表到明年为止，所有的年份
+     *
+     * @return array
+     */
+    public function getAllMonthes(): array
+    {
+        $years = get_year_range(self::MIN_TABLE . '-01', date('Y-01', strtotime('+1 year')));
+        krsort($years);
+        return $years;
+    }
+
+    /**
+     * 设置按年分表
+     *
+     * @param  string  $month
+     *
+     * @return $this
+     */
+    public function setMonthTable(string $month = '')
+    {
+        $month = empty($month) ? date(self::MONTH_FORMAT) : (strlen($month) == 4 ? $month : date(self::MONTH_FORMAT, strtotime($month)));
+        // 替换为日期格式，否则将无法转化为时间戳（有效的日期格式 - 拼接才可以）
+        $month = str_replace('_', '-', $month);
+
+        // 当表名大于最小表名时，设置表名。
+        if ( $month >= self::MIN_TABLE ) {
+            $this->month = $month;
+            $this->table = $this->getOldTableName() . '_' . $this->month;
+        }
+
+        return $this;
+    }
+
+    /**
+     * 生成新表
+     *
+     * @param  string  $new_table
+     * @param  string  $time
+     * @param  string  $format
+     * @param  string  $old_table
+     *
+     * @return bool
+     */
+    public function createMonthTable(string $new_table = '', $time = '', $format = self::MONTH_FORMAT, string $old_table = '')
+    {
+        $new_table = empty($new_table) ? $this->getOldTableName() . '_' . date($format, empty($time) ? time() : $time) : $new_table;
+
+        // 数据表前缀
+        $db_prefix = env('DB_PREFIX');
+
+        return $this->setCopyTable($db_prefix . $new_table, $db_prefix . $this->getOldTableName());
+    }
+
+    /**
+     * 获取原始表名（移除年份表的后缀）【包含前缀】
+     *
+     * @return string
+     */
+    public function getOldTableName():string
+    {
+        $table_name = $this->getTable();
+        $suffix_len = strlen(self::MIN_TABLE);
+        $suffix = substr($table_name, -$suffix_len, $suffix_len);
+        // 检测当前表名是否为按年分表的表名
+        if (preg_match ("/^([0-9]{4})$/", $suffix, $parts)){
+            // 减1是因为默认还有一个下划线
+            $table_name = substr($table_name, 0, -$suffix_len - 1);
+        }
+        return $table_name;
+    }
+}
diff --git a/app/Modules/Admin/Console/AutoTableBuild.php b/app/Modules/Admin/Console/AutoTableBuild.php
index 7d47e733472c04bfb6a7d5e3c965d85ad31bac09..88c27747dae2e642dec44a8cbecb482478521548 100644
--- a/app/Modules/Admin/Console/AutoTableBuild.php
+++ b/app/Modules/Admin/Console/AutoTableBuild.php
@@ -47,7 +47,7 @@ class AutoTableBuild extends Command
     public function handle()
     {
         foreach ($this->model_lists as $model){
-            (new $model)->createMonthTable('', strtotime('+0 month'));
+            (new $model)->createMonthTable('', strtotime('+1 month'));
         }
     }
 
diff --git a/app/Modules/Admin/Http/Controllers/IndexController.php b/app/Modules/Admin/Http/Controllers/IndexController.php
index 1dd29bc8080e3c13288490612a61399b7c100ec3..97145769bc5706165f963af994ebd77721d90302 100644
--- a/app/Modules/Admin/Http/Controllers/IndexController.php
+++ b/app/Modules/Admin/Http/Controllers/IndexController.php
@@ -18,6 +18,18 @@ class IndexController extends BaseController
         return $this->successJson($this->service->index());
     }
 
+    /**
+     * 按照日志类型的统计图数据
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function logsStatistics(Request $request)
+    {
+        return $this->successJson($this->service->logsStatistics());
+    }
+
     /**
      * 月份表列表
      *
@@ -27,4 +39,19 @@ class IndexController extends BaseController
     {
         return $this->successJson(MonthModel::getInstance()->getAllMonthes());
     }
+
+    /**
+     * 编辑登录管理员信息
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function update(Request $request){
+        if ($this->service->updateAdmin($request)){
+            return $this->successJson([], $this->service->getError());
+        }else{
+            return $this->errorJson($this->service->getError());
+        }
+    }
 }
diff --git a/app/Modules/Admin/Resources/vue-element-admin/api/configs.js b/app/Modules/Admin/Resources/vue-element-admin/api/configs.js
index 6b1452a4b1d2832bdf18d9ca32062afcd43c3379..0316ce4012c376be098a20f1b2a6c6ee544c3a23 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/api/configs.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/api/configs.js
@@ -20,7 +20,7 @@ export function update(data) {
     return request({
         url: '/configs',
         method: 'put',
-        parmas: data
+        data
     })
 }
 
diff --git a/app/Modules/Admin/Resources/vue-element-admin/api/indexs.js b/app/Modules/Admin/Resources/vue-element-admin/api/indexs.js
index e271250f4bc900ff05b795869bf502fc04b960ba..09086a398035a742ac5cab8ca8e76a1abecf9599 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/api/indexs.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/api/indexs.js
@@ -1,8 +1,26 @@
 import request from '@/utils/request'
 
+// 首页 - 基础统计数据
 export function statistics() {
     return request({
         url: '/indexs',
         method: 'get'
     })
 }
+
+// 首页 - 请求日志统计表数据
+export function logsStatistics() {
+    return request({
+        url: '/logsStatistics',
+        method: 'get'
+    })
+}
+
+// 编辑登录管理员信息
+export function updateAdmin(data) {
+    return request({
+        url: '/updateAdmin',
+        method: 'put',
+        data,
+    })
+}
diff --git a/app/Modules/Admin/Resources/vue-element-admin/components/Charts/mixins/resize.js b/app/Modules/Admin/Resources/vue-element-admin/components/Charts/mixins/resize.js
index b1e76e947aef4ef6f386250c5b486dff3cefba34..89fbed183877b68a50dc9df2f4c96a16ceb4c9bc 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/components/Charts/mixins/resize.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/components/Charts/mixins/resize.js
@@ -1,56 +1,56 @@
-import { debounce } from '@/utils'
+import {debounce} from '@/utils'
 
 export default {
-  data() {
-    return {
-      $_sidebarElm: null,
-      $_resizeHandler: null
-    }
-  },
-  mounted() {
-    this.initListener()
-  },
-  activated() {
-    if (!this.$_resizeHandler) {
-      // avoid duplication init
-      this.initListener()
-    }
-
-    // when keep-alive chart activated, auto resize
-    this.resize()
-  },
-  beforeDestroy() {
-    this.destroyListener()
-  },
-  deactivated() {
-    this.destroyListener()
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_sidebarResizeHandler(e) {
-      if (e.propertyName === 'width') {
-        this.$_resizeHandler()
-      }
+    data() {
+        return {
+            $_sidebarElm: null,
+            $_resizeHandler: null
+        }
     },
-    initListener() {
-      this.$_resizeHandler = debounce(() => {
-        this.resize()
-      }, 100)
-      window.addEventListener('resize', this.$_resizeHandler)
-
-      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+    mounted() {
+        this.initListener()
     },
-    destroyListener() {
-      window.removeEventListener('resize', this.$_resizeHandler)
-      this.$_resizeHandler = null
+    activated() {
+        if (!this.$_resizeHandler) {
+            // avoid duplication init
+            this.initListener()
+        }
 
-      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+        // when keep-alive chart activated, auto resize
+        this.resize()
+    },
+    beforeDestroy() {
+        this.destroyListener()
+    },
+    deactivated() {
+        this.destroyListener()
     },
-    resize() {
-      const { chart } = this
-      chart && chart.resize()
+    methods: {
+        // use $_ for mixins properties
+        // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+        $_sidebarResizeHandler(e) {
+            if (e.propertyName === 'width') {
+                this.$_resizeHandler()
+            }
+        },
+        initListener() {
+            this.$_resizeHandler = debounce(() => {
+                this.resize()
+            }, 100)
+            window.addEventListener('resize', this.$_resizeHandler)
+
+            this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+            this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+        },
+        destroyListener() {
+            window.removeEventListener('resize', this.$_resizeHandler)
+            this.$_resizeHandler = null
+
+            this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+        },
+        resize() {
+            const {chart} = this
+            chart && chart.resize()
+        }
     }
-  }
 }
diff --git a/app/Modules/Admin/Resources/vue-element-admin/router/index.js b/app/Modules/Admin/Resources/vue-element-admin/router/index.js
index f8a274f911835ba68f62aff84d79a372274df31b..3b1e38af9c38589de4c9757be55d0c22ef24f665 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/router/index.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/router/index.js
@@ -7,10 +7,8 @@ Vue.use(Router)
 import Layout from '@/layout'
 
 /* Router Modules */
-// import componentsRouter from './modules/components'
-// import chartsRouter from './modules/charts'
-// import tableRouter from './modules/table'
-// import nestedRouter from './modules/nested'
+import componentsRouter from './modules/components'
+import chartsRouter from './modules/charts'
 
 /**
  * Note: sub-menu only appear when route children.length >= 1
@@ -105,11 +103,17 @@ export const constantRoutes = [
                 path: 'index',
                 component: () => import('@/views/sundry/icons/index'),
                 name: 'Icons',
-                meta: { title: 'icons', icon: 'icon', noCache: true }
+                meta: {title: 'icons', icon: 'icon', noCache: true}
             }
         ]
     },
-]
+    {path: '*', redirect: '/404', hidden: true},
+
+    componentsRouter,
+    chartsRouter
+];
+console.log('---componentsRouter---');
+console.log(componentsRouter);
 
 /**
  * asyncRoutes
@@ -119,8 +123,18 @@ export const asyncRoutes = [
     /** when your routing map is too long, you can split it into small modules **/
     // componentsRouter,
     // chartsRouter,
-    // nestedRouter,
-    // tableRouter,
+
+
+    // {
+    //     path: 'external-link',
+    //     component: Layout,
+    //     children: [
+    //         {
+    //             path: 'https://github.com/PanJiaChen/vue-element-admin',
+    //             meta: {title: 'externalLink', icon: 'link'}
+    //         }
+    //     ]
+    // },
 
     {
         path: '/error',
@@ -146,19 +160,7 @@ export const asyncRoutes = [
             }
         ]
     },
-    // {
-    //     path: 'external-link',
-    //     component: Layout,
-    //     children: [
-    //         {
-    //             path: 'https://github.com/PanJiaChen/vue-element-admin',
-    //             meta: {title: 'externalLink', icon: 'link'}
-    //         }
-    //     ]
-    // },
-
     // 404 page must be placed at the end !!!
-    {path: '*', redirect: '/404', hidden: true}
 ]
 
 const createRouter = () => new Router({
diff --git a/app/Modules/Admin/Resources/vue-element-admin/router/modules/charts.js b/app/Modules/Admin/Resources/vue-element-admin/router/modules/charts.js
index 59ebf18877f887b55d2d6305481e747ffe4d72c7..42d7d20f252f954454bb22e01ea107e203dfa441 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/router/modules/charts.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/router/modules/charts.js
@@ -3,34 +3,34 @@
 import Layout from '@/layout'
 
 const chartsRouter = {
-  path: '/charts',
-  component: Layout,
-  redirect: 'noRedirect',
-  name: 'Charts',
-  meta: {
-    title: 'charts',
-    icon: 'chart'
-  },
-  children: [
-    {
-      path: 'keyboard',
-      component: () => import('@/views/charts/keyboard'),
-      name: 'KeyboardChart',
-      meta: { title: 'keyboardChart', noCache: true }
+    path: '/charts',
+    component: Layout,
+    redirect: 'noRedirect',
+    name: 'Charts',
+    meta: {
+        title: 'charts',
+        icon: 'chart'
     },
-    {
-      path: 'line',
-      component: () => import('@/views/charts/line'),
-      name: 'LineChart',
-      meta: { title: 'lineChart', noCache: true }
-    },
-    {
-      path: 'mix-chart',
-      component: () => import('@/views/charts/mix-chart'),
-      name: 'MixChart',
-      meta: { title: 'mixChart', noCache: true }
-    }
-  ]
+    children: [
+        {
+            path: 'keyboard',
+            component: () => import('@/views/charts/keyboard'),
+            name: 'KeyboardChart',
+            meta: {title: 'keyboardChart', noCache: true}
+        },
+        {
+            path: 'line',
+            component: () => import('@/views/charts/line'),
+            name: 'LineChart',
+            meta: {title: 'lineChart', noCache: true}
+        },
+        {
+            path: 'mix-chart',
+            component: () => import('@/views/charts/mix-chart'),
+            name: 'MixChart',
+            meta: {title: 'mixChart', noCache: true}
+        }
+    ]
 }
 
 export default chartsRouter
diff --git a/app/Modules/Admin/Resources/vue-element-admin/router/modules/components.js b/app/Modules/Admin/Resources/vue-element-admin/router/modules/components.js
index b7407e25dcaa0bc6510303fae73a98ee407213b6..544769921defd9f0b66f52b4c0cb07adf2156b0d 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/router/modules/components.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/router/modules/components.js
@@ -3,100 +3,76 @@
 import Layout from '@/layout'
 
 const componentsRouter = {
-  path: '/components',
-  component: Layout,
-  redirect: 'noRedirect',
-  name: 'ComponentDemo',
-  meta: {
-    title: 'components',
-    icon: 'component'
-  },
-  children: [
-    {
-      path: 'tinymce',
-      component: () => import('@/views/components-demo/tinymce'),
-      name: 'TinymceDemo',
-      meta: { title: 'tinymce' }
+    path: '/components',
+    component: Layout,
+    redirect: 'noRedirect',
+    name: 'ComponentDemo',
+    meta: {
+        title: 'components',
+        icon: 'component'
     },
-    {
-      path: 'markdown',
-      component: () => import('@/views/components-demo/markdown'),
-      name: 'MarkdownDemo',
-      meta: { title: 'markdown' }
-    },
-    {
-      path: 'json-editor',
-      component: () => import('@/views/components-demo/json-editor'),
-      name: 'JsonEditorDemo',
-      meta: { title: 'jsonEditor' }
-    },
-    {
-      path: 'split-pane',
-      component: () => import('@/views/components-demo/split-pane'),
-      name: 'SplitpaneDemo',
-      meta: { title: 'splitPane' }
-    },
-    {
-      path: 'avatar-upload',
-      component: () => import('@/views/components-demo/avatar-upload'),
-      name: 'AvatarUploadDemo',
-      meta: { title: 'avatarUpload' }
-    },
-    {
-      path: 'dropzone',
-      component: () => import('@/views/components-demo/dropzone'),
-      name: 'DropzoneDemo',
-      meta: { title: 'dropzone' }
-    },
-    {
-      path: 'sticky',
-      component: () => import('@/views/components-demo/sticky'),
-      name: 'StickyDemo',
-      meta: { title: 'sticky' }
-    },
-    {
-      path: 'count-to',
-      component: () => import('@/views/components-demo/count-to'),
-      name: 'CountToDemo',
-      meta: { title: 'countTo' }
-    },
-    {
-      path: 'mixin',
-      component: () => import('@/views/components-demo/mixin'),
-      name: 'ComponentMixinDemo',
-      meta: { title: 'componentMixin' }
-    },
-    {
-      path: 'back-to-top',
-      component: () => import('@/views/components-demo/back-to-top'),
-      name: 'BackToTopDemo',
-      meta: { title: 'backToTop' }
-    },
-    {
-      path: 'drag-dialog',
-      component: () => import('@/views/components-demo/drag-dialog'),
-      name: 'DragDialogDemo',
-      meta: { title: 'dragDialog' }
-    },
-    {
-      path: 'drag-select',
-      component: () => import('@/views/components-demo/drag-select'),
-      name: 'DragSelectDemo',
-      meta: { title: 'dragSelect' }
-    },
-    {
-      path: 'dnd-list',
-      component: () => import('@/views/components-demo/dnd-list'),
-      name: 'DndListDemo',
-      meta: { title: 'dndList' }
-    },
-    {
-      path: 'drag-kanban',
-      component: () => import('@/views/components-demo/drag-kanban'),
-      name: 'DragKanbanDemo',
-      meta: { title: 'dragKanban' }
-    }
-  ]
+    children: [
+        {
+            path: 'tinymce',
+            component: () => import('@/views/components-demo/tinymce'),
+            name: 'TinymceDemo',
+            meta: {title: 'tinymce'}
+        },
+        {
+            path: 'markdown',
+            component: () => import('@/views/components-demo/markdown'),
+            name: 'MarkdownDemo',
+            meta: {title: 'markdown'}
+        },
+        {
+            path: 'json-editor',
+            component: () => import('@/views/components-demo/json-editor'),
+            name: 'JsonEditorDemo',
+            meta: {title: 'jsonEditor'}
+        },
+        {
+            path: 'avatar-upload',
+            component: () => import('@/views/components-demo/avatar-upload'),
+            name: 'AvatarUploadDemo',
+            meta: {title: 'avatarUpload'}
+        },
+        {
+            path: 'dropzone',
+            component: () => import('@/views/components-demo/dropzone'),
+            name: 'DropzoneDemo',
+            meta: {title: 'dropzone'}
+        },
+        {
+            path: 'count-to',
+            component: () => import('@/views/components-demo/count-to'),
+            name: 'CountToDemo',
+            meta: {title: 'countTo'}
+        },
+        {
+            path: 'mixin',
+            component: () => import('@/views/components-demo/mixin'),
+            name: 'ComponentMixinDemo',
+            meta: {title: 'componentMixin'}
+        },
+        {
+            path: 'back-to-top',
+            component: () => import('@/views/components-demo/back-to-top'),
+            name: 'BackToTopDemo',
+            meta: {title: 'backToTop'}
+        },
+        {
+            path: 'drag-select',
+            component: () => import('@/views/components-demo/drag-select'),
+            name: 'DragSelectDemo',
+            meta: {title: 'dragSelect'}
+        },
+        {
+            path: 'drag-kanban',
+            component: () => import('@/views/components-demo/drag-kanban'),
+            name: 'DragKanbanDemo',
+            meta: {title: 'dragKanban'}
+        }
+    ]
 }
 
 export default componentsRouter
diff --git a/app/Modules/Admin/Resources/vue-element-admin/router/modules/nested.js b/app/Modules/Admin/Resources/vue-element-admin/router/modules/nested.js
deleted file mode 100644
index c52664c99d4578aa50239b4a94957391adeebe74..0000000000000000000000000000000000000000
--- a/app/Modules/Admin/Resources/vue-element-admin/router/modules/nested.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/** When your routing table is too long, you can split it into small modules **/
-
-import Layout from '@/layout'
-
-const nestedRouter = {
-  path: '/nested',
-  component: Layout,
-  redirect: '/nested/menu1/menu1-1',
-  name: 'Nested',
-  meta: {
-    title: 'nested',
-    icon: 'nested'
-  },
-  children: [
-    {
-      path: 'menu1',
-      component: () => import('@/views/nested/menu1/index'), // Parent router-view
-      name: 'Menu1',
-      meta: { title: 'menu1' },
-      redirect: '/nested/menu1/menu1-1',
-      children: [
-        {
-          path: 'menu1-1',
-          component: () => import('@/views/nested/menu1/menu1-1'),
-          name: 'Menu1-1',
-          meta: { title: 'menu1-1' }
-        },
-        {
-          path: 'menu1-2',
-          component: () => import('@/views/nested/menu1/menu1-2'),
-          name: 'Menu1-2',
-          redirect: '/nested/menu1/menu1-2/menu1-2-1',
-          meta: { title: 'menu1-2' },
-          children: [
-            {
-              path: 'menu1-2-1',
-              component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
-              name: 'Menu1-2-1',
-              meta: { title: 'menu1-2-1' }
-            },
-            {
-              path: 'menu1-2-2',
-              component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
-              name: 'Menu1-2-2',
-              meta: { title: 'menu1-2-2' }
-            }
-          ]
-        },
-        {
-          path: 'menu1-3',
-          component: () => import('@/views/nested/menu1/menu1-3'),
-          name: 'Menu1-3',
-          meta: { title: 'menu1-3' }
-        }
-      ]
-    },
-    {
-      path: 'menu2',
-      name: 'Menu2',
-      component: () => import('@/views/nested/menu2/index'),
-      meta: { title: 'menu2' }
-    }
-  ]
-}
-
-export default nestedRouter
diff --git a/app/Modules/Admin/Resources/vue-element-admin/router/modules/table.js b/app/Modules/Admin/Resources/vue-element-admin/router/modules/table.js
deleted file mode 100644
index d8e50302ac39efab58afa39b716d4a11a6baf7d6..0000000000000000000000000000000000000000
--- a/app/Modules/Admin/Resources/vue-element-admin/router/modules/table.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/** When your routing table is too long, you can split it into small modules **/
-
-import Layout from '@/layout'
-
-const tableRouter = {
-  path: '/table',
-  component: Layout,
-  redirect: '/table/complex-table',
-  name: 'Table',
-  meta: {
-    title: 'Table',
-    icon: 'table'
-  },
-  children: [
-    {
-      path: 'dynamic-table',
-      component: () => import('@/views/table/dynamic-table/index'),
-      name: 'DynamicTable',
-      meta: { title: 'dynamicTable' }
-    },
-    {
-      path: 'drag-table',
-      component: () => import('@/views/table/drag-table'),
-      name: 'DragTable',
-      meta: { title: 'dragTable' }
-    },
-    {
-      path: 'inline-edit-table',
-      component: () => import('@/views/table/inline-edit-table'),
-      name: 'InlineEditTable',
-      meta: { title: 'inlineEditTable' }
-    },
-    {
-      path: 'complex-table',
-      component: () => import('@/views/table/complex-table'),
-      name: 'ComplexTable',
-      meta: { title: 'complexTable' }
-    }
-  ]
-}
-export default tableRouter
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/admins/components/detail.vue b/app/Modules/Admin/Resources/vue-element-admin/views/admins/components/detail.vue
index be91fa7887097b7c9216c2d8ff4462587150a3f5..17086984ca6bf07327d0e70415112d4722b4ac9e 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/admins/components/detail.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/admins/components/detail.vue
@@ -215,10 +215,10 @@
             save() {
                 this.$refs['form'].validate(async (valid) => {
                     if (valid) {
-                        const {msg} = this.form.admin_id ? await update(this.form) : await create(this.form);
+                        const {msg, status} = this.form.admin_id ? await update(this.form) : await create(this.form);
                         this.$message({
                             message: msg,
-                            type: 'success'
+                            type: status == 1 ? 'success' : 'error',
                         });
                         this.$emit('fetchData');
                         this.close();
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/article_categories/index.vue b/app/Modules/Admin/Resources/vue-element-admin/views/article_categories/index.vue
index bb4cd7e34e79f5e20e733db565b003d51212e24e..7734da6668c7b283c57f7ee00cc88e2e15783832 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/article_categories/index.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/article_categories/index.vue
@@ -137,10 +137,10 @@
                             type: 'warning'
                         })
                         .then(async () => {
-                            const {msg} = await setDel({category_id: row.category_id});
+                            const {msg, status} = await setDel({category_id: row.category_id});
                             this.$message({
                                 message: msg,
-                                type: 'success'
+                                type: status == 1 ? 'success' : 'error',
                             });
                             this.getMenus();
                         })
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue b/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
index edb4aed2b8719be04ee68ad5602261ab3a4d74c6..380f4972d1f3f466b163d1ccf5e75665995e81b2 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
@@ -247,7 +247,7 @@
                         }else{
                             this.$message({
                                 message: msg,
-                                type: 'success',
+                                type: 'error',
                             });
                         }
 
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/count-to.vue b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/count-to.vue
index 70681df691eace66b598ac4dd8fcd55240f348cb..ea5ce0316de48cab8caaaccae7560867d7064a3b 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/count-to.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/count-to.vue
@@ -1,218 +1,222 @@
 <template>
-  <div class="components-container">
-    <aside>
-      <a href="https://github.com/PanJiaChen/vue-countTo" target="_blank">countTo-component</a>
-    </aside>
-    <count-to
-      ref="example"
-      :start-val="_startVal"
-      :end-val="_endVal"
-      :duration="_duration"
-      :decimals="_decimals"
-      :separator="_separator"
-      :prefix="_prefix"
-      :suffix="_suffix"
-      :autoplay="false"
-      class="example"
-    />
-    <div style="margin-left: 25%;margin-top: 40px;">
-      <label class="label" for="startValInput">startVal:
-        <input v-model.number="setStartVal" type="number" name="startValInput">
-      </label>
-      <label class="label" for="endValInput">endVal:
-        <input v-model.number="setEndVal" type="number" name="endVaInput">
-      </label>
-      <label class="label" for="durationInput">duration:
-        <input v-model.number="setDuration" type="number" name="durationInput">
-      </label>
-      <div class="startBtn example-btn" @click="start">
-        Start
-      </div>
-      <div class="pause-resume-btn example-btn" @click="pauseResume">
-        pause/resume
-      </div>
-      <br>
-      <label class="label" for="decimalsInput">decimals:
-        <input v-model.number="setDecimals" type="number" name="decimalsInput">
-      </label>
-      <label class="label" for="separatorInput">separator:
-        <input v-model="setSeparator" name="separatorInput">
-      </label>
-      <label class="label" for="prefixInput">prefix:
-        <input v-model="setPrefix" name="prefixInput">
-      </label>
-      <label class="label" for="suffixInput">suffix:
-        <input v-model="setSuffix" name="suffixInput">
-      </label>
+    <div class="components-container">
+        <aside>
+            <a href="https://github.com/PanJiaChen/vue-countTo" target="_blank">countTo-component</a>
+        </aside>
+        <count-to
+            ref="example"
+            :start-val="_startVal"
+            :end-val="_endVal"
+            :duration="_duration"
+            :decimals="_decimals"
+            :separator="_separator"
+            :prefix="_prefix"
+            :suffix="_suffix"
+            :autoplay="false"
+            class="example"
+        />
+        <div style="margin-left: 25%;margin-top: 40px;">
+            <label class="label" for="startValInput">startVal:
+                <input v-model.number="setStartVal" type="number" name="startValInput">
+            </label>
+            <label class="label" for="endValInput">endVal:
+                <input v-model.number="setEndVal" type="number" name="endVaInput">
+            </label>
+            <label class="label" for="durationInput">duration:
+                <input v-model.number="setDuration" type="number" name="durationInput">
+            </label>
+            <div class="startBtn example-btn" @click="start">
+                Start
+            </div>
+            <div class="pause-resume-btn example-btn" @click="pauseResume">
+                pause/resume
+            </div>
+            <br>
+            <label class="label" for="decimalsInput">decimals:
+                <input v-model.number="setDecimals" type="number" name="decimalsInput">
+            </label>
+            <label class="label" for="separatorInput">separator:
+                <input v-model="setSeparator" name="separatorInput">
+            </label>
+            <label class="label" for="prefixInput">prefix:
+                <input v-model="setPrefix" name="prefixInput">
+            </label>
+            <label class="label" for="suffixInput">suffix:
+                <input v-model="setSuffix" name="suffixInput">
+            </label>
+        </div>
+        <aside>&lt;count-to :start-val=&#x27;{{ _startVal }}&#x27; :end-val=&#x27;{{ _endVal }}&#x27; :duration=&#x27;{{
+            _duration }}&#x27;
+            :decimals=&#x27;{{ _decimals }}&#x27; :separator=&#x27;{{ _separator }}&#x27; :prefix=&#x27;{{ _prefix }}&#x27;
+            :suffix=&#x27;{{ _suffix }}&#x27;
+            :autoplay=false&gt;
+        </aside>
     </div>
-    <aside>&lt;count-to :start-val=&#x27;{{ _startVal }}&#x27; :end-val=&#x27;{{ _endVal }}&#x27; :duration=&#x27;{{ _duration }}&#x27;
-      :decimals=&#x27;{{ _decimals }}&#x27; :separator=&#x27;{{ _separator }}&#x27; :prefix=&#x27;{{ _prefix }}&#x27; :suffix=&#x27;{{ _suffix }}&#x27;
-      :autoplay=false&gt;</aside>
-  </div>
 </template>
 
 <script>
-import countTo from 'vue-count-to'
+    import countTo from 'vue-count-to'
 
-export default {
-  name: 'CountToDemo',
-  components: { countTo },
-  data() {
-    return {
-      setStartVal: 0,
-      setEndVal: 2017,
-      setDuration: 4000,
-      setDecimals: 0,
-      setSeparator: ',',
-      setSuffix: ' rmb',
-      setPrefix: '¥ '
-    }
-  },
-  computed: {
-    _startVal() {
-      if (this.setStartVal) {
-        return this.setStartVal
-      } else {
-        return 0
-      }
-    },
-    _endVal() {
-      if (this.setEndVal) {
-        return this.setEndVal
-      } else {
-        return 0
-      }
-    },
-    _duration() {
-      if (this.setDuration) {
-        return this.setDuration
-      } else {
-        return 100
-      }
-    },
-    _decimals() {
-      if (this.setDecimals) {
-        if (this.setDecimals < 0 || this.setDecimals > 20) {
-          alert('digits argument must be between 0 and 20')
-          return 0
+    export default {
+        name: 'CountToDemo',
+        components: {countTo},
+        data() {
+            return {
+                setStartVal: 0,
+                setEndVal: 2017,
+                setDuration: 4000,
+                setDecimals: 0,
+                setSeparator: ',',
+                setSuffix: ' rmb',
+                setPrefix: '¥ '
+            }
+        },
+        computed: {
+            _startVal() {
+                if (this.setStartVal) {
+                    return this.setStartVal
+                } else {
+                    return 0
+                }
+            },
+            _endVal() {
+                if (this.setEndVal) {
+                    return this.setEndVal
+                } else {
+                    return 0
+                }
+            },
+            _duration() {
+                if (this.setDuration) {
+                    return this.setDuration
+                } else {
+                    return 100
+                }
+            },
+            _decimals() {
+                if (this.setDecimals) {
+                    if (this.setDecimals < 0 || this.setDecimals > 20) {
+                        alert('digits argument must be between 0 and 20')
+                        return 0
+                    }
+                    return this.setDecimals
+                } else {
+                    return 0
+                }
+            },
+            _separator() {
+                return this.setSeparator
+            },
+            _suffix() {
+                return this.setSuffix
+            },
+            _prefix() {
+                return this.setPrefix
+            }
+        },
+        methods: {
+            start() {
+                this.$refs.example.start()
+            },
+            pauseResume() {
+                this.$refs.example.pauseResume()
+            }
         }
-        return this.setDecimals
-      } else {
-        return 0
-      }
-    },
-    _separator() {
-      return this.setSeparator
-    },
-    _suffix() {
-      return this.setSuffix
-    },
-    _prefix() {
-      return this.setPrefix
-    }
-  },
-  methods: {
-    start() {
-      this.$refs.example.start()
-    },
-    pauseResume() {
-      this.$refs.example.pauseResume()
     }
-  }
-}
 </script>
 
 <style scoped>
-.example-btn {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: 500;
-  text-align: center;
-  -ms-touch-action: manipulation;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  line-height: 1.5;
-  padding: 4px 15px;
-  font-size: 12px;
-  border-radius: 4px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
-  transition: all .3s cubic-bezier(.645, .045, .355, 1);
-  position: relative;
-  color: rgba(0, 0, 0, .65);
-  background-color: #fff;
-  border-color: #d9d9d9;
-}
+    .example-btn {
+        display: inline-block;
+        margin-bottom: 0;
+        font-weight: 500;
+        text-align: center;
+        -ms-touch-action: manipulation;
+        touch-action: manipulation;
+        cursor: pointer;
+        background-image: none;
+        border: 1px solid transparent;
+        white-space: nowrap;
+        line-height: 1.5;
+        padding: 4px 15px;
+        font-size: 12px;
+        border-radius: 4px;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
+        transition: all .3s cubic-bezier(.645, .045, .355, 1);
+        position: relative;
+        color: rgba(0, 0, 0, .65);
+        background-color: #fff;
+        border-color: #d9d9d9;
+    }
 
-.example-btn:hover {
-  color: #4AB7BD;
-  background-color: #fff;
-  border-color: #4AB7BD;
-}
-.example {
-  font-size: 50px;
-  color: #F6416C;
-  display: block;
-  margin: 10px 0;
-  text-align: center;
-  font-size: 80px;
-  font-weight: 500;
-}
+    .example-btn:hover {
+        color: #4AB7BD;
+        background-color: #fff;
+        border-color: #4AB7BD;
+    }
+
+    .example {
+        font-size: 50px;
+        color: #F6416C;
+        display: block;
+        margin: 10px 0;
+        text-align: center;
+        font-size: 80px;
+        font-weight: 500;
+    }
 
-.label {
-  color: #2f4f4f;
-  font-size: 16px;
-  display: inline-block;
-  margin: 15px 30px 15px 0;
-}
+    .label {
+        color: #2f4f4f;
+        font-size: 16px;
+        display: inline-block;
+        margin: 15px 30px 15px 0;
+    }
 
-input {
-  position: relative;
-  display: inline-block;
-  padding: 4px 7px;
-  width: 70px;
-  height: 28px;
-  cursor: text;
-  font-size: 12px;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, .65);
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  -webkit-transition: all .3s;
-  transition: all .3s;
-}
+    input {
+        position: relative;
+        display: inline-block;
+        padding: 4px 7px;
+        width: 70px;
+        height: 28px;
+        cursor: text;
+        font-size: 12px;
+        line-height: 1.5;
+        color: rgba(0, 0, 0, .65);
+        background-color: #fff;
+        background-image: none;
+        border: 1px solid #d9d9d9;
+        border-radius: 4px;
+        -webkit-transition: all .3s;
+        transition: all .3s;
+    }
 
-.startBtn {
-  margin-left: 20px;
-  font-size: 20px;
-  color: #30B08F;
-  background-color: #fff;
-}
+    .startBtn {
+        margin-left: 20px;
+        font-size: 20px;
+        color: #30B08F;
+        background-color: #fff;
+    }
 
-.startBtn:hover {
-  background-color: #30B08F;
-  color: #fff;
-  border-color: #30B08F;
-}
+    .startBtn:hover {
+        background-color: #30B08F;
+        color: #fff;
+        border-color: #30B08F;
+    }
 
-.pause-resume-btn {
-  font-size: 20px;
-  color: #E65D6E;
-  background-color: #fff;
-}
+    .pause-resume-btn {
+        font-size: 20px;
+        color: #E65D6E;
+        background-color: #fff;
+    }
 
-.pause-resume-btn:hover {
-  background-color: #E65D6E;
-  color: #fff;
-  border-color: #E65D6E;
-}
+    .pause-resume-btn:hover {
+        background-color: #E65D6E;
+        color: #fff;
+        border-color: #E65D6E;
+    }
 </style>
 
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/drag-dialog.vue b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/drag-dialog.vue
deleted file mode 100644
index c815b282e147f195ca04513cae43d110fa8cf0c6..0000000000000000000000000000000000000000
--- a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/drag-dialog.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <div class="components-container">
-    <el-button type="primary" @click="dialogTableVisible = true">
-      open a Drag Dialog
-    </el-button>
-    <el-dialog v-el-drag-dialog :visible.sync="dialogTableVisible" title="Shipping address" @dragDialog="handleDrag">
-      <el-select ref="select" v-model="value" placeholder="请选择">
-        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-      </el-select>
-      <el-table :data="gridData">
-        <el-table-column property="date" label="Date" width="150" />
-        <el-table-column property="name" label="Name" width="200" />
-        <el-table-column property="address" label="Address" />
-      </el-table>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import elDragDialog from '@/directive/el-drag-dialog' // base on element-ui
-
-export default {
-  name: 'DragDialogDemo',
-  directives: { elDragDialog },
-  data() {
-    return {
-      dialogTableVisible: false,
-      options: [
-        { value: '选项1', label: '黄金糕' },
-        { value: '选项2', label: '双皮奶' },
-        { value: '选项3', label: '蚵仔煎' },
-        { value: '选项4', label: '龙须面' }
-      ],
-      value: '',
-      gridData: [{
-        date: '2016-05-02',
-        name: 'John Smith',
-        address: 'No.1518,  Jinshajiang Road, Putuo District'
-      }, {
-        date: '2016-05-04',
-        name: 'John Smith',
-        address: 'No.1518,  Jinshajiang Road, Putuo District'
-      }, {
-        date: '2016-05-01',
-        name: 'John Smith',
-        address: 'No.1518,  Jinshajiang Road, Putuo District'
-      }, {
-        date: '2016-05-03',
-        name: 'John Smith',
-        address: 'No.1518,  Jinshajiang Road, Putuo District'
-      }]
-    }
-  },
-  methods: {
-    // v-el-drag-dialog onDrag callback function
-    handleDrag() {
-      this.$refs.select.blur()
-    }
-  }
-}
-</script>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/mixin.vue b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/mixin.vue
index 425cf4fb431388c48b5946211e3e5fba8dbe5fbd..b435d37605d364cc0cfd89f2133496679e642c52 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/mixin.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/mixin.vue
@@ -1,169 +1,171 @@
 <template>
-  <div class="mixin-components-container">
-    <el-row>
-      <el-card class="box-card">
-        <div slot="header" class="clearfix">
-          <span>Buttons</span>
-        </div>
-        <div style="margin-bottom:50px;">
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn blue-btn" to="/documentation/index">
-              Documentation
-            </router-link>
-          </el-col>
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn light-blue-btn" to="/icon/index">
-              Icons
-            </router-link>
-          </el-col>
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn pink-btn" to="/excel/export-excel">
-              Excel
-            </router-link>
-          </el-col>
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn green-btn" to="/table/complex-table">
-              Table
-            </router-link>
-          </el-col>
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn tiffany-btn" to="/example/create">
-              Form
-            </router-link>
-          </el-col>
-          <el-col :span="4" class="text-center">
-            <router-link class="pan-btn yellow-btn" to="/theme/index">
-              Theme
-            </router-link>
-          </el-col>
-        </div>
-      </el-card>
-    </el-row>
+    <div class="mixin-components-container">
+        <el-row>
+            <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                    <span>Buttons</span>
+                </div>
+                <div style="margin-bottom:50px;">
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn blue-btn" to="/documentation/index">
+                            Documentation
+                        </router-link>
+                    </el-col>
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn light-blue-btn" to="/icon/index">
+                            Icons
+                        </router-link>
+                    </el-col>
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn pink-btn" to="/excel/export-excel">
+                            Excel
+                        </router-link>
+                    </el-col>
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn green-btn" to="/table/complex-table">
+                            Table
+                        </router-link>
+                    </el-col>
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn tiffany-btn" to="/example/create">
+                            Form
+                        </router-link>
+                    </el-col>
+                    <el-col :span="4" class="text-center">
+                        <router-link class="pan-btn yellow-btn" to="/theme/index">
+                            Theme
+                        </router-link>
+                    </el-col>
+                </div>
+            </el-card>
+        </el-row>
 
-    <el-row :gutter="20" style="margin-top:50px;">
-      <el-col :span="6">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>Material Design 的input</span>
-          </div>
-          <div style="height:100px;">
-            <el-form :model="demo" :rules="demoRules">
-              <el-form-item prop="title">
-                <md-input v-model="demo.title" icon="el-icon-search" name="title" placeholder="输入标题">
-                  标题
-                </md-input>
-              </el-form-item>
-            </el-form>
-          </div>
-        </el-card>
-      </el-col>
+        <el-row :gutter="20" style="margin-top:50px;">
+            <el-col :span="6">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>Material Design 的input</span>
+                    </div>
+                    <div style="height:100px;">
+                        <el-form :model="demo" :rules="demoRules">
+                            <el-form-item prop="title">
+                                <md-input v-model="demo.title" icon="el-icon-search" name="title" placeholder="输入标题">
+                                    标题
+                                </md-input>
+                            </el-form-item>
+                        </el-form>
+                    </div>
+                </el-card>
+            </el-col>
 
-      <el-col :span="6">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>图片hover效果</span>
-          </div>
-          <div class="component-item">
-            <pan-thumb width="100px" height="100px" image="https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191">
-              vue-element-admin
-            </pan-thumb>
-          </div>
-        </el-card>
-      </el-col>
+            <el-col :span="6">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>图片hover效果</span>
+                    </div>
+                    <div class="component-item">
+                        <pan-thumb width="100px" height="100px"
+                                   image="https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191">
+                            vue-element-admin
+                        </pan-thumb>
+                    </div>
+                </el-card>
+            </el-col>
 
-      <el-col :span="6">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>水波纹 waves v-directive</span>
-          </div>
-          <div class="component-item">
-            <el-button v-waves type="primary">
-              水波纹效果
-            </el-button>
-          </div>
-        </el-card>
-      </el-col>
+            <el-col :span="6">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>水波纹 waves v-directive</span>
+                    </div>
+                    <div class="component-item">
+                        <el-button v-waves type="primary">
+                            水波纹效果
+                        </el-button>
+                    </div>
+                </el-card>
+            </el-col>
 
-      <el-col :span="6">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>hover text</span>
-          </div>
-          <div class="component-item">
-            <mallki class-name="mallki-text" text="vue-element-admin" />
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+            <el-col :span="6">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>hover text</span>
+                    </div>
+                    <div class="component-item">
+                        <mallki class-name="mallki-text" text="vue-element-admin"/>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
 
-    <el-row :gutter="20" style="margin-top:50px;">
-      <el-col :span="8">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>Share</span>
-          </div>
-          <div class="component-item" style="height:420px;">
-            <dropdown-menu :items="articleList" style="margin:0 auto;" title="系列文章" />
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
+        <el-row :gutter="20" style="margin-top:50px;">
+            <el-col :span="8">
+                <el-card class="box-card">
+                    <div slot="header" class="clearfix">
+                        <span>Share</span>
+                    </div>
+                    <div class="component-item" style="height:420px;">
+                        <dropdown-menu :items="articleList" style="margin:0 auto;" title="系列文章"/>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </div>
 </template>
 
 <script>
-import PanThumb from '@/components/PanThumb'
-import MdInput from '@/components/MDinput'
-import Mallki from '@/components/TextHoverEffect/Mallki'
-import DropdownMenu from '@/components/Share/DropdownMenu'
-import waves from '@/directive/waves/index.js' // 水波纹指令
+    import PanThumb from '@/components/PanThumb'
+    import MdInput from '@/components/MDinput'
+    import Mallki from '@/components/TextHoverEffect/Mallki'
+    import DropdownMenu from '@/components/Share/DropdownMenu'
+    import waves from '@/directive/waves/index.js' // 水波纹指令
 
-export default {
-  name: 'ComponentMixinDemo',
-  components: {
-    PanThumb,
-    MdInput,
-    Mallki,
-    DropdownMenu
-  },
-  directives: {
-    waves
-  },
-  data() {
-    const validate = (rule, value, callback) => {
-      if (value.length !== 6) {
-        callback(new Error('请输入六个字符'))
-      } else {
-        callback()
-      }
+    export default {
+        name: 'ComponentMixinDemo',
+        components: {
+            PanThumb,
+            MdInput,
+            Mallki,
+            DropdownMenu
+        },
+        directives: {
+            waves
+        },
+        data() {
+            const validate = (rule, value, callback) => {
+                if (value.length !== 6) {
+                    callback(new Error('请输入六个字符'))
+                } else {
+                    callback()
+                }
+            }
+            return {
+                demo: {
+                    title: ''
+                },
+                demoRules: {
+                    title: [{required: true, trigger: 'change', validator: validate}]
+                },
+                articleList: [
+                    {title: '基础篇', href: 'https://juejin.im/post/59097cd7a22b9d0065fb61d2'},
+                    {title: '登录权限篇', href: 'https://juejin.im/post/591aa14f570c35006961acac'},
+                    {title: '实战篇', href: 'https://juejin.im/post/593121aa0ce4630057f70d35'},
+                    {title: 'vue-admin-template 篇', href: 'https://juejin.im/post/595b4d776fb9a06bbe7dba56'},
+                    {title: 'v4.0 篇', href: 'https://juejin.im/post/5c92ff94f265da6128275a85'},
+                    {title: '优雅的使用 icon', href: 'https://juejin.im/post/59bb864b5188257e7a427c09'}
+                ]
+            }
+        }
     }
-    return {
-      demo: {
-        title: ''
-      },
-      demoRules: {
-        title: [{ required: true, trigger: 'change', validator: validate }]
-      },
-      articleList: [
-        { title: '基础篇', href: 'https://juejin.im/post/59097cd7a22b9d0065fb61d2' },
-        { title: '登录权限篇', href: 'https://juejin.im/post/591aa14f570c35006961acac' },
-        { title: '实战篇', href: 'https://juejin.im/post/593121aa0ce4630057f70d35' },
-        { title: 'vue-admin-template 篇', href: 'https://juejin.im/post/595b4d776fb9a06bbe7dba56' },
-        { title: 'v4.0 篇', href: 'https://juejin.im/post/5c92ff94f265da6128275a85' },
-        { title: '优雅的使用 icon', href: 'https://juejin.im/post/59bb864b5188257e7a427c09' }
-      ]
-    }
-  }
-}
 </script>
 
 <style scoped>
-.mixin-components-container {
-  background-color: #f0f2f5;
-  padding: 30px;
-  min-height: calc(100vh - 84px);
-}
-.component-item{
-  min-height: 100px;
-}
+    .mixin-components-container {
+        background-color: #f0f2f5;
+        padding: 30px;
+        min-height: calc(100vh - 84px);
+    }
+
+    .component-item {
+        min-height: 100px;
+    }
 </style>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/split-pane.vue b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/split-pane.vue
deleted file mode 100644
index 7dba353fe0915df81329c1b02d584bb86bc290b6..0000000000000000000000000000000000000000
--- a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/split-pane.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <div class="components-container">
-    <aside><strong>SplitPane</strong> If you've used
-      <a href="https://codepen.io/" target="_blank"> codepen</a>,
-      <a href="https://jsfiddle.net/" target="_blank"> jsfiddle </a>will not be unfamiliar.
-      <a href="https://github.com/PanJiaChen/vue-split-pane" target="_blank"> Github repository</a>
-    </aside>
-    <split-pane split="vertical" @resize="resize">
-      <template slot="paneL">
-        <div class="left-container" />
-      </template>
-      <template slot="paneR">
-        <split-pane split="horizontal">
-          <template slot="paneL">
-            <div class="top-container" />
-          </template>
-          <template slot="paneR">
-            <div class="bottom-container" />
-          </template>
-        </split-pane>
-      </template>
-    </split-pane>
-  </div>
-</template>
-
-<script>
-import splitPane from 'vue-splitpane'
-
-export default {
-  name: 'SplitpaneDemo',
-  components: { splitPane },
-  methods: {
-    resize() {
-      console.log('resize')
-    }
-  }
-}
-</script>
-
-<style  scoped>
-  .components-container {
-    position: relative;
-    height: 100vh;
-  }
-
-  .left-container {
-    background-color: #F38181;
-    height: 100%;
-  }
-
-  .right-container {
-    background-color: #FCE38A;
-    height: 200px;
-  }
-
-  .top-container {
-    background-color: #FCE38A;
-    width: 100%;
-    height: 100%;
-  }
-
-  .bottom-container {
-    width: 100%;
-    background-color: #95E1D3;
-    height: 100%;
-  }
-</style>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/sticky.vue b/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/sticky.vue
deleted file mode 100644
index de86e1a1370b48b5af73cea832cc74735f3b76bc..0000000000000000000000000000000000000000
--- a/app/Modules/Admin/Resources/vue-element-admin/views/components-demo/sticky.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-  <div>
-    <sticky :z-index="10" class-name="sub-navbar">
-      <el-dropdown trigger="click">
-        <el-button plain>
-          Platform<i class="el-icon-caret-bottom el-icon--right" />
-        </el-button>
-        <el-dropdown-menu slot="dropdown" class="no-border">
-          <el-checkbox-group v-model="platforms" style="padding: 5px 15px;">
-            <el-checkbox v-for="item in platformsOptions" :key="item.key" :label="item.key">
-              {{ item.name }}
-            </el-checkbox>
-          </el-checkbox-group>
-        </el-dropdown-menu>
-      </el-dropdown>
-
-      <el-dropdown trigger="click">
-        <el-button plain>
-          Link<i class="el-icon-caret-bottom el-icon--right" />
-        </el-button>
-        <el-dropdown-menu slot="dropdown" class="no-padding no-border" style="width:300px">
-          <el-input v-model="url" placeholder="Please enter the content">
-            <template slot="prepend">
-              Url
-            </template>
-          </el-input>
-        </el-dropdown-menu>
-      </el-dropdown>
-
-      <div class="time-container">
-        <el-date-picker v-model="time" type="datetime" format="yyyy-MM-dd HH:mm:ss" placeholder="Release time" />
-      </div>
-
-      <el-button style="margin-left: 10px;" type="success">
-        publish
-      </el-button>
-    </sticky>
-
-    <div class="components-container">
-      <aside>Sticky header, {{ $t('components.stickyTips') }}</aside>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <sticky :sticky-top="200">
-        <el-button type="primary"> placeholder</el-button>
-      </sticky>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-      <div>placeholder</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Sticky from '@/components/Sticky'
-
-export default {
-  name: 'StickyDemo',
-  components: { Sticky },
-  data() {
-    return {
-      time: '',
-      url: '',
-      platforms: ['a-platform'],
-      platformsOptions: [
-        { key: 'a-platform', name: 'platformA' },
-        { key: 'b-platform', name: 'platformB' },
-        { key: 'c-platform', name: 'platformC' }
-      ],
-      pickerOptions: {
-        disabledDate(time) {
-          return time.getTime() > Date.now()
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.components-container div {
-  margin: 10px;
-}
-
-.time-container {
-  display: inline-block;
-}
-</style>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/LineMarker.vue b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/LineMarker.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f8dd2a71cfa270d80da6e633a55a7731c82c1539
--- /dev/null
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/LineMarker.vue
@@ -0,0 +1,244 @@
+<template>
+    <div :id="id" :class="className" :style="{height:height,width:width}"/>
+</template>
+
+<script>
+    import echarts from 'echarts';
+    import resize from './mixins/resize';
+    import {logsStatistics, statistics} from "@/api/indexs";
+
+    export default {
+        mixins: [resize],
+        props: {
+            className: {
+                type: String,
+                default: 'chart'
+            },
+            id: {
+                type: String,
+                default: 'chart'
+            },
+            width: {
+                type: String,
+                default: '200px'
+            },
+            height: {
+                type: String,
+                default: '200px'
+            }
+        },
+        data() {
+            return {
+                chart: null
+            }
+        },
+        mounted() {
+            this.initChart();
+        },
+        beforeDestroy() {
+            if (!this.chart) {
+                return;
+            }
+            this.chart.dispose();
+            this.chart = null;
+        },
+        methods: {
+            initChart(){
+                console.log('initChart');
+                this.logsStatistics();
+
+                // 定时60秒触发一次
+                window.setInterval(() => {
+                    setTimeout(this.logsStatistics, 0);
+                }, 60000);
+            },
+            async logsStatistics() {
+                console.log('load - logsStatistics');
+                const {data} = await logsStatistics();
+
+                // console.log(data);
+                // console.log('data.list_name' + data.list_name);
+                // console.log('data.xAxis.data' + data.xAxis.data);
+                // console.log('data.data_lists' + data.data_lists);
+
+                this.chart = echarts.init(document.getElementById(this.id));
+                this.chart.setOption({
+                    backgroundColor: '#394056',
+                    title: {
+                        top: 20,
+                        text: 'Requests',
+                        textStyle: {
+                            fontWeight: 'normal',
+                            fontSize: 16,
+                            color: '#F1F1F3'
+                        },
+                        left: '1%'
+                    },
+                    tooltip: {
+                        trigger: 'axis',
+                        axisPointer: {
+                            lineStyle: {
+                                color: '#57617B'
+                            }
+                        }
+                    },
+                    legend: {
+                        top: 20,
+                        icon: 'rect',
+                        itemWidth: 14,
+                        itemHeight: 5,
+                        itemGap: 13,
+                        data: data.list_name,
+                        right: '4%',
+                        textStyle: {
+                            fontSize: 12,
+                            color: '#F1F1F3'
+                        }
+                    },
+                    grid: {
+                        top: 100,
+                        left: '2%',
+                        right: '2%',
+                        bottom: '2%',
+                        containLabel: true
+                    },
+                    xAxis: [{
+                        type: 'category',
+                        boundaryGap: false,
+                        axisLine: {
+                            lineStyle: {
+                                color: '#57617B'
+                            }
+                        },
+                        data: data.xAxis.data
+                    }],
+                    yAxis: [{
+                        type: 'value',
+                        name: '(次)',
+                        axisTick: {
+                            show: false
+                        },
+                        axisLine: {
+                            lineStyle: {
+                                color: '#57617B'
+                            }
+                        },
+                        axisLabel: {
+                            margin: 10,
+                            textStyle: {
+                                fontSize: 14
+                            }
+                        },
+                        splitLine: {
+                            lineStyle: {
+                                color: '#57617B'
+                            }
+                        }
+                    }],
+                    series: [{
+                        name: 'POST',
+                        type: 'line',
+                        smooth: true,
+                        symbol: 'circle',
+                        symbolSize: 5,
+                        showSymbol: false,
+                        lineStyle: {
+                            normal: {
+                                width: 1
+                            }
+                        },
+                        areaStyle: {
+                            normal: {
+                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                                    offset: 0,
+                                    color: 'rgba(137, 189, 27, 0.3)'
+                                }, {
+                                    offset: 0.8,
+                                    color: 'rgba(137, 189, 27, 0)'
+                                }], false),
+                                shadowColor: 'rgba(0, 0, 0, 0.1)',
+                                shadowBlur: 10
+                            }
+                        },
+                        itemStyle: {
+                            normal: {
+                                color: 'rgb(137,189,27)',
+                                borderColor: 'rgba(137,189,2,0.27)',
+                                borderWidth: 12
+
+                            }
+                        },
+                        data: data.data_lists.POST
+                    }, {
+                        name: 'PUT',
+                        type: 'line',
+                        smooth: true,
+                        symbol: 'circle',
+                        symbolSize: 5,
+                        showSymbol: false,
+                        lineStyle: {
+                            normal: {
+                                width: 1
+                            }
+                        },
+                        areaStyle: {
+                            normal: {
+                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                                    offset: 0,
+                                    color: 'rgba(0, 136, 212, 0.3)'
+                                }, {
+                                    offset: 0.8,
+                                    color: 'rgba(0, 136, 212, 0)'
+                                }], false),
+                                shadowColor: 'rgba(0, 0, 0, 0.1)',
+                                shadowBlur: 10
+                            }
+                        },
+                        itemStyle: {
+                            normal: {
+                                color: 'rgb(0,136,212)',
+                                borderColor: 'rgba(0,136,212,0.2)',
+                                borderWidth: 12
+
+                            }
+                        },
+                        data: data.data_lists.PUT
+                    }, {
+                        name: 'DELETE',
+                        type: 'line',
+                        smooth: true,
+                        symbol: 'circle',
+                        symbolSize: 5,
+                        showSymbol: false,
+                        lineStyle: {
+                            normal: {
+                                width: 1
+                            }
+                        },
+                        areaStyle: {
+                            normal: {
+                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                                    offset: 0,
+                                    color: 'rgba(219, 50, 51, 0.3)'
+                                }, {
+                                    offset: 0.8,
+                                    color: 'rgba(219, 50, 51, 0)'
+                                }], false),
+                                shadowColor: 'rgba(0, 0, 0, 0.1)',
+                                shadowBlur: 10
+                            }
+                        },
+                        itemStyle: {
+                            normal: {
+                                color: 'rgb(219,50,51)',
+                                borderColor: 'rgba(219,50,51,0.2)',
+                                borderWidth: 12
+                            }
+                        },
+                        data: data.data_lists.DELETE
+                    }]
+                });
+            }
+        }
+    }
+</script>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/mixins/resize.js b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/mixins/resize.js
index 234953b18aaf76fcbe81083c5c23a63b5f7c66ce..6567a1e9259389fe0ace752c492d3ddd29a02ae9 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/mixins/resize.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/components/mixins/resize.js
@@ -1,55 +1,55 @@
-import { debounce } from '@/utils'
+import {debounce} from '@/utils'
 
 export default {
-  data() {
-    return {
-      $_sidebarElm: null,
-      $_resizeHandler: null
-    }
-  },
-  mounted() {
-    this.$_resizeHandler = debounce(() => {
-      if (this.chart) {
-        this.chart.resize()
-      }
-    }, 100)
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  beforeDestroy() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  // to fixed bug when cached by keep-alive
-  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
-  activated() {
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  deactivated() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_initResizeEvent() {
-      window.addEventListener('resize', this.$_resizeHandler)
+    data() {
+        return {
+            $_sidebarElm: null,
+            $_resizeHandler: null
+        }
+    },
+    mounted() {
+        this.$_resizeHandler = debounce(() => {
+            if (this.chart) {
+                this.chart.resize()
+            }
+        }, 100)
+        this.$_initResizeEvent()
+        this.$_initSidebarResizeEvent()
     },
-    $_destroyResizeEvent() {
-      window.removeEventListener('resize', this.$_resizeHandler)
+    beforeDestroy() {
+        this.$_destroyResizeEvent()
+        this.$_destroySidebarResizeEvent()
     },
-    $_sidebarResizeHandler(e) {
-      if (e.propertyName === 'width') {
-        this.$_resizeHandler()
-      }
+    // to fixed bug when cached by keep-alive
+    // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+    activated() {
+        this.$_initResizeEvent()
+        this.$_initSidebarResizeEvent()
     },
-    $_initSidebarResizeEvent() {
-      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+    deactivated() {
+        this.$_destroyResizeEvent()
+        this.$_destroySidebarResizeEvent()
     },
-    $_destroySidebarResizeEvent() {
-      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+    methods: {
+        // use $_ for mixins properties
+        // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+        $_initResizeEvent() {
+            window.addEventListener('resize', this.$_resizeHandler)
+        },
+        $_destroyResizeEvent() {
+            window.removeEventListener('resize', this.$_resizeHandler)
+        },
+        $_sidebarResizeHandler(e) {
+            if (e.propertyName === 'width') {
+                this.$_resizeHandler()
+            }
+        },
+        $_initSidebarResizeEvent() {
+            this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+            this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+        },
+        $_destroySidebarResizeEvent() {
+            this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+        }
     }
-  }
 }
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/index.vue b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/index.vue
index ad22ab74cb17e098ca9b6c9838e0bbd785f7148e..56a21395cd17ee52f5abe1e06331fc76b2e172a0 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/index.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/dashboard/admin/index.vue
@@ -37,7 +37,7 @@
     import LineChart from './components/LineChart'
     import BarChart from './components/BarChart'
     import BoxCard from './components/BoxCard'
-    import Chart from '@/components/Charts/LineMarker'
+    import Chart from './components/LineMarker'
     import {statistics} from "@/api/indexs";
 
     const lineChartData = {
@@ -77,6 +77,7 @@
             }
         },
         created() {
+            console.log('index-created');
             this.statistics();
         },
         methods: {
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/index.vue b/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/index.vue
index 32cee075bd113cc42c499fd4b2e8a8d1f45896b1..2fe739caee886471d2b448c0f22d6a461190ddad 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/index.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/index.vue
@@ -1,168 +1,171 @@
 <template>
-  <div>
-    <el-card class="box-card" style="margin-top:40px;">
-      <div slot="header" class="clearfix">
-        <svg-icon icon-class="international" />
-        <span style="margin-left:10px;">{{ $t('i18nView.title') }}</span>
-      </div>
-      <div>
-        <el-radio-group v-model="lang" size="small">
-          <el-radio label="zh" border>
-            简体中文
-          </el-radio>
-          <el-radio label="en" border>
-            English
-          </el-radio>
-          <el-radio label="es" border>
-            Español
-          </el-radio>
-          <el-radio label="ja" border>
-            日本語
-          </el-radio>
-        </el-radio-group>
-        <el-tag style="margin-top:15px;display:block;" type="info">
-          {{ $t('i18nView.note') }}
-        </el-tag>
-      </div>
-    </el-card>
+    <div>
+        <el-card class="box-card" style="margin-top:40px;">
+            <div slot="header" class="clearfix">
+                <svg-icon icon-class="international"/>
+                <span style="margin-left:10px;">{{ $t('i18nView.title') }}</span>
+            </div>
+            <div>
+                <el-radio-group v-model="lang" size="small">
+                    <el-radio label="zh" border>
+                        简体中文
+                    </el-radio>
+                    <el-radio label="en" border>
+                        English
+                    </el-radio>
+                    <el-radio label="es" border>
+                        Español
+                    </el-radio>
+                    <el-radio label="ja" border>
+                        日本語
+                    </el-radio>
+                </el-radio-group>
+                <el-tag style="margin-top:15px;display:block;" type="info">
+                    {{ $t('i18nView.note') }}
+                </el-tag>
+            </div>
+        </el-card>
 
-    <el-row :gutter="20" style="margin:100px 15px 50px;">
-      <el-col :span="12" :xs="24">
-        <div class="block">
-          <el-date-picker v-model="date" :placeholder="$t('i18nView.datePlaceholder')" type="date" />
-        </div>
-        <div class="block">
-          <el-select v-model="value" :placeholder="$t('i18nView.selectPlaceholder')">
-            <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </div>
-        <div class="block">
-          <el-button class="item-btn" size="small">
-            {{ $t('i18nView.default') }}
-          </el-button>
-          <el-button class="item-btn" size="small" type="primary">
-            {{ $t('i18nView.primary') }}
-          </el-button>
-          <el-button class="item-btn" size="small" type="success">
-            {{ $t('i18nView.success') }}
-          </el-button>
-          <el-button class="item-btn" size="small" type="info">
-            {{ $t('i18nView.info') }}
-          </el-button>
-          <el-button class="item-btn" size="small" type="warning">
-            {{ $t('i18nView.warning') }}
-          </el-button>
-          <el-button class="item-btn" size="small" type="danger">
-            {{ $t('i18nView.danger') }}
-          </el-button>
-        </div>
-      </el-col>
-      <el-col :span="12" :xs="24">
-        <el-table :data="tableData" fit highlight-current-row border style="width: 100%">
-          <el-table-column :label="$t('i18nView.tableName')" prop="name" width="100" align="center" />
-          <el-table-column :label="$t('i18nView.tableDate')" prop="date" width="120" align="center" />
-          <el-table-column :label="$t('i18nView.tableAddress')" prop="address" />
-        </el-table>
-      </el-col>
-    </el-row>
-  </div>
+        <el-row :gutter="20" style="margin:100px 15px 50px;">
+            <el-col :span="12" :xs="24">
+                <div class="block">
+                    <el-date-picker v-model="date" :placeholder="$t('i18nView.datePlaceholder')" type="date"/>
+                </div>
+                <div class="block">
+                    <el-select v-model="value" :placeholder="$t('i18nView.selectPlaceholder')">
+                        <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                </div>
+                <div class="block">
+                    <el-button class="item-btn" size="small">
+                        {{ $t('i18nView.default') }}
+                    </el-button>
+                    <el-button class="item-btn" size="small" type="primary">
+                        {{ $t('i18nView.primary') }}
+                    </el-button>
+                    <el-button class="item-btn" size="small" type="success">
+                        {{ $t('i18nView.success') }}
+                    </el-button>
+                    <el-button class="item-btn" size="small" type="info">
+                        {{ $t('i18nView.info') }}
+                    </el-button>
+                    <el-button class="item-btn" size="small" type="warning">
+                        {{ $t('i18nView.warning') }}
+                    </el-button>
+                    <el-button class="item-btn" size="small" type="danger">
+                        {{ $t('i18nView.danger') }}
+                    </el-button>
+                </div>
+            </el-col>
+            <el-col :span="12" :xs="24">
+                <el-table :data="tableData" fit highlight-current-row border style="width: 100%">
+                    <el-table-column :label="$t('i18nView.tableName')" prop="name" width="100" align="center"/>
+                    <el-table-column :label="$t('i18nView.tableDate')" prop="date" width="120" align="center"/>
+                    <el-table-column :label="$t('i18nView.tableAddress')" prop="address"/>
+                </el-table>
+            </el-col>
+        </el-row>
+    </div>
 </template>
 
 <script>
-import local from './local'
-const viewName = 'i18nView'
+    import local from './local'
 
-export default {
-  name: 'I18n',
-  data() {
-    return {
-      date: '',
-      tableData: [{
-        date: '2016-05-03',
-        name: 'Tom',
-        address: 'No. 189, Grove St, Los Angeles'
-      },
-      {
-        date: '2016-05-02',
-        name: 'Tom',
-        address: 'No. 189, Grove St, Los Angeles'
-      },
-      {
-        date: '2016-05-04',
-        name: 'Tom',
-        address: 'No. 189, Grove St, Los Angeles'
-      },
-      {
-        date: '2016-05-01',
-        name: 'Tom',
-        address: 'No. 189, Grove St, Los Angeles'
-      }],
-      options: [],
-      value: ''
-    }
-  },
-  computed: {
-    lang: {
-      get() {
-        return this.$store.state.app.language
-      },
-      set(lang) {
-        this.$i18n.locale = lang
-        this.$store.dispatch('app/setLanguage', lang)
-      }
-    }
-  },
-  watch: {
-    lang() {
-      this.setOptions()
-    }
-  },
-  created() {
-    if (!this.$i18n.getLocaleMessage('en')[viewName]) {
-      this.$i18n.mergeLocaleMessage('en', local.en)
-      this.$i18n.mergeLocaleMessage('zh', local.zh)
-      this.$i18n.mergeLocaleMessage('es', local.es)
-      this.$i18n.mergeLocaleMessage('ja', local.ja)
-    }
-    this.setOptions() // set default select options
-  },
-  methods: {
-    setOptions() {
-      this.options = [
-        {
-          value: '1',
-          label: this.$t('i18nView.one')
+    const viewName = 'i18nView'
+
+    export default {
+        name: 'I18n',
+        data() {
+            return {
+                date: '',
+                tableData: [{
+                    date: '2016-05-03',
+                    name: 'Tom',
+                    address: 'No. 189, Grove St, Los Angeles'
+                },
+                    {
+                        date: '2016-05-02',
+                        name: 'Tom',
+                        address: 'No. 189, Grove St, Los Angeles'
+                    },
+                    {
+                        date: '2016-05-04',
+                        name: 'Tom',
+                        address: 'No. 189, Grove St, Los Angeles'
+                    },
+                    {
+                        date: '2016-05-01',
+                        name: 'Tom',
+                        address: 'No. 189, Grove St, Los Angeles'
+                    }],
+                options: [],
+                value: ''
+            }
+        },
+        computed: {
+            lang: {
+                get() {
+                    return this.$store.state.app.language
+                },
+                set(lang) {
+                    this.$i18n.locale = lang
+                    this.$store.dispatch('app/setLanguage', lang)
+                }
+            }
         },
-        {
-          value: '2',
-          label: this.$t('i18nView.two')
+        watch: {
+            lang() {
+                this.setOptions()
+            }
         },
-        {
-          value: '3',
-          label: this.$t('i18nView.three')
+        created() {
+            if (!this.$i18n.getLocaleMessage('en')[viewName]) {
+                this.$i18n.mergeLocaleMessage('en', local.en)
+                this.$i18n.mergeLocaleMessage('zh', local.zh)
+                this.$i18n.mergeLocaleMessage('es', local.es)
+                this.$i18n.mergeLocaleMessage('ja', local.ja)
+            }
+            this.setOptions() // set default select options
+        },
+        methods: {
+            setOptions() {
+                this.options = [
+                    {
+                        value: '1',
+                        label: this.$t('i18nView.one')
+                    },
+                    {
+                        value: '2',
+                        label: this.$t('i18nView.two')
+                    },
+                    {
+                        value: '3',
+                        label: this.$t('i18nView.three')
+                    }
+                ]
+            }
         }
-      ]
     }
-  }
-}
 </script>
 
 <style scoped>
-.box-card {
-  width: 600px;
-  max-width: 100%;
-  margin: 20px auto;
-}
-.item-btn{
-  margin-bottom: 15px;
-  margin-left: 0px;
-}
-.block {
-  padding: 25px;
-}
+    .box-card {
+        width: 600px;
+        max-width: 100%;
+        margin: 20px auto;
+    }
+
+    .item-btn {
+        margin-bottom: 15px;
+        margin-left: 0px;
+    }
+
+    .block {
+        padding: 25px;
+    }
 </style>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/local.js b/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/local.js
index ae38dd285f249ff6c493ca9ebc7ced85a7b966fc..e6970f573805ad3bf14e2af1ae656eb8516d3e7c 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/local.js
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/i18n-demo/local.js
@@ -1,83 +1,82 @@
-
 export default {
-  zh: {
-    i18nView: {
-      title: '切换语言',
-      note: '本项目国际化基于 vue-i18n',
-      datePlaceholder: '请选择日期',
-      selectPlaceholder: '请选择',
-      tableDate: '日期',
-      tableName: '姓名',
-      tableAddress: '地址',
-      default: '默认按钮',
-      primary: '主要按钮',
-      success: '成功按钮',
-      info: '信息按钮',
-      warning: '警告按钮',
-      danger: '危险按钮',
-      one: '一',
-      two: '二',
-      three: '三'
+    zh: {
+        i18nView: {
+            title: '切换语言',
+            note: '本项目国际化基于 vue-i18n',
+            datePlaceholder: '请选择日期',
+            selectPlaceholder: '请选择',
+            tableDate: '日期',
+            tableName: '姓名',
+            tableAddress: '地址',
+            default: '默认按钮',
+            primary: '主要按钮',
+            success: '成功按钮',
+            info: '信息按钮',
+            warning: '警告按钮',
+            danger: '危险按钮',
+            one: '一',
+            two: '二',
+            three: '三'
+        }
+    },
+    en: {
+        i18nView: {
+            title: 'Switch Language',
+            note: 'The internationalization of this project is based on vue-i18n',
+            datePlaceholder: 'Pick a day',
+            selectPlaceholder: 'Select',
+            tableDate: 'tableDate',
+            tableName: 'tableName',
+            tableAddress: 'tableAddress',
+            default: 'default:',
+            primary: 'primary',
+            success: 'success',
+            info: 'info',
+            warning: 'warning',
+            danger: 'danger',
+            one: 'One',
+            two: 'Two',
+            three: 'Three'
+        }
+    },
+    es: {
+        i18nView: {
+            title: 'Switch Language',
+            note: 'The internationalization of this project is based on vue-i18n',
+            datePlaceholder: 'Pick a day',
+            selectPlaceholder: 'Select',
+            tableDate: 'tableDate',
+            tableName: 'tableName',
+            tableAddress: 'tableAddress',
+            default: 'default:',
+            primary: 'primary',
+            success: 'success',
+            info: 'info',
+            warning: 'warning',
+            danger: 'danger',
+            one: 'One',
+            two: 'Two',
+            three: 'Three'
+        }
+    },
+    ja: {
+        i18nView: {
+            title: '言語切替',
+            note: 'vue-i18nを使っています',
+            datePlaceholder: '日時選択',
+            selectPlaceholder: '選択してください',
+            tableDate: '日時',
+            tableName: '姓名',
+            tableAddress: '住所',
+            default: 'default',
+            primary: 'primary',
+            success: 'success',
+            info: 'info',
+            warning: 'warning',
+            danger: 'danger',
+            one: '1',
+            two: '2',
+            three: '3'
+        }
     }
-  },
-  en: {
-    i18nView: {
-      title: 'Switch Language',
-      note: 'The internationalization of this project is based on vue-i18n',
-      datePlaceholder: 'Pick a day',
-      selectPlaceholder: 'Select',
-      tableDate: 'tableDate',
-      tableName: 'tableName',
-      tableAddress: 'tableAddress',
-      default: 'default:',
-      primary: 'primary',
-      success: 'success',
-      info: 'info',
-      warning: 'warning',
-      danger: 'danger',
-      one: 'One',
-      two: 'Two',
-      three: 'Three'
-    }
-  },
-  es: {
-    i18nView: {
-      title: 'Switch Language',
-      note: 'The internationalization of this project is based on vue-i18n',
-      datePlaceholder: 'Pick a day',
-      selectPlaceholder: 'Select',
-      tableDate: 'tableDate',
-      tableName: 'tableName',
-      tableAddress: 'tableAddress',
-      default: 'default:',
-      primary: 'primary',
-      success: 'success',
-      info: 'info',
-      warning: 'warning',
-      danger: 'danger',
-      one: 'One',
-      two: 'Two',
-      three: 'Three'
-    }
-  },
-  ja: {
-    i18nView: {
-      title: '言語切替',
-      note: 'vue-i18nを使っています',
-      datePlaceholder: '日時選択',
-      selectPlaceholder: '選択してください',
-      tableDate: '日時',
-      tableName: '姓名',
-      tableAddress: '住所',
-      default: 'default',
-      primary: 'primary',
-      success: 'success',
-      info: 'info',
-      warning: 'warning',
-      danger: 'danger',
-      one: '1',
-      two: '2',
-      three: '3'
-    }
-  }
 }
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Account.vue b/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Account.vue
index 9f2e3865a4edcf4185a296aec733a0312a28b0ba..ff6cf7707707c1152c0939099bd57dca06efa425 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Account.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Account.vue
@@ -1,38 +1,66 @@
 <template>
-  <el-form>
-    <el-form-item label="Name">
-      <el-input v-model.trim="user.name" />
-    </el-form-item>
-    <el-form-item label="Email">
-      <el-input v-model.trim="user.email" />
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="submit">Update</el-button>
-    </el-form-item>
-  </el-form>
+    <el-form>
+        <el-form-item label="Name">
+            <el-input v-model.trim="user.name"/>
+        </el-form-item>
+        <el-form-item label="Password">
+            <el-input v-model="password"/>
+        </el-form-item>
+        <el-form-item>
+            <el-button type="primary" @click="submit" v-loading="loading">Update</el-button>
+        </el-form-item>
+    </el-form>
 </template>
 
 <script>
-export default {
-  props: {
-    user: {
-      type: Object,
-      default: () => {
-        return {
-          name: '',
-          email: ''
+    import {updateAdmin} from "@/api/indexs";
+    export default {
+        props: {
+            user: {
+                type: Object,
+                default: () => {
+                    return {
+                        name: '',
+                    }
+                }
+            }
+        },
+        data() {
+            return {
+                loading: false,
+                admin_name:'',
+                password: ''
+            }
+        },
+        methods: {
+            submit() {
+                this.loading = true;
+
+                this.updateAdmin();
+
+                setTimeout(() => {
+                    this.loading = false;
+                }, 500);
+            },
+            async updateAdmin(){
+                const {msg, status} = await updateAdmin({
+                    'admin_name': this.user.name,
+                    'password': this.password,
+                });
+                if (status == 1){
+                    this.$message({
+                        message: 'Admin information has been updated successfully.',
+                        type: 'success',
+                        duration: 5 * 1000
+                    });
+                    this.password = '';
+                }else{
+                    this.$message({
+                        message: msg,
+                        type: 'error',
+                    });
+                }
+            }
         }
-      }
-    }
-  },
-  methods: {
-    submit() {
-      this.$message({
-        message: 'User information has been updated successfully',
-        type: 'success',
-        duration: 5 * 1000
-      })
     }
-  }
-}
 </script>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Activity.vue b/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Activity.vue
index dd5db3a5c553ece8512a994a1e6b663184441089..87271133b53c450191a318036add3c0b1265e7fe 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Activity.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/profile/components/Activity.vue
@@ -1,185 +1,188 @@
 <template>
-  <div class="user-activity">
-    <div class="post">
-      <div class="user-block">
-        <img class="img-circle" :src="'https://wpimg.wallstcn.com/57ed425a-c71e-4201-9428-68760c0537c4.jpg'+avatarPrefix">
-        <span class="username text-muted">Iron Man</span>
-        <span class="description">Shared publicly - 7:30 PM today</span>
-      </div>
-      <p>
-        Lorem ipsum represents a long-held tradition for designers,
-        typographers and the like. Some people hate it and argue for
-        its demise, but others ignore the hate as they create awesome
-        tools to help create filler text for everyone from bacon lovers
-        to Charlie Sheen fans.
-      </p>
-      <ul class="list-inline">
-        <li>
+    <div class="user-activity">
+        <div class="post">
+            <div class="user-block">
+                <img class="img-circle"
+                     :src="'https://wpimg.wallstcn.com/57ed425a-c71e-4201-9428-68760c0537c4.jpg'+avatarPrefix">
+                <span class="username text-muted">Iron Man</span>
+                <span class="description">Shared publicly - 7:30 PM today</span>
+            </div>
+            <p>
+                Lorem ipsum represents a long-held tradition for designers,
+                typographers and the like. Some people hate it and argue for
+                its demise, but others ignore the hate as they create awesome
+                tools to help create filler text for everyone from bacon lovers
+                to Charlie Sheen fans.
+            </p>
+            <ul class="list-inline">
+                <li>
           <span class="link-black text-sm">
-            <i class="el-icon-share" />
+            <i class="el-icon-share"/>
             Share
           </span>
-        </li>
-        <li>
+                </li>
+                <li>
           <span class="link-black text-sm">
-            <svg-icon icon-class="like" />
+            <svg-icon icon-class="like"/>
             Like
           </span>
-        </li>
-      </ul>
-    </div>
-    <div class="post">
-      <div class="user-block">
-        <img class="img-circle" :src="'https://wpimg.wallstcn.com/9e2a5d0a-bd5b-457f-ac8e-86554616c87b.jpg'+avatarPrefix">
-        <span class="username text-muted">Captain American</span>
-        <span class="description">Sent you a message - yesterday</span>
-      </div>
-      <p>
-        Lorem ipsum represents a long-held tradition for designers,
-        typographers and the like. Some people hate it and argue for
-        its demise, but others ignore the hate as they create awesome
-        tools to help create filler text for everyone from bacon lovers
-        to Charlie Sheen fans.
-      </p>
-      <ul class="list-inline">
-        <li>
+                </li>
+            </ul>
+        </div>
+        <div class="post">
+            <div class="user-block">
+                <img class="img-circle"
+                     :src="'https://wpimg.wallstcn.com/9e2a5d0a-bd5b-457f-ac8e-86554616c87b.jpg'+avatarPrefix">
+                <span class="username text-muted">Captain American</span>
+                <span class="description">Sent you a message - yesterday</span>
+            </div>
+            <p>
+                Lorem ipsum represents a long-held tradition for designers,
+                typographers and the like. Some people hate it and argue for
+                its demise, but others ignore the hate as they create awesome
+                tools to help create filler text for everyone from bacon lovers
+                to Charlie Sheen fans.
+            </p>
+            <ul class="list-inline">
+                <li>
           <span class="link-black text-sm">
-            <i class="el-icon-share" />
+            <i class="el-icon-share"/>
             Share
           </span>
-        </li>
-        <li>
+                </li>
+                <li>
           <span class="link-black text-sm">
-            <svg-icon icon-class="like" />
+            <svg-icon icon-class="like"/>
             Like
           </span>
-        </li>
-      </ul>
-    </div>
-    <div class="post">
-      <div class="user-block">
-        <img class="img-circle" :src="'https://wpimg.wallstcn.com/fb57f689-e1ab-443c-af12-8d4066e202e2.jpg'+avatarPrefix">
-        <span class="username">Spider Man</span>
-        <span class="description">Posted 4 photos - 2 days ago</span>
-      </div>
-      <div class="user-images">
-        <el-carousel :interval="6000" type="card" height="220px">
-          <el-carousel-item v-for="item in carouselImages" :key="item">
-            <img :src="item+carouselPrefix" class="image">
-          </el-carousel-item>
-        </el-carousel>
-      </div>
-      <ul class="list-inline">
-        <li><span class="link-black text-sm"><i class="el-icon-share" /> Share</span></li>
-        <li>
+                </li>
+            </ul>
+        </div>
+        <div class="post">
+            <div class="user-block">
+                <img class="img-circle"
+                     :src="'https://wpimg.wallstcn.com/fb57f689-e1ab-443c-af12-8d4066e202e2.jpg'+avatarPrefix">
+                <span class="username">Spider Man</span>
+                <span class="description">Posted 4 photos - 2 days ago</span>
+            </div>
+            <div class="user-images">
+                <el-carousel :interval="6000" type="card" height="220px">
+                    <el-carousel-item v-for="item in carouselImages" :key="item">
+                        <img :src="item+carouselPrefix" class="image">
+                    </el-carousel-item>
+                </el-carousel>
+            </div>
+            <ul class="list-inline">
+                <li><span class="link-black text-sm"><i class="el-icon-share"/> Share</span></li>
+                <li>
           <span class="link-black text-sm">
-            <svg-icon icon-class="like" /> Like</span>
-        </li>
-      </ul>
+            <svg-icon icon-class="like"/> Like</span>
+                </li>
+            </ul>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
-const avatarPrefix = '?imageView2/1/w/80/h/80'
-const carouselPrefix = '?imageView2/2/h/440'
-
-export default {
-  data() {
-    return {
-      carouselImages: [
-        'https://wpimg.wallstcn.com/9679ffb0-9e0b-4451-9916-e21992218054.jpg',
-        'https://wpimg.wallstcn.com/bcce3734-0837-4b9f-9261-351ef384f75a.jpg',
-        'https://wpimg.wallstcn.com/d1d7b033-d75e-4cd6-ae39-fcd5f1c0a7c5.jpg',
-        'https://wpimg.wallstcn.com/50530061-851b-4ca5-9dc5-2fead928a939.jpg'
-      ],
-      avatarPrefix,
-      carouselPrefix
+    const avatarPrefix = '?imageView2/1/w/80/h/80'
+    const carouselPrefix = '?imageView2/2/h/440'
+
+    export default {
+        data() {
+            return {
+                carouselImages: [
+                    'https://wpimg.wallstcn.com/9679ffb0-9e0b-4451-9916-e21992218054.jpg',
+                    'https://wpimg.wallstcn.com/bcce3734-0837-4b9f-9261-351ef384f75a.jpg',
+                    'https://wpimg.wallstcn.com/d1d7b033-d75e-4cd6-ae39-fcd5f1c0a7c5.jpg',
+                    'https://wpimg.wallstcn.com/50530061-851b-4ca5-9dc5-2fead928a939.jpg'
+                ],
+                avatarPrefix,
+                carouselPrefix
+            }
+        }
     }
-  }
-}
 </script>
 
 <style lang="scss" scoped>
-.user-activity {
-  .user-block {
-
-    .username,
-    .description {
-      display: block;
-      margin-left: 50px;
-      padding: 2px 0;
-    }
-
-    .username{
-      font-size: 16px;
-      color: #000;
-    }
-
-    :after {
-      clear: both;
-    }
-
-    .img-circle {
-      border-radius: 50%;
-      width: 40px;
-      height: 40px;
-      float: left;
-    }
+    .user-activity {
+        .user-block {
+
+            .username,
+            .description {
+                display: block;
+                margin-left: 50px;
+                padding: 2px 0;
+            }
+
+            .username {
+                font-size: 16px;
+                color: #000;
+            }
+
+            :after {
+                clear: both;
+            }
+
+            .img-circle {
+                border-radius: 50%;
+                width: 40px;
+                height: 40px;
+                float: left;
+            }
+
+            span {
+                font-weight: 500;
+                font-size: 12px;
+            }
+        }
+
+        .post {
+            font-size: 14px;
+            border-bottom: 1px solid #d2d6de;
+            margin-bottom: 15px;
+            padding-bottom: 15px;
+            color: #666;
+
+            .image {
+                width: 100%;
+                height: 100%;
+
+            }
+
+            .user-images {
+                padding-top: 20px;
+            }
+        }
+
+        .list-inline {
+            padding-left: 0;
+            margin-left: -5px;
+            list-style: none;
+
+            li {
+                display: inline-block;
+                padding-right: 5px;
+                padding-left: 5px;
+                font-size: 13px;
+            }
+
+            .link-black {
+
+                &:hover,
+                &:focus {
+                    color: #999;
+                }
+            }
+        }
 
-    span {
-      font-weight: 500;
-      font-size: 12px;
     }
-  }
-
-  .post {
-    font-size: 14px;
-    border-bottom: 1px solid #d2d6de;
-    margin-bottom: 15px;
-    padding-bottom: 15px;
-    color: #666;
-
-    .image {
-      width: 100%;
-      height: 100%;
 
+    .box-center {
+        margin: 0 auto;
+        display: table;
     }
 
-    .user-images {
-      padding-top: 20px;
-    }
-  }
-
-  .list-inline {
-    padding-left: 0;
-    margin-left: -5px;
-    list-style: none;
-
-    li {
-      display: inline-block;
-      padding-right: 5px;
-      padding-left: 5px;
-      font-size: 13px;
+    .text-muted {
+        color: #777;
     }
-
-    .link-black {
-
-      &:hover,
-      &:focus {
-        color: #999;
-      }
-    }
-  }
-
-}
-
-.box-center {
-  margin: 0 auto;
-  display: table;
-}
-
-.text-muted {
-  color: #777;
-}
 </style>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/profile/index.vue b/app/Modules/Admin/Resources/vue-element-admin/views/profile/index.vue
index c115570d85afff4d1ea3b60e97df08b7d724c4a1..9e765c0d9babd5c7a7db9230bc7c60cbb4f96594 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/profile/index.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/profile/index.vue
@@ -10,15 +10,15 @@
                 <el-col :span="18" :xs="24">
                     <el-card>
                         <el-tabs v-model="activeTab">
+                            <el-tab-pane label="Account" name="account">
+                                <account :user="user"/>
+                            </el-tab-pane>
                             <el-tab-pane label="Activity" name="activity">
                                 <activity/>
                             </el-tab-pane>
                             <el-tab-pane label="Timeline" name="timeline">
                                 <timeline/>
                             </el-tab-pane>
-                            <el-tab-pane label="Account" name="account">
-                                <account :user="user"/>
-                            </el-tab-pane>
                         </el-tabs>
                     </el-card>
                 </el-col>
@@ -41,7 +41,7 @@
         data() {
             return {
                 user: {},
-                activeTab: 'activity'
+                activeTab: 'account'
             }
         },
         computed: {
@@ -52,7 +52,7 @@
             ])
         },
         created() {
-            this.getUser()
+            this.getUser();
         },
         methods: {
             getUser() {
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/setting/banners/components/detail.vue b/app/Modules/Admin/Resources/vue-element-admin/views/setting/banners/components/detail.vue
index 574122cfa31f2d89c7fc40d97e703ded86c2eee6..4fbde4994c7a873116cf0266f8dcf67dcc1474d4 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/setting/banners/components/detail.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/setting/banners/components/detail.vue
@@ -159,10 +159,10 @@
                 this.$refs['form'].validate(async (valid) => {
                     console.log(valid);
                     if (valid) {
-                        const {msg} = this.form.banner_id ? await update(this.form) : await create(this.form);
+                        const {msg, status} = this.form.banner_id ? await update(this.form) : await create(this.form);
                         this.$message({
                             message: msg,
-                            type: 'success'
+                            type: status == 1 ? 'success' : 'error',
                         });
                         this.$emit('fetchData');
                         this.close();
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/setting/configs/index.vue b/app/Modules/Admin/Resources/vue-element-admin/views/setting/configs/index.vue
index 8296c962b6272b7c37e5c1a19d56caf551992ad3..595960e564106098719885e663935bea03930e58 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/setting/configs/index.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/setting/configs/index.vue
@@ -53,17 +53,20 @@
             class="margin-buttom-10"
         >
             <el-table-column show-overflow-tooltip type="selection"/>
+
             <el-table-column
                 show-overflow-tooltip
                 prop="config_id"
                 label="Id"
             />
+
             <el-table-column
                 show-overflow-tooltip
                 prop="config_title"
                 label="配置标题"
                 align="center"
             />
+
             <el-table-column
                 show-overflow-tooltip
                 prop="config_name"
@@ -89,17 +92,20 @@
                 label="配置类型"
                 align="center"
             />
+
             <el-table-column
                 show-overflow-tooltip
                 prop="config_sort"
                 label="排序"
                 align="center"
             />
+
             <el-table-column label="创建时间" show-overflow-tooltip align="center">
                 <template slot-scope="{ row }">
                     {{ row.created_time | parseTime("{y}-{m}-{d} {h}:{i}") }}
                 </template>
             </el-table-column>
+
             <el-table-column align="center" prop="is_check" label="启用状态">
                 <template slot-scope="scope">
                     <el-tag :type="scope.row.is_check | statusFilter">
@@ -107,6 +113,7 @@
                     </el-tag>
                 </template>
             </el-table-column>
+
             <el-table-column
                 show-overflow-tooltip
                 fixed="right"
@@ -128,6 +135,7 @@
                             禁用
                         </el-tag>
                     </el-button>
+
                     <!-- 编辑与删除 -->
                     <el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
                     <el-button type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/setting/friendlinks/components/detail.vue b/app/Modules/Admin/Resources/vue-element-admin/views/setting/friendlinks/components/detail.vue
index 2fdad08942d405ec0bff8e7b66bf843a0feef583..21f9f17ef82d512ef221a7d97e8ab36195edd098 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/setting/friendlinks/components/detail.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/setting/friendlinks/components/detail.vue
@@ -160,10 +160,10 @@
                 this.$refs['form'].validate(async (valid) => {
                     console.log(valid);
                     if (valid) {
-                        const {msg} = this.form.link_id ? await update(this.form) : await create(this.form);
+                        const {msg, status} = this.form.link_id ? await update(this.form) : await create(this.form);
                         this.$message({
                             message: msg,
-                            type: 'success'
+                            type: status == 1 ? 'success' : 'error',
                         });
                         this.$emit('fetchData');
                         this.close();
diff --git a/app/Modules/Admin/Routes/web.php b/app/Modules/Admin/Routes/web.php
index 8647a8c2011e7b879da5b696c06ebda852749f33..88545284b9486e27391c703a2722c90018bc1220 100644
--- a/app/Modules/Admin/Routes/web.php
+++ b/app/Modules/Admin/Routes/web.php
@@ -33,6 +33,10 @@ Route::prefix('admin')->group(function() {
     Route::middleware([CheckAuth::class, AdminLog::class])->group(function () {
         // 首页
         Route::get('indexs', 'IndexController@index');
+        // 编辑登录管理员资料
+        Route::put('updateAdmin', 'IndexController@update');
+        // 按照日志类型的统计图数据
+        Route::get('logsStatistics', 'IndexController@logsStatistics');
         // 月份表列表
         Route::get('get_month_lists', 'IndexController@getMonthList');
 
diff --git a/app/Modules/Admin/Services/IndexService.php b/app/Modules/Admin/Services/IndexService.php
index 5ce8433437530bdb394406fd29679676197f106f..16867215d3f2ed06e702e129009b06dfe5ed43a0 100644
--- a/app/Modules/Admin/Services/IndexService.php
+++ b/app/Modules/Admin/Services/IndexService.php
@@ -3,6 +3,7 @@
 namespace App\Modules\Admin\Services;
 
 use App\Modules\Admin\Entities\Article\Article;
+use App\Modules\Admin\Entities\Log\AdminLog;
 use App\Modules\Admin\Entities\Rabc\Admin;
 use App\Modules\Admin\Entities\System\Banner;
 use App\Modules\Admin\Entities\System\Friendlink;
@@ -13,38 +14,133 @@ class IndexService extends BaseService
     {
         return [
             // 管理员人数
-            'admins_count' => Admin::count(),
+            'admins_count'      => Admin::count(),
             // 文章总数
-            'articles_count' => Article::count(),
+            'articles_count'    => Article::count(),
             // Banner数量
-            'banners_count' => Banner::count(),
+            'banners_count'     => Banner::count(),
             // 友情链接数量
             'friendlinks_count' => Friendlink::count(),
             // 技能
-            'skill' => $this->skill()
+            'skill'             => $this->skill(),
+            // 统计图：使用请求日志来做数据
+            'statistics'        => $this->logsStatistics(),
         ];
     }
 
     private function skill()
     {
         $arr = [
-            'cnpscy' => 100,
-            'PHP' => rand(70, 99),
-            'Mysql' => rand(70, 99),
-            'Redis' => rand(70, 99),
-            'Thinkphp' => rand(70, 99),
-            'Laravel' => rand(50, 99),
-            'Hypref' => rand(50, 99),
-            'Vue' => rand(10, 99),
+            'cnpscy'     => 100,
+            'PHP'        => rand(70, 99),
+            'Mysql'      => rand(70, 99),
+            'Redis'      => rand(70, 99),
+            'Thinkphp'   => rand(70, 99),
+            'Laravel'    => rand(50, 99),
+            'Hypref'     => rand(50, 99),
+            'Vue'        => rand(10, 99),
             'JavaScript' => rand(20, 99),
         ];
         $list = [];
-        foreach ($arr as $key => $value){
+        foreach ($arr as $key => $value) {
             $list[] = [
-                'name' => $key,
+                'name'  => $key,
                 'value' => $value,
             ];
         }
         return $list;
     }
+
+    /**
+     * 按照日志的请求类型来获取对应的统计图数据
+     *
+     * @return array
+     */
+    public function logsStatistics()
+    {
+        $default_data = [
+            'xAxis'      => [
+                'data' => [
+
+                ],
+            ],
+            'list_name'  => [
+                // 'GET',
+                'POST',
+                'PUT',
+                'DELETE',
+            ],
+            'data_lists' => [
+                // 'GET'    => [],
+                'POST'   => [
+
+                ],
+                'PUT'    => [
+
+                ],
+                'DELETE' => [
+
+                ],
+            ],
+        ];
+        $adminLogInstance = AdminLog::getInstance();
+        $interval_nums = 100; // 时段次数：100个时间段，自己调整
+        $time_interval = 300; // 时段间隔：5分钟，自己调整
+        $hours = ceil($time_interval / 3600); // 时间间隔设置，超过几小时：查询时的开始时间需要加上才有意义
+        $time = strtotime(date('Y-m-d H:i', strtotime('+' . $hours . ' hour')) . ':00');
+
+        // 数据查询
+        $list = $adminLogInstance->whereBetWeen('created_time', [
+            $time - $interval_nums * $time_interval,
+            $time,
+        ])->get();
+        for ($i = 0; $i < $interval_nums; $i++) {
+            $end_time = $time - $time_interval;
+            // 默认X轴的时段
+            $default_data['xAxis']['data'][$i] = date('Y-m-d H:i', $end_time);
+
+            // $default_data['data_lists']['GET'][$i] =
+            $default_data['data_lists']['POST'][$i]
+                = $default_data['data_lists']['PUT'][$i]
+                = $default_data['data_lists']['DELETE'][$i]
+                = 0;
+
+            if ( $list ) {
+                foreach ($list as $v) {
+                    if ($v->created_time >= $end_time && $v->created_time <= $time){
+                        if ( $v->log_method == 'GET' ) {
+                            // ++$default_data['data_lists']['GET'][$i];
+                        } elseif ( $v->log_method == 'POST' ) {
+                            ++$default_data['data_lists']['POST'][$i];
+                        } elseif ( $v->log_method == 'PUT' ) {
+                            ++$default_data['data_lists']['PUT'][$i];
+                        } elseif ( $v->log_method == 'DELETE' ) {
+                            ++$default_data['data_lists']['DELETE'][$i];
+                        }
+                    }
+                }
+            }
+
+            // 把当前的结束时间设置为下一次的开始时间
+            $time = $end_time;
+        }
+        return (array)$default_data;
+    }
+
+    /**
+     * 编辑登录管理员信息
+     *
+     * @param $request
+     *
+     * @return mixed
+     */
+    public function updateAdmin($request)
+    {
+        $update['admin_name'] = $request->input('admin_name');
+        $password = $request->input('password', '');
+        if (!empty($password)){
+            $update['password'] = $password;
+        }
+        return $request->user()->update($update);
+    }
 }