28927 校三好学生管理/校三好学生申请，选择“班级/专业”时，滑动页面，它就到天上去了（20192601007，bdk@2022*$）

one_stop_public/tableCompon/Split_Index/RangePickerDiy.js

@@ -3,6 +3,8 @@ import { DatePicker } from 'antd';
 
 const { RangePicker } = DatePicker;
 import React, { useEffect, useState } from 'react';
+import getPopupContainer
+  from '@/webPublic/one_stop_public/tableCompon/Split_Index/getPopupContainer';
 
 export function getMomentArr({
                                begin,
@@ -44,6 +46,7 @@ export default function RangePickerDiy(props) {
     value,
     json,
     disabled,
+    uuid,
   } = props;
   const [bindValue, setBindValue] = useState([]);
 
@@ -79,9 +82,7 @@ export default function RangePickerDiy(props) {
       showTime={json.showTime != null ? json.showTime : true}
       format={json.format ? json.format : 'YYYY-MM-DD HH:mm:ss'}
       disabled={disabled}
-      getCalendarContainer={() => {
-        return document.body;
-      }}
+      getCalendarContainer={getPopupContainer(false, uuid)}
     />
   );
 

one_stop_public/tableCompon/Split_Index/getPopupContainer.js

+/**
+ * 28927 校三好学生管理/校三好学生申请，选择“班级/专业”时，滑动页面，它就到天上去了（20192601007，bdk@2022*$）
+ * 钟是志
+ * 2022年8月31日
+ * 没有很好的解决方案
+ * 如果用表单 的dom 在dom 高度不足时 会直接被遮住
+ * 还是使用body
+ * 暂时解决不了
+ * */
+export default function getPopupContainer(isDynamic, uuid) {
+	if (isDynamic && document.querySelector('#dynamic_div')) {
+		return () => {
+			return document.querySelector('#dynamic_div');
+		};
+	} else {
+	  return () => document.body;
+		return () => {
+			return document.querySelector(`td[data-cell-id="${uuid}"]`) || document.body;
+		};
+	}
+}

one_stop_public/tableCompon/index.jsx

@@ -81,6 +81,8 @@ import CronEditorDiy from '@/webPublic/one_stop_public/tableCompon/Split_Index/C
 import ButtonDiy from '@/webPublic/one_stop_public/tableCompon/Split_Index/ButtonDiy';
 import giveVarcharRules
   from '@/webPublic/one_stop_public/tableCompon/Split_Index/giveVarcharLength';
+import getPopupContainer
+  from '@/webPublic/one_stop_public/tableCompon/Split_Index/getPopupContainer';
 
 const {
   MonthPicker,
@@ -3147,13 +3149,7 @@ ${obj[dataColumn.base52]}
               placeholder={json.placeholder}
               style={{ width: json.width }}
               optionFilterProp="children"
-              getPopupContainer={
-                this.props.isDynamic && document.querySelector('#dynamic_div')
-                  ? () => {
-                    return document.querySelector('#dynamic_div');
-                  }
-                  : ''
-              }
+              getPopupContainer={getPopupContainer(this.props.isDynamic, uuid)}
               onFocus={() => {
                 get === 'mobile' // 移动端取消输入键盘弹出
                   ? setTimeout(() => {
@@ -3261,13 +3257,7 @@ ${obj[dataColumn.base52]}
               data-cell-uuid-cascader={uuid}
               showSearch={{ filter: filterF }}
               disabled={disabled}
-              getPopupContainer={
-                this.props.isDynamic && document.querySelector('#dynamic_div')
-                  ? () => {
-                    return document.querySelector('#dynamic_div');
-                  }
-                  : ''
-              }
+              getPopupContainer={getPopupContainer(this.props.isDynamic, uuid)}
               placeholder={json.placeholder}
               style={{ width: json.width }}
               {...otherProps}
@@ -3456,7 +3446,7 @@ ${obj[dataColumn.base52]}
                       message: '请选择起止时间',
                     },
                   ],
-            })(<RangePickerDiy json={json} disabled={disabled}/>);
+            })(<RangePickerDiy json={json} disabled={disabled} uuid={uuid}/>);
           }
           if (json.label == null) title = '起止时间';
           break;
@@ -3492,9 +3482,7 @@ ${obj[dataColumn.base52]}
             <DatePicker
               disabled={disabled}
               showTime={json.showTime != null ? json.showTime : true}
-              getCalendarContainer={() => {
-                return document.body;
-              }}
+              getCalendarContainer={getPopupContainer(false, uuid)}
               onOpenChange={
                 get === 'mobile'
                   ? () => {