187 lines
4.9 KiB
HTML
187 lines
4.9 KiB
HTML
<html lang="cn">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="/static/cdn/element-ui/2.15.7/theme-chalk/index.min.css">
|
|
<script src="/static/cdn/jquery/3.6.0/jquery.min.js"></script>
|
|
<script src="/static/cdn/vue/2.6.11/vue.min.js"></script>
|
|
<script src="/static/cdn/element-ui/2.15.7/index.js"></script>
|
|
<script src="/static/js/functions.js"></script>
|
|
</head>
|
|
<style>
|
|
body,p{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
a{
|
|
color: #3ec282;
|
|
text-decoration: none;
|
|
}
|
|
.kh-main{
|
|
width: 100%;
|
|
max-width: 720px;
|
|
min-height: 800px;
|
|
margin: auto;
|
|
border: 1px solid #e4f5ed;
|
|
}
|
|
.kh-wx-info{
|
|
overflow: hidden;
|
|
}
|
|
.kh-wx-content{
|
|
overflow: hidden;
|
|
}
|
|
.kh-title{
|
|
color: #fff;
|
|
padding: 10% 10px;
|
|
font-size: 24px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
background-color: #3ec282;
|
|
}
|
|
.kh-subtitle{
|
|
text-align: center;
|
|
line-height: 48px;
|
|
padding: 10px;
|
|
}
|
|
.kh-btn{
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 24px 0;
|
|
}
|
|
.kh-btn > a{
|
|
display: block;
|
|
width: 42%;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
background-color: #3ec282;
|
|
color: #fff;
|
|
line-height: 48px;
|
|
margin: auto;
|
|
}
|
|
|
|
.kh-info{
|
|
overflow: hidden;
|
|
width: 100%;
|
|
max-width: 380px;
|
|
margin: auto;
|
|
}
|
|
.kh-logo{
|
|
float: left;
|
|
}
|
|
.kh-content{
|
|
float: left;
|
|
}
|
|
.kh-name{
|
|
margin: 20px 0;
|
|
color: #3ec282;
|
|
}
|
|
.kh-value{
|
|
font-size: 14px;
|
|
color: #666666;
|
|
}
|
|
#qrcode{
|
|
width: 320px;
|
|
max-width: 90%;
|
|
}
|
|
#qr-title{
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
}
|
|
#qr-status{
|
|
font-size: 18px;
|
|
line-height: 36px;
|
|
color: red;
|
|
display: none;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div id="app">
|
|
<template>
|
|
|
|
|
|
<div class="kh-main">
|
|
<div class="kh-wx-info">
|
|
<div class="kh-wx-content">
|
|
<p class="kh-title">微信客服扫码接收离线通知</p>
|
|
</div>
|
|
</div>
|
|
<div class="kh-info">
|
|
<div class="kh-logo" style="display: none">
|
|
<img src="/static/logo.png" alt="智能客服系统">
|
|
</div>
|
|
<div class="kh-content">
|
|
<h4 class="kh-name">连接客户，亲密无间</h4>
|
|
<p class="kh-value">适合于所有企业的在线营销服务系统</p>
|
|
<p class="kh-value">为每家企业提供获客、销售和服务支持的智能客服平台</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="kh-btn" v-if="wechatKefuQrcode!=''">
|
|
<img id="qrcode" :src="wechatKefuQrcode">
|
|
<span id='qr-title'>请使用微信扫一扫</span>
|
|
<span id='qr-status'>绑定成功！</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
</div>
|
|
</body>
|
|
|
|
|
|
<script>
|
|
var systemBussinesId="{{.systemBussinesId}}";
|
|
</script>
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
delimiters:["<{","}>"],
|
|
data: {
|
|
wechatKefuQrcode:"",
|
|
},
|
|
methods: {
|
|
kefuInfo() {
|
|
var _this = this;
|
|
sendAjax("/kefu/kefuinfo","get",{},function (data) {
|
|
if (data.code != 200) {
|
|
window.location.href = "/ironMan/signInx";
|
|
return;
|
|
}
|
|
var result = data.result;
|
|
console.log(result);
|
|
|
|
|
|
sendAjax("/wechat/showQrcode","get",{entId:result.ent_id,sceneName:"kf_"+result.name},function(res){
|
|
if(res.code!=200){
|
|
sendAjax("/wechat/showQrcode","get",{entId:systemBussinesId,sceneName:"kf_"+result.name},function(res2){
|
|
if(res2.code==200){
|
|
_this.wechatKefuQrcode=res2.result.url
|
|
}else{
|
|
_this.$message({
|
|
message: "微信公众号配置错误！",
|
|
type: 'error'
|
|
});
|
|
}
|
|
});
|
|
}else{
|
|
_this.wechatKefuQrcode=res.result.url
|
|
}
|
|
});
|
|
|
|
});
|
|
},
|
|
},
|
|
mounted:function(){
|
|
},
|
|
created: function () {
|
|
this.kefuInfo();
|
|
}
|
|
})
|
|
</script>
|
|
</html>
|