From a64ec3674447ae0d49b880914868bfa3d174e2d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=80=97=E5=AD=90?= Date: Sun, 9 Feb 2025 16:38:47 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/views/apps/docker/IndexView.vue | 2 +- web/src/views/apps/fail2ban/IndexView.vue | 7 +++--- web/src/views/apps/mysql/IndexView.vue | 21 +++++++++-------- web/src/views/apps/nginx/IndexView.vue | 14 +++++++----- web/src/views/apps/php/PhpView.vue | 25 ++++++++++++--------- web/src/views/apps/phpmyadmin/IndexView.vue | 16 +++++++------ web/src/views/apps/podman/IndexView.vue | 14 +++++++----- web/src/views/apps/pureftpd/IndexView.vue | 5 +++-- web/src/views/apps/redis/IndexView.vue | 7 +++--- web/src/views/apps/s3fs/IndexView.vue | 4 ++-- web/src/views/apps/supervisor/IndexView.vue | 24 ++++++++++---------- web/src/views/apps/toolbox/IndexView.vue | 2 +- web/src/views/cert/AccountView.vue | 4 ++-- web/src/views/cert/IndexView.vue | 2 +- web/src/views/file/ListTable.vue | 12 ++++++---- 15 files changed, 90 insertions(+), 69 deletions(-) diff --git a/web/src/views/apps/docker/IndexView.vue b/web/src/views/apps/docker/IndexView.vue index a63642fa..75f7aea6 100644 --- a/web/src/views/apps/docker/IndexView.vue +++ b/web/src/views/apps/docker/IndexView.vue @@ -31,7 +31,7 @@ const getIsEnabled = async () => { isEnabled.value = await systemctl.isEnabled('docker') } -const handleSaveConfig = async () => { +const handleSaveConfig = () => { useRequest(docker.updateConfig(config.value)).onSuccess(() => { window.$message.success('保存成功') }) diff --git a/web/src/views/apps/fail2ban/IndexView.vue b/web/src/views/apps/fail2ban/IndexView.vue index ce1313ef..d590e4f7 100644 --- a/web/src/views/apps/fail2ban/IndexView.vue +++ b/web/src/views/apps/fail2ban/IndexView.vue @@ -169,9 +169,10 @@ const getWhiteList = async () => { white.value = await fail2ban.whitelist() } -const handleSaveWhiteList = async () => { - await fail2ban.setWhitelist(white.value) - window.$message.success('保存成功') +const handleSaveWhiteList = () => { + useRequest(fail2ban.setWhitelist(white.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const getWebsiteList = async (page: number, limit: number) => { diff --git a/web/src/views/apps/mysql/IndexView.vue b/web/src/views/apps/mysql/IndexView.vue index 5d33fb6f..99ed785d 100644 --- a/web/src/views/apps/mysql/IndexView.vue +++ b/web/src/views/apps/mysql/IndexView.vue @@ -57,19 +57,22 @@ const getIsEnabled = async () => { isEnabled.value = await systemctl.isEnabled('mysqld') } -const handleSaveConfig = async () => { - await mysql.saveConfig(config.value) - window.$message.success('保存成功') +const handleSaveConfig = () => { + useRequest(mysql.saveConfig(config.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } -const handleClearErrorLog = async () => { - await mysql.clearErrorLog() - window.$message.success('清空成功') +const handleClearErrorLog = () => { + useRequest(mysql.clearErrorLog()).onSuccess(() => { + window.$message.success('清空成功') + }) } -const handleClearSlowLog = async () => { - await mysql.clearSlowLog() - window.$message.success('清空成功') +const handleClearSlowLog = () => { + useRequest(mysql.clearSlowLog()).onSuccess(() => { + window.$message.success('清空成功') + }) } const handleIsEnabled = async () => { diff --git a/web/src/views/apps/nginx/IndexView.vue b/web/src/views/apps/nginx/IndexView.vue index aae6e563..68dfad03 100644 --- a/web/src/views/apps/nginx/IndexView.vue +++ b/web/src/views/apps/nginx/IndexView.vue @@ -55,14 +55,16 @@ const getIsEnabled = async () => { isEnabled.value = await systemctl.isEnabled('nginx') } -const handleSaveConfig = async () => { - await nginx.saveConfig(config.value) - window.$message.success('保存成功') +const handleSaveConfig = () => { + useRequest(nginx.saveConfig(config.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } -const handleClearErrorLog = async () => { - await nginx.clearErrorLog() - window.$message.success('清空成功') +const handleClearErrorLog = () => { + useRequest(nginx.clearErrorLog()).onSuccess(() => { + window.$message.success('清空成功') + }) } const handleIsEnabled = async () => { diff --git a/web/src/views/apps/php/PhpView.vue b/web/src/views/apps/php/PhpView.vue index 58c9f2ac..eed82d7c 100644 --- a/web/src/views/apps/php/PhpView.vue +++ b/web/src/views/apps/php/PhpView.vue @@ -150,28 +150,33 @@ const getIsEnabled = async () => { } const handleSetCli = async () => { - await php.setCli(version.value) - window.$message.success('设置成功') + useRequest(php.setCli(version.value)).onSuccess(() => { + window.$message.success('设置成功') + }) } const handleSaveConfig = async () => { - await php.saveConfig(version.value, config.value) - window.$message.success('保存成功') + useRequest(php.saveConfig(version.value, config.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const handleSaveFPMConfig = async () => { - await php.saveFPMConfig(version.value, fpmConfig.value) - window.$message.success('保存成功') + useRequest(php.saveFPMConfig(version.value, fpmConfig.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const handleClearErrorLog = async () => { - await php.clearErrorLog(version.value) - window.$message.success('清空成功') + useRequest(php.clearErrorLog(version.value)).onSuccess(() => { + window.$message.success('清空成功') + }) } const handleClearSlowLog = async () => { - await php.clearSlowLog(version.value) - window.$message.success('清空成功') + useRequest(php.clearSlowLog(version.value)).onSuccess(() => { + window.$message.success('清空成功') + }) } const handleIsEnabled = async () => { diff --git a/web/src/views/apps/phpmyadmin/IndexView.vue b/web/src/views/apps/phpmyadmin/IndexView.vue index b66d3b09..baaef06c 100644 --- a/web/src/views/apps/phpmyadmin/IndexView.vue +++ b/web/src/views/apps/phpmyadmin/IndexView.vue @@ -30,15 +30,17 @@ const getInfo = async () => { newPort.value = data.port } -const handleSave = async () => { - await phpmyadmin.port(newPort.value) - window.$message.success('保存成功') - await getInfo() +const handleSave = () => { + useRequest(phpmyadmin.port(newPort.value)).onSuccess(() => { + window.$message.success('保存成功') + getInfo() + }) } -const handleSaveConfig = async () => { - await phpmyadmin.saveConfig(config.value) - window.$message.success('保存成功') +const handleSaveConfig = () => { + useRequest(phpmyadmin.saveConfig(config.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } onMounted(() => { diff --git a/web/src/views/apps/podman/IndexView.vue b/web/src/views/apps/podman/IndexView.vue index 8746da59..cc3f5f7f 100644 --- a/web/src/views/apps/podman/IndexView.vue +++ b/web/src/views/apps/podman/IndexView.vue @@ -32,14 +32,16 @@ const getConfig = async () => { storageConfig.value = await podman.storageConfig() } -const handleSaveRegistryConfig = async () => { - await podman.saveRegistryConfig(registryConfig.value) - window.$message.success('保存成功') +const handleSaveRegistryConfig = () => { + useRequest(podman.saveRegistryConfig(registryConfig.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } -const handleSaveStorageConfig = async () => { - await podman.saveStorageConfig(storageConfig.value) - window.$message.success('保存成功') +const handleSaveStorageConfig = () => { + useRequest(podman.saveStorageConfig(storageConfig.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const handleStart = async () => { diff --git a/web/src/views/apps/pureftpd/IndexView.vue b/web/src/views/apps/pureftpd/IndexView.vue index b84e7de6..b1acf958 100644 --- a/web/src/views/apps/pureftpd/IndexView.vue +++ b/web/src/views/apps/pureftpd/IndexView.vue @@ -127,8 +127,9 @@ const getPort = async () => { } const handleSavePort = async () => { - await pureftpd.updatePort(port.value) - window.$message.success('保存成功') + useRequest(pureftpd.updatePort(port.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const handleStart = async () => { diff --git a/web/src/views/apps/redis/IndexView.vue b/web/src/views/apps/redis/IndexView.vue index 700eab3f..dcf1959c 100644 --- a/web/src/views/apps/redis/IndexView.vue +++ b/web/src/views/apps/redis/IndexView.vue @@ -51,9 +51,10 @@ const getIsEnabled = async () => { isEnabled.value = await systemctl.isEnabled('redis') } -const handleSaveConfig = async () => { - await redis.saveConfig(config.value) - window.$message.success('保存成功') +const handleSaveConfig = () => { + useRequest(redis.saveConfig(config.value)).onSuccess(() => { + window.$message.success('保存成功') + }) } const handleStart = async () => { diff --git a/web/src/views/apps/s3fs/IndexView.vue b/web/src/views/apps/s3fs/IndexView.vue index 0773060a..026785fe 100644 --- a/web/src/views/apps/s3fs/IndexView.vue +++ b/web/src/views/apps/s3fs/IndexView.vue @@ -74,7 +74,7 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati } ) -const handleAddMount = async () => { +const handleAddMount = () => { useRequest(s3fs.add(addMountModel.value)).onSuccess(() => { refresh() addMountModal.value = false @@ -82,7 +82,7 @@ const handleAddMount = async () => { }) } -const handleDeleteMount = async (id: number) => { +const handleDeleteMount = (id: number) => { useRequest(s3fs.delete(id)).onSuccess(() => { refresh() window.$message.success('删除成功') diff --git a/web/src/views/apps/supervisor/IndexView.vue b/web/src/views/apps/supervisor/IndexView.vue index 105d5167..3612e7b1 100644 --- a/web/src/views/apps/supervisor/IndexView.vue +++ b/web/src/views/apps/supervisor/IndexView.vue @@ -233,20 +233,20 @@ const getIsEnabled = async () => { isEnabled.value = await systemctl.isEnabled(serviceName.value) } -const handleSaveConfig = async () => { +const handleSaveConfig = () => { useRequest(supervisor.saveConfig(config.value)).onSuccess(() => { refresh() window.$message.success('保存成功') }) } -const handleClearLog = async () => { +const handleClearLog = () => { useRequest(supervisor.clearLog()).onSuccess(() => { window.$message.success('清空成功') }) } -const handleIsEnabled = async () => { +const handleIsEnabled = () => { if (isEnabled.value) { useRequest(systemctl.enable(serviceName.value)).onSuccess(() => { getIsEnabled() @@ -260,28 +260,28 @@ const handleIsEnabled = async () => { } } -const handleStart = async () => { +const handleStart = () => { useRequest(systemctl.start(serviceName.value)).onSuccess(() => { getStatus() window.$message.success('启动成功') }) } -const handleStop = async () => { +const handleStop = () => { useRequest(systemctl.stop(serviceName.value)).onSuccess(() => { getStatus() window.$message.success('停止成功') }) } -const handleRestart = async () => { +const handleRestart = () => { useRequest(systemctl.restart(serviceName.value)).onSuccess(() => { getStatus() window.$message.success('重启成功') }) } -const handleCreateProcess = async () => { +const handleCreateProcess = () => { useRequest(supervisor.createProcess(createProcessModel.value)).onSuccess(() => { refresh() createProcessModal.value = false @@ -289,28 +289,28 @@ const handleCreateProcess = async () => { }) } -const handleProcessStart = async (name: string) => { +const handleProcessStart = (name: string) => { useRequest(supervisor.startProcess(name)).onSuccess(() => { refresh() window.$message.success('启动成功') }) } -const handleProcessStop = async (name: string) => { +const handleProcessStop = (name: string) => { useRequest(supervisor.stopProcess(name)).onSuccess(() => { refresh() window.$message.success('停止成功') }) } -const handleProcessRestart = async (name: string) => { +const handleProcessRestart = (name: string) => { useRequest(supervisor.restartProcess(name)).onSuccess(() => { refresh() window.$message.success('重启成功') }) } -const handleProcessDelete = async (name: string) => { +const handleProcessDelete = (name: string) => { useRequest(supervisor.deleteProcess(name)).onSuccess(() => { refresh() window.$message.success('删除成功') @@ -332,7 +332,7 @@ const getProcessConfig = async (name: string) => { editProcessModel.value.config = await supervisor.processConfig(name) } -const handleSaveProcessConfig = async () => { +const handleSaveProcessConfig = () => { useRequest( supervisor.saveProcessConfig(editProcessModel.value.process, editProcessModel.value.config) ).onSuccess(() => { diff --git a/web/src/views/apps/toolbox/IndexView.vue b/web/src/views/apps/toolbox/IndexView.vue index 40101a71..a63e31ea 100644 --- a/web/src/views/apps/toolbox/IndexView.vue +++ b/web/src/views/apps/toolbox/IndexView.vue @@ -65,7 +65,7 @@ const handleUpdateHost = async () => { }) } -const handleUpdateRootPassword = async () => { +const handleUpdateRootPassword = () => { useRequest(toolbox.updateRootPassword(rootPassword.value)).onSuccess(() => { window.$message.success('保存成功') }) diff --git a/web/src/views/cert/AccountView.vue b/web/src/views/cert/AccountView.vue index 14a54bab..3ec31344 100644 --- a/web/src/views/cert/AccountView.vue +++ b/web/src/views/cert/AccountView.vue @@ -102,7 +102,7 @@ const columns: any = [ h( NPopconfirm, { - onPositiveClick: async () => { + onPositiveClick: () => { useRequest(cert.accountDelete(row.id)).onSuccess(() => { window.$message.success('删除成功') refresh() @@ -143,7 +143,7 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati } ) -const handleUpdateAccount = async () => { +const handleUpdateAccount = () => { messageReactive = window.$message.loading('正在向 CA 注册账号，请耐心等待', { duration: 0 }) diff --git a/web/src/views/cert/IndexView.vue b/web/src/views/cert/IndexView.vue index 7d3083f4..d93ed5d6 100644 --- a/web/src/views/cert/IndexView.vue +++ b/web/src/views/cert/IndexView.vue @@ -30,7 +30,7 @@ const accounts = ref([]) const dnsProviders = ref([]) const caProviders = ref([]) -const getAsyncData = async () => { +const getAsyncData = () => { useRequest(cert.algorithms()).onSuccess(({ data }) => { algorithms.value = data }) diff --git a/web/src/views/file/ListTable.vue b/web/src/views/file/ListTable.vue index 75cfc03f..1d302898 100644 --- a/web/src/views/file/ListTable.vue +++ b/web/src/views/file/ListTable.vue @@ -483,15 +483,17 @@ const handlePaste = () => { onPositiveClick: () => { if (markedType.value == 'copy') { useRequest(file.copy(paths)).onSuccess(() => { + marked.value = [] + window.$bus.emit('file:refresh') window.$message.success('复制成功') }) } else { useRequest(file.move(paths)).onSuccess(() => { + marked.value = [] + window.$bus.emit('file:refresh') window.$message.success('移动成功') }) } - marked.value = [] - window.$bus.emit('file:refresh') }, onNegativeClick: () => { marked.value = [] @@ -501,15 +503,17 @@ const handlePaste = () => { } else { if (markedType.value == 'copy') { useRequest(file.copy(paths)).onSuccess(() => { + marked.value = [] + window.$bus.emit('file:refresh') window.$message.success('复制成功') }) } else { useRequest(file.move(paths)).onSuccess(() => { + marked.value = [] + window.$bus.emit('file:refresh') window.$message.success('移动成功') }) } - marked.value = [] - window.$bus.emit('file:refresh') } }) }