feat(工作台): 增加消息中心模版

core/core-frontend/src/assets/svg/msg-notice.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1731576070287" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1046" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 212l48.8 12c101.6 24.8 176 117.6 176 220.8v254.4l18.4 18.4 24.8 25.6h-536l24.8-25.6 18.4-18.4V444.8c0-103.2 73.6-196.8 176-220.8l48.8-12M512 64c-36.8 0-64 30.4-64 68v30.4C320.8 192 223.2 307.2 223.2 444.8v228.8L136 763.2v44.8h752v-44.8l-87.2-89.6V444.8c0-137.6-97.6-252.8-224.8-283.2v-28.8c0-32-17.6-60.8-48-67.2-5.6-1.6-11.2-1.6-16-1.6z m88 808H424c0 49.6 38.4 88 88 88s88-38.4 88-88z" p-id="1047"></path></svg>

core/core-frontend/src/layout/components/Header.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import logo from '@/assets/svg/logo.svg'
 import copilot from '@/assets/svg/copilot.svg'
+import msgNotice from '@/assets/svg/msg-notice.svg'
 import dvAi from '@/assets/svg/dv-ai.svg'
 import dvPreviewDownload from '@/assets/svg/dv-preview-download.svg'
 import { computed, onMounted, ref } from 'vue'
@@ -108,6 +109,10 @@ const aiTipsConfirm = () => {
   showOverlay.value = false
 }
 
+const msgNoticePush = () => {
+  push('/msg/msg-fill')
+}
+
 const copilotConfirm = () => {
   wsCache.set('DE-COPILOT-TIPS-CHECK', 'CHECKED')
   showOverlayCopilot.value = false
@@ -176,6 +181,18 @@ onMounted(() => {
       />
       <ToolboxCfg v-if="showToolbox" />
       <TopDoc v-if="appearanceStore.getShowDoc" />
+      <el-tooltip effect="dark" :content="$t('v_query.msg_center')" placement="bottom">
+        <el-icon
+          class="preview-download_icon"
+          style="margin-right: 10px"
+          :class="navigateBg === 'light' && 'is-light-setting'"
+        >
+          <Icon name="dv-preview-download"
+            ><msgNotice @click="msgNoticePush" class="svg-icon"
+          /></Icon>
+        </el-icon>
+      </el-tooltip>
+
       <SystemCfg v-if="showSystem" />
       <AccountOperator />
       <ai-component

core/core-frontend/src/views/msg/fill/index.vue

@@ -1,48 +1,3 @@
 <template>
-  <p class="router-title">{{ t('data_fill.fill_in_the_task') }}</p>
-  <el-tabs v-model="activeName">
-    <el-tab-pane v-for="item in tabArray" :key="item.name" :label="item.label" :name="item.name" />
-  </el-tabs>
-  <div class="sys-setting-p setting-auto-h">
-    <div class="container-sys-param"></div>
-  </div>
+  <div>msg-fill xpack</div>
 </template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useI18n } from '@/hooks/web/useI18n'
-const { t } = useI18n()
-const activeName = ref('toBeFilled')
-
-const tabArray = ref([
-  { label: t('v_query.to_be_filled'), name: 'toBeFilled' },
-  { label: t('data_fill.form.status_1'), name: 'completed' }
-])
-</script>
-<style lang="less">
-.router-title {
-  color: #1f2329;
-  font-feature-settings: 'clig' off, 'liga' off;
-  font-family: var(--de-custom_font, 'PingFang');
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 28px;
-}
-.sys-setting-p {
-  width: 100%;
-  height: calc(100vh - 176px);
-  box-sizing: border-box;
-  margin-top: 12px;
-}
-.setting-auto-h {
-  height: auto !important;
-}
-
-.container-sys-param {
-  height: 100%;
-  overflow: hidden;
-  background: var(--ContentBG, #ffffff);
-  border-radius: 4px;
-}
-</style>