后台-复制提示问题

This commit is contained in:
Jason 2022-09-16 11:58:25 +08:00
parent 956b883e42
commit dbebfcc29a
4 changed files with 47 additions and 44 deletions

View File

@ -58,7 +58,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.requestDomain" disabled /> <el-input v-model="formData.requestDomain" disabled />
</div> </div>
<el-button @click="copy(formData.requestDomain)">复制</el-button> <el-button v-copy="formData.requestDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名 小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名
@ -71,7 +71,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.socketDomain" disabled /> <el-input v-model="formData.socketDomain" disabled />
</div> </div>
<el-button @click="copy(formData.socketDomain)">复制</el-button> <el-button v-copy="formData.socketDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写wss协议域名 小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写wss协议域名
@ -84,7 +84,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.uploadFileDomain" disabled /> <el-input v-model="formData.uploadFileDomain" disabled />
</div> </div>
<el-button @click="copy(formData.uploadFileDomain)">复制</el-button> <el-button v-copy="formData.uploadFileDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名 小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名
@ -97,7 +97,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.downloadFileDomain" disabled /> <el-input v-model="formData.downloadFileDomain" disabled />
</div> </div>
<el-button @click="copy(formData.downloadFileDomain)">复制</el-button> <el-button v-copy="formData.downloadFileDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名 小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写https协议域名
@ -110,7 +110,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.udpDomain" disabled /> <el-input v-model="formData.udpDomain" disabled />
</div> </div>
<el-button @click="copy(formData.udpDomain)">复制</el-button> <el-button v-copy="formData.udpDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写udp协议域名 小程序账号登录微信公众平台点击开发>开发设置->服务器域名填写udp协议域名
@ -126,7 +126,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.businessDomain" disabled /> <el-input v-model="formData.businessDomain" disabled />
</div> </div>
<el-button @click="copy(formData.businessDomain)">复制</el-button> <el-button v-copy="formData.businessDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
小程序账号登录微信公众平台点击开发>开发设置->业务域名填写业务域名 小程序账号登录微信公众平台点击开发>开发设置->业务域名填写业务域名
@ -143,7 +143,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { getWeappConfig, setWeappConfig } from '@/api/channel/weapp' import { getWeappConfig, setWeappConfig } from '@/api/channel/weapp'
import feedback from '@/utils/feedback' import feedback from '@/utils/feedback'
import { useClipboard } from '@vueuse/core'
const formData = reactive({ const formData = reactive({
name: '', name: '',
@ -160,7 +159,6 @@ const formData = reactive({
uploadFileDomain: '' uploadFileDomain: ''
}) })
const { copy } = useClipboard()
const getDetail = async () => { const getDetail = async () => {
const data = await getWeappConfig() const data = await getWeappConfig()
for (const key in formData) { for (const key in formData) {

View File

@ -1,7 +1,12 @@
<template> <template>
<div> <div>
<el-card class="!border-none" shadow="never"> <el-card class="!border-none" shadow="never">
<el-alert type="warning" title="温馨提示:填写微信公众号开发配置,请前往微信公众平台申请服务号并完成认证" :closable="false" show-icon /> <el-alert
type="warning"
title="温馨提示:填写微信公众号开发配置,请前往微信公众平台申请服务号并完成认证"
:closable="false"
show-icon
/>
</el-card> </el-card>
<el-form ref="formRef" :model="formData" label-width="160px"> <el-form ref="formRef" :model="formData" label-width="160px">
<el-card class="!border-none mt-4" shadow="never"> <el-card class="!border-none mt-4" shadow="never">
@ -53,7 +58,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.url" disabled /> <el-input v-model="formData.url" disabled />
</div> </div>
<el-button @click="copy(formData.url)">复制</el-button> <el-button v-copy="formData.url">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
登录微信公众平台点击开发>基本配置>服务器配置填写服务器地址URL 登录微信公众平台点击开发>基本配置>服务器配置填写服务器地址URL
@ -73,7 +78,10 @@
<el-form-item label="EncodingAESKey" prop="EncodingAESKey"> <el-form-item label="EncodingAESKey" prop="EncodingAESKey">
<div> <div>
<div class="w-80"> <div class="w-80">
<el-input v-model="formData.encodingAesKey" placeholder="请输入EncodingAESKey" /> <el-input
v-model="formData.encodingAesKey"
placeholder="请输入EncodingAESKey"
/>
</div> </div>
<div class="form-tips"> <div class="form-tips">
消息加密密钥由43位字符组成字符范围为A-Z,a-z,0-9 消息加密密钥由43位字符组成字符范围为A-Z,a-z,0-9
@ -82,7 +90,10 @@
</el-form-item> </el-form-item>
<el-form-item label="消息加密方式" required prop="status"> <el-form-item label="消息加密方式" required prop="status">
<div> <div>
<el-radio-group class="flex-col !items-start" v-model="formData.encryptionType"> <el-radio-group
class="flex-col !items-start"
v-model="formData.encryptionType"
>
<el-radio :label="1"> <el-radio :label="1">
明文模式 (不使用消息体加解密功能安全系数较低) 明文模式 (不使用消息体加解密功能安全系数较低)
</el-radio> </el-radio>
@ -105,7 +116,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.businessDomain" disabled /> <el-input v-model="formData.businessDomain" disabled />
</div> </div>
<el-button @click="copy(formData.businessDomain)">复制</el-button> <el-button v-copy="formData.businessDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
登录微信公众平台点击设置>公众号设置>功能设置填写业务域名 登录微信公众平台点击设置>公众号设置>功能设置填写业务域名
@ -118,7 +129,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.jsDomain" disabled /> <el-input v-model="formData.jsDomain" disabled />
</div> </div>
<el-button @click="copy(formData.jsDomain)">复制</el-button> <el-button v-copy="formData.jsDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
登录微信公众平台点击设置>公众号设置>功能设置填写JS接口安全域名 登录微信公众平台点击设置>公众号设置>功能设置填写JS接口安全域名
@ -131,7 +142,7 @@
<div class="mr-4 w-80"> <div class="mr-4 w-80">
<el-input v-model="formData.webDomain" disabled /> <el-input v-model="formData.webDomain" disabled />
</div> </div>
<el-button @click="copy(formData.webDomain)">复制</el-button> <el-button v-copy="formData.webDomain">复制</el-button>
</div> </div>
<div class="form-tips"> <div class="form-tips">
登录微信公众平台点击设置>公众号设置>功能设置填写网页授权域名 登录微信公众平台点击设置>公众号设置>功能设置填写网页授权域名
@ -151,18 +162,18 @@ import feedback from '@/utils/feedback'
import { useClipboard } from '@vueuse/core' import { useClipboard } from '@vueuse/core'
const formData = reactive({ const formData = reactive({
name: "", name: '',
primaryId: " ", primaryId: ' ',
qrCode: "", qrCode: '',
appId: "", appId: '',
appSecret: "", appSecret: '',
url: "", url: '',
token: "", token: '',
encodingAesKey: "", encodingAesKey: '',
encryptionType: 1, encryptionType: 1,
businessDomain: "", businessDomain: '',
jsDomain: "", jsDomain: '',
webDomain: "" webDomain: ''
}) })
const { copy } = useClipboard() const { copy } = useClipboard()

View File

@ -1,10 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import OaPhone from "./menu_com/oa-phone.vue"; import OaPhone from './menu_com/oa-phone.vue'
import OaAttr from "./menu_com/oa-attr.vue"; import OaAttr from './menu_com/oa-attr.vue'
import { useMenuOa } from "./menu_com/useMenuOa"; import { useMenuOa } from './menu_com/useMenuOa'
const { getOaMenuFunc, handleSave, handlePublish } = useMenuOa(undefined); const { getOaMenuFunc, handleSave, handlePublish } = useMenuOa(undefined)
getOaMenuFunc(); getOaMenuFunc()
</script> </script>
<template> <template>
@ -29,18 +29,12 @@ getOaMenuFunc();
</el-card> </el-card>
<footer-btns> <footer-btns>
<el-button <el-button type="primary" @click="handleSave" v-perms="['channel:oaMenu:save']">
type="primary" 保存
@click="handleSave" </el-button>
v-perms="['channel:oaMenu:save']" <el-button type="primary" @click="handlePublish" v-perms="['channel:oaMenu:publish']">
>保存</el-button 发布
> </el-button>
<el-button
type="primary"
@click="handlePublish"
v-perms="['channel:oaMenu:publish']"
>发布</el-button
>
</footer-btns> </footer-btns>
</div> </div>
</template> </template>

View File

@ -118,7 +118,7 @@
<color-picker <color-picker
class="max-w-[400px]" class="max-w-[400px]"
v-model="tabbar.style.selectedColor" v-model="tabbar.style.selectedColor"
default-color="#999999" default-color="#4173ff"
/> />
</el-form-item> </el-form-item>
</el-tab-pane> </el-tab-pane>