代码优化 添加字段

@@ -202,6 +202,10 @@
     display: none;
     display: none;
   }
   }
 
 
+  .ant-popover-inner {
+    padding: 0;
+  }
+
   .ant-popover-inner-content {
   .ant-popover-inner-content {
     padding: 0;
     padding: 0;
   }
   }

@@ -84,7 +84,7 @@ export interface ColsTreeProps extends DataNode {
 
 
 export interface ColSelectProps {
 export interface ColSelectProps {
   //请求参数，单选多选查询选项等
   //请求参数，单选多选查询选项等
-  params?: { appCode?: string; funCode: string; useId?: boolean };
+  params?: { appCode?: string; funCode?: string; useId?: boolean };
   extract?: any;
   extract?: any;
   value: MappingValueProps[];
   value: MappingValueProps[];
   //字段code or id
   //字段code or id
@@ -155,6 +155,7 @@ export interface paramColSelectProps extends ColSelectProps {
   dateSelected?: any; // 时间可选 日期字段
   dateSelected?: any; // 时间可选 日期字段
   iconText?: string; // Popover-icon 自定义 后面跟随文本
   iconText?: string; // Popover-icon 自定义 后面跟随文本
   allowClear?: boolean;
   allowClear?: boolean;
+  popupOnBody?: boolean; // 下拉 跟随 body 还是自身
 }
 }
 
 
 export const QxFieldSetter: React.FC<paramColSelectProps> = ({
 export const QxFieldSetter: React.FC<paramColSelectProps> = ({
@@ -231,7 +232,7 @@ export const QxFieldSetter: React.FC<paramColSelectProps> = ({
       }
       }
 
 
       request(params.appCode ? params.appCode : 'id', params.funCode, _data).then((res: any) => {
       request(params.appCode ? params.appCode : 'id', params.funCode, _data).then((res: any) => {
-        if (res) {
+        if (!!res?.length) {
           setOptions(
           setOptions(
             res.filter((item: any) => {
             res.filter((item: any) => {
               item.code = item.code.toString();
               item.code = item.code.toString();
@@ -1269,7 +1270,11 @@ export const QxFieldSetter: React.FC<paramColSelectProps> = ({
               <Select
               <Select
                 key={props.field}
                 key={props.field}
                 getPopupContainer={(triggerNode) => {
                 getPopupContainer={(triggerNode) => {
-                  return triggerNode;
+                  if (props?.popupOnBody) {
+                    return document.body;
+                  } else {
+                    return triggerNode;
+                  }
                 }}
                 }}
                 className={'select qx-filter-select' + (colsTree ? '' : 'full')}
                 className={'select qx-filter-select' + (colsTree ? '' : 'full')}
                 mode={
                 mode={
@@ -1369,7 +1374,11 @@ export const QxFieldSetter: React.FC<paramColSelectProps> = ({
               <Select
               <Select
                 className={'select ' + (colsTree ? '' : 'full')}
                 className={'select ' + (colsTree ? '' : 'full')}
                 getPopupContainer={(triggerNode) => {
                 getPopupContainer={(triggerNode) => {
-                  return triggerNode;
+                  if (props?.popupOnBody) {
+                    return document.body;
+                  } else {
+                    return triggerNode;
+                  }
                 }}
                 }}
                 placeholder="请选择"
                 placeholder="请选择"
                 mode={Boolean(isMultiple) ? 'multiple' : undefined}
                 mode={Boolean(isMultiple) ? 'multiple' : undefined}

@@ -680,6 +680,7 @@ export const QxParameterSetting: React.FC<ParameterSettingProps> = (props) => {
               colsTree={props.nodeItem}
               colsTree={props.nodeItem}
               isMultiple={false}
               isMultiple={false}
               onChange={(val) => changeField(val, nodeData)}
               onChange={(val) => changeField(val, nodeData)}
+              popupOnBody={true}
             />
             />
           </div>
           </div>
         )}
         )}

@@ -187,7 +187,10 @@ const UserSelectorDialog: React.FC<UserSelectorDialogProps> = (props) => {
         <Tooltip
         <Tooltip
           placement="top"
           placement="top"
           title={
           title={
-            <div>
+            <div style={{
+              fontSize: 14,
+              fontWeight: 400,
+            }}>
               搜索规则
               搜索规则
               <br />
               <br />
               1、在按部门状态下，搜索的是人员的：姓名，工号或岗位 <br />
               1、在按部门状态下，搜索的是人员的：姓名，工号或岗位 <br />