From 2f7d5336e2f7f0e7d7bc70b43ab97d6be4e8756a Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Wed, 21 Feb 2024 15:22:30 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20sql=20query=20coun?=
 =?UTF-8?q?ter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/i18n.js                           |  3 ++-
 src/layout/components/Page/SqlQueryTip.vue | 16 ++++++++++++----
 src/router/settings/index.js               |  6 ++++--
 src/store/getters.js                       |  3 ++-
 src/store/modules/common.js                |  4 ++++
 src/styles/index.scss                      |  1 -
 6 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/i18n/i18n.js b/src/i18n/i18n.js
index fdb5ede75..1397ee441 100644
--- a/src/i18n/i18n.js
+++ b/src/i18n/i18n.js
@@ -10,8 +10,9 @@ import store from '@/store'
 
 Vue.use(VueI18n)
 const cookieLang = VueCookie.get('django_language')
+const storeLang = VueCookie.get('lang')
 const browserLang = navigator.systemLanguage || navigator.language
-let lang = cookieLang || browserLang || 'zh'
+let lang = cookieLang || storeLang || browserLang || 'zh'
 lang = lang.slice(0, 2)
 const i18n = new VueI18n({
   locale: lang,
diff --git a/src/layout/components/Page/SqlQueryTip.vue b/src/layout/components/Page/SqlQueryTip.vue
index e852b6821..7dd426262 100644
--- a/src/layout/components/Page/SqlQueryTip.vue
+++ b/src/layout/components/Page/SqlQueryTip.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <el-alert v-show="showSqlQueryCounter" class="container" type="info" @close="handleClose">
     <el-tag
       v-for="item in sqlQueryCounter || []"
       :key="item.url"
@@ -9,7 +9,7 @@
     >
       {{ item.url }}: <b>{{ item.count }}</b>
     </el-tag>
-  </div>
+  </el-alert>
 </template>
 
 <script>
@@ -20,15 +20,18 @@ export default {
   data() {
     return {
       loading: true,
-      licenseData: {}
+      licenseData: {},
+      show: true
     }
   },
   computed: {
     ...mapGetters([
-      'sqlQueryCounter'
+      'sqlQueryCounter',
+      'showSqlQueryCounter'
     ])
   },
   mounted() {
+    console.log('showSqlQueryCounter', this.showSqlQueryCounter)
   },
   methods: {
     getType(item) {
@@ -39,6 +42,9 @@ export default {
       } else {
         return 'success'
       }
+    },
+    handleClose() {
+      this.$store.dispatch('common/showSqlQueryCounter', false)
     }
   }
 }
@@ -49,6 +55,8 @@ export default {
   padding: 5px;
   width: 100%;
   overflow: hidden;
+  background-color: #f3f3f4 !important;
+  border: none !important;
 }
 
 </style>
diff --git a/src/router/settings/index.js b/src/router/settings/index.js
index 08b4b1b6d..48a9355c6 100644
--- a/src/router/settings/index.js
+++ b/src/router/settings/index.js
@@ -58,7 +58,8 @@ export default {
           meta: {
             title: i18n.t('OrganizationCreate'),
             action: 'create',
-            permissions: ['orgs.add_organization']
+            permissions: ['orgs.add_organization'],
+            activeMenu: '/settings/orgs'
           }
         },
         {
@@ -69,7 +70,8 @@ export default {
           meta: {
             title: i18n.t('OrganizationUpdate'),
             action: 'update',
-            permissions: ['orgs.change_organization']
+            permissions: ['orgs.change_organization'],
+            activeMenu: '/settings/orgs'
           }
         },
         {
diff --git a/src/store/getters.js b/src/store/getters.js
index 1ec8a2409..510723b28 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -30,6 +30,7 @@ const getters = {
   currentUserIsAdmin: state => state.users.isAdmin,
   hasValidLicense: state => state.settings.hasValidLicense,
   isSystemAdmin: state => state.users.profile.system_roles.some(i => (i?.id === '00000000-0000-0000-0000-000000000001')),
-  sqlQueryCounter: state => state.common.sqlQueryCounter
+  sqlQueryCounter: state => state.common.sqlQueryCounter,
+  showSqlQueryCounter: state => state.common.showSqlQueryCounter
 }
 export default getters
diff --git a/src/store/modules/common.js b/src/store/modules/common.js
index a60150bea..6f65b1f5c 100644
--- a/src/store/modules/common.js
+++ b/src/store/modules/common.js
@@ -6,6 +6,7 @@ const getDefaultState = () => {
     metaPromiseMap: {},
     isRouterAlive: true,
     sqlQueryCounter: [],
+    showSqlQueryCounter: true,
     confirmDialogVisible: false
   }
 }
@@ -81,6 +82,9 @@ const actions = {
   },
   showConfirmDialog({ commit, state }, show) {
     commit('setConfirmDialogVisible', show)
+  },
+  showSqlQueryCounter({ commit, state }, show) {
+    state.showSqlQueryCounter = show
   }
 }
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 38e5f4ffc..cdbf2b2f1 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -323,7 +323,6 @@ input[type=file] {
 
 .el-button.el-button--mini, .el-button--mini.is-round {
   font-size: 0.7rem;
-  padding: 0.2rem 0.4rem;
   font-weight: 400;
 }