184 lines
13 KiB
HTML
184 lines
13 KiB
HTML
{{template "header" }}
|
||
<div id="app" style="width:100%">
|
||
<template>
|
||
<el-tabs type="border-card">
|
||
<el-tab-pane label="企业微信客服">
|
||
<el-form style="font-size: 14px;width: 1000px" label-width="120px">
|
||
<el-form-item label="回调URL">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/api/v1/<{entId}>/<{kefuName}>/wechat/wechatKefuCallback</span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/api/v1/${entId}/${kefuName}/wechat/wechatKefuCallback`)"><{flyLang.copy}></el-button>
|
||
</el-form-item>
|
||
<el-form-item label="企业Corpid">
|
||
<el-input v-model="kefuWework.corpid" @change="setEntConfigItem('微信客服企业ID','kefuWeworkCorpid',kefuWework.corpid)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="Secret">
|
||
<el-input v-model="kefuWework.secret" @change="setEntConfigItem('微信客服Secret','kefuWeworkSecret',kefuWework.secret)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="Token">
|
||
<el-input v-model="kefuWework.token" @change="setEntConfigItem('微信客服Token','kefuWeworkToken',kefuWework.token)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="EncodingAESKey">
|
||
<el-input v-model="kefuWework.encodingAESKey" @change="setEntConfigItem('微信客服EncodingAESKey','kefuWeworkEncodingAESKey',kefuWework.encodingAESKey)"></el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
<el-table
|
||
border
|
||
:empty-text="flyLang.nodata"
|
||
:data="kefuWeworkList"
|
||
>
|
||
<el-table-column
|
||
width="100px"
|
||
prop="avatar"
|
||
label="头像">
|
||
<template slot-scope="scope">
|
||
<el-avatar :size="50"><img :src="scope.row.avatar"/></el-avatar>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="name"
|
||
label="名称">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="open_kfid"
|
||
label="open_kfid">
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="操作">
|
||
<template slot-scope="scope">
|
||
<a @click="getKefuWeworkLink(scope.row.open_kfid)">获取客服链接</a>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-dialog
|
||
title="企业微信客服链接"
|
||
:visible.sync="kefuWework.link!=''"
|
||
top="10%"
|
||
:close-on-click-modal="false"
|
||
>
|
||
<div><{kefuWework.link}></div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="copyText(kefuWework.link);kefuWework.link=''">复制</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="企业微信应用">
|
||
<el-form style="font-size: 14px;width: 1000px" label-width="300px">
|
||
|
||
<el-form-item label="接收消息服务器配置URL">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/api/v1/<{entId}>/<{kefuName}>/wework/receiveWorkAppMsg</span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/api/v1/${entId}/${kefuName}/wework/receiveWorkAppMsg`)"><{flyLang.copy}></el-button>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信Corpid">
|
||
<el-input v-model="wework.corpid" @change="setEntConfigItem('企业微信应用Corpid','WorkWechatCorpid',wework.corpid)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信应用AgentId">
|
||
<el-input v-model="wework.agentid" @change="setEntConfigItem('企业微信应用AgentId','WorkWechatAppAgentId',wework.agentid)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信应用Secret">
|
||
<el-input v-model="wework.secret" @change="setEntConfigItem('企业微信应用AgentId','WorkWechatAppSecret',wework.secret)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信应用接收消息Token">
|
||
<el-input v-model="wework.token" @change="setEntConfigItem('企业微信应用接收消息Token','WorkWechatAppToken',wework.token)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信应用接收消息EncodingAESKey">
|
||
<el-input v-model="wework.encodingAESKey" @change="setEntConfigItem('企业微信应用接收消息EncodingAESKey','WorkWechatAppEncodingAESKey',wework.encodingAESKey)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="应用主页">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/entWechatIndex?ent_id=<{entId}>&kefu_name=<{kefuName}></span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/entWechatIndex?ent_id=${entId}&kefu_name=${kefuName}`)"><{flyLang.copy}></el-button>
|
||
</el-form-item>
|
||
<el-form-item label="企业微信群新消息通知机器人webhook">
|
||
<el-input v-model="wework.webhook" @change="setEntConfigItem('企业微信内部群通知机器人webhook','WorkWechatWebHookUrl',wework.webhook)"></el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="微信公众号">
|
||
<el-form style="font-size: 14px;width: 1000px" label-width="200px">
|
||
<el-form-item label="微信公众号填写服务器地址">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/wechat/server/<{entId}>/<{kefuName}></span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/wechat/server/${entId}/${kefuName}`)"><{flyLang.copy}></el-button>
|
||
<div style="color: #d58512">公众号后台==>设置与开发==>基本配置==>服务器配置</div>
|
||
</el-form-item>
|
||
<el-form-item label="微信公众号服务号AppId">
|
||
<el-input v-model="wechatOfficial.appid" @change="setEntConfigItem('微信公众号服务号AppId','WechatAppId',wechatOfficial.appid)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="微信公众号服务号AppSecret">
|
||
<el-input v-model="wechatOfficial.appsecret" @change="setEntConfigItem('微信公众号服务号AppSecret','WechatAppSecret',wechatOfficial.appsecret)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="微信公众号服务号Token">
|
||
<el-input v-model="wechatOfficial.token" @change="setEntConfigItem('微信公众号服务号Token','WechatAppToken',wechatOfficial.token)"></el-input>
|
||
<div style="color: #d58512">自己可以随便写，但是必须与公众号后台设置的保持一致</div>
|
||
</el-form-item>
|
||
<el-form-item label="是否开启回复消息">
|
||
<el-switch
|
||
v-model="wechatOfficial.isReply"
|
||
active-color="#13ce66"
|
||
inactive-color="#dcdfe6"
|
||
active-value="on"
|
||
inactive-value="off"
|
||
@change="setEntConfigItem('是否开启回复消息','WechatKefu',wechatOfficial.isReply)"
|
||
>
|
||
</el-switch>
|
||
</el-form-item>
|
||
<el-form-item label="客服提醒模板消息ID">
|
||
<el-input v-model="wechatOfficial.kefuTemplateId" @change="setEntConfigItem('客服提醒模板消息ID','WechatMessageTemplateId',wechatOfficial.kefuTemplateId)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="客服提醒模板消息字段标识">
|
||
<el-input v-model="wechatOfficial.kefuTemplateColumn" @change="setEntConfigItem('客服提醒模板消息字段标识','WechatMessageTemplateColumn',wechatOfficial.kefuTemplateColumn)"></el-input>
|
||
<div style="color: #d58512">公众号模板字段标识，三个标识竖线隔开，替换内容：访客名称|发送时间|消息内容，例如：thing1|thing2|thing3</div>
|
||
</el-form-item>
|
||
<el-form-item label="微信公众号菜单JSON">
|
||
<el-input rows="5" type="textarea" v-model="wechatOfficial.menu" @change="setEntConfigItem('微信公众号菜单JSON','WechatMenu',wechatOfficial.menu)"></el-input>
|
||
<div style="color: #d58512">参考示例填入JSON，使用线上工具格式化并压缩JSON点击<a>保存菜单</a>然后点击<a @click="mkWechatMenu" >生成菜单</a>，你也可以点击<a @click="delWechatMenu" >删除菜单</a></div>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="微信小程序">
|
||
<el-form style="font-size: 14px;width: 800px" label-width="300px">
|
||
<el-form-item label="微信小程序消息推送地址">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/wechat/miniMessage/<{entId}></span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/wechat/miniMessage/${entId}`)"><{flyLang.copy}></el-button>
|
||
</el-form-item>
|
||
<el-form-item label="微信小程序AppId">
|
||
<el-input v-model="wechatMini.appid" @change="setEntConfigItem('微信小程序AppId(WechatMiniAppId)','WechatMiniAppId',wechatMini.appid)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="微信小程序AppSecret">
|
||
<el-input v-model="wechatMini.appsecret" @change="setEntConfigItem('微信小程序AppSecret(WechatMiniAppSecret)','WechatMiniAppSecret',wechatMini.appsecret)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="微信小程序Token">
|
||
<el-input v-model="wechatMini.token" @change="setEntConfigItem('微信小程序Token(WechatMiniToken)','WechatMiniToken',wechatMini.token)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="订阅消息模板ID">
|
||
<el-input v-model="wechatMini.templateId" @change="setEntConfigItem('微信小程序订阅消息模板ID(WechatMiniTemplateId)','WechatMiniTemplateId',wechatMini.templateId)"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="订阅消息模板跳转pages路径">
|
||
<el-input v-model="wechatMini.pages" @change="setEntConfigItem('订阅消息模板跳转pages路径(WechatMiniPages)','WechatMiniPages',wechatMini.pages)"></el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="个人微信机器人">
|
||
<el-form style="font-size: 14px;width: 800px" label-width="300px">
|
||
<el-form-item label="接口地址">
|
||
<span style="color: rgb(64, 158, 255);font-size: 13px;"><{host}>/api/v1/<{entId}>/<{kefuName}>/robot/chat</span>
|
||
<el-button size="mini" v-on:click="copyText(`${host}/api/v1/${entId}/${kefuName}/robot/chat`)"><{flyLang.copy}></el-button>
|
||
</el-form-item>
|
||
<el-form-item label="windows系统">
|
||
下载微信模拟登录exe软件
|
||
</el-form-item>
|
||
<el-form-item label="linux系统">
|
||
下载微信模拟登录程序源码
|
||
</el-form-item>
|
||
<el-form-item label="使用方法">
|
||
详细步骤，请咨询管理员
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</template>
|
||
|
||
</div>
|
||
</body>
|
||
|
||
{{template "setting_bottom" .}}
|
||
|