From b32112b3db4d9c208e805d570e5218efebdb56f0 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Mon, 25 Nov 2024 10:33:38 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A1=8C=E9=9D=A2=E7=89=88=E5=A4=B4?=
 =?UTF-8?q?=E9=83=A8=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/db/desktop/V2.10.3__ddl.sql     |  5 +-
 .../src/layout/components/DesktopSetting.vue  | 55 +++++++++++++++++++
 .../src/layout/components/Header.vue          |  4 ++
 .../src/layout/components/HeaderSystem.vue    |  5 +-
 4 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 core/core-frontend/src/layout/components/DesktopSetting.vue

diff --git a/core/core-backend/src/main/resources/db/desktop/V2.10.3__ddl.sql b/core/core-backend/src/main/resources/db/desktop/V2.10.3__ddl.sql
index 6c8df1e11b..e8570bb31b 100644
--- a/core/core-backend/src/main/resources/db/desktop/V2.10.3__ddl.sql
+++ b/core/core-backend/src/main/resources/db/desktop/V2.10.3__ddl.sql
@@ -11,8 +11,9 @@ ALTER TABLE `visualization_link_jump_target_view_info`
     ADD COLUMN `target_type` varchar(50) NULL COMMENT '联动目标类型 view 图表 filter 过滤组件 outParams 外部参数';
 
 ALTER TABLE `visualization_link_jump_target_view_info`
-    MODIFY COLUMN `target_view_id` varchar(50) NULL DEFAULT NULL COMMENT '目标图表ID' AFTER `source_field_active_id`,
-    MODIFY COLUMN `target_field_id` varchar(50) NULL DEFAULT NULL COMMENT '目标字段ID' AFTER `target_view_id`;
+    MODIFY COLUMN `target_view_id` varchar(50) NULL DEFAULT NULL COMMENT '目标图表ID';
+ALTER TABLE `visualization_link_jump_target_view_info`
+    MODIFY COLUMN `target_field_id` varchar(50) NULL DEFAULT NULL COMMENT '目标字段ID';
 
 update visualization_link_jump_target_view_info set target_type = 'view';
 ALTER TABLE `data_visualization_info`
diff --git a/core/core-frontend/src/layout/components/DesktopSetting.vue b/core/core-frontend/src/layout/components/DesktopSetting.vue
new file mode 100644
index 0000000000..911c7db571
--- /dev/null
+++ b/core/core-frontend/src/layout/components/DesktopSetting.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import iconSetting from '@/assets/svg/icon-setting.svg'
+import { useRouter } from 'vue-router'
+import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
+import { computed } from 'vue'
+
+const appearanceStore = useAppearanceStoreWithOut()
+const navigateBg = computed(() => appearanceStore.getNavigateBg)
+const { push, resolve } = useRouter()
+const redirectUser = () => {
+  const sysMenu = resolve('/sys-setting')
+  const kidPath = sysMenu.matched[0].children[0].path
+  push(`${sysMenu.path}/${kidPath}`)
+}
+</script>
+
+<template>
+  <el-tooltip class="box-item" effect="dark" content="系统设置" placement="top">
+    <div
+      class="sys-setting in-iframe-setting"
+      :class="{
+        'is-light-setting': navigateBg && navigateBg === 'light'
+      }"
+    >
+      <el-icon @click="redirectUser">
+        <Icon class="icon-setting" name="icon-setting"
+          ><iconSetting class="svg-icon icon-setting"
+        /></Icon>
+      </el-icon>
+    </div>
+  </el-tooltip>
+</template>
+
+<style lang="less" scoped>
+.sys-setting {
+  margin: 0 10px 0 0;
+  padding: 5px;
+  height: 28px;
+  width: 28px;
+  border-radius: 4px;
+  overflow: hidden;
+  cursor: pointer;
+  &:hover {
+    background-color: #1e2738;
+  }
+}
+.in-iframe-setting {
+  margin-left: 10px !important;
+}
+.is-light-setting {
+  &:hover {
+    background-color: #1f23291a !important;
+  }
+}
+</style>
diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index 95619db5d3..6dae89860c 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -23,6 +23,7 @@ import AiComponent from '@/layout/components/AiComponent.vue'
 import { findBaseParams } from '@/api/aiComponent'
 import AiTips from '@/layout/components/AiTips.vue'
 import CopilotCom from '@/layout/components/Copilot.vue'
+import DesktopSetting from './DesktopSetting.vue'
 
 const appearanceStore = useAppearanceStoreWithOut()
 const { push } = useRouter()
@@ -211,6 +212,9 @@ onMounted(() => {
       <div v-if="showOverlay && appearanceStore.getShowAi" class="overlay"></div>
       <div v-if="showOverlayCopilot && appearanceStore.getShowCopilot" class="overlay"></div>
     </div>
+    <div v-else class="operate-setting">
+      <desktop-setting />
+    </div>
   </el-header>
 </template>
 
diff --git a/core/core-frontend/src/layout/components/HeaderSystem.vue b/core/core-frontend/src/layout/components/HeaderSystem.vue
index ccbf8394e1..f635118bff 100644
--- a/core/core-frontend/src/layout/components/HeaderSystem.vue
+++ b/core/core-frontend/src/layout/components/HeaderSystem.vue
@@ -7,10 +7,11 @@ import { useRouter } from 'vue-router'
 import AccountOperator from '@/layout/components/AccountOperator.vue'
 import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
 import { useI18n } from '@/hooks/web/useI18n'
+import { isDesktop } from '@/utils/ModelUtil'
 const appearanceStore = useAppearanceStoreWithOut()
 const { push } = useRouter()
 const { t } = useI18n()
-
+const desktop = isDesktop()
 const props = withDefaults(
   defineProps<{
     title: string
@@ -43,7 +44,7 @@ const navigate = computed(() => appearanceStore.getNavigate)
         <span class="work">{{ t('work_branch.back_to_work_branch') }}</span>
       </span>
 
-      <AccountOperator />
+      <AccountOperator v-if="!desktop" />
     </div>
   </el-header>
 </template>