From 56caa732099a6cec07c6d166460b042c247254d3 Mon Sep 17 00:00:00 2001
From: yumaojun03 <719118794@qq.com>
Date: Sun, 24 Aug 2025 09:27:02 +0800
Subject: [PATCH] update app edit

---
 devcloud/web/src/pages/develop/AppPage.vue    |  3 +-
 .../pages/develop/components/AppFormModel.vue | 31 +++++++++++++------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/devcloud/web/src/pages/develop/AppPage.vue b/devcloud/web/src/pages/develop/AppPage.vue
index 0d692f6..ee92bf7 100644
--- a/devcloud/web/src/pages/develop/AppPage.vue
+++ b/devcloud/web/src/pages/develop/AppPage.vue
@@ -51,8 +51,7 @@
           </a-table-column>
         </template>
       </a-table>
-      <AppFormModel v-model:visible="formVisible" @update:visible="(v) => console.log(v)" :appData="currentApp"
-        @submit="fetchAppList" />
+      <AppFormModel v-model:visible="formVisible" :appData="currentApp" @submit="fetchAppList" />
     </a-card>
   </div>
 </template>
diff --git a/devcloud/web/src/pages/develop/components/AppFormModel.vue b/devcloud/web/src/pages/develop/components/AppFormModel.vue
index b0bb590..2910a1a 100644
--- a/devcloud/web/src/pages/develop/components/AppFormModel.vue
+++ b/devcloud/web/src/pages/develop/components/AppFormModel.vue
@@ -119,13 +119,15 @@ onMounted(() => {
 });
 
 // 3. 最后定义watch（此时resetForm已经定义）
-watch(() => props.appData, (newVal) => {
-  if (newVal) {
-    form.value = { ...newVal };
-  } else {
-    resetForm();
+watch(() => props.visible, (newVal) => {
+  if (props.appData) {
+    if (newVal) {
+      form.value = { ...props.appData };
+    } else {
+      resetForm();
+    }
   }
-}, { immediate: true });
+}, { immediate: true, });
 
 
 // 提交前校验, 阻止模态框关闭
@@ -141,10 +143,19 @@ const handleBeforeOk = async () => {
   createAppLoading.value = true
   try {
     createAppLoading.value = true
-    await API.mpaas.AppCreate({
-      ...form.value,
-      name: form.value.name.trim()
-    });
+
+    if (editMode.value) {
+      await API.mpaas.AppUpdate(props.appData.id, {
+        ...form.value,
+        name: form.value.name.trim()
+      });
+      return true
+    } else {
+      await API.mpaas.AppCreate({
+        ...form.value,
+        name: form.value.name.trim()
+      });
+    }
     return true
   } catch (error) {
     console.error('Error creating app:', error);