From ce7a380e6e8dcef40c770e8e2ea28cb3fdd10064 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <i@haozi.net>
Date: Tue, 25 Jul 2023 03:21:00 +0800
Subject: [PATCH] feat(cron): support backup

---
 app/console/commands/panel.go             |  195 ++-
 app/http/controllers/cron_controller.go   |   87 +-
 app/services/cron.go                      |    4 +
 pkg/tools/system.go                       |   26 +
 public/index.html                         |    6 +-
 public/panel/adminui/src/modules/admin.js | 1637 +++++++++++----------
 public/panel/views/cron.html              |  136 +-
 7 files changed, 1241 insertions(+), 850 deletions(-)

diff --git a/app/console/commands/panel.go b/app/console/commands/panel.go
index eb65d90d..e8b9eef5 100644
--- a/app/console/commands/panel.go
+++ b/app/console/commands/panel.go
@@ -2,11 +2,15 @@ package commands
 
 import (
 	"os"
+	"path/filepath"
+	"sort"
+	"strings"
 
 	"github.com/gookit/color"
 	"github.com/goravel/framework/contracts/console"
 	"github.com/goravel/framework/contracts/console/command"
 	"github.com/goravel/framework/facades"
+	"github.com/goravel/framework/support/carbon"
 	"github.com/spf13/cast"
 
 	"panel/app/models"
@@ -39,6 +43,8 @@ func (receiver *Panel) Handle(ctx console.Context) error {
 	action := ctx.Argument(0)
 	arg1 := ctx.Argument(1)
 	arg2 := ctx.Argument(2)
+	arg3 := ctx.Argument(3)
+	arg4 := ctx.Argument(4)
 
 	switch action {
 	case "init":
@@ -130,6 +136,15 @@ func (receiver *Panel) Handle(ctx console.Context) error {
 	case "getEntrance":
 		color.Greenln("面板入口: " + services.NewSettingImpl().Get(models.SettingKeyEntrance, "/"))
 
+	case "deleteEntrance":
+		err := services.NewSettingImpl().Set(models.SettingKeyEntrance, "/")
+		if err != nil {
+			color.Redln("删除面板入口失败")
+			return nil
+		}
+
+		color.Greenln("删除面板入口成功")
+
 	case "writePlugin":
 		slug := arg1
 		version := arg2
@@ -198,6 +213,176 @@ func (receiver *Panel) Handle(ctx console.Context) error {
 		color.Greenln("清理任务成功")
 
 	case "backup":
+		backupType := arg1
+		name := arg2
+		path := arg3
+		save := arg4
+		hr := `+----------------------------------------------------`
+		if len(backupType) == 0 || len(name) == 0 || len(path) == 0 || len(save) == 0 {
+			color.Redln("参数错误")
+			return nil
+		}
+
+		color.Greenln(hr)
+		color.Greenln("★ 开始备份 [" + carbon.Now().ToDateTimeString() + "]")
+		color.Greenln(hr)
+
+		if !tools.Exists(path) {
+			tools.Mkdir(path, 0644)
+		}
+
+		switch backupType {
+		case "website":
+			color.Yellowln("|-目标网站: " + name)
+			var website models.Website
+			if err := facades.Orm().Query().Where("name", name).FirstOrFail(&website); err != nil {
+				color.Redln("|-网站不存在")
+				color.Greenln(hr)
+				return nil
+			}
+
+			backupFile := path + "/" + website.Name + "_" + carbon.Now().ToShortDateTimeString() + ".zip"
+			tools.ExecShell(`cd '` + website.Path + `' && zip -r '` + backupFile + `' .`)
+			color.Greenln("|-备份成功")
+
+		case "mysql":
+			rootPassword := services.NewSettingImpl().Get(models.SettingKeyMysqlRootPassword)
+			backupFile := name + "_" + carbon.Now().ToShortDateTimeString() + ".sql"
+
+			err := os.Setenv("MYSQL_PWD", rootPassword)
+			if err != nil {
+				color.Redln("|-备份MySQL数据库失败: " + err.Error())
+				color.Greenln(hr)
+				return nil
+			}
+
+			color.Greenln("|-目标MySQL数据库: " + name)
+			color.Greenln("|-开始导出")
+			tools.ExecShell(`mysqldump -uroot ` + name + ` > /tmp/` + backupFile + ` 2>&1`)
+			color.Greenln("|-导出成功")
+			color.Greenln("|-开始压缩")
+			tools.ExecShell("cd /tmp && zip -r " + backupFile + ".zip " + backupFile)
+			tools.RemoveFile("/tmp/" + backupFile)
+			color.Greenln("|-压缩成功")
+			color.Greenln("|-开始移动")
+			tools.Mv("/tmp/"+backupFile+".zip", path+"/"+backupFile+".zip")
+			color.Greenln("|-移动成功")
+			_ = os.Unsetenv("MYSQL_PWD")
+			color.Greenln("|-备份成功")
+
+		case "postgresql":
+			backupFile := name + "_" + carbon.Now().ToShortDateTimeString() + ".sql"
+			check := tools.ExecShell(`su - postgres -c "psql -l" 2>&1`)
+			if strings.Contains(check, name) {
+				color.Redln("|-数据库不存在")
+				color.Greenln(hr)
+				return nil
+			}
+
+			color.Greenln("|-目标PostgreSQL数据库: " + name)
+			color.Greenln("|-开始导出")
+			tools.ExecShell(`su - postgres -c "pg_dump '` + name + `'" > /tmp/` + backupFile + ` 2>&1`)
+			color.Greenln("|-导出成功")
+			color.Greenln("|-开始压缩")
+			tools.ExecShell("cd /tmp && zip -r " + backupFile + ".zip " + backupFile)
+			tools.RemoveFile("/tmp/" + backupFile)
+			color.Greenln("|-压缩成功")
+			color.Greenln("|-开始移动")
+			tools.Mv("/tmp/"+backupFile+".zip", path+"/"+backupFile+".zip")
+			color.Greenln("|-移动成功")
+			color.Greenln("|-备份成功")
+		}
+
+		color.Greenln(hr)
+		files, err := os.ReadDir(path)
+		if err != nil {
+			color.Redln("|-清理失败: " + err.Error())
+			return nil
+		}
+		var filteredFiles []os.FileInfo
+		for _, file := range files {
+			if strings.HasPrefix(file.Name(), name) && strings.HasSuffix(file.Name(), ".zip") {
+				fileInfo, err := os.Stat(filepath.Join(path, file.Name()))
+				if err != nil {
+					continue
+				}
+				filteredFiles = append(filteredFiles, fileInfo)
+			}
+		}
+		sort.Slice(filteredFiles, func(i, j int) bool {
+			return filteredFiles[i].ModTime().After(filteredFiles[j].ModTime())
+		})
+		for i := cast.ToInt(save); i < len(filteredFiles); i++ {
+			fileToDelete := filepath.Join(path, filteredFiles[i].Name())
+			color.Yellowln("|-清理备份: " + fileToDelete)
+			tools.RemoveFile(fileToDelete)
+		}
+		color.Greenln("|-清理完成")
+		color.Greenln(hr)
+		color.Greenln("☆ 备份完成 [" + carbon.Now().ToDateTimeString() + "]")
+		color.Greenln(hr)
+
+	case "cutoff":
+		name := arg1
+		save := arg2
+		hr := `+----------------------------------------------------`
+		if len(name) == 0 || len(save) == 0 {
+			color.Redln("参数错误")
+			return nil
+		}
+
+		color.Greenln(hr)
+		color.Greenln("★ 开始切割 [" + carbon.Now().ToDateTimeString() + "]")
+		color.Greenln(hr)
+
+		color.Yellowln("|-目标网站: " + name)
+		var website models.Website
+		if err := facades.Orm().Query().Where("name", name).FirstOrFail(&website); err != nil {
+			color.Redln("|-网站不存在")
+			color.Greenln(hr)
+			return nil
+		}
+
+		logPath := "/www/wwwlogs/" + website.Name + ".log"
+		if !tools.Exists(logPath) {
+			color.Redln("|-日志文件不存在")
+			color.Greenln(hr)
+			return nil
+		}
+
+		backupPath := "/www/wwwlogs/" + website.Name + "_" + carbon.Now().ToShortDateTimeString() + ".log.zip"
+		tools.ExecShell(`cd /www/wwwlogs && zip -r ` + backupPath + ` ` + website.Name + ".log")
+		tools.ExecShell(`echo "" > ` + logPath)
+		color.Greenln("|-切割成功")
+
+		color.Greenln(hr)
+		files, err := os.ReadDir("/www/wwwlogs")
+		if err != nil {
+			color.Redln("|-清理失败: " + err.Error())
+			return nil
+		}
+		var filteredFiles []os.FileInfo
+		for _, file := range files {
+			if strings.HasPrefix(file.Name(), website.Name) && strings.HasSuffix(file.Name(), ".log.zip") {
+				fileInfo, err := os.Stat(filepath.Join("/www/wwwlogs", file.Name()))
+				if err != nil {
+					continue
+				}
+				filteredFiles = append(filteredFiles, fileInfo)
+			}
+		}
+		sort.Slice(filteredFiles, func(i, j int) bool {
+			return filteredFiles[i].ModTime().After(filteredFiles[j].ModTime())
+		})
+		for i := cast.ToInt(save); i < len(filteredFiles); i++ {
+			fileToDelete := filepath.Join("/www/wwwlogs", filteredFiles[i].Name())
+			color.Yellowln("|-清理日志: " + fileToDelete)
+			tools.RemoveFile(fileToDelete)
+		}
+		color.Greenln("|-清理完成")
+		color.Greenln(hr)
+		color.Greenln("☆ 切割完成 [" + carbon.Now().ToDateTimeString() + "]")
+		color.Greenln(hr)
 
 	case "writeSite":
 		name := arg1
@@ -290,12 +475,14 @@ func (receiver *Panel) Handle(ctx console.Context) error {
 	default:
 		color.Yellowln(facades.Config().GetString("panel.name") + "命令行工具 - " + facades.Config().GetString("panel.version"))
 		color.Greenln("请使用以下命令：")
-		color.Greenln("panel update {proxy} 更新/修复面板到最新版本")
+		color.Greenln("panel update {proxy} 更新 / 修复面板到最新版本")
 		color.Greenln("panel getInfo 重新初始化面板账号信息")
 		color.Greenln("panel getPort 获取面板访问端口")
 		color.Greenln("panel getEntrance 获取面板访问入口")
-		color.Greenln("panel cleanTask 清理面板运行中和等待中的任务")
-		color.Greenln("panel backup {website/mysql/postgresql} {name} {path} 备份网站/MySQL数据库/PostgreSQL数据库到指定目录")
+		color.Greenln("panel deleteEntrance 删除面板访问入口")
+		color.Greenln("panel cleanTask 清理面板运行中和等待中的任务[任务卡住时使用]")
+		color.Greenln("panel backup {website/mysql/postgresql} {name} {path} {save_copies} 备份网站 / MySQL数据库 / PostgreSQL数据库到指定目录并保留指定数量")
+		color.Greenln("panel cutoff {website_name} {save_copies} 切割网站日志并保留指定数量")
 		color.Redln("以下命令请在开发者指导下使用：")
 		color.Yellowln("panel init 初始化面板")
 		color.Yellowln("panel writePlugin {slug} {version} 写入插件安装状态")
@@ -303,7 +490,7 @@ func (receiver *Panel) Handle(ctx console.Context) error {
 		color.Yellowln("panel writeMysqlPassword {password} 写入MySQL root密码")
 		color.Yellowln("panel writeSite {name} {status} {path} {php} {ssl} 写入网站数据到面板")
 		color.Yellowln("panel deleteSite {name} 删除面板网站数据")
-		color.Yellowln("panel writeSetting {name} {value} 写入/更新面板设置数据")
+		color.Yellowln("panel writeSetting {name} {value} 写入 / 更新面板设置数据")
 		color.Yellowln("panel deleteSetting {name} 删除面板设置数据")
 	}
 
diff --git a/app/http/controllers/cron_controller.go b/app/http/controllers/cron_controller.go
index 7309079b..03b15bb0 100644
--- a/app/http/controllers/cron_controller.go
+++ b/app/http/controllers/cron_controller.go
@@ -7,23 +7,25 @@ import (
 	"github.com/goravel/framework/contracts/http"
 	"github.com/goravel/framework/facades"
 	"github.com/goravel/framework/support/carbon"
-
+	"github.com/spf13/cast"
 	"panel/app/models"
 	"panel/app/services"
 	"panel/pkg/tools"
 )
 
 type CronController struct {
-	cron services.Cron
+	cron    services.Cron
+	setting services.Setting
 }
 
 func NewCronController() *CronController {
 	return &CronController{
-		cron: services.NewCronImpl(),
+		cron:    services.NewCronImpl(),
+		setting: services.NewSettingImpl(),
 	}
 }
 
-func (r *CronController) List(ctx http.Context) {
+func (c *CronController) List(ctx http.Context) {
 	limit := ctx.Request().QueryInt("limit")
 	page := ctx.Request().QueryInt("page")
 
@@ -42,11 +44,13 @@ func (r *CronController) List(ctx http.Context) {
 	})
 }
 
-func (r *CronController) Add(ctx http.Context) {
+func (c *CronController) Add(ctx http.Context) {
 	validator, err := ctx.Request().Validate(map[string]string{
-		"name":   "required|min_len:1|max_len:255",
-		"time":   "required",
-		"script": "required",
+		"name":        "required|min_len:1|max_len:255",
+		"time":        "required",
+		"script":      "required",
+		"type":        "required|in:shell,backup,cutoff",
+		"backup_type": "required_if:type,backup|in:website,mysql,postgresql",
 	})
 	if err != nil {
 		Error(ctx, http.StatusBadRequest, err.Error())
@@ -63,7 +67,46 @@ func (r *CronController) Add(ctx http.Context) {
 		return
 	}
 
-	// 写入shell
+	shell := ctx.Request().Input("script")
+	cronType := ctx.Request().Input("type")
+	if cronType == "backup" {
+		backupType := ctx.Request().Input("backup_type")
+		backupName := ctx.Request().Input("backup_database")
+		if backupType == "website" {
+			backupName = ctx.Request().Input("website")
+		}
+		backupPath := ctx.Request().Input("backup_path", c.setting.Get(models.SettingKeyBackupPath)+"/"+backupType)
+		backupSave := ctx.Request().InputInt("save", 10)
+		shell = `#!/bin/bash
+export PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:$PATH
+
+# 耗子面板 - 数据备份脚本
+
+type=` + backupType + `
+path=` + backupPath + `
+name=` + backupName + `
+save=` + cast.ToString(backupSave) + `
+
+# 执行备份
+panel backup ${type} ${name} ${path} ${save} 2>&1
+`
+	}
+	if cronType == "cutoff" {
+		website := ctx.Request().Input("website")
+		save := ctx.Request().InputInt("save", 180)
+		shell = `#!/bin/bash
+export PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:$PATH
+
+# 耗子面板 - 日志切割脚本
+
+name=` + website + `
+save=` + cast.ToString(save) + `
+
+# 执行切割
+panel cutoff ${name} ${save} 2>&1
+`
+	}
+
 	shellDir := "/www/server/cron/"
 	shellLogDir := "/www/server/cron/logs/"
 	if !tools.Exists(shellDir) {
@@ -77,7 +120,7 @@ func (r *CronController) Add(ctx http.Context) {
 		return
 	}
 	shellFile := strconv.Itoa(int(carbon.Now().Timestamp())) + tools.RandomString(16)
-	if !tools.WriteFile(shellDir+shellFile+".sh", ctx.Request().Input("script"), 0700) {
+	if !tools.WriteFile(shellDir+shellFile+".sh", shell, 0700) {
 		facades.Log().Error("[面板][CronController] 创建计划任务脚本失败 ", err)
 		Error(ctx, http.StatusInternalServerError, "系统内部错误")
 		return
@@ -86,7 +129,7 @@ func (r *CronController) Add(ctx http.Context) {
 
 	var cron models.Cron
 	cron.Name = ctx.Request().Input("name")
-	cron.Type = "shell"
+	cron.Type = ctx.Request().Input("type")
 	cron.Status = true
 	cron.Time = ctx.Request().Input("time")
 	cron.Shell = shellDir + shellFile + ".sh"
@@ -99,7 +142,7 @@ func (r *CronController) Add(ctx http.Context) {
 		return
 	}
 
-	r.cron.AddToSystem(cron)
+	c.cron.AddToSystem(cron)
 
 	Success(ctx, http.Json{
 		"id": cron.ID,
@@ -107,7 +150,7 @@ func (r *CronController) Add(ctx http.Context) {
 }
 
 // Script 获取脚本内容
-func (r *CronController) Script(ctx http.Context) {
+func (c *CronController) Script(ctx http.Context) {
 	var cron models.Cron
 	err := facades.Orm().Query().Where("id", ctx.Request().Input("id")).FirstOrFail(&cron)
 	if err != nil {
@@ -118,7 +161,7 @@ func (r *CronController) Script(ctx http.Context) {
 	Success(ctx, tools.ReadFile(cron.Shell))
 }
 
-func (r *CronController) Update(ctx http.Context) {
+func (c *CronController) Update(ctx http.Context) {
 	validator, err := ctx.Request().Validate(map[string]string{
 		"name":   "required|min_len:1|max_len:255",
 		"time":   "required",
@@ -167,15 +210,15 @@ func (r *CronController) Update(ctx http.Context) {
 	}
 	tools.ExecShell("dos2unix " + cron.Shell)
 
-	r.cron.DeleteFromSystem(cron)
+	c.cron.DeleteFromSystem(cron)
 	if cron.Status {
-		r.cron.AddToSystem(cron)
+		c.cron.AddToSystem(cron)
 	}
 
 	Success(ctx, nil)
 }
 
-func (r *CronController) Delete(ctx http.Context) {
+func (c *CronController) Delete(ctx http.Context) {
 	var cron models.Cron
 	err := facades.Orm().Query().Where("id", ctx.Request().Input("id")).FirstOrFail(&cron)
 	if err != nil {
@@ -183,7 +226,7 @@ func (r *CronController) Delete(ctx http.Context) {
 		return
 	}
 
-	r.cron.DeleteFromSystem(cron)
+	c.cron.DeleteFromSystem(cron)
 	tools.RemoveFile(cron.Shell)
 
 	_, err = facades.Orm().Query().Delete(&cron)
@@ -196,7 +239,7 @@ func (r *CronController) Delete(ctx http.Context) {
 	Success(ctx, nil)
 }
 
-func (r *CronController) Status(ctx http.Context) {
+func (c *CronController) Status(ctx http.Context) {
 	validator, err := ctx.Request().Validate(map[string]string{
 		"status": "bool",
 	})
@@ -224,15 +267,15 @@ func (r *CronController) Status(ctx http.Context) {
 		return
 	}
 
-	r.cron.DeleteFromSystem(cron)
+	c.cron.DeleteFromSystem(cron)
 	if cron.Status {
-		r.cron.AddToSystem(cron)
+		c.cron.AddToSystem(cron)
 	}
 
 	Success(ctx, nil)
 }
 
-func (r *CronController) Log(ctx http.Context) {
+func (c *CronController) Log(ctx http.Context) {
 	var cron models.Cron
 	err := facades.Orm().Query().Where("id", ctx.Request().Input("id")).FirstOrFail(&cron)
 	if err != nil {
diff --git a/app/services/cron.go b/app/services/cron.go
index 6573a42d..c7f40d29 100644
--- a/app/services/cron.go
+++ b/app/services/cron.go
@@ -23,8 +23,10 @@ func NewCronImpl() *CronImpl {
 func (r *CronImpl) AddToSystem(cron models.Cron) {
 	if tools.IsRHEL() {
 		tools.ExecShell("echo \"" + cron.Time + " " + cron.Shell + " >> " + cron.Log + " 2>&1\" >> /var/spool/cron/root")
+		tools.ExecShell("systemctl restart crond")
 	} else {
 		tools.ExecShell("echo \"" + cron.Time + " " + cron.Shell + " >> " + cron.Log + " 2>&1\" >> /var/spool/cron/crontabs/root")
+		tools.ExecShell("systemctl restart cron")
 	}
 }
 
@@ -34,7 +36,9 @@ func (r *CronImpl) DeleteFromSystem(cron models.Cron) {
 	cron.Shell = strings.ReplaceAll(cron.Shell, "/", "\\/")
 	if tools.IsRHEL() {
 		tools.ExecShell("sed -i '/" + cron.Shell + "/d' /var/spool/cron/root")
+		tools.ExecShell("systemctl restart crond")
 	} else {
 		tools.ExecShell("sed -i '/" + cron.Shell + "/d' /var/spool/cron/crontabs/root")
+		tools.ExecShell("systemctl restart cron")
 	}
 }
diff --git a/pkg/tools/system.go b/pkg/tools/system.go
index d0c31299..4c0db8a8 100644
--- a/pkg/tools/system.go
+++ b/pkg/tools/system.go
@@ -124,3 +124,29 @@ func Empty(path string) bool {
 
 	return len(files) == 0
 }
+
+// Mv 移动路径
+func Mv(src, dst string) bool {
+	cmd := exec.Command("mv", src, dst)
+
+	err := cmd.Run()
+	if err != nil {
+		facades.Log().Errorf("[面板][Helpers] 移动 %s 到 %s 失败: %s", src, dst, err.Error())
+		return false
+	}
+
+	return true
+}
+
+// Cp 复制路径
+func Cp(src, dst string) bool {
+	cmd := exec.Command("cp", "-r", src, dst)
+
+	err := cmd.Run()
+	if err != nil {
+		facades.Log().Errorf("[面板][Helpers] 复制 %s 到 %s 失败: %s", src, dst, err.Error())
+		return false
+	}
+
+	return true
+}
diff --git a/public/index.html b/public/index.html
index 336b099b..1f7db824 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
 //                          `=---='                               //
 //     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^          //
 //          佛祖保佑          永无Bug          永不宕机               //
-//    Name: 耗子Linux面板   Author: 耗子  Date: 2023-06-22           //
+//    Name: 耗子Linux面板   Author: 耗子  Date: 2023-07-25           //
 ////////////////////////////////////////////////////////////////////
 -->
 
@@ -32,11 +32,11 @@
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link href="https://cdnjs.cdn.haozi.net/layui/2.8.8/css/layui.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cdn.haozi.net/layui/2.8.11/css/layui.min.css" rel="stylesheet">
 </head>
 <body>
 <div id="Panel_app"></div>
-<script src="https://cdnjs.cdn.haozi.net/layui/2.8.8/layui.min.js"></script>
+<script src="https://cdnjs.cdn.haozi.net/layui/2.8.11/layui.min.js"></script>
 <script src="https://cdnjs.cdn.haozi.net/ace/1.6.1/ace.js"></script>
 <script src="https://cdnjs.cdn.haozi.net/echarts/5.4.2/echarts.min.js"></script>
 <script>
diff --git a/public/panel/adminui/src/modules/admin.js b/public/panel/adminui/src/modules/admin.js
index cca9140b..f279b2d6 100644
--- a/public/panel/adminui/src/modules/admin.js
+++ b/public/panel/adminui/src/modules/admin.js
@@ -3,873 +3,888 @@
  */
 
 layui.define('view', function (exports) {
-  var $ = layui.jquery
-    , laytpl = layui.laytpl
-    , element = layui.element
-    , table = layui.table
-    , upload = layui.upload
-    , setter = layui.setter
-    , view = layui.view
-    , device = layui.device()
+    var $ = layui.jquery
+        , laytpl = layui.laytpl
+        , element = layui.element
+        , table = layui.table
+        , upload = layui.upload
+        , setter = layui.setter
+        , view = layui.view
+        , device = layui.device()
 
-    , $win = $(window), $body = $('body')
-    , container = $('#' + setter.container)
+        , $win = $(window), $body = $('body')
+        , container = $('#' + setter.container)
 
-    , SHOW = 'layui-show', HIDE = 'layui-hide', THIS = 'layui-this', DISABLED = 'layui-disabled', TEMP = 'template'
-    , APP_BODY = '#Panel_app_body', APP_FLEXIBLE = 'Panel_app_flexible'
-    , FILTER_TAB_TBAS = 'layadmin-layout-tabs'
-    , APP_SPREAD_SM = 'layadmin-side-spread-sm', TABS_BODY = 'layadmin-tabsbody-item'
-    , ICON_SHRINK = 'layui-icon-shrink-right', ICON_SPREAD = 'layui-icon-spread-left'
-    , SIDE_SHRINK = 'layadmin-side-shrink', SIDE_MENU = 'LAY-system-side-menu'
+        , SHOW = 'layui-show', HIDE = 'layui-hide', THIS = 'layui-this', DISABLED = 'layui-disabled', TEMP = 'template'
+        , APP_BODY = '#Panel_app_body', APP_FLEXIBLE = 'Panel_app_flexible'
+        , FILTER_TAB_TBAS = 'layadmin-layout-tabs'
+        , APP_SPREAD_SM = 'layadmin-side-spread-sm', TABS_BODY = 'layadmin-tabsbody-item'
+        , ICON_SHRINK = 'layui-icon-shrink-right', ICON_SPREAD = 'layui-icon-spread-left'
+        , SIDE_SHRINK = 'layadmin-side-shrink', SIDE_MENU = 'LAY-system-side-menu'
 
-    //通用方法
-    , admin = {
-      v: '2.0.0'
-      , mode: 'spa'
+        //通用方法
+        , admin = {
+            v: '2.0.0'
+            , mode: 'spa'
 
-      //数据的异步请求
-      , req: view.req
+            //数据的异步请求
+            , req: view.req
 
-      //清除本地 token，并跳转到登入页
-      , exit: view.exit
+            //清除本地 token，并跳转到登入页
+            , exit: view.exit
 
-      //xss 转义
-      , escape: function (html) {
-        return String(html || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&amp;')
-          .replace(/</g, '&lt;').replace(/>/g, '&gt;')
-          .replace(/'/g, '&#39;').replace(/"/g, '&quot;')
-      }
-
-      //事件
-      , on: function (events, callback) {
-        return layui.onevent.call(this, setter.MOD_NAME, events, callback)
-      }
-
-      //弹出面板
-      , popup: view.popup
-
-      //右侧面板
-      , popupRight: function (options) {
-        //layer.close(admin.popup.index);
-        return admin.popup.index = layer.open($.extend({
-          type: 1
-          , id: 'LAY_adminPopupR'
-          , anim: -1
-          , title: false
-          , closeBtn: false
-          , offset: 'r'
-          , shade: 0.1
-          , shadeClose: true
-          , skin: 'layui-anim layui-anim-rl layui-layer-adminRight'
-          , area: '300px'
-        }, options))
-      }
-
-      //发送验证码
-      , sendAuthCode: function (options) {
-        options = $.extend({
-          seconds: 60
-          , elemPhone: '#LAY_phone'
-          , elemVercode: '#LAY_vercode'
-        }, options)
-
-        var seconds = options.seconds
-          , token = null
-          , timer, countDown = function (loop) {
-          var btn = $(options.elem)
-          seconds--
-          if (seconds < 0) {
-            btn.removeClass(DISABLED).html('获取验证码')
-            seconds = options.seconds
-            clearInterval(timer)
-          } else {
-            btn.addClass(DISABLED).html(seconds + '秒后重获')
-          }
-
-          if (!loop) {
-            timer = setInterval(function () {
-              countDown(true)
-            }, 1000)
-          }
-        }
-
-        $body.off('click', options.elem).on('click', options.elem, function () {
-          options.elemPhone = $(options.elemPhone)
-          options.elemVercode = $(options.elemVercode)
-
-          var elemPhone = options.elemPhone
-            , value = elemPhone.val()
-
-          if (seconds !== options.seconds || $(this).hasClass(DISABLED)) return
-
-          if (!/^1\d{10}$/.test(value)) {
-            elemPhone.focus()
-            return layer.msg('请输入正确的手机号')
-          }
-
-          if (typeof options.ajax === 'object') {
-            var success = options.ajax.success
-            delete options.ajax.success
-          }
-
-          admin.req($.extend(true, {
-            url: '/auth/code'
-            , type: 'get'
-            , data: {
-              phone: value
+            //xss 转义
+            , escape: function (html) {
+                return String(html || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&amp;')
+                    .replace(/</g, '&lt;').replace(/>/g, '&gt;')
+                    .replace(/'/g, '&#39;').replace(/"/g, '&quot;')
             }
-            , success: function (res) {
-              layer.msg('验证码已发送至你的手机，请注意查收', {
-                icon: 1
-                , shade: 0
-              })
-              options.elemVercode.focus()
-              countDown()
-              success && success(res)
+
+            //事件
+            , on: function (events, callback) {
+                return layui.onevent.call(this, setter.MOD_NAME, events, callback)
             }
-          }, options.ajax))
-        })
-      }
 
-      //屏幕类型
-      , screen: function () {
-        var width = $win.width()
-        if (width > 1200) {
-          return 3 //大屏幕
-        } else if (width > 992) {
-          return 2 //中屏幕
-        } else if (width > 768) {
-          return 1 //小屏幕
-        } else {
-          return 0 //超小屏幕
-        }
-      }
+            //弹出面板
+            , popup: view.popup
 
-      //侧边伸缩
-      , sideFlexible: function (status) {
-        var app = container
-          , iconElem = $('#' + APP_FLEXIBLE)
-          , screen = admin.screen()
+            //右侧面板
+            , popupRight: function (options) {
+                //layer.close(admin.popup.index);
+                return admin.popup.index = layer.open($.extend({
+                    type: 1
+                    , id: 'LAY_adminPopupR'
+                    , anim: -1
+                    , title: false
+                    , closeBtn: false
+                    , offset: 'r'
+                    , shade: 0.1
+                    , shadeClose: true
+                    , skin: 'layui-anim layui-anim-rl layui-layer-adminRight'
+                    , area: '300px'
+                }, options))
+            }
 
-        //设置状态，PC：默认展开、移动：默认收缩
-        if (status === 'spread') {
-          //切换到展开状态的 icon，箭头：←
-          iconElem.removeClass(ICON_SPREAD).addClass(ICON_SHRINK)
+            //发送验证码
+            , sendAuthCode: function (options) {
+                options = $.extend({
+                    seconds: 60
+                    , elemPhone: '#LAY_phone'
+                    , elemVercode: '#LAY_vercode'
+                }, options)
 
-          //移动：从左到右位移；PC：清除多余选择器恢复默认
-          if (screen < 2) {
-            app.addClass(APP_SPREAD_SM)
-          } else {
-            app.removeClass(APP_SPREAD_SM)
-          }
+                var seconds = options.seconds
+                    , token = null
+                    , timer, countDown = function (loop) {
+                    var btn = $(options.elem)
+                    seconds--
+                    if (seconds < 0) {
+                        btn.removeClass(DISABLED).html('获取验证码')
+                        seconds = options.seconds
+                        clearInterval(timer)
+                    } else {
+                        btn.addClass(DISABLED).html(seconds + '秒后重获')
+                    }
 
-          app.removeClass(SIDE_SHRINK)
-        } else {
-          //切换到搜索状态的 icon，箭头：→
-          iconElem.removeClass(ICON_SHRINK).addClass(ICON_SPREAD)
-
-          //移动：清除多余选择器恢复默认；PC：从右往左收缩
-          if (screen < 2) {
-            app.removeClass(SIDE_SHRINK)
-          } else {
-            app.addClass(SIDE_SHRINK)
-          }
-
-          app.removeClass(APP_SPREAD_SM)
-        }
-
-        layui.event.call(this, setter.MOD_NAME, 'side({*})', {
-          status: status
-        })
-      }
-
-      //重置主体区域表格尺寸
-      , resizeTable: function (delay) {
-        var that = this, runResizeTable = function () {
-          that.tabsBody(admin.tabsPage.index).find('.layui-table-view').each(function () {
-            var tableID = $(this).attr('lay-id')
-            layui.table.resize(tableID)
-          })
-        }
-        if (!layui.table) return
-        delay ? setTimeout(runResizeTable, delay) : runResizeTable()
-      }
-
-      //主题设置
-      , theme: function (options) {
-        var theme = setter.theme
-          , local = layui.data(setter.tableName)
-          , id = 'LAY_layadmin_theme'
-          , style = document.createElement('style')
-          , styleText = laytpl([
-          //主题色
-          '.layui-side-menu,'
-          , '.layui-layer-admin .layui-layer-title,'
-          , '.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child'
-          , '{background-color:{{d.color.main}} !important;}'
-
-          //背景选中色
-          , '.layadmin-pagetabs .layui-tab-title li:after,'
-          , '.layadmin-pagetabs .layui-tab-title li.layui-this:after,'
-          , '.layui-nav-tree .layui-this,'
-          , '.layui-nav-tree .layui-this>a,'
-          , '.layui-nav-tree .layui-nav-child dd.layui-this,'
-          , '.layui-nav-tree .layui-nav-child dd.layui-this a,'
-          , '.layui-nav-tree .layui-nav-bar'
-          , '{background-color:{{d.color.selected}} !important;}'
-
-          //logo
-          , '.layui-layout-admin .layui-logo{background-color:{{d.color.logo || d.color.main}} !important;}'
-
-          //文字选中色
-          , '.layadmin-pagetabs .layui-tab-title li:hover,'
-          , '.layadmin-pagetabs .layui-tab-title li.layui-this'
-          , '{color: {{d.color.selected}} !important;}'
-
-          //头部色
-          , '{{# if(d.color.header){ }}'
-          , '.layui-layout-admin .layui-header{background-color:{{ d.color.header }};}'
-          , '.layui-layout-admin .layui-header a,'
-          , '.layui-layout-admin .layui-header a cite{color: #f8f8f8;}'
-          , '.layui-layout-admin .layui-header a:hover{color: #fff;}'
-          , '.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}'
-          , '.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}'
-          , '.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}'
-          , '.layadmin-pagetabs .layui-tab-title li:after{display: none;}'
-          , '{{# } }}'
-        ].join('')).render(options = $.extend({}, local.theme, options))
-          , styleElem = document.getElementById(id)
-
-        //添加主题样式
-        if ('styleSheet' in style) {
-          style.setAttribute('type', 'text/css')
-          style.styleSheet.cssText = styleText
-        } else {
-          style.innerHTML = styleText
-        }
-        style.id = id
-
-        styleElem && $body[0].removeChild(styleElem)
-        $body[0].appendChild(style)
-        $body.attr('layadmin-themealias', options.color.alias)
-
-        //本地存储记录
-        local.theme = local.theme || {}
-        layui.each(options, function (key, value) {
-          local.theme[key] = value
-        })
-        layui.data(setter.tableName, {
-          key: 'theme'
-          , value: local.theme
-        })
-      }
-
-      //初始化主题
-      , initTheme: function (index) {
-        var theme = setter.theme
-        index = index || 0
-        if (theme.color[index]) {
-          theme.color[index].index = index
-          admin.theme({
-            color: theme.color[index]
-          })
-        }
-      }
-
-      //记录最近一次点击的页面标签数据
-      , tabsPage: {}
-
-      //获取标签页的头元素
-      , tabsHeader: function (index) {
-        return $('#Panel_app_tabsheader').children('li').eq(index || 0)
-      }
-
-      //获取页面标签主体元素
-      , tabsBody: function (index) {
-        return $(APP_BODY).find('.' + TABS_BODY).eq(index || 0)
-      }
-
-      //切换页面标签主体
-      , tabsBodyChange: function (index) {
-        admin.tabsHeader(index).attr('lay-attr', layui.router().href)
-        admin.tabsBody(index).addClass(SHOW).siblings().removeClass(SHOW)
-        events.rollPage('auto', index)
-      }
-
-      //resize事件管理
-      , resize: function (fn) {
-        var router = layui.router()
-          , key = router.path.join('-')
-
-        if (admin.resizeFn[key]) {
-          $win.off('resize', admin.resizeFn[key])
-          delete admin.resizeFn[key]
-        }
-
-        if (fn === 'off') return //如果是清除 resize 事件，则终止往下执行
-
-        fn(), admin.resizeFn[key] = fn
-        $win.on('resize', admin.resizeFn[key])
-      }
-      , resizeFn: {}
-      , runResize: function () {
-        var router = layui.router()
-          , key = router.path.join('-')
-        admin.resizeFn[key] && admin.resizeFn[key]()
-      }
-      , delResize: function () {
-        this.resize('off')
-      }
-
-      //关闭当前 pageTabs
-      , closeThisTabs: function () {
-        if (!admin.tabsPage.index) return
-        $(TABS_HEADER).eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click')
-      }
-
-      //全屏
-      , fullScreen: function () {
-        var ele = document.documentElement
-          , reqFullScreen = ele.requestFullScreen || ele.webkitRequestFullScreen
-          || ele.mozRequestFullScreen || ele.msRequestFullscreen
-        if (typeof reqFullScreen !== 'undefined' && reqFullScreen) {
-          reqFullScreen.call(ele)
-        }
-
-      }
-
-      //退出全屏
-      , exitScreen: function () {
-        var ele = document.documentElement
-        if (document.exitFullscreen) {
-          document.exitFullscreen()
-        } else if (document.mozCancelFullScreen) {
-          document.mozCancelFullScreen()
-        } else if (document.webkitCancelFullScreen) {
-          document.webkitCancelFullScreen()
-        } else if (document.msExitFullscreen) {
-          document.msExitFullscreen()
-        }
-      }
-
-      //纠正单页路由格式
-      , correctRouter: function (href) {
-        if (!/^\//.test(href)) href = '/' + href
-
-        //纠正首尾
-        return href.replace(/^(\/+)/, '/')
-          .replace(new RegExp('\/' + setter.entry + '$'), '/') //过滤路由最后的默认视图文件名（如：index）
-      }
-
-      //……
-    }
-
-  //事件
-  var events = admin.events = {
-    //伸缩
-    flexible: function (othis) {
-      var iconElem = othis.find('#' + APP_FLEXIBLE)
-        , isSpread = iconElem.hasClass(ICON_SPREAD)
-      admin.sideFlexible(isSpread ? 'spread' : null) //控制伸缩
-      admin.resizeTable(350)
-    }
-
-    //刷新
-    , refresh: function () {
-      admin.render()
-    }
-
-    //输入框搜索
-    , serach: function (othis) {
-      othis.off('keypress').on('keypress', function (e) {
-        if (!this.value.replace(/\s/g, '')) return
-        //回车跳转
-        if (e.keyCode === 13) {
-          var href = othis.attr('lay-action')
-            , text = othis.attr('lay-text') || '搜索'
-
-          href = href + this.value
-          text = text + ' <span style="color: #FF5722;">' + admin.escape(this.value) + '</span>'
-
-          //打开标签页
-          location.hash = admin.correctRouter(href)
-
-          //如果搜索关键词已经打开，则刷新页面即可
-          events.serach.keys || (events.serach.keys = {})
-          events.serach.keys[admin.tabsPage.index] = this.value
-          if (this.value === events.serach.keys[admin.tabsPage.index]) {
-            events.refresh(othis)
-          }
-
-          //清空输入框
-          this.value = ''
-        }
-      })
-    }
-
-    //点击消息
-    , message: function (othis) {
-      othis.find('.layui-badge-dot').remove()
-    }
-
-    //弹出主题面板
-    , theme: function () {
-      admin.popupRight({
-        id: 'LAY_adminPopupTheme'
-        , success: function () {
-          view(this.id).render('ui/theme')
-        }
-      })
-    }
-
-    //便签
-    , note: function (othis) {
-      var mobile = admin.screen() < 2
-        , note = layui.data(setter.tableName).note
-
-      events.note.index = admin.popup({
-        title: '便签'
-        , shade: 0
-        , offset: [
-          '41px'
-          , (mobile ? null : (othis.offset().left - 250) + 'px')
-        ]
-        , anim: -1
-        , id: 'LAY_adminNote'
-        , skin: 'layadmin-note layui-anim layui-anim-upbit'
-        , content: '<textarea placeholder="内容"></textarea>'
-        , resize: false
-        , success: function (layero, index) {
-          var textarea = layero.find('textarea')
-            ,
-            value = note === undefined ? '便签中的内容会存储在本地，这样即便你关掉了浏览器，在下次打开时，依然会读取到上一次的记录。是个非常小巧实用的本地备忘录' : note
-
-          textarea.val(value).focus().on('keyup', function () {
-            layui.data(setter.tableName, {
-              key: 'note'
-              , value: this.value
-            })
-          })
-        }
-      })
-    }
-
-    //全屏
-    , fullscreen: function (othis) {
-      var SCREEN_FULL = 'layui-icon-screen-full'
-        , SCREEN_REST = 'layui-icon-screen-restore'
-        , iconElem = othis.children('i')
-
-      if (iconElem.hasClass(SCREEN_FULL)) {
-        admin.fullScreen()
-        iconElem.addClass(SCREEN_REST).removeClass(SCREEN_FULL)
-      } else {
-        admin.exitScreen()
-        iconElem.addClass(SCREEN_FULL).removeClass(SCREEN_REST)
-      }
-    }
-
-    //弹出关于面板
-    , about: function () {
-      admin.popupRight({
-        id: 'LAY_adminPopupAbout'
-        , success: function () {
-          view(this.id).render('system/about')
-        }
-      })
-    }
-
-    //弹出更多面板
-    , more: function () {
-      admin.popupRight({
-        id: 'LAY_adminPopupMore'
-        , success: function () {
-          view(this.id).render('system/more')
-        }
-      })
-    }
-
-    //返回上一页
-    , back: function () {
-      history.back()
-    }
-
-    //主题设置
-    , setTheme: function (othis) {
-      var index = othis.data('index')
-        , nextIndex = othis.siblings('.layui-this').data('index')
-
-      if (othis.hasClass(THIS)) return
-
-      othis.addClass(THIS).siblings('.layui-this').removeClass(THIS)
-      admin.initTheme(index)
-    }
-
-    //左右滚动页面标签
-    , rollPage: function (type, index) {
-      var tabsHeader = $('#Panel_app_tabsheader')
-        , liItem = tabsHeader.children('li')
-        , scrollWidth = tabsHeader.prop('scrollWidth')
-        , outerWidth = tabsHeader.outerWidth()
-        , tabsLeft = parseFloat(tabsHeader.css('left'))
-
-      //右左往右
-      if (type === 'left') {
-        if (!tabsLeft && tabsLeft <= 0) return
-
-        //当前的left减去可视宽度，用于与上一轮的页标比较
-        var prefLeft = -tabsLeft - outerWidth
-
-        liItem.each(function (index, item) {
-          var li = $(item)
-            , left = li.position().left
-
-          if (left >= prefLeft) {
-            tabsHeader.css('left', -left)
-            return false
-          }
-        })
-      } else if (type === 'auto') { //自动滚动
-        (function () {
-          var thisLi = liItem.eq(index), thisLeft
-
-          if (!thisLi[0]) return
-          thisLeft = thisLi.position().left
-
-          //当目标标签在可视区域左侧时
-          if (thisLeft < -tabsLeft) {
-            return tabsHeader.css('left', -thisLeft)
-          }
-
-          //当目标标签在可视区域右侧时
-          if (thisLeft + thisLi.outerWidth() >= outerWidth - tabsLeft) {
-            var subLeft = thisLeft + thisLi.outerWidth() - (outerWidth - tabsLeft)
-            liItem.each(function (i, item) {
-              var li = $(item)
-                , left = li.position().left
-
-              //从当前可视区域的最左第二个节点遍历，如果减去最左节点的差 > 目标在右侧不可见的宽度，则将该节点放置可视区域最左
-              if (left + tabsLeft > 0) {
-                if (left - tabsLeft > subLeft) {
-                  tabsHeader.css('left', -left)
-                  return false
+                    if (!loop) {
+                        timer = setInterval(function () {
+                            countDown(true)
+                        }, 1000)
+                    }
                 }
-              }
-            })
-          }
-        }())
-      } else {
-        //默认向左滚动
-        liItem.each(function (i, item) {
-          var li = $(item)
-            , left = li.position().left
 
-          if (left + li.outerWidth() >= outerWidth - tabsLeft) {
-            tabsHeader.css('left', -left)
-            return false
-          }
-        })
-      }
-    }
+                $body.off('click', options.elem).on('click', options.elem, function () {
+                    options.elemPhone = $(options.elemPhone)
+                    options.elemVercode = $(options.elemVercode)
 
-    //向右滚动页面标签
-    , leftPage: function () {
-      events.rollPage('left')
-    }
+                    var elemPhone = options.elemPhone
+                        , value = elemPhone.val()
 
-    //向左滚动页面标签
-    , rightPage: function () {
-      events.rollPage()
-    }
+                    if (seconds !== options.seconds || $(this).hasClass(DISABLED)) return
 
-    //关闭当前标签页
-    , closeThisTabs: function () {
-      admin.closeThisTabs()
-    }
+                    if (!/^1\d{10}$/.test(value)) {
+                        elemPhone.focus()
+                        return layer.msg('请输入正确的手机号')
+                    }
 
-    //关闭其它标签页
-    , closeOtherTabs: function (type) {
-      var TABS_REMOVE = 'LAY-system-pagetabs-remove'
-      if (type === 'all') {
-        $(TABS_HEADER + ':gt(0)').remove()
-        $(APP_BODY).find('.' + TABS_BODY + ':gt(0)').remove()
-      } else {
-        $(TABS_HEADER).each(function (index, item) {
-          if (index && index != admin.tabsPage.index) {
-            $(item).addClass(TABS_REMOVE)
-            admin.tabsBody(index).addClass(TABS_REMOVE)
-          }
-        })
-        $('.' + TABS_REMOVE).remove()
-      }
-    }
+                    if (typeof options.ajax === 'object') {
+                        var success = options.ajax.success
+                        delete options.ajax.success
+                    }
 
-    //关闭全部标签页
-    , closeAllTabs: function () {
-      events.closeOtherTabs('all')
-      location.hash = ''
-    }
-
-    //遮罩
-    , shade: function () {
-      admin.sideFlexible()
-    }
-  }
-
-  //初始
-  !function () {
-    //主题初始化，本地主题记录优先，其次为 initColorIndex
-    var local = layui.data(setter.tableName)
-    if (local.theme) {
-      admin.theme(local.theme)
-    } else if (setter.theme) {
-      admin.initTheme(setter.theme.initColorIndex)
-    }
-
-    //禁止水平滚动
-    $body.addClass('layui-layout-body')
-
-    //移动端强制不开启页面标签功能
-    if (admin.screen() < 1) {
-      delete setter.pageTabs
-    }
-
-    //不开启页面标签时
-    if (!setter.pageTabs) {
-      container.addClass('layadmin-tabspage-none')
-    }
-
-    //低版本IE提示
-    if (device.ie && device.ie < 10) {
-      view.error('IE' + device.ie + '下访问可能不佳，推荐使用：Chrome / Firefox / Edge 等高级浏览器', {
-        offset: 'auto'
-        , id: 'LAY_errorIE'
-      })
-    }
-
-  }()
-
-  //admin.prevRouter = {}; //上一个路由
-
-  // hash 改变侧边状态
-  admin.on('hash(side)', function (router) {
-    var path = router.path, getData = function (item) {
-        return {
-          list: item.children('.layui-nav-child')
-          , name: item.data('name')
-          , jump: item.data('jump')
-        }
-      }
-      , sideMenu = $('#' + SIDE_MENU)
-      , SIDE_NAV_ITEMD = 'layui-nav-itemed'
-
-      //捕获对应菜单
-      , matchMenu = function (list) {
-        var pathURL = admin.correctRouter(path.join('/'))
-        list.each(function (index1, item1) {
-          var othis1 = $(item1)
-            , data1 = getData(othis1)
-            , listChildren1 = data1.list.children('dd')
-            , matched1 = path[0] == data1.name || (index1 === 0 && !path[0])
-            || (data1.jump && pathURL == admin.correctRouter(data1.jump))
-
-          listChildren1.each(function (index2, item2) {
-            var othis2 = $(item2)
-              , data2 = getData(othis2)
-              , listChildren2 = data2.list.children('dd')
-              , matched2 = (path[0] == data1.name && path[1] == data2.name)
-              || (data2.jump && pathURL == admin.correctRouter(data2.jump))
-
-            listChildren2.each(function (index3, item3) {
-              var othis3 = $(item3)
-                , data3 = getData(othis3)
-                , matched3 = (path[0] == data1.name && path[1] == data2.name && path[2] == data3.name)
-                || (data3.jump && pathURL == admin.correctRouter(data3.jump))
-
-              if (matched3) {
-                var selected = data3.list[0] ? SIDE_NAV_ITEMD : THIS
-                othis3.addClass(selected).siblings().removeClass(selected) //标记选择器
-                return false
-              }
-
-            })
-
-            if (matched2) {
-              var selected = data2.list[0] ? SIDE_NAV_ITEMD : THIS
-              othis2.addClass(selected).siblings().removeClass(selected) //标记选择器
-              return false
+                    admin.req($.extend(true, {
+                        url: '/auth/code'
+                        , type: 'get'
+                        , data: {
+                            phone: value
+                        }
+                        , success: function (res) {
+                            layer.msg('验证码已发送至你的手机，请注意查收', {
+                                icon: 1
+                                , shade: 0
+                            })
+                            options.elemVercode.focus()
+                            countDown()
+                            success && success(res)
+                        }
+                    }, options.ajax))
+                })
             }
 
-          })
+            //屏幕类型
+            , screen: function () {
+                var width = $win.width()
+                if (width > 1200) {
+                    return 3 //大屏幕
+                } else if (width > 992) {
+                    return 2 //中屏幕
+                } else if (width > 768) {
+                    return 1 //小屏幕
+                } else {
+                    return 0 //超小屏幕
+                }
+            }
 
-          if (matched1) {
-            var selected = data1.list[0] ? SIDE_NAV_ITEMD : THIS
-            othis1.addClass(selected).siblings().removeClass(selected) //标记选择器
-            return false
-          }
+            //侧边伸缩
+            , sideFlexible: function (status) {
+                var app = container
+                    , iconElem = $('#' + APP_FLEXIBLE)
+                    , screen = admin.screen()
 
-        })
-      }
+                //设置状态，PC：默认展开、移动：默认收缩
+                if (status === 'spread') {
+                    //切换到展开状态的 icon，箭头：←
+                    iconElem.removeClass(ICON_SPREAD).addClass(ICON_SHRINK)
 
-    //重置状态
-    sideMenu.find('.' + THIS).removeClass(THIS)
+                    //移动：从左到右位移；PC：清除多余选择器恢复默认
+                    if (screen < 2) {
+                        app.addClass(APP_SPREAD_SM)
+                    } else {
+                        app.removeClass(APP_SPREAD_SM)
+                    }
 
-    //移动端点击菜单时自动收缩
-    if (admin.screen() < 2) admin.sideFlexible()
+                    app.removeClass(SIDE_SHRINK)
+                } else {
+                    //切换到搜索状态的 icon，箭头：→
+                    iconElem.removeClass(ICON_SHRINK).addClass(ICON_SPREAD)
 
-    //开始捕获
-    matchMenu(sideMenu.children('li'))
-  })
+                    //移动：清除多余选择器恢复默认；PC：从右往左收缩
+                    if (screen < 2) {
+                        app.removeClass(SIDE_SHRINK)
+                    } else {
+                        app.addClass(SIDE_SHRINK)
+                    }
 
-  //侧边导航点击事件
-  element.on('nav(layadmin-system-side-menu)', function (elem) {
-    if (elem.siblings('.layui-nav-child')[0] && container.hasClass(SIDE_SHRINK)) {
-      admin.sideFlexible('spread')
-      layer.close(elem.data('index'))
-    }
+                    app.removeClass(APP_SPREAD_SM)
+                }
 
-    admin.tabsPage.type = 'nav'
-  })
+                layui.event.call(this, setter.MOD_NAME, 'side({*})', {
+                    status: status
+                })
+            }
 
-  //选项卡的更多操作
-  element.on('nav(layadmin-pagetabs-nav)', function (elem) {
-    var dd = elem.parent()
-    dd.removeClass(THIS)
-    dd.parent().removeClass(SHOW)
-  })
+            //重置主体区域表格尺寸
+            , resizeTable: function (delay) {
+                var that = this, runResizeTable = function () {
+                    that.tabsBody(admin.tabsPage.index).find('.layui-table-view').each(function () {
+                        var tableID = $(this).attr('lay-id')
+                        layui.table.resize(tableID)
+                    })
+                }
+                if (!layui.table) return
+                delay ? setTimeout(runResizeTable, delay) : runResizeTable()
+            }
 
-  //同步路由
-  var setThisRouter = function (othis) {
-    var layid = othis.attr('lay-id')
-      , attr = othis.attr('lay-attr')
-      , index = othis.index()
+            //主题设置
+            , theme: function (options) {
+                var theme = setter.theme
+                    , local = layui.data(setter.tableName)
+                    , id = 'LAY_layadmin_theme'
+                    , style = document.createElement('style')
+                    , styleText = laytpl([
+                    //主题色
+                    '.layui-side-menu,'
+                    , '.layui-layer-admin .layui-layer-title,'
+                    , '.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child'
+                    , '{background-color:{{d.color.main}} !important;}'
 
-    location.hash = layid === setter.entry ? '/' : (attr || '/')
-    admin.tabsBodyChange(index)
-  }
-    , TABS_HEADER = '#Panel_app_tabsheader>li'
+                    //背景选中色
+                    , '.layadmin-pagetabs .layui-tab-title li:after,'
+                    , '.layadmin-pagetabs .layui-tab-title li.layui-this:after,'
+                    , '.layui-nav-tree .layui-this,'
+                    , '.layui-nav-tree .layui-this>a,'
+                    , '.layui-nav-tree .layui-nav-child dd.layui-this,'
+                    , '.layui-nav-tree .layui-nav-child dd.layui-this a,'
+                    , '.layui-nav-tree .layui-nav-bar'
+                    , '{background-color:{{d.color.selected}} !important;}'
 
-  //页面标签点击
-  $body.on('click', TABS_HEADER, function () {
-    var othis = $(this)
-      , index = othis.index()
+                    //logo
+                    , '.layui-layout-admin .layui-logo{background-color:{{d.color.logo || d.color.main}} !important;}'
 
-    admin.tabsPage.type = 'tab'
-    admin.tabsPage.index = index
+                    //文字选中色
+                    , '.layadmin-pagetabs .layui-tab-title li:hover,'
+                    , '.layadmin-pagetabs .layui-tab-title li.layui-this'
+                    , '{color: {{d.color.selected}} !important;}'
 
-    //如果是iframe类型的标签页
-    if (othis.attr('lay-attr') === 'iframe') {
-      return admin.tabsBodyChange(index)
-    }
+                    //头部色
+                    , '{{# if(d.color.header){ }}'
+                    , '.layui-layout-admin .layui-header{background-color:{{ d.color.header }};}'
+                    , '.layui-layout-admin .layui-header a,'
+                    , '.layui-layout-admin .layui-header a cite{color: #f8f8f8;}'
+                    , '.layui-layout-admin .layui-header a:hover{color: #fff;}'
+                    , '.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}'
+                    , '.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}'
+                    , '.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}'
+                    , '.layadmin-pagetabs .layui-tab-title li:after{display: none;}'
+                    , '{{# } }}'
+                ].join('')).render(options = $.extend({}, local.theme, options))
+                    , styleElem = document.getElementById(id)
 
-    setThisRouter(othis) //同步路由
-    admin.runResize() //执行resize事件，如果存在的话
-    admin.resizeTable() //重置当前主体区域的表格尺寸
-  })
+                //添加主题样式
+                if ('styleSheet' in style) {
+                    style.setAttribute('type', 'text/css')
+                    style.styleSheet.cssText = styleText
+                } else {
+                    style.innerHTML = styleText
+                }
+                style.id = id
 
-  // tabspage 删除
-  element.on('tabDelete(layadmin-layout-tabs)', function (obj) {
-    var othis = $(TABS_HEADER + '.layui-this')
+                styleElem && $body[0].removeChild(styleElem)
+                $body[0].appendChild(style)
+                $body.attr('layadmin-themealias', options.color.alias)
 
-    obj.index && admin.tabsBody(obj.index).remove()
-    setThisRouter(othis)
+                //本地存储记录
+                local.theme = local.theme || {}
+                layui.each(options, function (key, value) {
+                    local.theme[key] = value
+                })
+                layui.data(setter.tableName, {
+                    key: 'theme'
+                    , value: local.theme
+                })
+            }
 
-    //移除resize事件
-    admin.delResize()
-  })
+            //初始化主题
+            , initTheme: function (index) {
+                var theme = setter.theme
+                index = index || 0
+                if (theme.color[index]) {
+                    theme.color[index].index = index
+                    admin.theme({
+                        color: theme.color[index]
+                    })
+                }
+            }
 
-  // 页面跳转
-  $body.on('click', '*[lay-href]', function () {
-    var othis = $(this)
-    var href = othis.attr('lay-href')
-    var router = layui.router()
+            //记录最近一次点击的页面标签数据
+            , tabsPage: {}
 
-    admin.tabsPage.elem = othis
-    // admin.prevRouter[router.path[0]] = router.href; //记录上一次各菜单的路由信息
+            //获取标签页的头元素
+            , tabsHeader: function (index) {
+                return $('#Panel_app_tabsheader').children('li').eq(index || 0)
+            }
 
-    // 执行跳转
-    location.hash = admin.correctRouter(href)
+            //获取页面标签主体元素
+            , tabsBody: function (index) {
+                return $(APP_BODY).find('.' + TABS_BODY).eq(index || 0)
+            }
 
-    // 如果为当前页，则执行刷新
-    if (setter.refreshCurrPage) {
-      if (admin.correctRouter(href) === router.href) {
-        admin.events.refresh()
-      }
-    }
+            //切换页面标签主体
+            , tabsBodyChange: function (index) {
+                admin.tabsHeader(index).attr('lay-attr', layui.router().href)
+                admin.tabsBody(index).addClass(SHOW).siblings().removeClass(SHOW)
+                events.rollPage('auto', index)
+            }
 
-    // 清理所有定时器
-    var highestTimeoutId = setTimeout(';')
-    for (var i = 0; i < highestTimeoutId; i++) {
-      clearTimeout(i)
-    }
-  })
+            //resize事件管理
+            , resize: function (fn) {
+                var router = layui.router()
+                    , key = router.path.join('-')
 
-  //点击事件
-  $body.on('click', '*[layadmin-event]', function () {
-    var othis = $(this)
-      , attrEvent = othis.attr('layadmin-event')
-    events[attrEvent] && events[attrEvent].call(this, othis)
-  })
+                if (admin.resizeFn[key]) {
+                    $win.off('resize', admin.resizeFn[key])
+                    delete admin.resizeFn[key]
+                }
 
-  //tips
-  $body.on('mouseenter', '*[lay-tips]', function () {
-    var othis = $(this)
+                if (fn === 'off') return //如果是清除 resize 事件，则终止往下执行
 
-    if (othis.parent().hasClass('layui-nav-item') && !container.hasClass(SIDE_SHRINK)) return
+                fn(), admin.resizeFn[key] = fn
+                $win.on('resize', admin.resizeFn[key])
+            }
+            , resizeFn: {}
+            , runResize: function () {
+                var router = layui.router()
+                    , key = router.path.join('-')
+                admin.resizeFn[key] && admin.resizeFn[key]()
+            }
+            , delResize: function () {
+                this.resize('off')
+            }
 
-    var tips = othis.attr('lay-tips')
-      , offset = othis.attr('lay-offset')
-      , direction = othis.attr('lay-direction')
-      , index = layer.tips(tips, this, {
-      tips: direction || 1
-      , time: -1
-      , success: function (layero, index) {
-        if (offset) {
-          layero.css('margin-left', offset + 'px')
+            //关闭当前 pageTabs
+            , closeThisTabs: function () {
+                if (!admin.tabsPage.index) return
+                $(TABS_HEADER).eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click')
+            }
+
+            //全屏
+            , fullScreen: function () {
+                var ele = document.documentElement
+                    , reqFullScreen = ele.requestFullScreen || ele.webkitRequestFullScreen
+                    || ele.mozRequestFullScreen || ele.msRequestFullscreen
+                if (typeof reqFullScreen !== 'undefined' && reqFullScreen) {
+                    reqFullScreen.call(ele)
+                }
+
+            }
+
+            //退出全屏
+            , exitScreen: function () {
+                var ele = document.documentElement
+                if (document.exitFullscreen) {
+                    document.exitFullscreen()
+                } else if (document.mozCancelFullScreen) {
+                    document.mozCancelFullScreen()
+                } else if (document.webkitCancelFullScreen) {
+                    document.webkitCancelFullScreen()
+                } else if (document.msExitFullscreen) {
+                    document.msExitFullscreen()
+                }
+            }
+
+            //纠正单页路由格式
+            , correctRouter: function (href) {
+                if (!/^\//.test(href)) href = '/' + href
+
+                //纠正首尾
+                return href.replace(/^(\/+)/, '/')
+                    .replace(new RegExp('\/' + setter.entry + '$'), '/') //过滤路由最后的默认视图文件名（如：index）
+            }
+
+            //……
         }
-      }
+
+    //事件
+    var events = admin.events = {
+        //伸缩
+        flexible: function (othis) {
+            var iconElem = othis.find('#' + APP_FLEXIBLE)
+                , isSpread = iconElem.hasClass(ICON_SPREAD)
+            admin.sideFlexible(isSpread ? 'spread' : null) //控制伸缩
+            admin.resizeTable(350)
+        }
+
+        //刷新
+        , refresh: function () {
+            admin.render()
+        }
+
+        //输入框搜索
+        , serach: function (othis) {
+            othis.off('keypress').on('keypress', function (e) {
+                if (!this.value.replace(/\s/g, '')) return
+                //回车跳转
+                if (e.keyCode === 13) {
+                    var href = othis.attr('lay-action')
+                        , text = othis.attr('lay-text') || '搜索'
+
+                    href = href + this.value
+                    text = text + ' <span style="color: #FF5722;">' + admin.escape(this.value) + '</span>'
+
+                    //打开标签页
+                    location.hash = admin.correctRouter(href)
+
+                    //如果搜索关键词已经打开，则刷新页面即可
+                    events.serach.keys || (events.serach.keys = {})
+                    events.serach.keys[admin.tabsPage.index] = this.value
+                    if (this.value === events.serach.keys[admin.tabsPage.index]) {
+                        events.refresh(othis)
+                    }
+
+                    //清空输入框
+                    this.value = ''
+                }
+            })
+        }
+
+        //点击消息
+        , message: function (othis) {
+            othis.find('.layui-badge-dot').remove()
+        }
+
+        //弹出主题面板
+        , theme: function () {
+            admin.popupRight({
+                id: 'LAY_adminPopupTheme'
+                , success: function () {
+                    view(this.id).render('ui/theme')
+                }
+            })
+        }
+
+        //便签
+        , note: function (othis) {
+            var mobile = admin.screen() < 2
+                , note = layui.data(setter.tableName).note
+
+            events.note.index = admin.popup({
+                title: '便签'
+                , shade: 0
+                , offset: [
+                    '41px'
+                    , (mobile ? null : (othis.offset().left - 250) + 'px')
+                ]
+                , anim: -1
+                , id: 'LAY_adminNote'
+                , skin: 'layadmin-note layui-anim layui-anim-upbit'
+                , content: '<textarea placeholder="内容"></textarea>'
+                , resize: false
+                , success: function (layero, index) {
+                    var textarea = layero.find('textarea')
+                        ,
+                        value = note === undefined ? '便签中的内容会存储在本地，这样即便你关掉了浏览器，在下次打开时，依然会读取到上一次的记录。是个非常小巧实用的本地备忘录' : note
+
+                    textarea.val(value).focus().on('keyup', function () {
+                        layui.data(setter.tableName, {
+                            key: 'note'
+                            , value: this.value
+                        })
+                    })
+                }
+            })
+        }
+
+        //全屏
+        , fullscreen: function (othis, opts) {
+            var SCREEN_FULL = 'layui-icon-screen-full';
+            var SCREEN_REST = 'layui-icon-screen-restore';
+            var iconElem = othis.children("i");
+            var hasFull = iconElem.hasClass(SCREEN_FULL);
+
+            // 设置图标状态
+            var setIcon = function (status) {
+                if (status) {
+                    iconElem.addClass(SCREEN_REST).removeClass(SCREEN_FULL);
+                } else {
+                    iconElem.addClass(SCREEN_FULL).removeClass(SCREEN_REST);
+                }
+            };
+
+            // 设置全屏状态
+            var setScreen = function (status) {
+                status ? admin.fullScreen() : admin.exitScreen();
+            };
+
+            // 仅设置图标状态
+            if (opts) {
+                return setIcon(opts.status);
+            }
+
+            setIcon(hasFull);
+            setScreen(hasFull);
+        }
+
+        //弹出关于面板
+        , about: function () {
+            admin.popupRight({
+                id: 'LAY_adminPopupAbout'
+                , success: function () {
+                    view(this.id).render('system/about')
+                }
+            })
+        }
+
+        //弹出更多面板
+        , more: function () {
+            admin.popupRight({
+                id: 'LAY_adminPopupMore'
+                , success: function () {
+                    view(this.id).render('system/more')
+                }
+            })
+        }
+
+        //返回上一页
+        , back: function () {
+            history.back()
+        }
+
+        //主题设置
+        , setTheme: function (othis) {
+            var index = othis.data('index')
+                , nextIndex = othis.siblings('.layui-this').data('index')
+
+            if (othis.hasClass(THIS)) return
+
+            othis.addClass(THIS).siblings('.layui-this').removeClass(THIS)
+            admin.initTheme(index)
+        }
+
+        //左右滚动页面标签
+        , rollPage: function (type, index) {
+            var tabsHeader = $('#Panel_app_tabsheader')
+                , liItem = tabsHeader.children('li')
+                , scrollWidth = tabsHeader.prop('scrollWidth')
+                , outerWidth = tabsHeader.outerWidth()
+                , tabsLeft = parseFloat(tabsHeader.css('left'))
+
+            //右左往右
+            if (type === 'left') {
+                if (!tabsLeft && tabsLeft <= 0) return
+
+                //当前的left减去可视宽度，用于与上一轮的页标比较
+                var prefLeft = -tabsLeft - outerWidth
+
+                liItem.each(function (index, item) {
+                    var li = $(item)
+                        , left = li.position().left
+
+                    if (left >= prefLeft) {
+                        tabsHeader.css('left', -left)
+                        return false
+                    }
+                })
+            } else if (type === 'auto') { //自动滚动
+                (function () {
+                    var thisLi = liItem.eq(index), thisLeft
+
+                    if (!thisLi[0]) return
+                    thisLeft = thisLi.position().left
+
+                    //当目标标签在可视区域左侧时
+                    if (thisLeft < -tabsLeft) {
+                        return tabsHeader.css('left', -thisLeft)
+                    }
+
+                    //当目标标签在可视区域右侧时
+                    if (thisLeft + thisLi.outerWidth() >= outerWidth - tabsLeft) {
+                        var subLeft = thisLeft + thisLi.outerWidth() - (outerWidth - tabsLeft)
+                        liItem.each(function (i, item) {
+                            var li = $(item)
+                                , left = li.position().left
+
+                            //从当前可视区域的最左第二个节点遍历，如果减去最左节点的差 > 目标在右侧不可见的宽度，则将该节点放置可视区域最左
+                            if (left + tabsLeft > 0) {
+                                if (left - tabsLeft > subLeft) {
+                                    tabsHeader.css('left', -left)
+                                    return false
+                                }
+                            }
+                        })
+                    }
+                }())
+            } else {
+                //默认向左滚动
+                liItem.each(function (i, item) {
+                    var li = $(item)
+                        , left = li.position().left
+
+                    if (left + li.outerWidth() >= outerWidth - tabsLeft) {
+                        tabsHeader.css('left', -left)
+                        return false
+                    }
+                })
+            }
+        }
+
+        //向右滚动页面标签
+        , leftPage: function () {
+            events.rollPage('left')
+        }
+
+        //向左滚动页面标签
+        , rightPage: function () {
+            events.rollPage()
+        }
+
+        //关闭当前标签页
+        , closeThisTabs: function () {
+            admin.closeThisTabs()
+        }
+
+        //关闭其它标签页
+        , closeOtherTabs: function (type) {
+            var TABS_REMOVE = 'LAY-system-pagetabs-remove'
+            if (type === 'all') {
+                $(TABS_HEADER + ':gt(0)').remove()
+                $(APP_BODY).find('.' + TABS_BODY + ':gt(0)').remove()
+            } else {
+                $(TABS_HEADER).each(function (index, item) {
+                    if (index && index != admin.tabsPage.index) {
+                        $(item).addClass(TABS_REMOVE)
+                        admin.tabsBody(index).addClass(TABS_REMOVE)
+                    }
+                })
+                $('.' + TABS_REMOVE).remove()
+            }
+        }
+
+        //关闭全部标签页
+        , closeAllTabs: function () {
+            events.closeOtherTabs('all')
+            location.hash = ''
+        }
+
+        //遮罩
+        , shade: function () {
+            admin.sideFlexible()
+        }
+    }
+
+    //初始
+    !function () {
+        //主题初始化，本地主题记录优先，其次为 initColorIndex
+        var local = layui.data(setter.tableName)
+        if (local.theme) {
+            admin.theme(local.theme)
+        } else if (setter.theme) {
+            admin.initTheme(setter.theme.initColorIndex)
+        }
+
+        //禁止水平滚动
+        $body.addClass('layui-layout-body')
+
+        //移动端强制不开启页面标签功能
+        if (admin.screen() < 1) {
+            delete setter.pageTabs
+        }
+
+        //不开启页面标签时
+        if (!setter.pageTabs) {
+            container.addClass('layadmin-tabspage-none')
+        }
+
+        //低版本IE提示
+        if (device.ie && device.ie < 10) {
+            view.error('IE' + device.ie + '下访问可能不佳，推荐使用：Chrome / Firefox / Edge 等高级浏览器', {
+                offset: 'auto'
+                , id: 'LAY_errorIE'
+            })
+        }
+
+    }()
+
+    //admin.prevRouter = {}; //上一个路由
+
+    // hash 改变侧边状态
+    admin.on('hash(side)', function (router) {
+        var path = router.path, getData = function (item) {
+                return {
+                    list: item.children('.layui-nav-child')
+                    , name: item.data('name')
+                    , jump: item.data('jump')
+                }
+            }
+            , sideMenu = $('#' + SIDE_MENU)
+            , SIDE_NAV_ITEMD = 'layui-nav-itemed'
+
+            //捕获对应菜单
+            , matchMenu = function (list) {
+                var pathURL = admin.correctRouter(path.join('/'))
+                list.each(function (index1, item1) {
+                    var othis1 = $(item1)
+                        , data1 = getData(othis1)
+                        , listChildren1 = data1.list.children('dd')
+                        , matched1 = path[0] == data1.name || (index1 === 0 && !path[0])
+                        || (data1.jump && pathURL == admin.correctRouter(data1.jump))
+
+                    listChildren1.each(function (index2, item2) {
+                        var othis2 = $(item2)
+                            , data2 = getData(othis2)
+                            , listChildren2 = data2.list.children('dd')
+                            , matched2 = (path[0] == data1.name && path[1] == data2.name)
+                            || (data2.jump && pathURL == admin.correctRouter(data2.jump))
+
+                        listChildren2.each(function (index3, item3) {
+                            var othis3 = $(item3)
+                                , data3 = getData(othis3)
+                                , matched3 = (path[0] == data1.name && path[1] == data2.name && path[2] == data3.name)
+                                || (data3.jump && pathURL == admin.correctRouter(data3.jump))
+
+                            if (matched3) {
+                                var selected = data3.list[0] ? SIDE_NAV_ITEMD : THIS
+                                othis3.addClass(selected).siblings().removeClass(selected) //标记选择器
+                                return false
+                            }
+
+                        })
+
+                        if (matched2) {
+                            var selected = data2.list[0] ? SIDE_NAV_ITEMD : THIS
+                            othis2.addClass(selected).siblings().removeClass(selected) //标记选择器
+                            return false
+                        }
+
+                    })
+
+                    if (matched1) {
+                        var selected = data1.list[0] ? SIDE_NAV_ITEMD : THIS
+                        othis1.addClass(selected).siblings().removeClass(selected) //标记选择器
+                        return false
+                    }
+
+                })
+            }
+
+        //重置状态
+        sideMenu.find('.' + THIS).removeClass(THIS)
+
+        //移动端点击菜单时自动收缩
+        if (admin.screen() < 2) admin.sideFlexible()
+
+        //开始捕获
+        matchMenu(sideMenu.children('li'))
     })
-    othis.data('index', index)
-  }).on('mouseleave', '*[lay-tips]', function () {
-    layer.close($(this).data('index'))
-  })
 
-  //窗口resize事件
-  var resizeSystem = layui.data.resizeSystem = function () {
-    //layer.close(events.note.index);
-    layer.closeAll('tips')
+    //侧边导航点击事件
+    element.on('nav(layadmin-system-side-menu)', function (elem) {
+        if (elem.siblings('.layui-nav-child')[0] && container.hasClass(SIDE_SHRINK)) {
+            admin.sideFlexible('spread')
+            layer.close(elem.data('index'))
+        }
 
-    if (!resizeSystem.lock) {
-      setTimeout(function () {
-        admin.sideFlexible(admin.screen() < 2 ? '' : 'spread')
-        delete resizeSystem.lock
-      }, 100)
+        admin.tabsPage.type = 'nav'
+    })
+
+    //选项卡的更多操作
+    element.on('nav(layadmin-pagetabs-nav)', function (elem) {
+        var dd = elem.parent()
+        dd.removeClass(THIS)
+        dd.parent().removeClass(SHOW)
+    })
+
+    //同步路由
+    var setThisRouter = function (othis) {
+        var layid = othis.attr('lay-id')
+            , attr = othis.attr('lay-attr')
+            , index = othis.index()
+
+        location.hash = layid === setter.entry ? '/' : (attr || '/')
+        admin.tabsBodyChange(index)
     }
+        , TABS_HEADER = '#Panel_app_tabsheader>li'
 
-    resizeSystem.lock = true
-  }
-  $win.on('resize', layui.data.resizeSystem)
+    //页面标签点击
+    $body.on('click', TABS_HEADER, function () {
+        var othis = $(this)
+            , index = othis.index()
 
-  //设置组件全局 token
-  !function () {
-    var request = setter.request
-    if (request.tokenName) {
-      var obj = {}
-      obj[request.tokenName] = layui.data(setter.tableName)[request.tokenName] || ''
+        admin.tabsPage.type = 'tab'
+        admin.tabsPage.index = index
 
-      //table
-      table.set({
-        headers: obj, //通过 request 头传递
-        where: obj //通过参数传递
-      })
-      //upload
-      upload.set({
-        headers: obj, //通过 request 头传递
-        data: obj //通过参数传递
-      })
+        //如果是iframe类型的标签页
+        if (othis.attr('lay-attr') === 'iframe') {
+            return admin.tabsBodyChange(index)
+        }
+
+        setThisRouter(othis) //同步路由
+        admin.runResize() //执行resize事件，如果存在的话
+        admin.resizeTable() //重置当前主体区域的表格尺寸
+    })
+
+    // tabspage 删除
+    element.on('tabDelete(layadmin-layout-tabs)', function (obj) {
+        var othis = $(TABS_HEADER + '.layui-this')
+
+        obj.index && admin.tabsBody(obj.index).remove()
+        setThisRouter(othis)
+
+        //移除resize事件
+        admin.delResize()
+    })
+
+    // 页面跳转
+    $body.on('click', '*[lay-href]', function () {
+        var othis = $(this)
+        var href = othis.attr('lay-href')
+        var router = layui.router()
+
+        admin.tabsPage.elem = othis
+        // admin.prevRouter[router.path[0]] = router.href; //记录上一次各菜单的路由信息
+
+        // 执行跳转
+        location.hash = admin.correctRouter(href)
+
+        // 如果为当前页，则执行刷新
+        if (setter.refreshCurrPage) {
+            if (admin.correctRouter(href) === router.href) {
+                admin.events.refresh()
+            }
+        }
+
+        // 清理所有定时器
+        var highestTimeoutId = setTimeout(';')
+        for (var i = 0; i < highestTimeoutId; i++) {
+            clearTimeout(i)
+        }
+    })
+
+    //点击事件
+    $body.on('click', '*[layadmin-event]', function () {
+        var othis = $(this)
+            , attrEvent = othis.attr('layadmin-event')
+        events[attrEvent] && events[attrEvent].call(this, othis)
+    })
+
+    //tips
+    $body.on('mouseenter', '*[lay-tips]', function () {
+        var othis = $(this)
+
+        if (othis.parent().hasClass('layui-nav-item') && !container.hasClass(SIDE_SHRINK)) return
+
+        var tips = othis.attr('lay-tips')
+            , offset = othis.attr('lay-offset')
+            , direction = othis.attr('lay-direction')
+            , index = layer.tips(tips, this, {
+            tips: direction || 1
+            , time: -1
+            , success: function (layero, index) {
+                if (offset) {
+                    layero.css('margin-left', offset + 'px')
+                }
+            }
+        })
+        othis.data('index', index)
+    }).on('mouseleave', '*[lay-tips]', function () {
+        layer.close($(this).data('index'))
+    })
+
+    //窗口resize事件
+    var resizeSystem = layui.data.resizeSystem = function () {
+        //layer.close(events.note.index);
+        layer.closeAll('tips')
+
+        if (!resizeSystem.lock) {
+            setTimeout(function () {
+                admin.sideFlexible(admin.screen() < 2 ? '' : 'spread')
+                delete resizeSystem.lock
+            }, 100)
+        }
+
+        resizeSystem.lock = true
     }
-  }()
+    $win.on('resize', layui.data.resizeSystem)
 
-  //接口输出
-  exports('admin', admin)
+    //设置组件全局 token
+    !function () {
+        var request = setter.request
+        if (request.tokenName) {
+            var obj = {}
+            obj[request.tokenName] = layui.data(setter.tableName)[request.tokenName] || ''
+
+            //table
+            table.set({
+                headers: obj, //通过 request 头传递
+                where: obj //通过参数传递
+            })
+            //upload
+            upload.set({
+                headers: obj, //通过 request 头传递
+                data: obj //通过参数传递
+            })
+        }
+    }()
+
+    //接口输出
+    exports('admin', admin)
 })
\ No newline at end of file
diff --git a/public/panel/views/cron.html b/public/panel/views/cron.html
index 17ac8d45..630a6cbd 100644
--- a/public/panel/views/cron.html
+++ b/public/panel/views/cron.html
@@ -9,8 +9,22 @@ Date: 2023-07-21
     <div class="layui-card">
         <div class="layui-card-header">添加计划任务</div>
         <div class="layui-card-body">
+            <blockquote class="layui-elem-quote">
+                <p>面板的计划任务均基于脚本运行，若任务类型满足不了需求，可自行修改对应的脚本。</p>
+            </blockquote>
             <form class="layui-form" action="" lay-filter="cron-add-form">
                 <div class="layui-form-item">
+                    <label class="layui-form-label">任务类型</label>
+                    <div class="layui-input-inline">
+                        <select name="type" lay-verify="required" lay-filter="cron-type">
+                            <option value="shell">运行脚本</option>
+                            <option value="backup">备份数据</option>
+                            <option value="cutoff">切割日志</option>
+                        </select>
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">请选择任务类型</div>
+                </div>
+                <div class="layui-form-item" id="cron-add-name-input">
                     <label class="layui-form-label">任务名</label>
                     <div class="layui-input-inline">
                         <input type="text" name="name" lay-verify="required" placeholder="请输入任务名称"
@@ -18,6 +32,61 @@ Date: 2023-07-21
                     </div>
                     <div class="layui-form-mid layui-word-aux">请填写任务名称</div>
                 </div>
+                <div class="layui-form-item" id="cron-add-backup-type-input" style="display: none;">
+                    <label class="layui-form-label">备份类型</label>
+                    <div class="layui-input-block">
+                        <input type="radio" lay-filter="cron-add-backup-type-radio" name="backup_type" value="website"
+                               title="网站目录" checked="">
+                        <input type="radio" lay-filter="cron-add-backup-type-radio" name="backup_type" value="mysql"
+                               title="MySQL数据库">
+                        <input type="radio" lay-filter="cron-add-backup-type-radio" name="backup_type"
+                               value="postgresql"
+                               title="PostgreSQL数据库">
+                    </div>
+                </div>
+                <div class="layui-form-item" id="cron-add-website-input" style="display: none;">
+                    <label class="layui-form-label">网站</label>
+                    <div class="layui-input-inline">
+                        <script type="text/html" template lay-url="/api/panel/website/list?page=1&limit=10000">
+                            <select name="website" lay-filter="cron-add-website">
+                                {{# layui.each(d.data.items, function(index, item){ }}
+                                {{# if(index == 0){ }}
+                                <option value="{{ item.name }}" selected="">{{ item.name }}</option>
+                                {{# }else{ }}
+                                <option value="{{ item.name }}">{{ item.name }}</option>
+                                {{# } }}
+                                {{# }); }}
+                            </select>
+                        </script>
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">请选择网站</div>
+                </div>
+                <div class="layui-form-item" id="cron-add-backup-database-input" style="display: none;">
+                    <label class="layui-form-label">数据库名</label>
+                    <div class="layui-input-inline">
+                        <input type="text" name="backup_database" placeholder="请输入数据库名"
+                               autocomplete="off" class="layui-input">
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">请填写数据库名</div>
+                </div>
+                <div class="layui-form-item" id="cron-add-backup-path-input" style="display: none;">
+                    <label class="layui-form-label">保存目录</label>
+                    <div class="layui-input-inline">
+                        <input type="text" name="backup_path" placeholder=""
+                               autocomplete="off" class="layui-input">
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">
+                        目录可以为对象存储挂载目录，不填则默认为面板设置的备份目录
+                    </div>
+                </div>
+                <div class="layui-form-item" id="cron-add-save-input" style="display: none;">
+                    <label class="layui-form-label">保留份数</label>
+                    <div class="layui-input-inline">
+                        <input type="number" name="save" placeholder="10"
+                               autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">请填写保留份数，会自动清理过剩的副本</div>
+                </div>
                 <div class="layui-form-item">
                     <label class="layui-form-label">执行周期</label>
                     <div class="layui-input-inline">
@@ -26,11 +95,12 @@ Date: 2023-07-21
                     </div>
                     <div class="layui-form-mid layui-word-aux">请务必正确填写执行周期</div>
                 </div>
-                <div class="layui-form-item layui-form-text">
+                <div class="layui-form-item layui-form-text" id="cron-add-shell">
                     <label class="layui-form-label">脚本内容</label>
                     <div class="layui-input-block">
                         <div id="cron-add-script-editor"
-                             style="height: 250px;"># 在此输入你要执行的脚本内容</div>
+                             style="height: 250px;"># 在此输入你要执行的脚本内容
+                        </div>
                     </div>
                 </div>
                 <div class="layui-form-item">
@@ -52,13 +122,22 @@ Date: 2023-07-21
                 <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                 <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="del">删除</a>
             </script>
+            <!-- 任务类型 -->
+            <script type="text/html" id="cron-table-type">
+                {{# if(d.type == 'shell'){ }}
+                运行脚本
+                {{# }else if(d.type == 'backup'){ }}
+                备份数据
+                {{# }else if(d.type == 'cutoff'){ }}
+                切割日志
+                {{# } }}
+            </script>
             <!-- 运行开关 -->
             <script type="text/html" id="cron-table-status">
                 <input type="checkbox" name="cron-status" lay-skin="switch" lay-text="ON|OFF"
                        lay-filter="cron-status"
                        value="{{ d.status }}" data-id="{{ d.id }}"
-                       {{ d.status==
-                       1 ? 'checked' : '' }}>
+                       {{ d.status ? 'checked' : '' }}>
             </script>
         </div>
     </div>
@@ -94,10 +173,11 @@ Date: 2023-07-21
             , cols: [[
                 {field: 'id', hide: true, title: 'ID'}
                 , {field: 'name', width: 150, title: '任务名', sort: true}
-                , {field: 'type', width: 150, title: '任务类型', sort: true}
+                , {field: 'type', width: 150, title: '任务类型', templet: '#cron-table-type', sort: true}
                 , {field: 'status', title: '启用', width: 100, templet: '#cron-table-status', unresize: true}
                 , {field: 'time', width: 200, title: '任务周期（cron表达式）'}
-                , {field: 'updated_at', title: '上次运行时间'}
+                , {field: 'created_at', title: '创建时间'}
+                , {field: 'updated_at', title: '最后更新时间'}
                 , {
                     field: 'edit',
                     width: 180,
@@ -120,8 +200,6 @@ Date: 2023-07-21
                 };
             }
         });
-
-        // 工具条
         table.on('tool(panel-cron)', function (obj) {
             let data = obj.data;
             if (obj.event === 'log') {
@@ -233,6 +311,46 @@ Date: 2023-07-21
             }
         });
 
+        form.on('select(cron-type)', function (data) {
+            if (data.value === 'shell') {
+                $("#cron-add-backup-type-input").hide();
+                $("#cron-add-save-input").hide();
+                $('#cron-add-website-input').hide();
+                $('#cron-add-backup-database-input').hide();
+                $('#cron-add-backup-path-input').hide();
+                $("#cron-add-shell").show();
+            } else if (data.value === 'backup') {
+                let selectedType = $('input[name="backup_type"]:checked').val();
+                if (selectedType === 'website') {
+                    $('#cron-add-website-input').show();
+                    $('#cron-add-backup-database-input').hide();
+                } else {
+                    $('#cron-add-website-input').hide();
+                    $('#cron-add-backup-database-input').show();
+                }
+                $("#cron-add-backup-type-input").show();
+                $('#cron-add-backup-path-input').show();
+                $("#cron-add-save-input").show();
+                $("#cron-add-shell").hide();
+            } else if (data.value === 'cutoff') {
+                $('#cron-add-website-input').show();
+                $('#cron-add-save-input').show();
+                $("#cron-add-shell").hide();
+                $('#cron-add-backup-database-input').hide();
+                $("#cron-add-backup-type-input").hide();
+                $('#cron-add-backup-path-input').hide();
+            }
+        });
+        form.on('radio(cron-add-backup-type-radio)', function (data) {
+            if (data.value == 'website') {
+                $('#cron-add-website-input').show();
+                $('#cron-add-backup-database-input').hide();
+            } else {
+                $('#cron-add-website-input').hide();
+                $('#cron-add-backup-database-input').show();
+            }
+        });
+
         form.on('switch(cron-status)', function (obj) {
             let $ = layui.$;
             let id = $(this).data('id');
@@ -263,7 +381,6 @@ Date: 2023-07-21
                 , data: data.field
                 , success: function (result) {
                     if (result.code !== 0) {
-                        console.log('耗子Linux面板：计划任务添加失败，接口返回' + result);
                         layer.msg('计划任务添加失败！')
                         return false;
                     }
@@ -274,7 +391,6 @@ Date: 2023-07-21
                         , btn: ['确定']
                         , yes: function (index) {
                             layer.closeAll();
-                            //location.reload();
                         }
                     });
                 }