diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts index 2d494cde9..abf0b57af 100644 --- a/frontend/src/lang/modules/en.ts +++ b/frontend/src/lang/modules/en.ts @@ -1242,6 +1242,8 @@ const message = { allReadyInstalled: 'Installed', installHelper: 'Configuring image acceleration can solve the problem of image pull failure', upgradeHelper: 'The abnormal application needs to be synchronized to the normal state first', + installWarn: + ' Port external access is not enabled, and cannot be accessed through the external network IP:port. Do you want to continue?', }, website: { website: 'Website', diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts index 43e7e9b16..6ce3a35b1 100644 --- a/frontend/src/lang/modules/zh.ts +++ b/frontend/src/lang/modules/zh.ts @@ -1207,6 +1207,7 @@ const message = { allReadyInstalled: '已安装', installHelper: '配置镜像加速可以解决镜像拉取失败的问题', upgradeHelper: '异常应用需要先同步到正常状态', + installWarn: '未开启端口外部访问,无法通过外网IP:端口访问,是否继续?', }, website: { website: '网站', diff --git a/frontend/src/views/app-store/detail/install/index.vue b/frontend/src/views/app-store/detail/install/index.vue index 1c534a11c..69709cc04 100644 --- a/frontend/src/views/app-store/detail/install/index.vue +++ b/frontend/src/views/app-store/detail/install/index.vue @@ -149,7 +149,7 @@ const initData = () => ({ appDetailId: 0, params: form.value, name: '', - advanced: false, + advanced: true, cpuQuota: 0, memoryLimit: 0, memoryUnit: 'MB', @@ -198,15 +198,20 @@ const submit = async (formEl: FormInstance | undefined) => { if (req.memoryLimit < 0) { req.memoryLimit = 0; } - loading.value = true; - InstallApp(req) - .then(() => { - handleClose(); - router.push({ path: '/apps/installed' }); - }) - .finally(() => { - loading.value = false; - }); + ElMessageBox.confirm(i18n.global.t('app.installWarn'), i18n.global.t('app.checkTitle'), { + confirmButtonText: i18n.global.t('commons.button.confirm'), + cancelButtonText: i18n.global.t('commons.button.cancel'), + }).then(async () => { + loading.value = true; + InstallApp(req) + .then(() => { + handleClose(); + router.push({ path: '/apps/installed' }); + }) + .finally(() => { + loading.value = false; + }); + }); }); };