首页弹窗修改

4 years ago · 9f48f26213
parent a64754c1f1
commit 9f48f26213
11 changed files with 158 additions and 26 deletions
--- a/config/language.go
+++ b/config/language.go
@ -4,7 +4,7 @@ type Language struct {
 	WebCopyRight                                                             string
 	MainIntro                                                                string
 	Send                                                                     string
-	Notice, Maintech                                                         string
+	Notice, Maintech, NowAsk, LaterAsk                                       string
 	IndexSubIntro, IndexVisitors, IndexAgent, IndexDocument, IndexOnlineChat string
 }

@ -23,6 +23,8 @@ func CreateLanguage(lang string) *Language {
 			Send:            "Send",
 			Notice:          "Hello and welcome to go-fly - how can we help?",
 			Maintech:        "Main technical architecture",
+			NowAsk:          "Start Chat",
+			LaterAsk:        "Chat Later",
 		}
 	}
 	if lang == "cn" {
@ -33,10 +35,12 @@ func CreateLanguage(lang string) *Language {
 			IndexVisitors:   "访客入口",
 			IndexAgent:      "客服入口",
 			IndexDocument:   "接口文档",
-			IndexOnlineChat: "在线咨询",
+			IndexOnlineChat: "真人在线-点击与我交流",
 			Send:            "发送",
 			Notice:          "欢迎您访问go-fly！有什么我能帮助您的？",
 			Maintech:        "主要技术架构",
+			NowAsk:          "现在咨询",
+			LaterAsk:        "稍后再说",
 		}
 	}
 	return language
--- a/controller/about.go
+++ b/controller/about.go
@ -17,3 +17,28 @@ func GetAbout(c *gin.Context) {
 		"result": about,
 	})
 }
+func PostAbout(c *gin.Context) {
+	title_cn := c.PostForm("title_cn")
+	title_en := c.PostForm("title_en")
+	keywords_cn := c.PostForm("keywords_cn")
+	keywords_en := c.PostForm("keywords_en")
+	desc_cn := c.PostForm("desc_cn")
+	desc_en := c.PostForm("desc_en")
+	css_js := c.PostForm("css_js")
+	html_cn := c.PostForm("html_cn")
+	html_en := c.PostForm("html_en")
+	if title_cn == "" || title_en == "" || html_cn == "" || html_en == "" {
+		c.JSON(200, gin.H{
+			"code": 400,
+			"msg":  "error",
+		})
+		return
+	}
+	models.UpdateAbout("index", title_cn, title_en, keywords_cn, keywords_en, desc_cn, desc_en, css_js, html_cn, html_en)
+
+	c.JSON(200, gin.H{
+		"code":   200,
+		"msg":    "ok",
+		"result": "",
+	})
+}
--- a/controller/index.go
+++ b/controller/index.go
@ -7,7 +7,7 @@ import (
 )

 func Index(c *gin.Context) {
-	c.Redirect(302, "/index/en")
+	c.Redirect(302, "/index_en")
 }

 //首页跳转
--- a/models/abouts.go
+++ b/models/abouts.go
@ -18,3 +18,18 @@ func FindAboutByPage(page interface{}) About {
 	DB.Where("page = ?", page).First(&a)
 	return a
 }
+func UpdateAbout(page string, title_cn string, title_en string, keywords_cn string, keywords_en string, desc_cn string, desc_en string, css_js string, html_cn string, html_en string) {
+	c := &About{
+		TitleCn:    title_cn,
+		TitleEn:    title_en,
+		KeywordsCn: keywords_cn,
+		KeywordsEn: keywords_en,
+		DescCn:     desc_cn,
+		DescEn:     desc_en,
+		CssJs:      css_js,
+		HtmlCn:     html_cn,
+		HtmlEn:     html_en,
+	}
+	DB.Model(c).Where("page = ?", page).Update(c)
+	InitConfig()
+}
--- a/router/api.go
+++ b/router/api.go
@ -50,6 +50,7 @@ func InitApiRouter(engine *gin.Engine) {
 	engine.GET("/statistics", middleware.JwtApiMiddleware, controller.GetStatistics)
 	//前台接口
 	engine.GET("/about", controller.GetAbout)
+	engine.POST("/about", middleware.JwtApiMiddleware, middleware.RbacAuth, controller.PostAbout)
 	engine.GET("/notice", middleware.SetLanguage, controller.GetNotice)
 	engine.POST("/notice", middleware.JwtApiMiddleware, controller.PostNotice)
 	engine.DELETE("/notice", middleware.JwtApiMiddleware, controller.DelNotice)
--- a/router/view.go
+++ b/router/view.go
@ -7,7 +7,7 @@ import (
 )

 func InitViewRouter(engine *gin.Engine) {
-	engine.GET("/index/:lang", middleware.SetLanguage, tmpl.PageIndex)
+	engine.GET("/index_:lang", middleware.SetLanguage, tmpl.PageIndex)
 	engine.GET("/login", tmpl.PageLogin)
 	engine.GET("/chat_page", middleware.SetLanguage, tmpl.PageChat)
 	engine.GET("/chatIndex", middleware.SetLanguage, tmpl.PageChat)
--- a/static/css/common.css
+++ b/static/css/common.css
@ -293,7 +293,7 @@ html {
    /*margin-bottom: 80px;*/
 }
 .chatVisitorPage .chatBox{
-    min-height: 530px;
+    min-height: 540px;
 }
 .chatBox .el-col{margin:10px 0;}
 .chatUser{
--- a/static/html/index.html
+++ b/static/html/index.html
@ -12,9 +12,9 @@
 </head>
 <header class="header">
    <div class="container">
-        <h1><a href="/index">GO-FLY</a></h1>
-        <a class="navBtn" href="/index/en">English (United States)</a>
-        <a class="navBtn" href="/index/cn">中文版 (简体)</a>
+        <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>
@ -36,32 +36,87 @@
 <script>
    var GOFLY_URL="";
    var GOFLY_KEFU_ID="kefu2";
-    var GOFLY_BTN_TEXT="Chat with me";
+    var GOFLY_BTN_TEXT="{{.OnlineChat}}";
 </script>
 <script src="/static/js/gofly-front.js"></script>
 <!--//对接客服代码-->

+<!--自动弹代码-->
+<style>
+    /*自动弹出*/
+    .autoInvite{
+        width: 400px;
+        height: 162px;
+        position: fixed;
+        top:50%;
+        left: 50%;
+        margin-top: -81px;
+        margin-left: -200px;
+        background: url("/static/images/inviteColorBack1.png");
+        display: none;
+    }
+    .autoInvite .autoInviteNotice{
+        margin-top: 4px;
+    }
+    .autoInvite .autoInviteContent{
+        width: 220px;
+        height: 90px;
+        position: absolute;
+        top:55px;
+        right: 20px;
+        font-size: 13pt;
+        color: #fff;
+        word-break: break-all;
+        line-height: 25px;
+    }
+    .autoInvite .autoInviteBtns a{
+        display: inline-block;
+        width: 80px;
+        height: 32px;
+        line-height: 32px;
+        color: #fff;
+        text-align: center;
+        border: 1px solid #fff;
+        border-radius: 5px;
+        cursor: pointer;
+        font-size: 13px;
+        margin-right: 8px;
+        text-decoration: none;
+    }
+    .autoInvite .autoInviteBtns a.nowAsk{
+        color: #0085DA;
+        background-color: #fff;
+    }
+
+</style>
+<div class="autoInvite">
+    <div class="autoInviteContent">
+        <div class="autoInviteNotice">{{.Notice}}</div>
+        <div class="autoInviteBtns">
+            <a href="javascript:void(0)" id="noAsk">{{.LaterAsk}}</a>
+            <a href="javascript:void(0)" class="nowAsk">{{.NowAsk}}</a>
+        </div>
+    </div>
+</div>
 <script>
+    var invite=false;
+
 setTimeout(function(){
-    if (launchButtonFlag) return;
-    layer.open({
-        type: 2,
-        title: "Chat with me",
-        closeBtn: 1, //不显示关闭按钮
-        shade: [0],
-        area: ['510px', '520px'],
-        offset: 'rb', //右下角弹出
-        anim: 2,
-        content: ['/chatIndex?kefu_id='+GOFLY_KEFU_ID+'&refer='+window.document.title, 'no'], //iframe的url，no代表不显示滚动条
-        end: function(){
-            launchButtonFlag=false;
-            $(".launchButton").show();
-        }
+    if (invite) return;
+    $(".autoInvite").show();
+    invite=true;
+
+    $("#noAsk").click(function(){
+        $(".autoInvite").hide();
+        invite=true;
+    });
+    $(".nowAsk").click(function(){
+        $(".autoInvite").hide();
+        showKefu();
+        invite=true;
    });
-    launchButtonFlag=true;
-    $(".launchButton").hide();
 },8000);
-
 </script>
+<!--自动弹代码-->

 </html>
--- a/static/images/inviteColorBack1.png
+++ b/static/images/inviteColorBack1.png
--- a/static/js/gofly-front.js
+++ b/static/js/gofly-front.js
@ -54,6 +54,35 @@ function clickBtn(){
        document.title = originTitle;
    });
 }
+function showKefu(){
+    if (launchButtonFlag) return;
+    var width=$(window).width();
+    if(width<768){
+        window.open(GOFLY_URL+'/chatIndex?kefu_id='+GOFLY_KEFU_ID+'&refer='+window.document.title);
+        return;
+    }
+    layer.open({
+        type: 2,
+        title: GOFLY_BTN_TEXT,
+        closeBtn: 1, //不显示关闭按钮
+        shade: [0],
+        area: ['520px', '530px'],
+        offset: 'rb', //右下角弹出
+        anim: 2,
+        content: [GOFLY_URL+'/chatIndex?kefu_id='+GOFLY_KEFU_ID+'&refer='+window.document.title, 'yes'], //iframe的url，no代表不显示滚动条
+        end: function(){
+            launchButtonFlag=false;
+            $(".launchButton").show();
+        }
+    });
+    launchButtonFlag=true;
+    $(".launchButton").hide();
+
+    $("body").click(function () {
+        clearTimeout(titleTimer);
+        document.title = originTitle;
+    });
+}
 function dynamicLoadCss(url) {
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
--- a/tmpl/common.go
+++ b/tmpl/common.go
@ -70,6 +70,9 @@ func PageIndex(c *gin.Context) {
 		"OnlineChat": language.IndexOnlineChat,
 		"IndexSend":  language.Send,
 		"Maintech":   language.Maintech,
+		"Notice":     language.Notice,
+		"NowAsk":     language.NowAsk,
+		"LaterAsk":   language.LaterAsk,
 		"Lang":       lang,
 		"Title":      title,
 		"Keywords":   keywords,