NEZ-963 chart 鼠标移入悬浮提示

nezha-fronted/src/components/charts/chart-alert-list.vue

@@ -23,7 +23,11 @@
           <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos" :class="{'move-able':!isLock}">
             <el-dropdown-menu style="display: none"></el-dropdown-menu>
             <span class="el-dropdown-link chart-title">
-              <span class="chart-title-text">{{chartData?chartData.name:'-'}}</span>
+<!--              <span class="chart-title-text">{{chartData?chartData.name:'-'}}</span>-->
+              <span class="chart-title-text" v-on:mouseover="changeActive()" :mouseout="removeActive()">{{chartData?chartData.name:'-'}}</span>
+              <transition  name="el-fade-in-linear">
+                <span v-show="chartDataList" class="chart-title-pit" >{{chartData.name}}</span>
+              </transition>
               <span class="chart-title-icon"  :class="{'visible':caretShow,'hidden':!caretShow}">
                 <span v-if="chartData&&chartData.remark">
                   <el-tooltip :content="chartData.remark" placement="top" effect="light">
@@ -144,6 +148,7 @@ import axios from 'axios'
 import pickTime from '../common/pickTime'
 import chart from '../page/dashboard/overview/chart'
 import alertMessageTable from '@/components/common/table/alert/alertMessageTable.vue'
+import chartDataList from '@/components/common/mixin/chartDataList'
 export default {
   name: 'chartTable',
   components: {
@@ -176,6 +181,7 @@ export default {
     from: { type: String },
     isLock: { type: Boolean, default: false }
   },
+  mixins: [chartDataList],
   data () {
     return {
       currentMsg: null,
@@ -884,7 +890,7 @@ export default {
       }
       this.$set(this.searchLabel, 'orderBy', orderBy)
       this.getAlertList()
-    }
+    },
 
   },
   created () {