mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
edu/admin/src/views/channel/wx_oa/config.vue

196 lines
8.4 KiB
Vue
Raw Normal View History

文章，渠道
2022-08-29 11:06:52 +00:00
<template>
<div>
<el-card class="!border-none" shadow="never">
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-alert
type="warning"
title="温馨提示：填写微信公众号开发配置，请前往微信公众平台申请服务号并完成认证"
:closable="false"
show-icon
/>
文章，渠道
2022-08-29 11:06:52 +00:00
</el-card>
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
<el-form ref="formRef" :model="formData" label-width="160px">
文章，渠道
2022-08-29 11:06:52 +00:00
<el-card class="!border-none mt-4" shadow="never">
<div class="font-medium mb-7">微信公众号</div>
<el-form-item label="公众号名称" prop="name">
<div class="w-80">
<el-input v-model="formData.name" placeholder="请输入公众号名称" />
</div>
</el-form-item>
<el-form-item label="原始ID" prop="primaryId">
<div class="w-80">
<el-input v-model="formData.primaryId" placeholder="请输入原始ID" />
</div>
</el-form-item>
<el-form-item label="公众号二维码" prop="qrCode">
<div>
<div>
<material-picker v-model="formData.qrCode" :limit="1" />
</div>
<div class="form-tips">建议尺寸：宽400px*高400px。jpg，jpeg，png格式</div>
</div>
</el-form-item>
</el-card>
<el-card class="!border-none mt-4" shadow="never">
<div class="font-medium mb-7">公众号开发者信息</div>
<el-form-item label="AppID" prop="appId">
<div class="w-80">
<el-input v-model="formData.appId" placeholder="请输入AppID" />
</div>
</el-form-item>
<el-form-item label="AppSecret" prop="appSecret">
<div>
<div class="w-80">
<el-input v-model="formData.appSecret" placeholder="请输入AppSecret" />
</div>
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
</div>
</el-form-item>
<el-form-item>
<div class="form-tips">
小程序账号登录微信公众平台，点击开发>开发设置->开发者ID，设置AppID和AppSecret
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
</el-form-item>
</el-card>
<el-card class="!border-none mt-4" shadow="never">
<div class="font-medium mb-7">服务器配置</div>
渠道对接
2022-09-06 08:36:15 +00:00
<el-form-item label="URL">
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
<div>
<div class="flex">
渠道对接
2022-09-06 08:36:15 +00:00
<div class="mr-4 w-80">
<el-input v-model="formData.url" disabled />
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
</div>
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-button v-copy="formData.url">复制</el-button>
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
</div>
<div class="form-tips">
登录微信公众平台，点击开发>基本配置>服务器配置，填写服务器地址（URL）
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
</div>
</el-form-item>
<el-form-item label="Token" prop="Token">
<div>
<div class="w-80">
渠道对接
2022-09-06 08:36:15 +00:00
<el-input v-model="formData.token" placeholder="请输入Token" />
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
<div class="form-tips">
登录微信公众平台，点击开发>基本配置>服务器配置，设置令牌Token。不填默认为“likeshop”
</div>
</div>
</el-form-item>
<el-form-item label="EncodingAESKey" prop="EncodingAESKey">
<div>
<div class="w-80">
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-input
v-model="formData.encodingAesKey"
placeholder="请输入EncodingAESKey"
/>
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
<div class="form-tips">
消息加密密钥由43位字符组成，字符范围为A-Z,a-z,0-9
</div>
</div>
</el-form-item>
<el-form-item label="消息加密方式" required prop="status">
<div>
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-radio-group
class="flex-col !items-start"
v-model="formData.encryptionType"
>
文章，渠道
2022-08-29 11:06:52 +00:00
<el-radio :label="1">
明文模式 (不使用消息体加解密功能，安全系数较低)
</el-radio>
渠道对接
2022-09-06 08:36:15 +00:00
<el-radio :label="2">
文章，渠道
2022-08-29 11:06:52 +00:00
兼容模式 (明文、密文将共存，方便开发者调试和维护)
</el-radio>
渠道对接
2022-09-06 08:36:15 +00:00
<el-radio :label="3">
文章，渠道
2022-08-29 11:06:52 +00:00
安全模式（推荐） (消息包为纯密文，需要开发者加密和解密，安全系数高)
</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-card>
<el-card class="!border-none mt-4" shadow="never">
<div class="font-medium mb-7">功能设置</div>
渠道对接
2022-09-06 08:36:15 +00:00
<el-form-item label="业务域名">
文章，渠道
2022-08-29 11:06:52 +00:00
<div>
<div class="flex">
渠道对接
2022-09-06 08:36:15 +00:00
<div class="mr-4 w-80">
<el-input v-model="formData.businessDomain" disabled />
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-button v-copy="formData.businessDomain">复制</el-button>
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
<div class="form-tips">
登录微信公众平台，点击设置>公众号设置>功能设置，填写业务域名
</div>
</div>
</el-form-item>
渠道对接
2022-09-06 08:36:15 +00:00
<el-form-item label="JS接口安全域名">
文章，渠道
2022-08-29 11:06:52 +00:00
<div>
<div class="flex">
渠道对接
2022-09-06 08:36:15 +00:00
<div class="mr-4 w-80">
<el-input v-model="formData.jsDomain" disabled />
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-button v-copy="formData.jsDomain">复制</el-button>
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
<div class="form-tips">
登录微信公众平台，点击设置>公众号设置>功能设置，填写JS接口安全域名
</div>
</div>
</el-form-item>
渠道对接
2022-09-06 08:36:15 +00:00
<el-form-item label="网页授权域名">
文章，渠道
2022-08-29 11:06:52 +00:00
<div>
<div class="flex">
渠道对接
2022-09-06 08:36:15 +00:00
<div class="mr-4 w-80">
<el-input v-model="formData.webDomain" disabled />
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
后台-复制提示问题
2022-09-16 03:58:25 +00:00
<el-button v-copy="formData.webDomain">复制</el-button>
文章，渠道
2022-08-29 11:06:52 +00:00
</div>
<div class="form-tips">
登录微信公众平台，点击设置>公众号设置>功能设置，填写网页授权域名
</div>
</div>
</el-form-item>
</el-card>
</el-form>
<footer-btns v-perms="['channel:h5:save']">
<el-button type="primary" @click="handelSave">保存</el-button>
</footer-btns>
</div>
</template>
<script lang="ts" setup>
菜单调整，用户，消息通知，渠道
2022-08-30 11:08:17 +00:00
import { getOaConfig, setOaConfig } from '@/api/channel/wx_oa'
文章，渠道
2022-08-29 11:06:52 +00:00
import feedback from '@/utils/feedback'
渠道对接
2022-09-06 08:36:15 +00:00
import { useClipboard } from '@vueuse/core'
文章，渠道
2022-08-29 11:06:52 +00:00
const formData = reactive({
后台-复制提示问题
2022-09-16 03:58:25 +00:00
name: '',
primaryId: ' ',
qrCode: '',
appId: '',
appSecret: '',
url: '',
token: '',
encodingAesKey: '',
【后台管理】-- 用户设置
2022-09-07 08:24:24 +00:00
encryptionType: 1,
后台-复制提示问题
2022-09-16 03:58:25 +00:00
businessDomain: '',
jsDomain: '',
webDomain: ''
文章，渠道
2022-08-29 11:06:52 +00:00
})
渠道对接
2022-09-06 08:36:15 +00:00
const { copy } = useClipboard()
文章，渠道
2022-08-29 11:06:52 +00:00
const getDetail = async () => {
const data = await getOaConfig()
for (const key in formData) {
//@ts-ignore
formData[key] = data[key]
}
}
const handelSave = async () => {
await setOaConfig(formData)
getDetail()
feedback.msgSuccess('操作成功')
}
getDetail()
</script>