国内标准树形菜单调整

src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue

@@ -2,11 +2,13 @@
 <template>
   <div id="domesticStandardDatabase" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
     <div class="tree-content" :class="{ 'tree-closed': sideClose }">
-      <div class="tree">
+      <div style="width: 100%">
         <el-input
             placeholder="输入树状图体系"
             v-model="filterText">
           </el-input>
+        <div class="tree">
+          <el-card style="height: 100%;padding-right: 120px;">
             <el-tree
               ref="tree"
               node-key="id"
@@ -24,7 +26,7 @@
                         @mouseleave="mouseleave(data)">
                         <span
                           :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
-                            <span class="node-font" > {{ node.label }} </span>
+                        <span> {{ node.label}} </span>
                         <span>
                           <el-button
                             type="text"
@@ -50,6 +52,8 @@
                         </span>
                       </span>
             </el-tree>
+          </el-card>
+        </div>
       </div>
       <div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
         <!--切换折叠样式-->
@@ -4987,7 +4991,6 @@ export default {
   background: url('~@/assets/images/shangqi/img/tree.png');
   background-size: 100% 100%;
 }
-
 /deep/ .tree-line {
   .el-tree-node {
     position: relative;
@@ -5049,7 +5052,7 @@ export default {
 }
 </style>
 
-<style lang="less" >
+<style lang="less" scoped>
 @import '~@/assets/styles/mixins';
 @import '~@/assets/styles/style';
 
@@ -5065,15 +5068,15 @@ export default {
     position: relative;
 
     .tree {
+      /deep/.el-card__body {
+        padding: 0 !important;
+      }
+      .el-card {
+        min-width: min-content;
+      }
       width: calc(~'100% - 15px');
       position: absolute;
       left: 0;
-      .node-font{
-        display: inline-block;
-        width: 120px;
-        text-overflow:ellipsis;
-        overflow: hidden;
-      }
     }
 
     .tree-collapse {
@@ -5118,7 +5121,6 @@ export default {
     .tree {
       left: -200px !important;
     }
-
     .tree-right {
       width: calc(~'100% - 15px') !important;
     }