统计详情改成鼠标移入事件

src/components/numerical.vue

@@ -13,14 +13,14 @@
         <!-- <div class="addr">{{$store.state.addr.selectAddr}}</div> -->
         <div class="item-wrap">
             <div class="inner u-flex u-flex-wrap">
-                <div class="numerical-item" v-for="(item,index) in data"  @click="showDetails(item)" :key="item.name+index">
+                <div class="numerical-item" v-for="(item,index) in data" @mouseenter="showDetails(item)"  @mouseleave="unShowDetails" :key="item.name+index">
                     <div class="cell name">{{item.name}}</div>
                     <span class="cell number">{{item.number}}</span>
                     <span class="cell unit">{{item.unit}}</span>
                 </div>
             </div>
         </div>
-        <div class="detail-wrap" v-show="isShowDetails" ref="detailRef">
+        <div class="detail-wrap"  @mouseenter="isShowDetails=true" @mouseleave="isShowDetails=false" v-show="isShowDetails" ref="detailRef">
             <el-table :key="hotKey" :data="detailsData" style="width: 100%;overflow-y: auto;" :height="pageName=='economics'?425:null" >
 
                 <el-table-column :label="item.title" :prop="item.value"  v-for="(item, index) in headerList" :key="index" align="center">