齐套性检查左侧树样式优化

src/views/productionPlan/components/homogeneityInspectDialog.vue

@@ -45,7 +45,7 @@
           </el-row>
         </el-form>
         <div class="form-wrapper">
-          <div v-show="leftShow" :style="{ width: leftWidth }">
+          <div class="left_tree" v-show="leftShow" :style="{ width: leftWidth }">
             <el-tree
               ref="treeRef"
               :expand-on-click-node="false"
@@ -407,7 +407,7 @@
       leftShow(newVal, oldVal) {
         if (newVal) {
           this.leftWidth = '230px';
-          this.rightWidth = 'calc(100% - 230px)';
+          this.rightWidth = 'calc(100% - 240px)';
         } else {
           this.leftWidth = '0';
           this.rightWidth = '100%';
@@ -623,4 +623,12 @@
       margin-bottom: 16px;
     }
   }
+
+  .left_tree {
+    max-height: 600px;
+    min-height: 300px;
+    overflow: auto;
+    border: 1px solid #ccc;
+    margin-right: 10px;
+  }
 </style>

src/views/saleOrder/components/orderHomogeneityInspectDialog.vue

@@ -55,7 +55,11 @@
               <el-col :span="6"> 合同数量：{{ orderInfo.contractNum }} </el-col>
             </el-row>
           </div> -->
-          <div v-show="leftShow" :style="{ width: leftWidth }">
+          <div
+            class="left_tree"
+            v-show="leftShow"
+            :style="{ width: leftWidth }"
+          >
             <el-tree
               ref="treeRef"
               :expand-on-click-node="false"
@@ -393,7 +397,7 @@
       leftShow(newVal, oldVal) {
         if (newVal) {
           this.leftWidth = '250px';
-          this.rightWidth = 'calc(100% - 250px)';
+          this.rightWidth = 'calc(100% - 260px)';
         } else {
           this.leftWidth = '0';
           this.rightWidth = '100%';
@@ -617,4 +621,13 @@
       margin-bottom: 16px;
     }
   }
+
+  .left_tree {
+    width: 250px;
+    max-height: 600px;
+    min-height: 300px;
+    overflow: auto;
+    border: 1px solid #ccc;
+     margin-right: 10px;
+  }
 </style>