64 lines
1.9 KiB
HTML
64 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>客服助手</title>
|
|
<{template "common" }>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="app">
|
|
<el-menu
|
|
class="el-menu-demo"
|
|
mode="horizontal"
|
|
background-color="#545c64"
|
|
text-color="#fff"
|
|
active-text-color="#ffd04b">
|
|
<el-menu-item index="1">
|
|
<h1>管理系统</h1>
|
|
</el-menu-item>
|
|
</el-menu>
|
|
<div class="mainBox">
|
|
<el-menu
|
|
default-active="2"
|
|
class="el-menu-vertical-demo mainBoxLeft">
|
|
<el-menu-item index="2" v-on:click="openIframeUrl('/setting')">
|
|
<i class="el-icon-menu"></i>
|
|
<span slot="title">基础配置</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="3" v-on:click="openIframeUrl('/setting_wechat')">
|
|
<i class="el-icon-menu"></i>
|
|
<span slot="title">微信机器人</span>
|
|
</el-menu-item>
|
|
<el-menu-item style="display: none" index="4" v-on:click="openIframeUrl('/setting_qq')">
|
|
<i class="el-icon-menu"></i>
|
|
<span slot="title">QQ机器人</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="4" v-on:click="openIframeUrl('/setting_douyin')">
|
|
<i class="el-icon-menu"></i>
|
|
<span slot="title">抖音机器人</span>
|
|
</el-menu-item>
|
|
|
|
</el-menu>
|
|
<iframe title="mainIframe" class="mainBoxRight" v-bind:src="iframeUrl" frameborder="0"></iframe>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
iframeUrl:"/setting"
|
|
},
|
|
methods: {
|
|
openIframeUrl(url){
|
|
this.iframeUrl=url;
|
|
},
|
|
},
|
|
mounted:function(){
|
|
},
|
|
created: function () {
|
|
}
|
|
})
|
|
</script>
|
|
</html> |