diff --git a/config/go-fly.sql b/config/go-fly.sql
index 21eb469..af0108b 100644
--- a/config/go-fly.sql
+++ b/config/go-fly.sql
@@ -106,9 +106,9 @@ CREATE TABLE `config` (
  PRIMARY KEY (`id`),
  UNIQUE KEY `conf_key` (`conf_key`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8|
-INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '是否开启Server酱微信提醒', 'NoticeServerJiang', 'false');
-INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, 'Server酱API', 'ServerJiangAPI', '');
-INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '微信小程序Token', 'WeixinToken', '');
+INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '是否开启Server酱微信提醒', 'NoticeServerJiang', 'false')|
+INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, 'Server酱API', 'ServerJiangAPI', '')|
+INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '微信小程序Token', 'WeixinToken', '')|
 
 DROP TABLE IF EXISTS `about`|
 CREATE TABLE `about` (
@@ -127,4 +127,4 @@ PRIMARY KEY (`id`),
 UNIQUE KEY `page` (`page`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 INSERT INTO `about` (`id`, `title_cn`, `title_en`, `keywords_cn`, `keywords_en`, `desc_cn`, `desc_en`, `css_js`, `html_cn`, `html_en`, `page`) VALUES
-(1, 'GO-FLY - 极简强大的Go语言在线客服系统', 'GO-FLY - Simple and Powerful Go language online customer chat system', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统', 'GO-FLY，GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers', '    <style>\r\n        *{\r\n            margin: 0;padding: 0;\r\n        }\r\n        .header{\r\n            height: 80px;\r\n            background-color: #fff;\r\n            color: #fff;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            line-height: 80px;\r\n            z-index: 100;\r\n            position: relative;\r\n        }\r\n        .container{\r\n            width: 1140px;\r\n            padding: 0;\r\n            margin: 0 auto;\r\n        }\r\n        .header .container{\r\n            height: 100%;\r\n            box-sizing: border-box;\r\n            border-bottom: 1px solid #dcdfe6;\r\n        }\r\n        .header h1{\r\n            margin: 0;\r\n            float: left;\r\n            font-size: 32px;\r\n            font-weight: 400;\r\n        }\r\n        .header a{\r\n            color: #519eff;\r\n            font-family: \"Microsoft JhengHei\";\r\n            text-decoration: none;\r\n        }\r\n        .header h1 a{\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n        }\r\n        .header .navBtn{\r\n            float: right;\r\n            margin-left: 20px;\r\n        }\r\n        .banner{\r\n            padding-top: 20px;\r\n            text-align: center;\r\n        }\r\n        .banner h1{\r\n            font-size: 34px;\r\n            margin: 0;\r\n            line-height: 48px;\r\n            color: #555;\r\n            font-weight: 500;\r\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\r\n        }\r\n        .banner p{\r\n            font-size: 18px;\r\n            line-height: 28px;\r\n            color: #888;\r\n            margin: 10px 0 5px;\r\n        }\r\n        .jumbotron{\r\n            width: 587px;\r\n            height: 560px;\r\n            margin: 30px auto;\r\n        }\r\n        .footer {\r\n            clear: both;\r\n            background-color: #f7fbfd;\r\n            width: 100%;\r\n            padding: 40px 150px;\r\n            box-sizing: border-box;\r\n        }\r\n        .copyright{\r\n            color: #6c757d;\r\n            text-align: center;\r\n            margin: 60px 0;\r\n        }\r\n        .mainTechLeft{\r\n            width: 300px;\r\n            float: left;\r\n        }\r\n        .mainTechLeft h1{\r\n            font-size: 34px;\r\n            margin: 0;\r\n            line-height: 48px;\r\n            color: #555;\r\n            font-weight: 500;\r\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\r\n        }\r\n        .mainTechLeft p{\r\n            font-size: 18px;\r\n            line-height: 28px;\r\n            color: #888;\r\n            margin: 10px 0 5px;\r\n        }\r\n        .floatRight{\r\n            width: 700px;\r\n            border: 1px solid #e1e1e1;\r\n            padding: 4px;\r\n            margin-top: 35px;\r\n            display: block;\r\n            float: right;\r\n        }\r\n    </style>', '<div class=\"banner\">\r\n    <h1>极简强大的Go语言在线客服系统</h1>\r\n    <p>GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统</p>\r\n</div>\r\n<div class=\"jumbotron\">\r\n    \r\n    <img src=\"/static/images/intro1.jpg\"/>\r\n    \r\n</div>\r\n<div class=\"container\">\r\n    <div class=\"mainTechLeft\">\r\n        <h1>主要技术架构</h1>\r\n        <p>github.com/dgrijalva/jwt-go</p>\r\n        <p>github.com/gin-gonic/gin</p>\r\n        <p> github.com/go-sql-driver/mysql</p>\r\n        <p>  github.com/gobuffalo/packr/v2</p>\r\n        <p>  github.com/gorilla/websocket</p>\r\n        <p>   github.com/ipipdotnet/ipdb-go</p>\r\n        <p>    github.com/jinzhu/gorm</p>\r\n        <p>    github.com/satori/go.uuid</p>\r\n        <p>   github.com/spf13/cobra</p>\r\n        <p>   github.com/swaggo/gin-swagger</p>\r\n        <p>  github.com/swaggo/swag\r\n        </p>\r\n    </div>\r\n    <img src=\"/static/images/admin.png\" class=\"floatRight\"/>\r\n</div>', '<div class=\"banner\">     <h1>Simple and Powerful Go language online customer chat system</h1>     <p>GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers</p> </div> <div class=\"jumbotron\">          <img src=\"/static/images/intro3.png\"/>      </div> <div class=\"container\">     <div class=\"mainTechLeft\">         <h1>Main technical architecture</h1>         <p>github.com/dgrijalva/jwt-go</p>         <p>github.com/gin-gonic/gin</p>         <p> github.com/go-sql-driver/mysql</p>         <p>  github.com/gobuffalo/packr/v2</p>         <p>  github.com/gorilla/websocket</p>         <p>   github.com/ipipdotnet/ipdb-go</p>         <p>    github.com/jinzhu/gorm</p>         <p>    github.com/satori/go.uuid</p>         <p>   github.com/spf13/cobra</p>         <p>   github.com/swaggo/gin-swagger</p>         <p>  github.com/swaggo/swag         </p>     </div>     <img src=\"/static/images/admin.png\" class=\"floatRight\"/> </div>','index')|
+(NULL, 'GO-FLY - 极简强大的Go语言在线客服系统', 'GO-FLY - Simple and Powerful Go language online customer chat system', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统', 'GO-FLY，GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers', '    <style>\n        *{\n            margin: 0;padding: 0;\n        }\n        .header{\n            height: 80px;\n            background-color: #fff;\n            color: #fff;\n            top: 0;\n            left: 0;\n            width: 100%;\n            line-height: 80px;\n            z-index: 100;\n            position: relative;\n        }\n        .container{\n            width: 1140px;\n            padding: 0;\n            margin: 0 auto;\n        }\n        .header .container{\n            height: 100%;\n            box-sizing: border-box;\n            border-bottom: 1px solid #dcdfe6;\n        }\n        .header h1{\n            margin: 0;\n            float: left;\n            font-size: 32px;\n            font-weight: 400;\n        }\n        .header a{\n            color: #519eff;\n            font-family: \"Microsoft JhengHei\";\n            text-decoration: none;\n        }\n        .header h1 a{\n            font-size: 30px;\n            font-weight: bold;\n        }\n        .header .navBtn{\n            float: right;\n            margin-left: 20px;\n        }\n        .banner{\n            padding-top: 20px;\n            text-align: center;\n        }\n        .banner h1{\n            font-size: 34px;\n            margin: 0;\n            line-height: 48px;\n            color: #555;\n            font-weight: 500;\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\n        }\n        .banner p{\n            font-size: 18px;\n            line-height: 28px;\n            color: #888;\n            margin: 10px 0 5px;\n        }\n        .jumbotron{\n            width: 587px;\n            height: 560px;\n            margin: 30px auto;\n        }\n        .footer {\n            clear: both;\n            background-color: #f7fbfd;\n            width: 100%;\n            padding: 40px 150px;\n            box-sizing: border-box;\n        }\n        .copyright{\n            color: #6c757d;\n            text-align: center;\n            margin: 60px 0;\n        }\n        .mainTechLeft{\n            width: 300px;\n            float: left;\n        }\n        .mainTechLeft h1{\n            font-size: 34px;\n            margin: 0;\n            line-height: 48px;\n            color: #555;\n            font-weight: 500;\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\n        }\n        .mainTechLeft p{\n            font-size: 18px;\n            line-height: 28px;\n            color: #888;\n            margin: 10px 0 5px;\n        }\n        .floatRight{\n            width: 700px;\n            border: 1px solid #e1e1e1;\n            padding: 4px;\n            margin-top: 35px;\n            display: block;\n            float: right;\n        }\n    </style>', '<header class=\"header\">\n    <div class=\"container\">\n        <h1><a href=\"/\">GO-FLY</a></h1>\n        <a class=\"navBtn\" href=\"/index_en\">English (United States)</a>\n        <a class=\"navBtn\" href=\"/index_cn\">中文版 (简体)</a>\n        <a class=\"navBtn\" href=\"https://github.com/taoshihan1991/go-fly\" target=\"_blank\">Github</a>\n        <a class=\"navBtn\" href=\"/login\">客服入口</a>\n        <a class=\"navBtn\" href=\"/docs/index.html\" target=\"_blank\">接口文档</a>\n    </div>\n</header>\n<div class=\"banner\">\n    <h1>极简强大的Go语言在线客服系统</h1>\n    <p>GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统</p>\n</div>\n<div class=\"jumbotron\">\n    \n    <img src=\"/static/images/intro1.jpg\"/>\n    \n</div>\n<div class=\"container\">\n    <div class=\"mainTechLeft\">\n        <h1>主要技术架构</h1>\n        <p>github.com/dgrijalva/jwt-go</p>\n        <p>github.com/gin-gonic/gin</p>\n        <p> github.com/go-sql-driver/mysql</p>\n        <p>  github.com/gobuffalo/packr/v2</p>\n        <p>  github.com/gorilla/websocket</p>\n        <p>   github.com/ipipdotnet/ipdb-go</p>\n        <p>    github.com/jinzhu/gorm</p>\n        <p>    github.com/satori/go.uuid</p>\n        <p>   github.com/spf13/cobra</p>\n        <p>   github.com/swaggo/gin-swagger</p>\n        <p>  github.com/swaggo/swag\n        </p>\n    </div>\n    <img src=\"/static/images/admin.png\" class=\"floatRight\"/>\n</div>\n\n\n<footer class=\"footer\">\n    <div class=\"container\">\n\n    </div>\n    <div class=\"copyright\">\n        陶士涵的菜地版权所有&copy; 2020\n    </div>\n</footer>', '<header class=\"header\">\n    <div class=\"container\">\n        <h1><a href=\"/\">GO-FLY</a></h1>\n        <a class=\"navBtn\" href=\"/index_en\">English (United States)</a>\n        <a class=\"navBtn\" href=\"/index_cn\">中文版 (简体)</a>\n        <a class=\"navBtn\" href=\"https://github.com/taoshihan1991/go-fly\" target=\"_blank\">Github</a>\n        <a class=\"navBtn\" href=\"/login\">Agents Here</a>\n        <a class=\"navBtn\" href=\"/docs/index.html\" target=\"_blank\">API Documents</a>\n    </div>\n</header>\n<div class=\"banner\">     <h1>Simple and Powerful Go language online customer chat system</h1>     <p>GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers</p> </div> <div class=\"jumbotron\">          <img src=\"/static/images/intro3.png\"/>      </div> <div class=\"container\">     <div class=\"mainTechLeft\">         <h1>Main technical architecture</h1>         <p>github.com/dgrijalva/jwt-go</p>         <p>github.com/gin-gonic/gin</p>         <p> github.com/go-sql-driver/mysql</p>         <p>  github.com/gobuffalo/packr/v2</p>         <p>  github.com/gorilla/websocket</p>         <p>   github.com/ipipdotnet/ipdb-go</p>         <p>    github.com/jinzhu/gorm</p>         <p>    github.com/satori/go.uuid</p>         <p>   github.com/spf13/cobra</p>         <p>   github.com/swaggo/gin-swagger</p>         <p>  github.com/swaggo/swag         </p>     </div>     <img src=\"/static/images/admin.png\" class=\"floatRight\"/> </div>\n\n\n<footer class=\"footer\">\n    <div class=\"container\">\n\n    </div>\n    <div class=\"copyright\">\n        TaoShihan&copy; 2020\n    </div>\n</footer>', 'index')|
diff --git a/static/html/index.html b/static/html/index.html
index d134cfe..7a7701c 100644
--- a/static/html/index.html
+++ b/static/html/index.html
@@ -10,27 +10,13 @@
 
     {{.CssJs}}
 </head>
-<header class="header">
-    <div class="container">
-        <h1><a href="/">GO-FLY</a></h1>
-        <a class="navBtn" href="/index_en">English (United States)</a>
-        <a class="navBtn" href="/index_cn">中文版 (简体)</a>
-        <a class="navBtn" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a>
-        <a class="navBtn" href="/login">{{.AgentBtn}}</a>
-        <a class="navBtn" href="/docs/index.html" target="_blank">{{.Document}}</a>
-    </div>
-</header>
+<body>
+
+
 {{.Content}}
 
 
-<footer class="footer">
-    <div class="container">
 
-    </div>
-    <div class="copyright">
-        {{.Copyright}}&copy; 2020
-    </div>
-</footer>
 
 <!--对接客服代码-->
 <script>
@@ -118,5 +104,5 @@ setTimeout(function(){
 },8000);
 </script>
 <!--自动弹代码-->
-
+</body>
 </html>
\ No newline at end of file
diff --git a/static/html/setting_bottom.html b/static/html/setting_bottom.html
index c4e7a54..52878f1 100644
--- a/static/html/setting_bottom.html
+++ b/static/html/setting_bottom.html
@@ -389,6 +389,16 @@
                     }
                 });
             },
+            //提交首页表单
+            setPageIndex(){
+                let _this=this;
+                this.sendAjax("/about","POST",this.pageindex,function(result){
+                    _this.$message({
+                        message: "编辑成功",
+                        type: 'success'
+                    });
+                });
+            },
             //生成部署js
             createDeployJs(){
                 let domain=window.location.host;
diff --git a/static/html/setting_left.html b/static/html/setting_left.html
index 4de0ec4..cff7a2d 100644
--- a/static/html/setting_left.html
+++ b/static/html/setting_left.html
@@ -1,14 +1,11 @@
 {{define "setting_left"}}
-    <style>
-
-    </style>
 <el-aside width="200px">
 <el-menu
         background-color="#222d32"
         text-color="#b8c7ce"
         active-text-color="#fff"
         default-active="{{.tab_index}}" :default-openeds="openIndex"
-        unique-opened="true">
+        :unique-opened=true>
     <el-submenu index="1">
         <template slot="title">
             <i class="el-icon-s-custom"></i>
diff --git a/static/html/setting_pageindex.html b/static/html/setting_pageindex.html
index 6fe6212..81ccd96 100644
--- a/static/html/setting_pageindex.html
+++ b/static/html/setting_pageindex.html
@@ -33,7 +33,7 @@
                         <el-input :autosize="{ minRows: 2, maxRows: 8}" type="textarea" v-model="pageindex.html_en"></el-input>
                     </el-form-item>
                     <el-form-item>
-                        <el-button type="primary" @click="">保存</el-button>
+                        <el-button type="primary" @click="setPageIndex()">保存</el-button>
                         <el-button>取消</el-button>
                     </el-form-item>
                 </el-form>