refactor: dashboard layout update

Author: ziyujiahao

frontend/src/assets/img/none-dashboard.png

@@ -31,6 +31,16 @@
     "password_reset_successful": "Password reset successful"
   },
   "dashboard": {
+    "rename_dashboard": "Rename Dashboard",
+    "dashboard_name": "Dashboard Name",
+    "select_dashboard_tips": "Please select a dashboard on the left",
+    "no_dashboard": "No Dashboards",
+    "no_dashboard_info": "No content yet, click the button below to add",
+    "search": "Search",
+    "time_asc": "Sort by Time (Ascending)",
+    "time_desc": "Sort by Time (Descending)",
+    "name_asc": "Sort by Name (Ascending)",
+    "name_desc": "Sort by Name (Descending)",
     "select_dashboard": "Please Select Dashboard",
     "view": "View",
     "text": "Text",
@@ -336,4 +346,4 @@
     "back_community": "Restore to Community Edition",
     "confirm_tips": "Are you sure to restore to Community Edition?"
   }
-}
+}

frontend/src/assets/img/none.png

@@ -33,6 +33,16 @@
     "password_reset_successful": "重置密码成功"
   },
   "dashboard": {
+    "rename_dashboard": "重命名仪表板",
+    "dashboard_name": "仪表板名称",
+    "select_dashboard_tips": "请在左侧选择仪表板",
+    "no_dashboard": "暂无仪表板",
+    "no_dashboard_info": "暂无内容，点击下列按钮进行添加",
+    "search": "搜索",
+    "time_asc": "按时间升序",
+    "time_desc": "按时间降序",
+    "name_asc": "按名称升序",
+    "name_desc": "按名称降序",
     "select_dashboard": "请选择仪表板",
     "name": "名称",
     "view": "图表",

frontend/src/assets/svg/dv-sort-asc.svg

@@ -1,5 +1,5 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
-
+// @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
 import Layout from '@/components/layout/index.vue'
 import LayoutDsl from '@/components/layout/LayoutDsl.vue'
 import SinglePage from '@/components/layout/SinglePage.vue'
@@ -11,7 +11,6 @@ import DashboardPreview from '@//views/dashboard/preview/SQPreviewSingle.vue'
 import Dashboard from '@/views/dashboard/index.vue'
 import Model from '@/views/system/model/Model.vue'
 import assistant from '@/views/embedded/assistant.vue'
-// import User from "@/views/system/user/index.vue";
 import User from '@/views/system/user/User.vue'
 import Workspace from '@/views/system/workspace/index.vue'
 import { watchRouter } from './watch'
@@ -63,7 +62,7 @@ const router = createRouter({
     },
     {
       path: '/dashboard',
-      component: Layout,
+      component: LayoutDsl,
       redirect: '/dashboard/index',
       children: [
         {

frontend/src/assets/svg/dv-sort-desc.svg

@@ -3,14 +3,15 @@ import { type PropType } from 'vue'
 import nothingInput from '@/assets/img/nothing-input.png'
 import nothingSelect from '@/assets/img/nothing-select.png'
 import nothingTable from '@/assets/img/nothing-table.png'
+import nothingSelectDashoard from '@/assets/img/none-dashboard.png'
 import none from '@/assets/img/none.png'
 import error from '@/assets/img/error.png'
 import nothingTree from '@/assets/img/nothing-tree.png'
 import nothingNone from '@/assets/img/nothing-none.png'
 defineProps({
   imgType: {
     type: String as PropType<
-      'input' | 'select' | 'table' | 'none' | 'noneWhite' | 'tree' | 'error'
+      'input' | 'select' | 'table' | 'none' | 'noneWhite' | 'tree' | 'error' | 'selectDashboard'
     >,
     default: 'table',
   },
@@ -29,6 +30,7 @@ const getAssetsFile = {
   table: nothingTable,
   noneWhite: nothingNone,
   tree: nothingTree,
+  selectDashboard: nothingSelectDashoard,
   error,
   none,
 }

frontend/src/assets/svg/icon_dashboard.svg

@@ -14,7 +14,7 @@ const state = reactive({
   placeholder: '',
   nodeType: 'folder',
   parentSelect: false,
-  resourceFormNameLabel: t('dashboard.name'),
+  resourceFormNameLabel: t('dashboard.dashboard_name'),
   dialogTitle: '',
   tData: [],
   tDataSource: [],
@@ -30,7 +30,7 @@ const getTitle = (opt: string) => {
     case 'newFolder':
       return t('dashboard.new_folder')
     case 'rename':
-      return t('dashboard.rename')
+      return t('dashboard.rename_dashboard')
     default:
       return
   }