From d2310945e40d239484a3d7ca457e3c06ec10ae2d Mon Sep 17 00:00:00 2001
From: Jo <479214531@qq.com>
Date: Thu, 11 Nov 2021 06:46:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E7=B1=BB=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/data/list/index.vue | 44 ++++++++++++++++++++---------------
 src/pages/stat/list/index.vue |  4 ++--
 2 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/pages/data/list/index.vue b/src/pages/data/list/index.vue
index c066f79..d0e6b69 100644
--- a/src/pages/data/list/index.vue
+++ b/src/pages/data/list/index.vue
@@ -8,7 +8,7 @@
                         <el-submenu :index="item.id" :key="item.id">
                             <template slot="title">
                                 <i :class="item.icon"></i>
-                                <span slot="title">{{ item.categoryName }}</span>
+                                <span slot="title" :title="item.categoryName">{{ item.categoryName }}</span>
                             </template>
                             <!-- 第二层 -->
                             <template v-for="subItem in item.children">
@@ -16,7 +16,7 @@
                                 <template v-if="subItem.children.length">
                                     <el-submenu :index="subItem.id" :key="subItem.id">
                                         <template slot="title">
-                                            <span slot="title">{{ subItem.categoryName }}</span>
+                                            <span slot="title" :title="subItem.categoryName">{{ subItem.categoryName }}</span>
                                         </template>
                                         <!-- <el-menu-item v-for="(threeItem,i) in subItem.children" :key="i" :index="threeItem.index">{{ threeItem.title }}</el-menu-item> -->
                                         <!-- 第三层 -->
@@ -25,7 +25,7 @@
                                             <template v-if="subItem2.children.length">
                                                 <el-submenu :index="subItem2.id" :key="subItem2.id">
                                                     <template slot="title">
-                                                        <span slot="title">{{ subItem2.categoryName }}</span>
+                                                        <span slot="title" :title="subItem2.categoryName">{{ subItem2.categoryName }}</span>
                                                     </template>
                                                     <!-- <el-menu-item v-for="(fourItem,i) in subItem2.children" :key="i" :index="fourItem.index">{{ fourItem.title }}</el-menu-item> -->
                                                     <!-- 第四层 -->
@@ -33,48 +33,48 @@
                                                         <!-- 如果第四层有子菜单，则继续循环 -->
                                                         <template v-if="subItem3.children">
                                                             <el-submenu :index="subItem3.id" :key="subItem3.id">
-                                                                <template slot="title">
+                                                                <span slot="title" :title="subItem3.categoryName">
                                                                     {{ subItem3.categoryName }}
-                                                                </template>
+                                                                </span>
                                                                 <template v-for="subItem4 in subItem3.children">
                                                                     <!-- 如果第五层有子菜单，则继续循环 -->
                                                                     <template v-if="subItem4.children && subItem4.children.length">
                                                                         <el-submenu :index="subItem4.id" :key="subItem4.id">
-                                                                            <template slot="title">
+                                                                            <span slot="title" :title="subItem4.categoryName">
                                                                                 {{ subItem4.categoryName }}
-                                                                            </template>
+                                                                            </span>
                                                                             <template class="level-6" v-for="subItem5 in subItem4.children" :index="subItem5.id">
                                                                                 <!-- 如果第六层有子菜单，则继续循环 -->
                                                                                 <template v-if="subItem5.children && subItem5.children.length">
                                                                                     <el-submenu :index="subItem5.id" :key="subItem5.id">
-                                                                                        <template slot="title">
+                                                                                        <span slot="title" :title="subItem5.categoryName">
                                                                                             {{ subItem5.categoryName }}
-                                                                                        </template>
+                                                                                        </span>
                                                                                         <el-menu-item v-for="(fiveItem,i) in subItem5.children" :key="i" :index="fiveItem.id">{{ fiveItem.categoryName }}</el-menu-item>
                                                                                     </el-submenu>
                                                                                 </template>
                                                                                 <!-- 如果第五层没有子菜单 -->
-                                                                                <el-menu-item :index="subItem5.id" :key="subItem5.id">{{ subItem5.categoryName }}</el-menu-item>
+                                                                                <el-menu-item :index="subItem5.id" :key="subItem5.id" :title="subItem5.categoryName">{{ subItem5.categoryName }}</el-menu-item>
                                                                             </template>
                                                                         </el-submenu>
                                                                     </template>
                                                                     <!-- 如果第五层没有子菜单 -->
-                                                                    <el-menu-item v-else :index="subItem4.id" :key="subItem4.id">{{ subItem4.categoryName }}</el-menu-item>
+                                                                    <el-menu-item v-else :index="subItem4.id" :key="subItem4.id" :title="subItem4.categoryName">{{ subItem4.categoryName }}</el-menu-item>
                                                                 </template>
                                                             </el-submenu>
                                                         </template>
                                                         <!-- 如果第四层没有子菜单 -->
-                                                        <el-menu-item v-else :index="subItem3.id" :key="subItem3.id">{{ subItem3.categoryName }}</el-menu-item>
+                                                        <el-menu-item v-else :index="subItem3.id" :key="subItem3.id" :title="subItem3.categoryName">{{ subItem3.categoryName }}</el-menu-item>
                                                     </template>
                                                 </el-submenu>
                                             </template>
                                             <!-- 如果第三层没有子菜单 -->
-                                            <el-menu-item v-else :index="subItem2.id" :key="subItem2.id">{{ subItem2.categoryName }}</el-menu-item>
+                                            <el-menu-item v-else :index="subItem2.id" :key="subItem2.id" :title="subItem2.categoryName">{{ subItem2.categoryName }}</el-menu-item>
                                         </template>
                                     </el-submenu>
                                 </template>
                                 <!-- 如果第二层没有子菜单 -->
-                                <el-menu-item v-else :index="subItem.id" :key="subItem.id">{{ subItem.categoryName }}</el-menu-item>
+                                <el-menu-item v-else :index="subItem.id" :key="subItem.id" :title="subItem.categoryName">{{ subItem.categoryName }}</el-menu-item>
                             </template>
                         </el-submenu>
                     </template>
@@ -82,7 +82,7 @@
                     <template v-else>
                         <el-menu-item :index="item.id" :key="item.id">
                             <i :class="item.icon"></i>
-                            <span slot="title">{{ item.categoryName }}</span>
+                            <span slot="title" :title="item.categoryName">{{ item.categoryName }}</span>
                         </el-menu-item>
                     </template>
                 </template>
@@ -341,6 +341,7 @@ export default {
     },
     // 分类展开及点击回调
     selectType(index, indexPath) {
+      console.log(index, indexPath)
       let introduce = ''
       let dataSource = ''
       this.keyword = ''
@@ -528,7 +529,7 @@ export default {
         /deep/.left{
             margin-right: 20px;
             .menu{
-                width: 200px;
+                width: 240px;
                 overflow: hidden;
                 &>.el-menu-item,.el-submenu__title{
                     span{
@@ -554,9 +555,14 @@ export default {
                         }
                     }
                 }
-                .el-menu-item.is-active{
-                    color: #fff;
-                    background-color: #0070FF;
+                .el-menu-item{
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    .is-active{
+                        color: #fff;
+                        background-color: #0070FF;
+                    }
                 }
                 .level-6 {
                     padding-right: 0;
diff --git a/src/pages/stat/list/index.vue b/src/pages/stat/list/index.vue
index 518e0ef..50c8b62 100644
--- a/src/pages/stat/list/index.vue
+++ b/src/pages/stat/list/index.vue
@@ -373,7 +373,7 @@ export default {
         .left{
             margin-right: 20px;
             .products{
-                width: 170px;
+                width: 200px;
                 padding: 12px 6px;
                 text-align: center;
                 border-radius: 8px;
@@ -429,7 +429,7 @@ export default {
             }
         }
         .right{
-            max-width: calc(100% - 220px);
+            max-width: calc(100% - 250px);
         }
         .page{
             margin-bottom: 20px;