feat(嵌入式): 图表、仪表板、数据大屏将资源id放出来

core/core-frontend/src/views/chart/components/editor/index.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import dvInfoSvg from '@/assets/svg/dv-info.svg'
 import icon_down_outlined1 from '@/assets/svg/icon_down_outlined-1.svg'
 import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
 import icon_info_outlined from '@/assets/svg/icon_info_outlined.svg'
@@ -1752,13 +1753,28 @@ const deleteChartFieldItem = id => {
         </div>
         <div v-if="!canvasCollapse.chartAreaCollapse" style="width: 240px" class="view-panel-row">
           <el-row class="editor-title">
-            <span
-              id="component-name"
-              class="name-area"
-              :class="{ 'component-name-dark': themes === 'dark' }"
-              @dblclick="editComponentName"
-              >{{ view.title }}</span
-            >
+            <div style="display: flex; align-items: center; width: calc(100% - 24px)">
+              <div
+                id="component-name"
+                class="name-area"
+                style="max-width: 180px; text-overflow: ellipsis; white-space: nowrap"
+                :style="{ width: componentNameEdit ? '300px' : 'auto' }"
+                :class="{ 'component-name-dark': themes === 'dark' }"
+                @dblclick="editComponentName"
+              >
+                {{ view.title }}
+              </div>
+              <el-popover show-arrow :offset="8" placement="bottom" width="200" trigger="click">
+                <template #reference>
+                  <el-icon
+                    v-show="route.path !== '/dvCanvas'"
+                    style="margin-left: 4px; cursor: pointer"
+                    ><Icon><dvInfoSvg class="svg-icon" /></Icon
+                  ></el-icon>
+                </template>
+                {{ view.id }}
+              </el-popover>
+            </div>
           </el-row>
 
           <el-row style="height: calc(100vh - 110px); overflow-y: auto">
@@ -4784,7 +4800,6 @@ span {
   line-height: 24px;
   height: 24px;
   font-size: 14px !important;
-  width: 300px;
   overflow: hidden;
   cursor: pointer;
   input {

core/core-frontend/src/views/common/DvDetailInfo.vue

@@ -1,5 +1,7 @@
 <template>
   <div class="info-card">
+    <div v-if="dvInfo.type === 'dashboard'" class="info-title">仪表板ID</div>
+    <div v-if="dvInfo.type === 'dashboard'" class="info-content">{{ dvInfo.id }}</div>
     <div v-if="dvInfo.creatorName" class="info-title">{{ t('visualization.create_by') }}</div>
     <div v-if="dvInfo.creatorName" class="info-content">{{ dvInfo.creatorName }}</div>
     <div class="info-title">{{ t('visualization.create_time') }}</div>

core/core-frontend/src/views/data-visualization/PreviewHead.vue

@@ -169,7 +169,7 @@ const initOpenHandler = newWindow => {
           <el-dropdown-menu style="width: 130px">
             <el-dropdown-item icon="Refresh" @click="reload()">刷新数据 </el-dropdown-item>
             <el-dropdown
-              style="width: 100%"
+              style="width: 100%; overflow: hidden"
               trigger="hover"
               placement="left-start"
               v-if="dvInfo.weight > 3"