mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 01:33:05 +00:00
perf: 优化应用接入样式
This commit is contained in:
wangdan-fit2cloud
parent
a83a731b7b
commit
e8e4db1e6d
|
|
@ -23,50 +23,53 @@
|
|||
v-model="form[configType][key]"
|
||||
:type="isPasswordField(key) ? (passwordVisible[key] ? 'text' : 'password') : 'text'"
|
||||
:placeholder="item.placeholder"
|
||||
:show-password="isPasswordField(key)"
|
||||
>
|
||||
<template #suffix>
|
||||
<el-icon
|
||||
:class="['eye-icon', { 'is-active': passwordVisible[key] }]"
|
||||
@click="togglePasswordVisibility(key)"
|
||||
>
|
||||
<i class="el-icon-view" v-if="passwordVisible[key]"></i>
|
||||
<i class="el-icon-view-off" v-else></i>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
|
||||
<h4 class="title-decoration-1 mb-16">回调地址</h4>
|
||||
<el-form-item label="URL" prop="callback_url">
|
||||
<el-input v-model="form[configType].callback_url" placeholder="请输入回调地址" />
|
||||
<p class="instruction-text" v-if="configType === 'wechat'">
|
||||
<el-input v-model="form[configType].callback_url" placeholder="请输入回调地址">
|
||||
<template #append>
|
||||
<el-button @click="copyClick(form[configType].callback_url)">
|
||||
<AppIcon iconName="app-copy"></AppIcon>
|
||||
</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
<el-text type="info" v-if="configType === 'wechat'">
|
||||
复制链接填入到
|
||||
<a
|
||||
class="primary"
|
||||
href="https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev"
|
||||
target="_blank"
|
||||
>微信公众平台</a
|
||||
>-设置与开发-基本配置-服务器配置的 "服务器地址URL" 中
|
||||
</p>
|
||||
<p class="instruction-text" v-if="configType === 'dingtalk'">
|
||||
</el-text>
|
||||
<el-text type="info" v-if="configType === 'dingtalk'">
|
||||
复制链接填入到
|
||||
<a
|
||||
class="primary"
|
||||
href="https://open-dev.dingtalk.com/fe/app?hash=%23%2Fcorp%2Fapp#/corp/app"
|
||||
target="_blank"
|
||||
>钉钉开放平台</a
|
||||
>-机器人页面，设置 "消息接收模式" 为 HTTP模式 ，并把下面URL填写到"消息接收地址"中
|
||||
</p>
|
||||
<p class="instruction-text" v-if="configType === 'wecom'">
|
||||
</el-text>
|
||||
<el-text type="info" v-if="configType === 'wecom'">
|
||||
复制链接填入到
|
||||
<a href="https://work.weixin.qq.com/wework_admin/frame#apps" target="_blank"
|
||||
<a
|
||||
class="primary"
|
||||
href="https://work.weixin.qq.com/wework_admin/frame#apps"
|
||||
target="_blank"
|
||||
>企业微信后台</a
|
||||
>-应用管理-自建-创建的应用-接受消息-设置 API 接收的 "URL" 中
|
||||
</p>
|
||||
<p class="instruction-text" v-if="configType === 'feishu'">
|
||||
</el-text>
|
||||
<el-text type="info" v-if="configType === 'feishu'">
|
||||
复制链接填入到
|
||||
<a href="https://open.feishu.cn/app/" target="_blank">飞书开放平台</a
|
||||
<a class="primary" href="https://open.feishu.cn/app/" target="_blank">飞书开放平台</a
|
||||
>-事件与回调-事件配置-配置订阅方式的 "请求地址" 中
|
||||
</p>
|
||||
</el-text>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
|
|
@ -85,6 +88,7 @@ import type { FormInstance } from 'element-plus'
|
|||
import applicationApi from '@/api/application'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { MsgError, MsgSuccess } from '@/utils/message'
|
||||
import { copyClick } from '@/utils/clipboard'
|
||||
|
||||
const formRef = ref<FormInstance>()
|
||||
const visible = ref(false)
|
||||
|
|
@ -197,10 +201,6 @@ const passwordVisible = reactive<Record<string, boolean>>(
|
|||
|
||||
const isPasswordField = (key: string) => passwordFields.has(key)
|
||||
|
||||
const togglePasswordVisibility = (key: string) => {
|
||||
passwordVisible[key] = !passwordVisible[key]
|
||||
}
|
||||
|
||||
const closeDrawer = () => {
|
||||
visible.value = false
|
||||
}
|
||||
|
|
@ -238,38 +238,11 @@ const open = async (id: string, type: 'wechat' | 'dingtalk' | 'wecom' | 'feishu'
|
|||
MsgError('加载配置失败，请检查输入或稍后再试')
|
||||
} finally {
|
||||
loading.value = false
|
||||
// form[configType.value].callback_url = `${window.location.origin}/${type}/${id}`
|
||||
form[configType.value].callback_url = `${window.location.origin}/${type}/${id}`
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.eye-icon {
|
||||
cursor: pointer;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.eye-icon.is-active {
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.instruction-text {
|
||||
font-family:
|
||||
PingFang SC,
|
||||
sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.instruction-text a {
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.instruction-text a:hover {
|
||||
color: #66b1ff;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue