From 53f61613d611e3866ac680589e7a123de8fe164a Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 1 Dec 2023 17:08:31 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=B7=A5=E4=BD=9C=E5=8F=B0=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E6=81=A2=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/db/migration/V2.1__ddl.sql | 10 ++++--
 .../src/layout/components/Header.vue          |  7 ++++
 .../src/layout/components/HeaderSystem.vue    |  6 +++-
 .../src/layout/components/ToolboxCfg.vue      | 34 +++++++++++++++++++
 core/core-frontend/src/layout/index.vue       | 17 ++++++----
 .../template-setting/index.vue                |  0
 de-xpack                                      |  2 +-
 7 files changed, 65 insertions(+), 11 deletions(-)
 create mode 100644 core/core-frontend/src/layout/components/ToolboxCfg.vue
 rename core/core-frontend/src/views/{system => toolbox}/template-setting/index.vue (100%)

diff --git a/core/core-backend/src/main/resources/db/migration/V2.1__ddl.sql b/core/core-backend/src/main/resources/db/migration/V2.1__ddl.sql
index cf35e2b70f..69128d4b7b 100644
--- a/core/core-backend/src/main/resources/db/migration/V2.1__ddl.sql
+++ b/core/core-backend/src/main/resources/db/migration/V2.1__ddl.sql
@@ -22,7 +22,9 @@ BEGIN;
 INSERT INTO `core_menu`
 VALUES (19, 0, 2, 'template-market', 'template-market', 4, NULL, '/template-market', 1, 1, 0);
 INSERT INTO `core_menu`
-VALUES (20, 15, 2, 'template-setting', 'system/template-setting', 4, 'icon_template', '/template-setting', 0, 1, 1);
+VALUES (30, 0, 1, 'toolbox', null, 7, 'icon_template', '/toolbox', 1, 1, 0);
+INSERT INTO `core_menu`
+VALUES (31, 30, 2, 'template-setting', 'toolbox/template-setting', 1, 'icon_template', '/template-setting', 0, 1, 1);
 COMMIT;
 
 DROP TABLE IF EXISTS `visualization_template_extend_data`;
@@ -52,6 +54,8 @@ CREATE TABLE `core_area_custom`
 );
 
 BEGIN;
-INSERT INTO `core_sys_setting` VALUES (1, 'basic.dsIntervalTime', '6', 'text', 2);
-INSERT INTO `core_sys_setting` VALUES (2, 'basic.dsExecuteTime', 'minute', 'text', 3);
+INSERT INTO `core_sys_setting`
+VALUES (1, 'basic.dsIntervalTime', '6', 'text', 2);
+INSERT INTO `core_sys_setting`
+VALUES (2, 'basic.dsExecuteTime', 'minute', 'text', 3);
 COMMIT;
diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index 56e532ef47..3a419061dc 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -7,6 +7,7 @@ import HeaderMenuItem from './HeaderMenuItem.vue'
 import { Icon } from '@/components/icon-custom'
 import { ElHeader, ElMenu } from 'element-plus-secondary'
 import SystemCfg from './SystemCfg.vue'
+import ToolboxCfg from './ToolboxCfg.vue'
 import { useRouter, useRoute } from 'vue-router'
 import TopDoc from '@/layout/components/TopDoc.vue'
 import AccountOperator from '@/layout/components/AccountOperator.vue'
@@ -26,6 +27,7 @@ const permissionStore = usePermissionStore()
 
 const routers: any[] = formatRoute(permissionStore.getRoutersNotHidden as AppCustomRouteRecordRaw[])
 const showSystem = ref(false)
+const showToolbox = ref(false)
 const handleSelect = (index: string) => {
   // 自定义事件
   if (isExternal(index)) {
@@ -37,8 +39,12 @@ const handleSelect = (index: string) => {
 const initShowSystem = () => {
   showSystem.value = permissionStore.getRouters.some(route => route.path === '/system')
 }
+const initShowToolbox = () => {
+  showToolbox.value = permissionStore.getRouters.some(route => route.path === '/toolbox')
+}
 onMounted(() => {
   initShowSystem()
+  initShowToolbox()
 })
 </script>
 
@@ -56,6 +62,7 @@ onMounted(() => {
     </el-menu>
     <div class="operate-setting" v-if="!desktop">
       <XpackComponent jsname="c3dpdGNoZXI=" />
+      <ToolboxCfg v-if="showToolbox" />
       <TopDoc />
       <SystemCfg v-if="showSystem" />
       <AccountOperator />
diff --git a/core/core-frontend/src/layout/components/HeaderSystem.vue b/core/core-frontend/src/layout/components/HeaderSystem.vue
index b86df484b2..1a835b0d76 100644
--- a/core/core-frontend/src/layout/components/HeaderSystem.vue
+++ b/core/core-frontend/src/layout/components/HeaderSystem.vue
@@ -2,7 +2,11 @@
 import { ElHeader } from 'element-plus-secondary'
 import { useRouter } from 'vue-router'
 import AccountOperator from '@/layout/components/AccountOperator.vue'
+import { propTypes } from '@/utils/propTypes'
 const { push } = useRouter()
+const props = defineProps({
+  title: propTypes.string.def('系统设置')
+})
 const backToMain = () => {
   push('/workbranch/index')
 }
@@ -12,7 +16,7 @@ const backToMain = () => {
   <el-header class="header-flex system-header">
     <Icon className="logo" name="logo"></Icon>
     <el-divider direction="vertical" />
-    <span class="system">系统设置</span>
+    <span class="system">{{ props.title || '系统设置' }}</span>
     <div class="operate-setting">
       <span @click="backToMain" class="work-bar flex-align-center">
         <el-icon>
diff --git a/core/core-frontend/src/layout/components/ToolboxCfg.vue b/core/core-frontend/src/layout/components/ToolboxCfg.vue
new file mode 100644
index 0000000000..35635621cf
--- /dev/null
+++ b/core/core-frontend/src/layout/components/ToolboxCfg.vue
@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import { useRouter } from 'vue-router'
+const { push, resolve } = useRouter()
+const redirectUser = () => {
+  const toolboxMenu = resolve('/toolbox')
+  const kidPath = toolboxMenu.matched[0].children[0].path
+  push(`${toolboxMenu.path}/${kidPath}`)
+}
+</script>
+
+<template>
+  <el-tooltip class="box-item" effect="dark" content="工具箱" placement="top">
+    <div class="sys-setting">
+      <el-icon @click="redirectUser">
+        <Icon class="icon-setting" name="sys-tools" />
+      </el-icon>
+    </div>
+  </el-tooltip>
+</template>
+
+<style lang="less" scoped>
+.sys-setting {
+  margin: 0 0 0 10px;
+  padding: 5px;
+  height: 28px;
+  width: 28px;
+  border-radius: 4px;
+  overflow: hidden;
+  cursor: pointer;
+  &:hover {
+    background-color: #1e2738;
+  }
+}
+</style>
diff --git a/core/core-frontend/src/layout/index.vue b/core/core-frontend/src/layout/index.vue
index 53fa889f56..9ef95a5ea1 100644
--- a/core/core-frontend/src/layout/index.vue
+++ b/core/core-frontend/src/layout/index.vue
@@ -7,23 +7,28 @@ import Menu from './components/Menu.vue'
 import Main from './components/Main.vue'
 import { ElContainer } from 'element-plus-secondary'
 import { useRoute } from 'vue-router'
-import HeaderTemplateMarket from '@/layout/components/HeaderTemplateMarket.vue'
 const route = useRoute()
 const systemMenu = computed(() => route.path.includes('system'))
 const settingMenu = computed(() => route.path.includes('sys-setting'))
-const templateMarketMenu = computed(() => route.path.includes('template-market'))
+const marketMenu = computed(() => route.path.includes('template-market'))
+const toolboxMenu = computed(() => route.path.includes('toolbox'))
 </script>
 
 <template>
   <div class="common-layout">
-    <header-template-market v-if="templateMarketMenu"></header-template-market>
-    <HeaderSystem v-else-if="settingMenu"></HeaderSystem>
+    <HeaderSystem
+      v-if="settingMenu || marketMenu || toolboxMenu"
+      :title="toolboxMenu ? '工具箱' : marketMenu ? '模板中心' : ''"
+    />
     <Header v-else></Header>
     <el-container class="layout-container">
-      <Sidebar v-if="systemMenu || settingMenu" class="layout-sidebar">
+      <Sidebar v-if="systemMenu || settingMenu || toolboxMenu" class="layout-sidebar">
         <Menu style="height: 100%"></Menu>
       </Sidebar>
-      <Main class="layout-main" :class="{ 'with-sider': systemMenu || settingMenu }"></Main>
+      <Main
+        class="layout-main"
+        :class="{ 'with-sider': systemMenu || settingMenu || toolboxMenu }"
+      ></Main>
     </el-container>
   </div>
 </template>
diff --git a/core/core-frontend/src/views/system/template-setting/index.vue b/core/core-frontend/src/views/toolbox/template-setting/index.vue
similarity index 100%
rename from core/core-frontend/src/views/system/template-setting/index.vue
rename to core/core-frontend/src/views/toolbox/template-setting/index.vue
diff --git a/de-xpack b/de-xpack
index cecfea7d6e..34d3f25ca6 160000
--- a/de-xpack
+++ b/de-xpack
@@ -1 +1 @@
-Subproject commit cecfea7d6e7cd1db555101eea98377fc0ba874d6
+Subproject commit 34d3f25ca633156eb59b3118137b90be2c8b36a6