YT-2006号口生产申请和号口生产任务，点击设置字段排序不好使

src/components/XButton/src/ButtonBase.vue

@@ -1,4 +1,5 @@
 <template>
+  <div ref="buttonRefs">
   <div v-for="(item, index) in Butttondata" :key="index" class="btn-div">
     <el-button
       v-show="!item.hide"
@@ -28,6 +29,7 @@
         :detailAllSchemas="detailAllSchemas"
         @closeRowDrop="closeRowDrop"
         @updataTableColumns="updataTableColumns"
+        :rowDropHeight="rowDropHeight"
       />
       <template #reference>
         <el-button
@@ -45,6 +47,7 @@
       </template>
     </el-popover>
   </div>
+  </div>
   <slot></slot>
 </template>
 <script setup>
@@ -106,6 +109,14 @@ defineExpose({
 const updataTableColumns = (val) => {
   emit('updataTableColumns', val)
 }
+const buttonRefs = ref()
+const rowDropHeight = ref('')
+onMounted(() => {
+  const client = buttonRefs.value.getBoundingClientRect()
+  console.log(999, client.top)
+  rowDropHeight.value = client.top + 'px'
+  // console.log(100,height22)
+})
 </script>
 <style scoped lang="scss">
 .btn-div{

src/components/rowDrop/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- <Dialog title="字段设置"  width="270" v-model="popoverVisible" :scroll="true" :maxHeight="500"> -->
-    <div class="test_wrapper" @dragover="dragover($event)">
+    <div class="test_wrapper" @dragover="dragover($event)" :style="{maxHeight:`calc(100vh - ${rowDropHeight} - 100px)`}">
       <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handlecheckallchange">{{  t('ts.全部') }}</el-checkbox>
       <el-checkbox-group v-model="checkedDataList" @change="handlecheckedchange">
         <draggable :list="allData" :force-fallback="true" chosen-class="chosen" animation="300" @end="dragend" @update="dragenter" >
@@ -36,6 +36,10 @@ const props = defineProps({
     type: Object,
     default: null
   },
+  rowDropHeight: {
+    type: String,
+    default: ''
+  },
 })
 const popoverVisible = ref(false)
 const route = useRoute() // 路由信息
@@ -257,7 +261,7 @@ defineExpose({
 </script>
 <style lang="scss" scoped>
 .test_wrapper{
-  max-height: calc(100vh - 350px);
+  // max-height: calc(100vh - 350px);
   overflow-y: auto;
 }
 .footer{