feat: 应用安装增加端口放开提示 (#1492)

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',

frontend/src/lang/modules/zh.ts

@@ -1207,6 +1207,7 @@ const message = {
         allReadyInstalled: '已安装',
         installHelper: '配置镜像加速可以解决镜像拉取失败的问题',
         upgradeHelper: '异常应用需要先同步到正常状态',
+        installWarn: '未开启端口外部访问，无法通过外网IP:端口访问，是否继续？',
     },
     website: {
         website: '网站',

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;
+                });
+        });
     });
 };