归档数管理

src/views/manager/archivetree.vue

@@ -32,8 +32,9 @@
                           :current-node-key="curreenttid"
                           @node-click="nodeClick"
                           lazy >
-                          <span
-                          class="custom-tree-node flexStar"
+                          <div
+                          class="custom-tree-node "
+                          style="flex: 1;width: 100%;justify-content: flex-start;"
                           :class="data.moreShow ? 'show' : ''"
                             slot-scope="{ node, data }"
                             @mouseover="mouseOver(data)"
@@ -80,7 +81,7 @@
 
                                 </div>
                             </span>
-                          </span>
+                          </div>
                         </el-tree>
                         
                         <el-tree
@@ -96,6 +97,7 @@
                       >
                         <span
                           class="custom-tree-node flexStar"
+                          style="flex: 1;width: 100%;justify-content: flex-start;"
                           :class="data.moreShow ? 'show' : ''"
                             slot-scope="{ node, data }"
                             @mouseover="mouseOver(data)"
@@ -193,7 +195,7 @@
                     show-checkbox :check-strictly="true"
                     @check="handleCheckChange"
                   >
-                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"
+                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"    style="flex: 1;width: 100%;justify-content: flex-start;"
                     @mouseleave="mouseLeave(data)">
                        <!-- <span>{{ node.label }}</span> -->
                          <span v-if="node.label&&node.label.length<=25">{{node.label | ellipsis1}}</span>
@@ -1182,6 +1184,7 @@ export default {
       }
     },
     mouseOver (data) {
+      console.log(1111111);
       if (!data.moreShow) {
         this.$set(data, 'moreShow', true)
       }
@@ -1887,11 +1890,12 @@ background: #eee;
   display: inline-block;
   background: rgb(254, 110, 34);
     color: #fff;
-    width: 18px;
-    height: 18px;
+    width: 16px;
+    height: 16px;
     border-radius: 50%;
     text-align: center;
     line-height: 20px;
     margin-right: 8px;
+    font-size: 12px;
 }
 </style>

src/views/manager/projectinfo/archivetreeRule.vue

@@ -36,6 +36,7 @@
                         lazy >
                         <span
                         class="custom-tree-node flexStar"
+                        style="flex: 1;width: 100%;justify-content: flex-start;"
                         :class="data.moreShow ? 'show' : ''"
                           slot-scope="{ node, data }"
                           @mouseover="mouseOver(data)"
@@ -43,11 +44,11 @@
 
                         >
                    
-                           <div v-if="data.title&&data.title.length<=30">{{data.title | ellipsis}}</div>
+                           <div v-if="data.title&&data.title.length<=25">{{data.title | ellipsis}}</div>
                   
-                            <el-tooltip v-if="data.title&&data.title.length>30" :content="data.title" raw-content placement="top-start"  effect="light">
-                              <span v-if="data.title &&data.title.length <=30">{{ data.title }}</span>
-                              <span v-if="data.title && data.title.length > 30"> {{data.title | ellipsis}}</span>
+                            <el-tooltip v-if="data.title&&data.title.length>25" :content="data.title" raw-content placement="top-start"  effect="light">
+                              <span v-if="data.title &&data.title.length <=25">{{ data.title }}</span>
+                              <span v-if="data.title && data.title.length > 25"> {{data.title | ellipsis}}</span>
                             </el-tooltip>
                     
 
@@ -111,17 +112,18 @@
                     
                          <span
                          class="custom-tree-node flexStar"
+                         style="flex: 1;width: 100%;justify-content: flex-start;"
                         :class="data.moreShow ? 'show' : ''"
                           slot-scope="{ node, data }"
                           @mouseover="mouseOver(data)"
                           @mouseleave="mouseLeave(data)"
 
                         >
-                           <div v-if="data.title&&data.title.length<=30">{{data.title | ellipsis}}</div>
+                           <div v-if="data.title&&data.title.length<=25">{{data.title | ellipsis}}</div>
                   
-                            <el-tooltip v-if="data.title&&data.title.length>30" :content="data.title" raw-content placement="top-start"  effect="light">
-                              <span v-if="data.title &&data.title.length <=30">{{ data.title }}</span>
-                              <span v-if="data.title && data.title.length > 30"> {{data.title | ellipsis}}</span>
+                            <el-tooltip v-if="data.title&&data.title.length>25" :content="data.title" raw-content placement="top-start"  effect="light">
+                              <span v-if="data.title &&data.title.length <=25">{{ data.title }}</span>
+                              <span v-if="data.title && data.title.length > 25"> {{data.title | ellipsis}}</span>
                             </el-tooltip>
                     
 
@@ -195,7 +197,7 @@
                     show-checkbox :check-strictly="true"
                     @check="handleCheckChange"
                   >
-                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"
+                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"    style="flex: 1;width: 100%;justify-content: flex-start;" 
                     @mouseleave="mouseLeave(data)">
                        <!-- <span>{{ node.label }}</span> -->
                           <span v-if="node.label&&node.label.length<=25">{{node.label | ellipsis1}}</span>
@@ -239,7 +241,7 @@
                     class="filter-tree"
 
                   >
-                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"
+                   <div class="custom-tree-node" slot-scope="{ node, data }"   @mouseover="mouseOver(data)"  style="flex: 1;width: 100%;justify-content: flex-start;"
                     @mouseleave="mouseLeave(data)">
                        <!-- <span>{{ node.label }}</span> -->
                           <span v-if="node.label&&node.label.length<=25">{{node.label | ellipsis1}}</span>
@@ -1827,8 +1829,8 @@ export default {
   filters:{
     ellipsis(value) {
       if (!value) return "";
-      if (value.length > 30) {
-        return value.slice(0, 30) + "...";
+      if (value.length > 25) {
+        return value.slice(0, 25) + "...";
       }
       return value;
     },
@@ -1917,11 +1919,12 @@ background: #eee;
   display: inline-block;
   background: rgb(254, 110, 34);
     color: #fff;
-    width: 18px;
-    height: 18px;
+    width: 16px;
+    height: 16px;
     border-radius: 50%;
     text-align: center;
     line-height: 20px;
     margin-right: 8px;
+    font-size: 12px;
 }
 </style>