表格错位bug

jero-web/src/components/CollectionType/index.vue

@@ -125,7 +125,7 @@
       <div v-else-if='detailDate.controlType === "2"' class='add_flex'>
         <div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
           <div v-if='item.type === "pull"'>
-            <a-select v-model="item.dataValue"
+            <a-select v-model="item.dataValue" @change='selectChange'
                       :getPopupContainer="triggerNode=> triggerNode.parentNode"
                       class='selectWid' :disabled="item.isLock == '1' ? true: false"
                       allowClear>
@@ -690,6 +690,17 @@
       })
     },
     methods: {
+      selectChange(val){
+        this.$nextTick(() => {
+          let element = document.querySelectorAll(
+            ".tableclassname .ant-table-expanded-row"
+          );
+          let len = element.length / 2;
+          for (let i = 0; i < len; i++) {
+            element[i + len].style.height = element[i].offsetHeight + "px";
+          }
+        });
+      },
       onInput(r) {
         let value = r.target.value
         r.target.value = value.replace(/[^\u4e00-\u9fa5]/g, '')
@@ -770,7 +781,9 @@
     height: 38px !important;
     line-height: 38px !important;
   }
-
+  .ant-select-selection-selected-value{
+    height:100%;
+  }
   .selectWid .ant-select-selection__rendered {
     line-height: 36px !important;
   }
@@ -781,9 +794,12 @@
     height: calc(100% - 100px);
     overflow: auto;
   }
-/deep/ .ant-select-allow-clear{
-  height: 30px;
-}
+///deep/ .ant-select-allow-clear{
+//  height: 30px;
+//}
+  /deep/.ant-table-row{
+    height:69px;
+  }
   .text {
     margin-right: 10px;
   }