luoning1987
/
kefu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
kefu/static/templates/default/setting_wechat.html

184 lines
13 KiB
HTML
Raw Permalink Normal View History

第一次
2024-12-10 02:50:12 +00:00
{{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" .}}