From de85d9da439d22ed40b9eb31f76071860c01df18 Mon Sep 17 00:00:00 2001
From: yahui qin <>
Date: Sat, 16 Apr 2022 08:50:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=9A=E6=9D=A1sql=E7=9A=84=E6=97=B6?=
 =?UTF-8?q?=E5=80=99=EF=BC=8C=E7=AC=AC=E4=BA=8C=E4=B8=AAsql=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E4=B8=8D=E8=83=BD=E7=9B=B4=E6=8E=A5=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?sql=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dbapi-ui/src/components/api/common/SqlCode.vue | 8 ++++++--
 dbapi-ui/src/components/api/common/codeUI.vue  | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/dbapi-ui/src/components/api/common/SqlCode.vue b/dbapi-ui/src/components/api/common/SqlCode.vue
index ad6e96f..5df9211 100644
--- a/dbapi-ui/src/components/api/common/SqlCode.vue
+++ b/dbapi-ui/src/components/api/common/SqlCode.vue
@@ -57,7 +57,7 @@
           <div class="tabs">
             <div v-for="(item,index) in this.$store.state.sqls"
                  :class="{'tab':true,'tab-active':currentIndex === index}">
-              <div @click="focusCM(index)" class="text">
+              <div @click="focusCM(index, item.sqlText)" class="text">
                 SQL-{{ item.label }}
               </div>
               <span @click="removeTab(index)" class="el-icon-circle-close close" v-if="index > 0"></span>
@@ -281,8 +281,12 @@ export default {
       }
 
     },
-    focusCM(index) {
+    focusCM(index, sql) {
       this.currentIndex = index
+      const _this = this
+      this.$nextTick(() => {
+        _this.$refs['codeui-'+index][0].$refs['codemirror'].codemirror.refresh()
+      })
     },
     tag(item) {
       let val = ''
diff --git a/dbapi-ui/src/components/api/common/codeUI.vue b/dbapi-ui/src/components/api/common/codeUI.vue
index f3b3ebe..5328b4e 100644
--- a/dbapi-ui/src/components/api/common/codeUI.vue
+++ b/dbapi-ui/src/components/api/common/codeUI.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <codemirror class="myMirror" :options="cmOptions" @ready="onCmReady" @focus="onCmFocus"
+    <codemirror ref="codemirror" class="myMirror" :options="cmOptions" @ready="onCmReady" @focus="onCmFocus"
                 @inputRead="onCmCodeChange">
     </codemirror>
   </div>
-- 
Gitee