diff --git a/backend/app/service/app_utils.go b/backend/app/service/app_utils.go
index 084c74c10..d07d37e7f 100644
--- a/backend/app/service/app_utils.go
+++ b/backend/app/service/app_utils.go
@@ -205,6 +205,7 @@ func updateInstall(installId uint, detailId uint) error {
 	}
 	install.DockerCompose = detail.DockerCompose
 	install.Version = detail.Version
+	install.AppDetailId = detailId
 
 	fileOp := files.NewFileOp()
 	if err := fileOp.WriteFile(install.GetComposePath(), strings.NewReader(install.DockerCompose), 0775); err != nil {
diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 6b4d67832..116e9e014 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -927,6 +927,8 @@ export default {
         updatePrompt: 'The current application is the latest version',
         installPrompt: 'No apps installed yet',
         updateHelper: 'Updating parameters may cause the application to fail to start, please operate with caution',
+        updateWarn: 'Update parameters need to rebuild the application, continue? ',
+        busPort: 'Service Port',
     },
     website: {
         website: 'Website',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 586a5e5f6..6482e3af8 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -937,6 +937,7 @@ export default {
         installPrompt: '尚未安装任何应用',
         updateHelper: '更新参数可能导致应用无法启动，请提前备份并谨慎操作',
         updateWarn: '更新参数需要重建应用，是否继续？',
+        busPort: '服务端口',
     },
     website: {
         website: '网站',
diff --git a/frontend/src/views/app-store/installed/detail/index.vue b/frontend/src/views/app-store/installed/detail/index.vue
index f71c1fe31..62218cb2f 100644
--- a/frontend/src/views/app-store/installed/detail/index.vue
+++ b/frontend/src/views/app-store/installed/detail/index.vue
@@ -75,6 +75,7 @@ let submitModel = ref<any>({});
 let canEdit = ref(false);
 
 const acceptParams = async (props: ParamProps) => {
+    canEdit.value = false;
     submitModel.value.installId = props.id;
     params.value = [];
     paramData.value.id = props.id;
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 040fa4c35..37805063e 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -128,14 +128,17 @@
                                             plain
                                             round
                                             size="small"
-                                            @click="openOperate(installed, 'update')"
+                                            @click="openOperate(installed, 'upgrade')"
                                             v-if="mode === 'upgrade'"
                                         >
-                                            {{ $t('app.update') }}
+                                            {{ $t('app.upgrade') }}
                                         </el-button>
                                     </div>
                                     <div class="d-description">
                                         <el-tag>{{ $t('app.version') }}：{{ installed.version }}</el-tag>
+                                        <el-tag v-if="installed.httpPort > 0">
+                                            {{ $t('app.busPort') }}：{{ installed.httpPort }}
+                                        </el-tag>
                                         <div class="description">
                                             <span>{{ $t('app.areadyRun') }}： {{ getAge(installed.createdAt) }}</span>
                                         </div>
@@ -272,7 +275,7 @@ const search = () => {
 const openOperate = (row: any, op: string) => {
     operateReq.installId = row.id;
     operateReq.operate = op;
-    if (op == 'update') {
+    if (op == 'upgrade') {
         upgradeRef.value.acceptParams(row.id, row.name);
     } else if (op == 'delete') {
         AppInstalledDeleteCheck(row.id).then(async (res) => {
diff --git a/frontend/src/views/app-store/installed/upgrade/index.vue b/frontend/src/views/app-store/installed/upgrade/index.vue
index 4a0646a7a..3226b27f1 100644
--- a/frontend/src/views/app-store/installed/upgrade/index.vue
+++ b/frontend/src/views/app-store/installed/upgrade/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-drawer :close-on-click-modal="false" v-model="open" size="30%">
         <template #header>
-            <Header :header="$t('app.update')" :resource="resourceName" :back="handleClose"></Header>
+            <Header :header="$t('app.upgrade')" :resource="resourceName" :back="handleClose"></Header>
         </template>
         <el-row>
             <el-col :span="22" :offset="1">
@@ -87,8 +87,8 @@ const operate = async () => {
 
 const onOperate = async () => {
     ElMessageBox.confirm(
-        i18n.global.t('app.operatorHelper', [i18n.global.t('app.update')]),
-        i18n.global.t('app.update'),
+        i18n.global.t('app.operatorHelper', [i18n.global.t('app.upgrade')]),
+        i18n.global.t('app.upgrade'),
         {
             confirmButtonText: i18n.global.t('commons.button.confirm'),
             cancelButtonText: i18n.global.t('commons.button.cancel'),