服务样式修改

src/views/dataAccessPage/components/accessPageTree.vue

@@ -13,7 +13,12 @@
       <el-scrollbar style="height: 100%" :horizontal="false">
         <el-tree class="filter-tree" :expand-on-click-node="false" :data="data" :props="defaultProps" node-key="serviceid" :default-expanded-keys="defaultKeys" :filter-node-method="filterNode" ref="tree" @node-click="treeNodeClick">
           <span class="custom-tree-node" slot-scope="{node,data}">
-            <span class="custom-tree-node-label">{{node.label}}({{ data.serviceid }})</span>
+            <span class="custom-tree-node-label flex-wrap">
+              <el-tooltip class="item" effect="dark" :content="node.label" placement="right">
+                <span class="flower">{{node.label}}</span>
+              </el-tooltip>
+              <span class="custom-tree-node-label-id">({{ data.serviceid }})</span>
+            </span>
             <span class="custom-tree-node-btn">
               <el-button size="mini" type="text" @click.stop="() => edit(data)">编辑</el-button>
               <el-button size="mini" class="del" type="text" @click.stop="() => remove(node, data)">删除</el-button>
@@ -270,6 +275,15 @@ export default {
       width: 100%;
       justify-content: space-between;
       line-height: 28px;
+      &-label {
+        width: calc(100% - 105px);
+        .flower {
+          max-width: 190px;
+        }
+      }
+      &-btn {
+        width: 65px;
+      }
       .del {
         color: #ff0000;
       }