feat: 已安装应用增加 https 端口跳转 (#1870)

frontend/src/components/port-jump/index.vue

@@ -33,6 +33,7 @@ const dialogVisiable = ref();
 
 interface DialogProps {
     port: any;
+    protocol: string;
 }
 
 const acceptParams = async (params: DialogProps): Promise<void> => {
@@ -40,16 +41,17 @@ const acceptParams = async (params: DialogProps): Promise<void> => {
         MsgError(i18n.global.t('setting.errPort'));
         return;
     }
+    let protocol = params.protocol === 'https' ? 'https' : 'http';
     const res = await getSettingInfo();
     if (!res.data.systemIP) {
         dialogVisiable.value = true;
         return;
     }
     if (!checkIp(res.data.systemIP) || !checkDomain(res.data.systemIP)) {
-        window.open(`http://${res.data.systemIP}:${params.port}`, '_blank');
+        window.open(`${protocol}://${res.data.systemIP}:${params.port}`, '_blank');
         return;
     }
-    window.open(`http://[${res.data.systemIP}]:${params.port}`, '_blank');
+    window.open(`${protocol}://[${res.data.systemIP}]:${params.port}`, '_blank');
 };
 
 const goRouter = async (path: string) => {

frontend/src/lang/modules/en.ts

@@ -48,6 +48,7 @@ const message = {
             ignore: 'Ignore upgrade',
             copy: 'Copy',
             random: 'Random',
+            uninstall: 'Uninstall',
         },
         search: {
             timeStart: 'Time start',

frontend/src/lang/modules/tw.ts

@@ -48,6 +48,7 @@ const message = {
             ignore: '忽略升級',
             copy: '復製',
             random: '隨機密碼',
+            uninstall: '卸載',
         },
         search: {
             timeStart: '開始時間',

frontend/src/lang/modules/zh.ts

@@ -48,6 +48,7 @@ const message = {
             ignore: '忽略升级',
             copy: '复制',
             random: '随机密码',
+            uninstall: '卸载',
         },
         search: {
             timeStart: '开始时间',

frontend/src/views/app-store/installed/index.vue

@@ -196,11 +196,19 @@
                                             <el-tag
                                                 class="middle-center"
                                                 v-if="installed.httpPort > 0"
-                                                @click="goDashboard(installed.httpPort)"
+                                                @click="goDashboard(installed.httpPort, 'http')"
                                             >
                                                 <el-icon class="middle-center"><Position /></el-icon>
                                                 {{ $t('app.busPort') }}：{{ installed.httpPort }}
                                             </el-tag>
+                                            <el-tag
+                                                class="middle-center"
+                                                v-if="installed.httpsPort > 0"
+                                                @click="goDashboard(installed.httpsPort, 'https')"
+                                            >
+                                                <el-icon class="middle-center"><Position /></el-icon>
+                                                {{ $t('app.busPort') }}：{{ installed.httpsPort }}
+                                            </el-tag>
                                             <div class="description">
                                                 <span>
                                                     {{ $t('app.alreadyRun') }}： {{ getAge(installed.createdAt) }}
@@ -358,8 +366,8 @@ const search = () => {
     });
 };
 
-const goDashboard = async (port: any) => {
-    dialogPortJumpRef.value.acceptParams({ port: port });
+const goDashboard = async (port: any, protocol: string) => {
+    dialogPortJumpRef.value.acceptParams({ port: port, protocol: protocol });
 };
 
 const openOperate = (row: any, op: string) => {
@@ -467,7 +475,7 @@ const buttons = [
         },
     },
     {
-        label: i18n.global.t('commons.button.delete'),
+        label: i18n.global.t('commons.button.uninstall'),
         click: (row: any) => {
             openOperate(row, 'delete');
         },