From 7ec2350727942fac0fbb306b1fba12f786de3bb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Tue, 14 Jun 2022 11:38:17 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/permission/menu/index.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/permission/menu/index.vue b/src/views/permission/menu/index.vue
index d4aad1a..562f574 100644
--- a/src/views/permission/menu/index.vue
+++ b/src/views/permission/menu/index.vue
@@ -79,9 +79,11 @@
                     >
                         <template #default="{ data }">
                             <div class="flex">
-                                <div class="name">
+                                <!-- <el-tooltip :content="data.name" placement="right"> -->
+                                <div class="name" :title="data.name">
                                     {{ data.name }}
                                 </div>
+                                <!-- </el-tooltip> -->
                                 <div class="btns">
                                     <!-- <el-button type="text" @click.stop="handleDeleteFeature([data])">
                                         <el-icon name="Delete" />
@@ -196,7 +198,7 @@
                             />
                         </el-form-item>
                         <el-form-item label="功能名称" prop="name">
-                            <el-input v-model="featureState.form.name" maxlength="50" />
+                            <el-input v-model="featureState.form.name" maxlength="50" type="textarea" />
                         </el-form-item>
                         <el-form-item label="服务名称" prop="service">
                             <el-input v-model="featureState.form.service" />
@@ -512,11 +514,17 @@
                 }
             }
             :deep(.el-tree) {
+                font-size: 14px;
                 .flex {
                     width: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
+                    .name {
+                        width: 100%;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                    }
                 }
                 .btns {
                     display: flex;