style:材料信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 13:13:16
+ * @LastEditTime: 2023-10-10 14:06:38
 -->
 <template>
   <div class="clxx">
@@ -33,7 +33,7 @@
                 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
                 @click="treeClick(item, index)">
                 <span v-if="item.isrequired == 1" class="required">必选</span>
-                {{ item.sjmc }}
+                <span class="item_name">{{ item.sjmc }}</span>
                 <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span>
               </div>
             </div>
@@ -350,7 +350,7 @@
   }
 
   .cl_number {
-    float: right;
+    width: 30px;
   }
 
   .clxx {
@@ -409,7 +409,7 @@
           width: 20%;
           min-width: 160px;
           height: 100%;
-          margin-right: 10px;
+          font-size: 14px;
           border-right: 1px dotted #d9d9d9;
           padding: 0 15px;
 
@@ -438,8 +438,16 @@
               line-height: 20px;
               transition: all 0.3s;
               padding: 8px 0;
+              overflow: hidden;
+              display: flex;
+              justify-content: space-between;
+            }
+            .item_name {
+              flex: 1;
+              font-size: 14px;
+              display: flex;
+              justify-content: center;
             }
-
             .child:hover {
               color: $light-blue;
               transform: scale(1.1);