feat: data board detail add back button

@@ -18,6 +18,7 @@
     DEFAULT_DATE_FORMAT,
     DEFAULT_DATE_FORMAT,
     fontSize,
     fontSize,
   } from '../../detail/config/util';
   } from '../../detail/config/util';
+  import { Tooltip } from 'ant-design-vue';
 
 
   const props = defineProps({
   const props = defineProps({
     add: {
     add: {
@@ -90,8 +91,13 @@
         class="text-xs text-center text-gray-400 truncate"
         class="text-xs text-center text-gray-400 truncate"
         :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
         :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
       >
       >
-        <span class="mr-2">更新时间:</span>
-        <span> {{ props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT) }}</span>
+        <Tooltip
+          placement="topLeft"
+          :title="props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT)"
+        >
+          <span class="mr-2">更新时间:</span>
+          <span> {{ props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT) }}</span>
+        </Tooltip>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>

 <script lang="ts" setup>
 <script lang="ts" setup>
   import { computed } from 'vue';
   import { computed } from 'vue';
-  import { Space } from 'ant-design-vue';
+  import { Space, Tooltip } from 'ant-design-vue';
   import type { DigitalDashBoardLayout, DigitalDashBoardValue } from './digitalDashBoard.config';
   import type { DigitalDashBoardLayout, DigitalDashBoardValue } from './digitalDashBoard.config';
   import { dateUtil } from '/@/utils/dateUtil';
   import { dateUtil } from '/@/utils/dateUtil';
   import {
   import {
@@ -89,8 +89,13 @@
         class="text-center mt-1 text-gray-400 text-xs truncate"
         class="text-center mt-1 text-gray-400 text-xs truncate"
         :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
         :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
       >
       >
-        <span class="mr-1">更新时间:</span>
-        <span>{{ props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT) }}</span>
+        <Tooltip
+          placement="topLeft"
+          :title="props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT)"
+        >
+          <span class="mr-1">更新时间:</span>
+          <span>{{ props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT) }}</span>
+        </Tooltip>
       </div>
       </div>
     </div>
     </div>
     <div></div>
     <div></div>

 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { computed } from '@vue/reactivity';
-  import { Statistic } from 'ant-design-vue';
-  import { fontSize, RadioRecord, DEFAULT_RADIO_RECORD } from '../../detail/config/util';
+  import { computed } from 'vue';
+  import { Statistic, Tooltip } from 'ant-design-vue';
+  import {
+    fontSize,
+    RadioRecord,
+    DEFAULT_RADIO_RECORD,
+    DEFAULT_DATE_FORMAT,
+  } from '../../detail/config/util';
   import type { TextComponentLayout, TextComponentValue } from './config';
   import type { TextComponentLayout, TextComponentValue } from './config';
   import { SvgIcon } from '/@/components/Icon';
   import { SvgIcon } from '/@/components/Icon';
+  import { dateUtil } from '/@/utils/dateUtil';
   const props = defineProps({
   const props = defineProps({
     layout: {
     layout: {
       type: Object as PropType<TextComponentLayout>,
       type: Object as PropType<TextComponentLayout>,
@@ -82,12 +88,18 @@
       </div>
       </div>
     </div>
     </div>
     <div v-if="getShowUpdate" class="text-center text-xs text-gray-400 truncate">
     <div v-if="getShowUpdate" class="text-center text-xs text-gray-400 truncate">
-      <span
-        :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
-        class="truncate"
-      >
-        更新时间: {{ props.value.updateTime }}</span
+      <Tooltip
+        placement="topLeft"
+        :title="props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT)"
       >
       >
+        <span>更新时间:</span>
+        <span
+          :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
+          class="truncate"
+        >
+          {{ props.value.updateTime || dateUtil().format(DEFAULT_DATE_FORMAT) }}
+        </span>
+      </Tooltip>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>

@@ -14,7 +14,7 @@
     getDataComponent,
     getDataComponent,
     updateDataBoardLayout,
     updateDataBoardLayout,
   } from '/@/api/dataBoard';
   } from '/@/api/dataBoard';
-  import { useRoute } from 'vue-router';
+  import { useRoute, useRouter } from 'vue-router';
   import { computed, unref } from '@vue/reactivity';
   import { computed, unref } from '@vue/reactivity';
   import { DataComponentRecord, DataSource, Layout } from '/@/api/dataBoard/model';
   import { DataComponentRecord, DataSource, Layout } from '/@/api/dataBoard/model';
   import { frontComponentMap } from './config/help';
   import { frontComponentMap } from './config/help';
@@ -25,6 +25,8 @@
 
 
   const ROUTE = useRoute();
   const ROUTE = useRoute();
 
 
+  const ROUTER = useRouter();
+
   const { createMessage, createConfirm } = useMessage();
   const { createMessage, createConfirm } = useMessage();
   const getBoardId = computed(() => {
   const getBoardId = computed(() => {
     return (ROUTE.params as { id: string }).id;
     return (ROUTE.params as { id: string }).id;
@@ -43,6 +45,10 @@
   const defaultWidth = 6;
   const defaultWidth = 6;
   const defaultHeight = 6;
   const defaultHeight = 6;
 
 
+  const handleBack = () => {
+    ROUTER.go(-1);
+  };
+
   function updateSize(i: string, _newH: number, _newW: number, newHPx: number, newWPx: number) {
   function updateSize(i: string, _newH: number, _newW: number, newHPx: number, newWPx: number) {
     newWPx = Number(newWPx);
     newWPx = Number(newWPx);
     newHPx = Number(newHPx);
     newHPx = Number(newHPx);
@@ -243,7 +249,7 @@
 
 
 <template>
 <template>
   <section class="bg-light-50 flex flex-col overflow-hidden h-full w-full">
   <section class="bg-light-50 flex flex-col overflow-hidden h-full w-full">
-    <PageHeader title="水电表看板">
+    <PageHeader title="水电表看板" @back="handleBack">
       <template #extra>
       <template #extra>
         <Button type="primary" @click="handleOpenCreatePanel">创建组件</Button>
         <Button type="primary" @click="handleOpenCreatePanel">创建组件</Button>
       </template>
       </template>