From e9a129ef0fabbb394c07513aeba6816ea0483edb Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Fri, 30 Dec 2022 16:23:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=BB=BA=E7=BD=91=E7=AB=99=20?=
 =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE=E5=BA=93=E6=83=85=E5=86=B5=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/zh.ts                      |  1 +
 frontend/src/views/app-store/detail/params/index.vue | 11 ++++++++++-
 frontend/src/views/website/website/create/index.vue  |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 8682f3dc7..7495d9e88 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -804,6 +804,7 @@ export default {
         forceDeleteHelper: '强制删除，会忽略删除过程中产生的错误并最终删除元数据',
         deleteBackup: '删除备份',
         deleteBackupHelper: '同时删除应用备份',
+        toInstall: '去安装',
     },
     website: {
         website: '网站',
diff --git a/frontend/src/views/app-store/detail/params/index.vue b/frontend/src/views/app-store/detail/params/index.vue
index fc61695e8..a04438447 100644
--- a/frontend/src/views/app-store/detail/params/index.vue
+++ b/frontend/src/views/app-store/detail/params/index.vue
@@ -34,6 +34,9 @@
                     :label="service.label"
                 ></el-option>
             </el-select>
+            <span v-if="p.type === 'service' && !p.services" style="margin-left: 5px">
+                <el-link type="primary" :underline="false" @click="toPage()">{{ $t('app.toInstall') }}</el-link>
+            </span>
         </el-form-item>
     </div>
 </template>
@@ -43,6 +46,8 @@ import { getRandomStr } from '@/utils/util';
 import { GetAppService } from '@/api/modules/app';
 import { Rules } from '@/global/form-rules';
 import { App } from '@/api/interface/app';
+import { useRouter } from 'vue-router';
+const router = useRouter();
 
 interface ParamObj extends App.FromField {
     services: App.AppService[];
@@ -133,7 +138,7 @@ const handleParams = () => {
 const getServices = async (envKey: string, key: string | undefined, pObj: ParamObj) => {
     await GetAppService(key).then((res) => {
         pObj.services = res.data;
-        if (res.data.length > 0) {
+        if (res.data && res.data.length > 0) {
             form[envKey] = res.data[0].value;
             if (res.data[0].config) {
                 Object.entries(res.data[0].config).forEach(([k, v]) => {
@@ -162,6 +167,10 @@ const changeService = (value: string, services: App.AppService[]) => {
     updateParam();
 };
 
+const toPage = () => {
+    router.push({ name: 'App' });
+};
+
 onMounted(() => {
     handleParams();
 });
diff --git a/frontend/src/views/website/website/create/index.vue b/frontend/src/views/website/website/create/index.vue
index afd79bd60..48b1caa8b 100644
--- a/frontend/src/views/website/website/create/index.vue
+++ b/frontend/src/views/website/website/create/index.vue
@@ -12,7 +12,7 @@
                     ref="websiteForm"
                     label-position="right"
                     :model="website"
-                    label-width="68px"
+                    label-width="125px"
                     :rules="rules"
                     :validate-on-rule-change="false"
                 >