zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: drawer title for slack setting

Browse Source
This commit is contained in:
guqing 2025-02-24 11:08:43 +08:00 committed by 刘瑞斌
parent 8477e957bd
commit d3902a51ca
1 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/views/application/component/AccessSettingDrawer.vue
View File

@ -90,8 +90,8 @@
<template #footer> <template #footer>
<div> <div>
<el-button @click="closeDrawer">{{ $t('common.cancel') }}</el-button> <el-button @click="closeDrawer">{{ $t('common.cancel') }}</el-button>
<el-button type="primary" @click="submit" :disabled="loading" <el-button type="primary" @click="submit" :disabled="loading">
>{{ $t('common.save') }} {{ $t('common.save') }}
</el-button> </el-button>
</div> </div>
</template> </template>
@ -107,11 +107,13 @@ import { MsgError, MsgSuccess } from '@/utils/message'
import { copyClick } from '@/utils/clipboard' import { copyClick } from '@/utils/clipboard'
import { t } from '@/locales' import { t } from '@/locales'
type PlatformType = 'wechat' | 'dingtalk' | 'wecom' | 'feishu' | 'slack'
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const visible = ref(false) const visible = ref(false)
const loading = ref(false) const loading = ref(false)
const dataLoaded = ref(false) const dataLoaded = ref(false)
const configType = ref<'wechat' | 'dingtalk' | 'wecom' | 'feishu'>('wechat') const configType = ref<PlatformType>('wechat')
const route = useRoute() const route = useRoute()
const emit = defineEmits(['refresh']) const emit = defineEmits(['refresh'])
const { const {
@ -137,7 +139,7 @@ const form = reactive<any>({
callback_url: '' callback_url: ''
}, },
feishu: { app_id: '', app_secret: '', verification_token: '', callback_url: '' }, feishu: { app_id: '', app_secret: '', verification_token: '', callback_url: '' },
slack: { signing_secret: '', bot_user_token: '', callback_url: '' } slack: { signing_secret: '', bot_user_token: '', callback_url: '' }
}) })
const rules = reactive<{ [propName: string]: any }>({ const rules = reactive<{ [propName: string]: any }>({
@ -306,7 +308,13 @@ const configFields: { [propName: string]: { [propName: string]: any } } = {
} }
} }
const passwordFields = new Set(['app_secret', 'client_secret', 'secret']) const passwordFields = new Set([
'app_secret',
'client_secret',
'secret',
'bot_user_token',
'signing_secret'
])
const drawerTitle = computed( const drawerTitle = computed(
() => () =>
@ -314,8 +322,9 @@ const drawerTitle = computed(
wechat: t('views.application.applicationAccess.wechatSetting.title'), wechat: t('views.application.applicationAccess.wechatSetting.title'),
dingtalk: t('views.application.applicationAccess.dingtalkSetting.title'), dingtalk: t('views.application.applicationAccess.dingtalkSetting.title'),
wecom: t('views.application.applicationAccess.wecomSetting.title'), wecom: t('views.application.applicationAccess.wecomSetting.title'),
feishu: t('views.application.applicationAccess.larkSetting.title') feishu: t('views.application.applicationAccess.larkSetting.title'),
})[configType.value] slack: t('views.application.applicationAccess.slackSetting.title')
}[configType.value])
) )
const infoTitle = computed( const infoTitle = computed(
@ -324,8 +333,9 @@ const infoTitle = computed(
wechat: t('views.applicationOverview.appInfo.header'), wechat: t('views.applicationOverview.appInfo.header'),
dingtalk: t('views.applicationOverview.appInfo.header'), dingtalk: t('views.applicationOverview.appInfo.header'),
wecom: t('views.applicationOverview.appInfo.header'), wecom: t('views.applicationOverview.appInfo.header'),
feishu: t('views.applicationOverview.appInfo.header') feishu: t('views.applicationOverview.appInfo.header'),
})[configType.value] slack: t('views.applicationOverview.appInfo.header')
}[configType.value])
) )
const passwordVisible = reactive<Record<string, boolean>>( const passwordVisible = reactive<Record<string, boolean>>(
@ -366,7 +376,7 @@ const submit = async () => {
}) })
} }
const open = async (id: string, type: 'wechat' | 'dingtalk' | 'wecom' | 'feishu') => { const open = async (id: string, type: PlatformType) => {
visible.value = true visible.value = true
configType.value = type configType.value = type
loading.value = true loading.value = true
@ -388,5 +398,3 @@ const open = async (id: string, type: 'wechat' | 'dingtalk' | 'wecom' | 'feishu'
defineExpose({ open }) defineExpose({ open })
</script> </script>
<style lang="scss"></style>