msb-public
/
go-fly
mirror of https://github.com/taoshihan1991/go-fly.git
1
0
Code Issues Projects Releases Wiki Activity

客服后台界面修改

Browse Source
master
taoshihan 2 years ago
parent 0b2b286f9b
commit 6ceb249021
5 changed files with 103 additions and 48 deletions
Show Stats Download Patch File Download Diff File

44
static/css/common.css
Unescape View File

@ -228,15 +228,13 @@
margin-left: 5px;
font-size: 12px;
}
.el-submenu__title i{
color: #fff;
}
.el-container{
height: 100%;
}
.el-aside{
.el-aside {
height: 100%;
background: #222d32;
background: #fff;
}
.textDark {color: #343a40;}
.bgInfo {background-color: #17a2b8}
@ -548,4 +546,40 @@ a{color: #07a9fe;text-decoration: none;}
}
.visitorSendBtn{
margin-right: 2px;
}
.mainLeftMenu {
width: 70px;
float: left;
height: 100%;
text-align: center;
background-color: #0a2f5a;
position: relative;
}
.menuLeftItem {
height: 55px;
text-align: center;
color: #fff;
cursor: pointer;
padding-top: 12px;
width: 100%;
}
.menuLeftItem i, .menuLeftItem .el-badge {
display: block;
margin-bottom: 2px;
font-size: 20px;
}
.menuLeftItem span {
font-size: 12px;
}
.mainRight {
width: calc(100% - 70px);
height: 100%;
float: left;
}
.mainIframe {
width: 100%;
height: 100%;
}
.menuLeftItem:active, .menuLeftItem.active {
background: #2b5a96;
}

2
static/templates/chat_main.html
Unescape View File

@ -2,7 +2,7 @@
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="陶士涵">
<meta name="author" content="">
<title>GO语言开源客服系统-GOFLY</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.1/theme-chalk/index.min.css">
<script src="https://cdn.staticfile.org/vue/2.6.9/vue.min.js"></script>

30
static/templates/main.html
Unescape View File

@ -41,10 +41,6 @@
margin-left: 10px;
margin-bottom: 60px;
}
.mainIframe{
width: 100%;
height: calc(100% - 60px);
}
.el-card__body{
cursor: pointer;
}
@ -56,7 +52,10 @@
<div id="app">
<template>
{{template "nav" }}
<iframe class="mainIframe" v-bind:src="iframeUrl" frameborder="0"></iframe>
<div class="mainRight">
<iframe class="mainIframe" v-bind:src="iframeUrl" frameborder="0"></iframe>
</div>
</template>
</div>
</body>
@ -66,10 +65,12 @@
delimiters:["<{","}>"],
data: {
window:window,
iframeUrl:"",
mailTotal:0,
adminAvator:"",
adminRole:"",
onlineType:"success",
haveNewMessage:"",
iframeUrl:"/chat_main",
},
methods: {
focusWindow(){
@ -130,22 +131,19 @@
created: function () {
this.checkAuth();
this.focusWindow();
$(function(){
$("body").on("click",".menuLeftItem",function(){
$(".menuLeftItem").removeClass("active");
$(this).addClass("active");
});
})
}
})
$(window).bind("focus",function(e){
//alert(1);
});
</script>
<script src="https://gofly.sopans.com/static/js/gofly-front.js"></script>
<script>
GOFLY.init({
GOFLY_URL:"https://gofly.sopans.com",//必填
GOFLY_KEFU_ID: "taoshihan",//必填
GOFLY_ENT: "5",//必填
GOFLY_AUTO_OPEN:false,//是否自动展开
GOFLY_SHOW_TYPES:2,
})
</script>
<script>
var _hmt = _hmt || [];
(function() {

72
static/templates/nav.html
Unescape View File

@ -1,24 +1,50 @@
{{define "nav"}}
<el-menu
class="el-menu-demo"
background-color="#3c8dbc"
text-color="#fff"
active-text-color="#fff"
default-active="3"
mode="horizontal">
<el-menu-item class="mainLogo" v-on:click="openUrl('/main')">GOFLY<span class="mainVersion">开源版</span></el-menu-item>
<el-menu-item style="display:none" index="2" v-on:click="openIframeUrl('/list')">邮箱<el-badge class="mark" :value="mailTotal" style="margin-bottom: 20px;"/>
</el-menu-item>
<el-menu-item index="3" v-on:click="openIframeUrl('/chat_main')">聊天</el-menu-item>
<el-menu-item index="4" v-on:click="openIframeUrl('/setting')">设置</el-menu-item>
<el-submenu style="float: right" index="10">
<template slot="title">
<el-avatar :size="30" :src="adminAvator"></el-avatar>
<span v-html="adminRole"></span>
</template>
<el-menu-item v-on:click="logout()">
退出
</el-menu-item>
</el-submenu>
</el-menu>
{{end}}
<div class="mainLeftMenu">
<div style="margin: 20px auto;">
<el-badge :type="onlineType" is-dot class="item">
<el-avatar class="mainLogo" title="智能客服" :size="45" src="/static/images/1.jpg"></el-avatar>
</el-badge>
</div>
<div style="display: none" class="menuLeftItem" v-on:click="openIframeUrl('/mainGuide')">
<i class="el-icon-house"></i>
<span slot="title">首页</span>
</div>
<div class="menuLeftItem" v-on:click="haveNewMessage='';openIframeUrl('/chat_main')">
<el-badge :value="haveNewMessage" class="item">
<i class="el-icon-chat-dot-round"></i>
</el-badge>
<span slot="title">对话</span>
</div>
<div style="display: none" class="menuLeftItem" v-on:click="openIframeUrl('/setting_deploy')">
<i class="el-icon-notebook-2"></i>
<span slot="title">对接</span>
</div>
<div class="menuLeftItem" v-on:click="openIframeUrl('/setting')">
<i class="el-icon-setting"></i>
<span slot="title">设置</span>
</div>
<div style="display: none" class="menuLeftItem" v-on:click="openIframeUrl('/setting_welcome')">
<i class="el-icon-timer"></i>
<span slot="title">欢迎</span>
</div>
<div style="display: none" class="menuLeftItem" v-on:click="openIframeUrl('/setting')">
<i class="el-icon-menu"></i>
<span slot="title">菜单</span>
</div>
<div class="menuLeftItem menuLeftItemLogout" v-on:click="logout()">
<i class="el-icon-switch-button"></i>
<span slot="title">退出</span>
</div>
</div>
{{end}}

3
static/templates/setting_left.html
Unescape View File

@ -1,9 +1,6 @@
{{define "setting_left"}}
<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>
<el-submenu index="1">

Write Preview
Loading…
Cancel
Save