点击复制标题

src/views/chartShow/index.less

@@ -35,8 +35,10 @@
 			justify-content: space-between;
 			align-items: center;
 			.chart-title {
-				// max-width: 50%;
-				flex: 1;
+				// flex: 1;
+				&:hover {
+					text-decoration: underline;
+				}
 			}
 			// .right-action {
 			// 	display: flex;

src/views/chartShow/index.vue

@@ -1,9 +1,8 @@
 <!--  -->
 <template>
   <div class="chart-show">
-    <header class="chart-header">
-      <span class="chart-title">{{ chartInfo.ChartName }}</span>
-      <i class="el-icon-document-add" style="font-size: 24px"  @click="openNew"></i>
+    <header class="chart-header" @click="openNew">
+      <span class="chart-title" @click.stop @dblclick="copyText">{{ chartInfo.ChartName }}</span>
     </header>
     <template v-if="haveData">
       <div
@@ -27,7 +26,7 @@
         <li @click="refreshChart"><i class="el-icon-refresh"/>刷新</li>
       </ul>
     </div>
-  </div>
+  </div>.
 </template>
 
 <script lang="ts">
@@ -755,6 +754,18 @@ export default defineComponent({
             : '';
     }
 
+    /* 复制标题 */
+    const copyText = () => {
+      const { chartInfo } = state;
+      let input = document.createElement("input");
+      input.value = chartInfo.ChartName;
+      document.body.appendChild(input)
+      input.select();
+      document.execCommand('copy');
+      document.body.removeChild(input);
+      ElMessage.success('复制标题成功')
+    }
+
     /* 分享链接 */
     const copyUrl = () => {
       let input = document.createElement("input");
@@ -781,6 +792,7 @@ export default defineComponent({
       copyUrl,
       isShare,
       refreshChart,
+      copyText
     };
   },
 });