Browse Source

系统名字过长时,需要省略处理,后边的设置的3个点需要对齐

dongjh 7 months ago
parent
commit
651b210b09

+ 5 - 9
src/components/module_interLock/UEquipmentTree/UEquipmentTreeDrag.vue

@@ -29,12 +29,10 @@
             >
             <template v-slot:title="nodeData">
               <div class="item-node-container">
-                <div>
+                <div class="item-node-title">
                   <a-icon slot="icon" :type="nodeData.interlockType==='0'?'cluster':'project'" />
                   <!-- carry-out  apartment cluster -->
-                  
                   <span class="item-node-name">
-                    
                     <template>
                       <a-tooltip>
                         <template slot="title">
@@ -509,14 +507,12 @@
             color: #323233;
             height: 40px;
           }
+          .item-node-title {
+            width: 90%;
+          }
           .item-node-name{
             padding-left: 8px;
-            // width: 100px;
-            // white-space: nowrap; /* 防止文本换行 */
-            // overflow: hidden; /* 超出部分隐藏 */
-            // text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-            // // display: block; /* 确保块级显示 */
-            // word-break: break-all;
+            width: 90%;
             display: inline-block;
             white-space: nowrap;
             overflow: hidden; /*超出的文本隐藏*/