From ac26a214bc6fc94b5d3a5485c3edcc16f4a77004 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=AE=97=E6=B4=8B?= <liuzongyang@cqliving.com>
Date: Wed, 2 Nov 2022 21:24:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AD=90=E7=BB=84=E4=BB=B6=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E9=80=9A=E7=9F=A5=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mayfly_go_web/src/views/ops/db/CreateTable.vue |  9 +++------
 mayfly_go_web/src/views/ops/db/DbList.vue      | 16 ++++++++++------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/mayfly_go_web/src/views/ops/db/CreateTable.vue b/mayfly_go_web/src/views/ops/db/CreateTable.vue
index b7b7181c..c0566052 100644
--- a/mayfly_go_web/src/views/ops/db/CreateTable.vue
+++ b/mayfly_go_web/src/views/ops/db/CreateTable.vue
@@ -128,7 +128,7 @@
 
 
 <script lang="ts" setup>
-import { watch, toRefs, reactive, ref, getCurrentInstance } from 'vue';
+import { watch, toRefs, reactive, ref } from 'vue';
 import { TYPE_LIST, CHARACTER_SET_NAME_LIST, COLLATION_SUFFIX_LIST } from './service.ts';
 import { ElMessage } from 'element-plus';
 import SqlExecBox from './component/SqlExecBox.ts';
@@ -152,11 +152,9 @@ const props = defineProps({
 })
 
 //定义事件
-const emit = defineEmits(['update:visible', 'cancel', 'val-change'])
+const emit = defineEmits(['update:visible', 'cancel', 'val-change', 'submit-sql'])
 
 const formRef: any = ref();
-const { proxy } = getCurrentInstance() as any;
-
 const state = reactive({
     dialogVisible: false,
     btnloading: false,
@@ -339,8 +337,7 @@ const submit = async () => {
         dbId: props.dbId as any,
         db: props.db,
         runSuccessCallback: () => {
-            proxy.$parent.openEditTable({ tableName: state.tableData.tableName });
-            proxy.$parent.refreshTableInfo();
+            emit('submit-sql', {tableName: state.tableData.tableName });
             // cancel();
         },
     });
diff --git a/mayfly_go_web/src/views/ops/db/DbList.vue b/mayfly_go_web/src/views/ops/db/DbList.vue
index 412b0333..64bf9342 100644
--- a/mayfly_go_web/src/views/ops/db/DbList.vue
+++ b/mayfly_go_web/src/views/ops/db/DbList.vue
@@ -244,8 +244,13 @@
 
         <db-edit @val-change="valChange" :title="dbEditDialog.title" v-model:visible="dbEditDialog.visible"
             v-model:db="dbEditDialog.data"></db-edit>
-        <create-table :title="tableCreateDialog.title" :active-name="tableCreateDialog.activeName" :dbId="dbId" :db="db"
-            :data="tableCreateDialog.data" v-model:visible="tableCreateDialog.visible"></create-table>
+        <create-table :title="tableCreateDialog.title" 
+                      :active-name="tableCreateDialog.activeName" 
+                      :dbId="dbId" :db="db" 
+                      :data="tableCreateDialog.data" 
+                      v-model:visible="tableCreateDialog.visible"
+                      @submit-sql="onSubmitSql"
+        ></create-table>
     </div>
 </template>
 
@@ -586,10 +591,9 @@ const showTableInfo = async (row: any, db: string) => {
     }
 };
 
-// 给子组件调用，勿删
-// eslint-disable-next-line no-unused-vars
-const refreshTableInfo = async () => {
-  state.tableInfoDialog.infos = await dbApi.tableInfos.request({ id: state.dbId, db: state.db });
+const onSubmitSql = async (row: {tableName: string}) => {
+    await openEditTable(row)
+    state.tableInfoDialog.infos = await dbApi.tableInfos.request({ id: state.dbId, db: state.db });
 }
 
 const closeTableInfo = () => {