import moment from 'moment';
import React, { Component, createRef } from 'react';
import reactComponentDebounce from '@/components/Common/ReactDebounce';
import '@ant-design/compatible/assets/index.css';
import * as commonFunc from '@/components/Common/commonFunc';
import {
  InputNumber,
  Checkbox,
  DatePicker,
  TimePicker,
  Input,
  Cascader,
  Select,
  AutoComplete,
  Spin,
  message,
  Form,
  Upload,
  Image,
  Button,
  Space,
  Table,
  Pagination,
  Tooltip,
} from 'antd';
import {
  EyeOutlined,
  FilePdfOutlined,
  FileWordOutlined,
  FileExcelOutlined,
  FileOutlined,
  InfoCircleFilled,
  PlusOutlined,
} from '@ant-design/icons';
import * as commonUtils from '@/utils/utils';
import styles from '@/index.less';
import Provinces from '@/assets/provinces.json';
import Cities from '@/assets/cities.json';
import Areas from '@/assets/areas.json';
import * as commonConfig from '@/utils/config';
import { VirtualKeyboard } from '@/oee/common/oeeKeyBoard';// 虚拟软键盘
import 'braft-editor/dist/output.css';
import TBTimeModalComponent from '../../../mes/common/tbTimeModalComponent';
import InputMultiModalComponent from '../../../mes/common/inputMultiModalComponent';

const FormItem = Form.Item;
const { Option } = Select;
const { TextArea } = Input;
const { Search } = Input;
const InputNumberA = reactComponentDebounce(300)(InputNumber);
const InputA = reactComponentDebounce(300)(Input);
const AutoCompleteA = reactComponentDebounce(300)(AutoComplete); /* 处理快速选择产品后离开 产品无法赋值问题s */
const TextAreaA = reactComponentDebounce(500)(TextArea);
// const InputNumberA = InputNumber;
// const InputA = Input;
// const AutoCompleteA = AutoComplete;
// const TextAreaA = TextArea;
const { RangePicker, MonthPicker } = DatePicker;

export default class CommonComponent extends Component {
  /**   构造函数   */
  constructor(props) {
    super(props);
    this.state = {
      dataValue: props.dataValue, /*   本showType数据 */
      enabled: props.enabled, /*   是否是查看状态(数据格式:布尔)   */
      dropDownData: [], /*   下拉数据集(如果不是下拉控件该值为空,数据格式:数组对象)   */
      conditonValues: {},
      sFieldName: props.showConfig.sName, // 字段名
      bNotEmpty: props.showConfig.bNotEmpty,
      mode: props.showConfig.bMultipleChoice ? 'multiple' : 'default',
      bNewRecord: props.showConfig.bNewRecord, /* 是否有新纪录 */
      sActiveDisplay: true,
      pageNum: 0,
      totalPageCount: 1,
      searchValue: '',
      searchDropDownData: [],
      searchTotalPageCount: 1,
      searchPageNum: 0,
      spinState: false,
      currentPage: 1,
      selectTableData: [],
      buttonLoading: false,
    };
    this.lastValue = props.dataValue;
    this.firstDataIndex = props.showConfig.sDateFormat === "decimalPoint" ? "d" : props.showConfig.sName.substring(0, 1); /*   控件首字母(数据格式:字符串)   */
    this.max = props.showConfig.sMaxValue; /*   最大值(数据格式:数字)   */
    this.min = props.showConfig.sMinValue; /*   最小值(数据格式:数字)   */
    // 重构修改
    this.getFieldDecorator = commonUtils.isUndefined(props.form) ? undefined : props.form.getFieldDecorator; /*   字段验证(数据格式:数字)   */
    // this.getFieldDecorator = commonUtils.isUndefined(props.form) ? undefined : undefined; /*   字段验证(数据格式:数字)   */
    this.floatNum = this.props.getFloatNum(props.showConfig.sName); /*   数字格式化规范转换(数据格式:数字)   */
    this.floatPrice = this.getFloatPrice(this.floatNum); /*   价格格式化规范转换(数据格式:数字)   */
    this.formItemLayout = commonUtils.isNotEmptyObject(props.formItemLayout) ?
      props.formItemLayout :
      location.pathname.toLowerCase().indexOf('oee') > -1 ? { labelCol: { span: 7, style: { color: 'rgba(0, 0, 0, 0.65)', backgroundColor: '#BFEFFF' } }, wrapperCol: { span: 15 } } :
        { labelCol: { span: 7, style: { height: '27.82px', color: 'rgba(0, 0, 0, 0.65)', backgroundColor: '#BFEFFF' } }, wrapperCol: { span: 15 } }; /*   表格样式(主要是colspan和rowspan,数据格式:对象)   */
    this.isDropdownFilter = false;
    this.V = { value: props.dataValue };
    this.myRef = createRef();
    this.isReportInfo = this.props.showConfig?.sControlName?.startsWith('reportInfo');
    this.bTbTime = this.firstDataIndex === "t" && this.props.showConfig?.sControlName?.startsWith('tbTime');
  }

  /**   渲染前只执行一次   */
  componentWillMount() {
    this.mounted = true;
    if (this.props.showConfig.sDropDownType === 'const') { /*   常量下拉   */
      /*  常量下拉其实只取一次数据就可以啦,去过数据的会给state中的dropDownData赋值,所以dropDownData有值的情况就不需要再获取了   */
      const showDropDown = commonUtils.isNotEmptyArr(this.props.showConfig.dropDownData) ? this.props.showConfig.dropDownData :
        (typeof this.props.showConfig.showDropDown === 'object') ? this.props.showConfig.showDropDown : commonUtils.objectToArr(commonUtils.convertStrToObj(this.props.showConfig.showDropDown));
      /*  给state赋值  */
      if (this.mounted) {
        this.setState({
          dropDownData: showDropDown,
        });
      }
    } else if (this.props.showConfig.sDropDownType === 'sql' && !commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      if (this.mounted) {
        this.setState({
          dropDownData: this.props.showConfig.dropDownData,
        });
      }
    }
  }

  componentDidMount() {
    const currentNode = this.myRef.current;
    const selectInputNode = currentNode.querySelector("input[class*='ant-select-selection-search-input']");
    if (selectInputNode) {
      selectInputNode.addEventListener('compositionstart', () => {
        this.chineseInputting = true;
      });
      selectInputNode.addEventListener('compositionend', () => {
        this.chineseInputting = false;
      });
    }

    if (currentNode) {
      if (['t', 'm', 'y'].includes(this.firstDataIndex)) {
        const oInput = currentNode.querySelector(`#${this.props.showConfig.sName}`);
        if (oInput) {
          let { sDateFormat } = this.props.showConfig;
          if (commonUtils.isEmptyStr(sDateFormat)) {
            if (this.firstDataIndex === 'm') {
              sDateFormat = 'YYYY-MM';
            } else if (this.firstDataIndex === 'y') {
              sDateFormat = 'YYYY';
            } else {
              sDateFormat = this.props.getDateFormat();
            }
          }
          oInput.oninput = (e) => {
            const { value } = e.target;
            const isValidDate = moment(value, sDateFormat, true).isValid();
            if (isValidDate) {
              this.handleSelectOptionEvent(moment(this.state.dataValue), value);
            }
          };
        }
      }
    }

    if (this.bTbTime) {
      const oInput = currentNode.querySelector('.ant-picker-input input');
      if (oInput) {
        oInput.onfocus = () => {
          this.setState({
            tbTimeModalVisible: true
          });
        }
      }
    }

    if (currentNode && commonUtils.isNotEmptyObject(this.props.showConfig.sName) && this.props.showConfig.sDropDownType === 'popup') {
      const oInput = currentNode.querySelector('input');
      const oBtn = currentNode.querySelector('.ant-input-group-addon button');
      if (oInput && oBtn) {
        oInput.onfocus = () => {
          oBtn.click();
        }
      }
    }

    // 默认获取下拉值
    if (this.props.getDefaultDropDownData && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      this.props.getSqlDropDownData(this.props.formId, this.props.name, this.props.showConfig, this.props.record, '', 1).then(result => {
        this.props.getDefaultDropDownData(result);
      });
    }
  }

  /**   props改变的时候触发   */
  componentWillReceiveProps(nextProps) {
    /*   如果是下拉控件,则要获取数据(获取下拉数据前要先更新sqlCondition)   */
    const {
      dataValue, enabled, sFieldName, bNotEmpty, showName, sDropDownType,
    } = this.state;
    if (nextProps.showConfig === undefined || this.props.showConfig === undefined) return;
    this.firstDataIndex = nextProps.showConfig.sDateFormat === "decimalPoint" ? "d" : nextProps.showConfig.sName.substring(0, 1); /*   控件首字母(数据格式:字符串)   */

    if (nextProps.showConfig.sDropDownType === 'const') { /*   常量下拉   */
      /*   常量下拉其实只取一次数据就可以啦,去过数据的会给state中的dropDownData赋值,所以dropDownData有值的情况就不需要再获取了   */
      const showDropDown = commonUtils.isNotEmptyArr(nextProps.showConfig.dropDownData) ? nextProps.showConfig.dropDownData :
        (typeof nextProps.showConfig.showDropDown === 'object') ? nextProps.showConfig.showDropDown : commonUtils.objectToArr(commonUtils.convertStrToObj(nextProps.showConfig.showDropDown));
      // 对应工序单独处理
      // if (this.props.showConfig.showName === '对应工序') {
      //   showDropDown = nextProps.customDropData;
      // }
      /*   给state赋值   */
      if (this.mounted) {
        this.setState({
          dropDownData: showDropDown,
        });
      }
    } else if (nextProps.showConfig.sDropDownType === 'sql' && !commonUtils.isEmptyArr(nextProps.showConfig.dropDownData)) {
      if (this.mounted) {
        this.setState({
          dropDownData: nextProps.showConfig.dropDownData,
        });
      }
    }
    /*   把需要更新的数据setState */
    if (dataValue !== nextProps.dataValue || enabled !== nextProps.enabled || bNotEmpty !== nextProps.showConfig.bNotEmpty || sFieldName !== nextProps.showConfig.sName || (showName !== nextProps.showConfig.showName || !showName) || sDropDownType !== nextProps.showConfig.sDropDownType) {
      if (this.mounted) {
        if (nextProps.dataValue === undefined) {
          this.lastValue = nextProps.dataValue;
        }
        this.setState({
          dataValue: nextProps.dataValue,
          enabled: nextProps.enabled,
          sFieldName: nextProps.showConfig.sName,
          sDropDownType: nextProps.showConfig.sDropDownType,
          bNotEmpty: nextProps.showConfig.bNotEmpty,
          showName: nextProps.showConfig.showName,
          numberChanged: this.numberChanged
        });
      }
    }
  }

  shouldComponentUpdate(nextProps, nextState) {
    const {
      dataValue, enabled, dropDownData, searchValue, searchDropDownData, sFieldName, bNotEmpty, sActiveDisplay, sDropDownType, spinState, tbTimeModalVisible, inputMultiModalVisible
    } = this.state;

    let iBigBoardNoFlag = false;
    if (
      (nextProps.name === "salveWydm2" && nextProps?.showConfig?.sName === 'iBigBoardNo') ||
      (nextProps.name === "slaveWypj2" && nextProps?.showConfig?.sName === 'sReelNo') ||
      (nextProps.name === "slaveWypj2" && nextProps?.showConfig?.sName === 'sIndexNo') ||
      (nextProps.name === "salveWybz2" && nextProps?.showConfig?.sName?.endsWith('BigBoardNo')) ||
      (nextProps.name === "slaveWyrj2" && nextProps?.showConfig?.sName === 'sIndexNo')
    ) {
      iBigBoardNoFlag = JSON.stringify(nextProps.record) !== JSON.stringify(this.props.record);
    }

    return nextProps.showConfig !== undefined && (dataValue !== nextState.dataValue || enabled !== nextState.enabled ||
      sFieldName !== nextState.sFieldName || sDropDownType !== nextState.sDropDownType || bNotEmpty !== nextState.bNotEmpty || JSON.stringify(dropDownData) !== JSON.stringify(nextState.dropDownData) ||
      searchValue !== nextState.searchValue || JSON.stringify(searchDropDownData) !== JSON.stringify(nextState.searchDropDownData) ||
      JSON.stringify(sActiveDisplay) !== JSON.stringify(nextState.sActiveDisplay) || nextProps.showTime !== this.props.showTime ||
      spinState !== nextState.spinState || JSON.stringify(nextState.selectTableData) !== JSON.stringify(this.state.selectTableData) || iBigBoardNoFlag ||
      tbTimeModalVisible !== nextState.tbTimeModalVisible || inputMultiModalVisible !== nextState.inputMultiModalVisible);
  }

  componentWillUnmount() {
    this.mounted = false;
  }

  onFocus = () => {
    if (['i', 'd', 'b', 's'].includes(this.firstDataIndex)) {
      const { sOnChangeInstruct } = this.props.showConfig;
      const sInstruct = commonUtils.convertStrToObj(sOnChangeInstruct, {});
      if (sInstruct.blur) {
        this.props.app.globalFun.onSetMask(true);
      }
    }
    clearTimeout(this.leaveTimer);
    this.isDropdownFilter = false;
    this.setState({ sActiveDisplay: false });
  };

  onBlur = (event) => {
    this.isDropdownFilter = false;
    if (this.state.searchValue !== '' && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      if (!this.props.showConfig.bCanInput) {
        this.handleSelectOptionEvent('');
      }
      this.setState({
        searchPageNum: 1,
        searchTotalPageCount: 1,
        searchDropDownData: [],
        searchValue: '',
        spinState: false,
        sActiveDisplay: true,
      });
    } else {
      this.setState({
        sActiveDisplay: true,
      });
    }
    /* 若下拉配置了movesql 则离开时 调用下拉sql数据 */
    if (this.props.showConfig && (this.props.showConfig.sDropDownType === 'movesql' || commonUtils.isNotEmptyObject(this.props.showConfig.sButtonParam))) {
      this.props.onDropDownBlur(this.props.name, this.props.showConfig.sName, this.props.record, this.props.showConfig);
    }

    this.onCheckFields(500);
    this.onBlurText(event, 500);
  };

  onBlurText = (event, timeout = 0) => {
    const currentValue = event?.target?.value;
    if (currentValue == this.lastValue) {
      this.props.app.globalFun?.onSetMask(false);
      return;
    }
    if (this.onExecInstructSet('blur')) {
      this.lastValue = currentValue;
      return;
    };
    setTimeout(() => {
      const {
        name,
        record,
        sBtnSendDialogConfigList,
        onToolBarBtnClick,
      } = this.props;
      if (name !== 'master') return;
      if (commonUtils.isEmptyArr(sBtnSendDialogConfigList)) return;
      const { sName } = this.props.showConfig;
      if (!record[sName]) return;

      const { sActiveKey, sControlName } =
        sBtnSendDialogConfigList.find((item) => {
          const { sActiveKey = '' } = item;
          return sActiveKey.split(',').includes(`${name}.${sName}`);
        })
      || {};
      if (!sActiveKey) return;
      this.lastValue = currentValue;
      onToolBarBtnClick({ key: sControlName });
    }, timeout);
  }

  onExecInstructSet = (type) => {
    const { showName, sOnChangeInstruct } = this.props.showConfig;
    const sInstruct = commonUtils.convertStrToObj(sOnChangeInstruct, {});
    const { [type]: instructType } = sInstruct;
    if (instructType) {
      if (this.props.onExecInstructSet) {
        this.props.onExecInstructSet({
          nextProps: {
            [`${this.props.name}SelectedRowKeys`]: [this.props.record.sId]
          },
          btnConfig: {
            sInstruct: JSON.stringify(instructType),
            showName: `${showName}-${type === 'blur' ? '离焦' : '变化'}`,
          },
          callback: () => {
            type === 'blur' && this.props.app.globalFun?.onSetMask(false);
          }
        });
      } else {
        message.error('未定义调用指令集事件！');
      }
      return true;
    }
    return false;
  }

  onCheckFields = (timeout = 0) => {
    // 手机号、邮箱校验等校验
    setTimeout(() => {
      const sDateFormatTypeList = ['phone', 'mobile', 'mail', 'postcode'];
      const { sName, showName, sDateFormat } = this.props.showConfig;
      const { record } = this.props;
      const value = record?.[sName];
      if (
        value !== undefined && value !== '' && sDateFormatTypeList.includes(sDateFormat)
      ) {
        let flag = false;
        if (sDateFormat === 'phone') {
          const reg = /^0\d{2,3}-\d{7,8}$/;
          const reg1 = /^1[0-9]{10}$/;
          if (!reg.test(value) && !reg1.test(value)) {
            flag = true;
          }
        } else if (sDateFormat === 'mobile') {
          const reg = /^0\d{2,3}-\d{7,8}$/;
          const reg1 = /^1[0-9]{10}$/;
          if (!reg.test(value) && !reg1.test(value)) {
            flag = true;
          }
        } else if (sDateFormat === 'mail') {
          const reg = /^[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}$/;
          if (!reg.test(value)) {
            flag = true;
          }
        } else if (sDateFormat === 'postcode') {
          const reg = /^[1-9][0-9]{5}$/;
          if (!reg.test(value)) {
            flag = true;
          }
        }

        if (flag) {
          message.warning(`【${showName}】【${sName}】格式不正确！`);
        }
      }
    }, timeout);
  }

  /**   下拉时看是否要重新获取数据   */
  onDropdownVisibleChange = (open) => {
    const {
      dropDownData, bNewRecord, pageNum: pageNumOld, totalPageCount: totalPageCountOld, searchValue, conditonValues,
    } = this.state;

    if (this.mounted && open) {
      const conditonValuesNew = this.props.getSqlCondition(this.props.showConfig, this.props.name, this.props.record);
      const pageNum = JSON.stringify(conditonValuesNew) !== JSON.stringify(conditonValues) ? 1 : pageNumOld === 0 ? 1 : pageNumOld;
      const totalPageCount = conditonValuesNew !== conditonValues ? 1 : totalPageCountOld;
      if (pageNum === 1 && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
        this.setState({ spinState: true });
        this.getDropDownData(pageNum, totalPageCount, searchValue);
      }
    } else {
      // if (searchValue !== '' && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      //   this.setState({
      //     searchPageNum: 1, searchTotalPageCount: 1, searchDropDownData: [], searchValue: '', spinState: false,
      //   });
      // }
      this.isDropdownFilter = false;
    }
    if (this.props.onDropdownVisibleChange !== undefined) {
      if (dropDownData.length === 0 && !bNewRecord) {
        /* 如果没有值并且没有新纪录，则不展开 */
        open = false;
      }
      this.props.onDropdownVisibleChange(open);
    }
  }

  onDoubleClick = () => {
    const sMemo = this.props.showConfig.sName;
    const title = this.props.showConfig.showName;
    const bSParamValue = sMemo === 'sParamValue';
    if ((commonUtils.isNotEmptyObject(sMemo) && sMemo.indexOf('Memo') > -1) || (bSParamValue && !this.props.record.sDropDownData)) {
      const sCurrMemoProps = {
        title,
        name: this.props.name,
        sValue: this.props.dataValue,
        sMemoField: sMemo,
        bVisibleMemo: true,
        sRecord: this.props.record,
        sMemoConfig: this.props.showConfig,
      };
      if (this.props.bInSlaveMemo) {
        this.props.onSaveState({ sCurrMemoProps1: sCurrMemoProps });
      } else if (this.props.onSaveState) {
        this.props.onSaveState({ sCurrMemoProps });
      }
    } else if (commonUtils.isNotEmptyObject(sMemo) && sMemo.indexOf('sValue') > -1) { /* 计算方案 变量设置双击弹出 */
      this.props.onFieldDoubleClick(this.props.record, this.state.dataValue, this.props.showConfig, this.props.name);
    } else if (commonUtils.isNotEmptyObject(sMemo) && sMemo.indexOf('sAssignField') > -1) { /* 赋值字段 变量设置双击弹出 */
      this.props.onFieldDoubleClick(this.state.dataValue, this.props.showConfig, this.props.name);
    }
  }

  onEditorClick = () => {
    // if (this.props.enabled) {
    //
    // }
    const curEditorProps = {
      title: this.props.showConfig.showName,
      name: this.props.name,
      value: this.props.dataValue,
      sName: this.props.showConfig.sName,
      visible: true,
      record: this.props.record,
      config: this.props.showConfig,
    };
    this.props.onSaveState({ curEditorProps });
  }

  onKeyUp = (e) => {
    if (this.props.onKeyUp) {
      this.props.onKeyUp(e);
    }
  }

  onKeyDown = (e) => {
    if (e.ctrlKey && e.keyCode === 82) { /* CTRL+ALT+R 代替右击事件 */
      this.onContextMenu(e);
    } else if (e.key === 'F10') {
      message.info(this.props.showConfig.sName);
    } else if (e.ctrlKey && (e.altKey || e.metaKey) && e.keyCode === 71) { /* CTRL+ALT+G F7 设置界面 */
      if (commonUtils.isNotEmptyObject(this.props)) {
        const {
          name, tableConfig, record, configName,
        } = this.props;
        if (commonUtils.isNotEmptyObject(tableConfig)) {
          const myTableConfig = JSON.parse(JSON.stringify(tableConfig));
          myTableConfig.sActiveId = '16411004790004762980820285096000';
          myTableConfig.sName = this.props.showConfig.sName;
          const myTableConfigArr = [];
          myTableConfigArr.push(myTableConfig);
          if (this.props.name === 'master') { /* 主表 */
            this.props.onViewClick(name, 'myTableConfig', record, 0, myTableConfigArr, configName);
          } else { /* 从表 */
            this.props.onViewClick(name, 'myTableConfig', record, 0, myTableConfigArr, configName);
          }
        }
      }
    } else if (this.props.onKeyDown) {
      const { showConfig, record, name } = this.props;
      this.props.onKeyDown(e, record, showConfig.sName, name);
    }
  }

  /* CommonList列表onkeydown-F10处理 */
  onKeyDownDiv = (e) => {
    if (this.props.onKeyDown) {
      this.props.onKeyDown(e);
    }
    if (e.key === 'F10') {
      message.info(this.props.showConfig.sName);
    } else if (e.ctrlKey && e.keyCode === 67) {
      console.log('复制成功！');
    } else if (e.ctrlKey && e.keyCode === 65) {
      console.log('全选成功！');
    } else {
      e.preventDefault();
      return false;
    }
  }

  /* 单击右键全部更新，弹出窗选择后，更新此列所有数据 （只更新非只读字段） */
  onContextMenu = (e) => {
    if (this.state.enabled && commonUtils.isNotEmptyObject(this.props) && this.props.name !== 'master' && commonUtils.isNotEmptyObject(this.props.showConfig)) {
      const { showConfig, name } = this.props;
      const { bReadonly } = showConfig;
      if (bReadonly) {
        return;
      }
      e.preventDefault(); /* 阻止浏览器本身的右击事件 */
      if (this.props.onContextMenu) {
        const { showConfig, record } = this.props;
        this.props.onContextMenu(e, record, showConfig, name);
      }
    }
  }

  /* 字段选择弹窗 */
  onFieldPopupModal = (showConfig, name, open) => {
    if (open) {
      this.props.onFieldPopupModal(showConfig, name);
    }
  }
  /**   获取selectprops对象   */
  getSelectProps = () => {
    const noData = commonFunc.showLocalMessage(this.props, 'noData', '暂无数据');
    /*   返回值声明   */
    const obj = {
      showSearch: true, /*   是否有查找功能   */
      // disabled: !this.state.enabled /*   修改的时候传过来的数据   */
      onChange: this.handleSelectOptionEvent, /*   选择触发事件   */
      filterOption: this.filterOption, /*  搜索时过滤对应的 option 属性  */
      onDropdownVisibleChange: this.onDropdownVisibleChange,
      onPopupScroll: this.handlePopupScroll,
      onSearch: this.handleSearch,
      notFoundContent: this.state.spinState ? <Spin /> : noData,
      // getPopupContainer: this.props.name === 'slave' || this.props.name === 'searchColumnShow' ? this.getPopupContainer : null,/*解决下拉框不随浏览器滚动问题 */
      onFocus: this.onFocus,
      onBlur: this.onBlur,
      mode: this.state.mode,
      maxTagCount: 'responsive',
      onPaste: (event) => {
        if (this.props.showConfig.bMultipleChoice) {
          const clipboardText = event.clipboardData.getData('text/plain').trim();
          if (clipboardText) {
            const { dataValue = '' } = this.state;
            let dataValueNew = dataValue;
            if (dataValueNew === '') {
              dataValueNew += clipboardText;
            } else {
              dataValueNew += `,${clipboardText}`;
            }
            this.handleSelectOptionEvent(dataValueNew, []);
            document.activeElement.blur();
          }
        }
      },
    };
    if (this.props.showConfig.sDropDownType === 'sql') {
      obj.optionLabelProp = 'title';
    }
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    obj.placeholder = this.props.showConfig.placeholder;
    /* 区分Oee设置字体与其他系统设置字体 */
    obj.dropdownStyle = commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? { fontSize: '1.3rem' } : { fontSize: '12px' };
    obj.dropdownClassName = commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? (location.pathname.toLowerCase().indexOf('loginoee') > -1 ? 'loginOeeDropDown' : 'oeeDropDown') : '';
    /*   主表时才赋值value   */
    if (this.props.bTable) {
      if (this.props.showConfig.bMultipleChoice) {
        if (this.state.dataValue) {
          obj.value = this.state.dataValue.split(',');
        } else {
          obj.value = [];
        }
      } else {
        obj.value = this.state.dataValue;
      }
      !this.props.bNewForm && (obj.className = styles.editSelect);
    }
    if (this.props.showConfig.iDropWidth > 0) {
      obj.dropdownMatchSelectWidth = false; /* true时 下拉菜单和选择器同宽。默认将设置 min-width，当值小于选择框宽度时会被忽略。 */
      obj.dropdownStyle.width = this.props.showConfig.iDropWidth;
    }
    obj.onInputKeyDown = this.onKeyDown;
    obj.onKeyUp = this.onKeyUp;

    if (this.props.showConfig.sName === 'sLabelColor') {
      if (obj.value === '红牌') {
        obj.className = styles.colorRed;
      } else if (obj.value === '黄牌') {
        obj.className = styles.colorYellow;
      }
    }

    /*   返回值   */
    return obj;
  };

  getSelectTableProps = () => {
    const { currentPage, tempCurrentPage, searchValue } = this.state;
    const pageNum = searchValue === '' ? currentPage : tempCurrentPage;

    /*   返回值声明   */
    const obj = {
      dropdownMatchSelectWidth: false,
      filterOption: this.filterOption, /*  搜索时过滤对应的 option 属性  */
      onDropdownVisibleChange: (open) => {
        this.onDropdownVisibleChange(open);
        if (open === false) {
          clearTimeout(this.blurtimer);
          this.blurtimer = setTimeout(() => {
            this.onBlur();
          }, 500);
        } else {
          clearTimeout(this.blurtimer);
          this.onFocus();
        }
      },
      onSearch: this.selectTableSearch,
      showSearch: true,
      // onFocus: this.onFocus,
      // onBlur: this.onBlur,
    };
    if (this.props.showConfig.sDropDownType === 'sql') {
      obj.optionLabelProp = 'title';
    }
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    obj.placeholder = this.props.showConfig.placeholder;
    /* 区分Oee设置字体与其他系统设置字体 */
    obj.dropdownStyle = commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? { fontSize: '1.3rem' } : { fontSize: '12px' };
    obj.dropdownClassName = commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? (location.pathname.toLowerCase().indexOf('loginoee') > -1 ? 'loginOeeDropDown' : 'oeeDropDown') : '';
    /*   主表时才赋值value   */
    if (this.props.bTable) {
      obj.value = this.props.showConfig.bMultipleChoice && !commonUtils.isEmpty(this.state.dataValue) ? this.state.dataValue.split(',') : this.state.dataValue; /*   数据值   */
      obj.className = this.props.costomClassName === undefined ? styles.editSelect : this.props.costomClassName;
    }
    if (this.props.showConfig.iDropWidth > 0) {
      obj.dropdownMatchSelectWidth = false; /* true时 下拉菜单和选择器同宽。默认将设置 min-width，当值小于选择框宽度时会被忽略。 */
    }
    obj.onInputKeyDown = this.onKeyDown;
    obj.onKeyUp = this.onKeyUp;
    /* eslint-disable */
    obj.dropdownRender = (menu) => (
      <>
        {/* <div className="select-search">
          <Search allowClear onSearch={e => this.selectTableSearch(e)}/>
        </div> */}
        {menu}
        <div className="select-pagination">
          <Pagination onChange={e => this.selectTableChange(e)} showSizeChanger={false} current={pageNum} pageSize={20} size="large" total={this.state.totalCount} />
          <Space>
            {this.props.showConfig.bFirstEmpty && (
              <Button
                type='link'
                onClick={() => {
                  document.querySelectorAll('.ant-select-dropdown').forEach(item => {
                    item.classList.add('ant-select-dropdown-hidden');
                    const displayBak = item.style.display;
                    item.style.display = 'none';
                    setTimeout(() => {
                      item.style.display = displayBak;
                    }, 200);
                  });
                  this.setState({ tempCurrentPage: null });
                  this.handleSelectOptionEvent('');
                }}
              >
                清空
              </Button>)
            }
            {this.props.showConfig.bNewRecord && (
              <Button
                type='link'
                onClick={() => {
                  document.querySelectorAll('.ant-select-dropdown').forEach(item => {
                    item.classList.add('ant-select-dropdown-hidden');
                    const displayBak = item.style.display;
                    item.style.display = 'none';
                    setTimeout(() => {
                      item.style.display = displayBak;
                    }, 200);
                  });
                  this.setState({ tempCurrentPage: null });
                  this.handleSelectOptionEvent('@#*000@');
                }}
              >
                NEW RECORD
              </Button>)
            }
          </Space>
        </div>
      </>
    )
    /* eslint-enable */
    /*   返回值   */
    return obj;
  };
  getLocalizedString = (jsonStr, language) => {
    try {
      const data = JSON.parse(jsonStr);
      return data[language] || '';
    } catch (e) {
      console.error('Error parsing JSON:', e);
      return '';
    }
  };
  getSelectTableOption = () => {
    const { selectTableData } = this.state;
    const { showConfig, app } = this.props;
    const { userinfo } = app;
    let { sTableTitleSql } = showConfig;
    /* 根据用户配置语言 设置表格标题 */
    if (commonUtils.isJSON(sTableTitleSql) && sTableTitleSql.includes('Chinese')) {
      sTableTitleSql = this.getLocalizedString(sTableTitleSql, userinfo.sLanguage);
    }
    const tempColumnArr = sTableTitleSql.split(',');
    let scrollX = 0;
    const columns = tempColumnArr.map((item, index) => {
      const tempArr = item.split(':');
      const [value, title, columnWidth] = tempArr;
      let width;
      if (!Number.isNaN(Number(columnWidth))) { // 如果配置了列宽
        width = Number(columnWidth);
      } else { // 没有配置列宽，就根据字符数算宽度
        // 获取中文字数、非中文字数， 中文12px，其它8px
        const titleStr = title;
        const totalStringLen = titleStr.length;
        const otherStrLen = titleStr.replace(/[^\x00-\xff]/g, '').length; // eslint-disable-line
        const chineseStrLen = totalStringLen - otherStrLen;
        const defaultWidth = (chineseStrLen * 20) + (otherStrLen * 12);
        const maxStrLen = selectTableData.reduce((res, pre) => {
          let tempValue = pre[value] !== undefined ? pre[value] : '';
          if (tempValue === '') {
            return res;
          }
          tempValue = typeof tempValue === 'string' ? tempValue : JSON.stringify(tempValue);
          const totalStringLen = tempValue.length;
          const otherStrLen = tempValue.replace(/[^\x00-\xff]/g, '').length; // eslint-disable-line
          const chineseStrLen = totalStringLen - otherStrLen;
          const tempWidth = (chineseStrLen * 20) + (otherStrLen * 12);
          return Math.max(tempWidth, res);
        }, defaultWidth);
        width = Math.min(maxStrLen + 8, 300);
      }

      scrollX += width;

      return {
        title,
        dataIndex: value,
        key: value,
        width: index !== tempColumnArr.length - 1 ? width : undefined,
        render: (text) => {
          return (<Tooltip placement="topRight" title={text}>
            <div style={{
              width: '100%',
              height: "100%",
              overflow: "hidden",
              textOverflow: "ellipsis",
              whiteSpace: "nowrap"
            }}>
              <span>{text}</span>
            </div>
          </Tooltip>);
        },
      };
    });

    return (
      <Option key="" className="select-table-option">
        <div style={{ width: scrollX + 8, maxWidth: 'calc(100vw - 16px)', minWidth: '100%' }}>
          <Table
            size="small"
            className="select-table"
            rowKey="sId"
            onRow={(record) => {
              return {
                onClick: () => {
                  this.setState({ tempCurrentPage: null });
                  this.handleSelectOptionEvent(record.sId);
                },
              };
            }}
            pagination={false}
            scroll={{
              y: 256 - 10 - 29 - 32,
              x: scrollX,
            }}
            dataSource={selectTableData}
            columns={columns}
          />
        </div>
      </Option>);
  }

  /**   获取complete对象   */
  getCompleteProps = () => {
    /*   返回值声明  */
    const noData = commonFunc.showLocalMessage(this.props, 'noData', '暂无数据');
    const obj = {
      // disabled: !this.state.enabled /*   修改的时候传过来的数据  */
      onChange: this.handleCompleteInputEvent, /*   选择触发事件   */
      onSelect: (value) => {
        if (value === '') {
          if (this.props.showConfig.sDropDownType === 'sql') {
            this.props.handleSqlDropDownNewRecord(this.props.showConfig, this.props.name);
          }
        } else if (this.state.dataValue === value) {
          this.completeFlag = true;
          this.handleCompleteInputEvent(value);
          if (this.myRef && this.myRef.current) {
            const oInput = this.myRef.current.querySelector(`#${this.props.showConfig.sName}`);
            if (oInput) {
              setTimeout(() => {
                oInput.blur();
              }, 500);
            }
          }
        } else if (this.myRef && this.myRef.current) {
          const oInput = this.myRef.current.querySelector(`#${this.props.showConfig.sName}`);
          if (oInput) {
            oInput.blur();
          }
        }
      },
      filterOption: this.filterOption, /*  搜索时过滤对应的 option 属性  */
      onDropdownVisibleChange: this.onDropdownVisibleChange,
      onPopupScroll: this.handlePopupScroll,
      /* 区分Oee设置字体与其他系统设置字体 */
      dropdownClassName: commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? (location.pathname.toLowerCase().indexOf('loginoee') > -1 ? 'loginOeeDropDown' : 'oeeDropDown') : '',
      onSearch: this.handleSearch,
      notFoundContent: this.state.spinState ? <Spin /> : noData,
      onFocus: this.onFocus,
      onBlur: this.onBlur,
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    obj.placeholder = this.props.showConfig.placeholder;
    /* 区分Oee设置字体与其他系统设置字体 */
    obj.dropdownStyle = commonUtils.isNotEmptyObject(location.pathname) && location.pathname.toLowerCase().indexOf('oee') > -1 ? { fontSize: '1.3rem' } : { fontSize: '12px' };
    /*   主表时才赋值value  */
    if (this.props.bTable) {
      obj.value = this.props.showConfig.bMultipleChoice && !commonUtils.isEmpty(this.state.dataValue) ? this.state.dataValue.split(',') : this.state.dataValue; /*   数据值   */
      !this.props.bNewForm && (obj.className = styles.editSelect);
    }
    if (this.props.showConfig.iDropWidth > 0) {
      obj.dropdownMatchSelectWidth = false; /* true时 下拉菜单和选择器同宽。默认将设置 min-width，当值小于选择框宽度时会被忽略。 */
      obj.dropdownStyle.width = this.props.showConfig.iDropWidth;
    }
    obj.onInputKeyDown = this.onKeyDown;
    obj.onKeyUp = this.onKeyUp;
    /*   返回值   */
    return obj;
  };

  getSearchProps = () => {
    const obj = {
      onKeyDown: this.onKeyDown,
      onChange: e => this.handleSelectOptionEvent(e.target.value), /*   数据改变回带到父组件   */
      value: commonUtils.isUndefined(this.state.dataValue) ? '选择' : commonUtils.strUndefinedToEmpty(this.state.dataValue), /*   数据值   */
    };
    return obj;
  }
  /**   获取optionValue对象   */
  getOptionValues = (data) => {
    /*   返回值声明   */
    let res = '';
    /*   计数器   */
    let count = 1;
    /*   遍历每一条数据   */
    const iVisCount = commonUtils.isEmpty(this.props.showConfig.iVisCount) || this.props.showConfig.iVisCount === 0 ? 1 : this.props.showConfig.iVisCount;
    if (commonUtils.isNotEmptyStr(this.props.showConfig.sVisColumnName)) {
      res = data[this.props.showConfig.sVisColumnName];
    } else {
      for (const key of Object.keys(data)) {
        /*   这里主要是为了实现配置中控制下拉的展现列数   */
        if (count <= iVisCount && key !== 'sId') {
          if (res === '') {
            res = data[key];
          } else {
            res = res.concat('-').concat(data[key]);
          }
          count += 1;
        }
      }
    }
    // 如果res值为''时，下拉会显示value值，为了解决这种情况，返回' '
    if (res === '') {
      res = ' ';
    }
    /*   返回值   */
    return res;
  };

  // 获取上传组件props
  getUploadProps = () => {
    const { formId, app, enabled } = this.props;
    const { token } = app;
    return {
      listType: 'picture-card',
      className: 'avatar-uploader',
      action: `${commonConfig.server_host}file/upload?sModelsId=${formId}&token=${token}&sUploadType=model`,
      disabled: !enabled || false,
      onChange: (info) => {
        const { file } = info;
        if (file.response && file.response.code === 1) {
          const sPicturePath = file.response.dataset.rows[0].savePathStr;
          this.props.onChange(this.props.name, this.props.showConfig.sName, { [this.props.showConfig.sName]: sPicturePath }, this.props.sId, []);
        } else if (file.response && file.response.code === -1) {
          message.error(file.response.msg);
        }
      },
      accept: 'image/*',
      showUploadList: false,
    };
  };

  // 获取上传组件内容
  getUploadContents = () => {
    const fileName = commonUtils.isUndefined(this.state.dataValue) ? '' : commonUtils.strUndefinedToEmpty(this.state.dataValue);
    const imageUrl = `${commonConfig.server_host}file/download?savePathStr=${fileName}&sModelsId=100&token=${this.props.token}`;
    return fileName ?
      (<Image
        key={fileName}
        src={imageUrl}
        alt={fileName.split('/').pop()}
        style={{
          width: '100%',
        }}
        preview={!this.props.enabled}
      />) : (
        <div>
          <div style={{ marginTop: 8 }} >
            上传
          </div>
        </div>);
  };

  // 获取上传图片右上角清空按钮属性
  getUploadButtonProps = () => {
    const fileName = commonUtils.isUndefined(this.state.dataValue) ? '' : commonUtils.strUndefinedToEmpty(this.state.dataValue);
    return {
      type: 'link',
      style: {
        position: 'absolute',
        top: 0,
        left: 75,
        display: this.props.enabled && fileName ? '' : 'none',
      },
      onClick: () => {
        this.props.onChange(this.props.name, this.props.showConfig.sName, { [this.props.showConfig.sName]: '' }, this.props.sId, []);
      },
    };
  };

  /**   获取innerinput控件1   */
  getInnerInput = (innerInputProps) => {
    const {
      sTableTitleSql, iVisCount, sName, sDateFormat,
    } = this.props.showConfig;
    if (commonUtils.isNotEmptyStr(sTableTitleSql) && iVisCount > 1) {
      return <Select ref={(ref) => { this.selectTableRef = ref; }} {...this.getSelectTableProps()}>{this.getSelectTableOption()}</Select>;
    }
    if (sName === 'sIcon') {
      return (<><Upload {...this.getUploadProps()}>{this.getUploadContents()}</Upload><Button {...this.getUploadButtonProps()}>X</Button></>);
    }
    if (this.props.showConfig.sName && this.props.showConfig.sName.toLowerCase().includes('fullmemo')) {
      const row = commonUtils.isNotEmptyNumber(this.props.showConfig.iRowValue) ? this.props.showConfig.iRowValue : 1;
      const minHeight = (row * 20) + 6 + 4 + 2;
      return <div onDoubleClick={this.onEditorClick} style={{ minHeight }} className="braft-output-content" dangerouslySetInnerHTML={{ __html: this.state.dataValue }} />;
    }
    if ((this.props.showConfig.sDropDownType === 'sql' || this.props.showConfig.sDropDownType === 'const')
      && (this.firstDataIndex === 'i' || this.firstDataIndex === 'd' || this.firstDataIndex === 's')) { /*   下拉选择框(数字和文本选择框才会下拉)   */
      if (this.props.showConfig.bCanInput && !this.props.showConfig.bMultipleChoice) { /*   文本输入下拉框   */
        const propsObj = { ...this.getCompleteProps() };
        return <AutoCompleteA {...propsObj}>{this.getSelectOption('autoComplete')}</AutoCompleteA>;
      } else { /*   普通下拉框   */
        return <Select {...this.getSelectProps()} >{this.getSelectOption()}</Select>;
      }
    } else if (this.state.enabled && commonUtils.isNotEmptyObject(this.props.showConfig.sName) && this.props.showConfig.sDropDownType === 'popup') { /* 通用弹窗 */
      return (<Search placeholder="选择" defaultValue="选择" {...this.getSearchProps()} onSearch={this.onFieldPopupModal.bind(this, this.props.showConfig, this.props.name)} />);
    } else if (this.firstDataIndex === 'i' || this.firstDataIndex === 'd') { /*   数字输入框(整形i和浮点型d)   */
      return innerInputProps.readOnly ? <span onKeyDown={this.onKeyDown} suppressContentEditableWarning contentEditable="true"><InputNumberA {...innerInputProps} /></span> :
        location.pathname.includes('quotationPackTableTree') && this.props.name === 'control' && this.props.showConfig.sName === 'dSinglePQty' ? <span style={{ position: 'relative' }}><InputNumberA {...innerInputProps} /><span onClick={this.handleViewClick} style={{ position: 'absolute', right: '2px' }}><EyeOutlined /></span></span> : <InputNumberA {...innerInputProps} />;
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      return <Checkbox {...innerInputProps}>{this.showName}</Checkbox>;
      // return <span onKeyDown={this.onKeyDownDiv} suppressContentEditableWarning contentEditable="true"> <Checkbox {...innerInputProps}>{this.showName}</Checkbox></span>;
    } else if (sDateFormat?.startsWith('HH')) {
      return this.props.bTable ? <span onKeyDown={this.onKeyDown} suppressContentEditableWarning contentEditable="true"><TimePicker {...innerInputProps} /></span> : <TimePicker {...innerInputProps} />;
    } else if (this.firstDataIndex === 'm' || sDateFormat === 'YYYY-MM') { /*   月份选择框(月份类型m)   */
      return this.props.bTable ? <span onKeyDown={this.onKeyDown} suppressContentEditableWarning contentEditable="true"><MonthPicker {...innerInputProps} /></span> : <MonthPicker {...innerInputProps} />;
    } else if (this.firstDataIndex === 't') { /*   时间选择框(时间类型t)   */
      return this.props.bTable ? <span onKeyDown={this.onKeyDown} suppressContentEditableWarning contentEditable="true"><DatePicker {...innerInputProps} /></span> : <DatePicker {...innerInputProps} dropdownClassName="datePickerWrapper" />;
    } else if (this.firstDataIndex === 'y') { /*   年份选择框(年份类型y)   */
      return this.props.bTable ? <span onKeyDown={this.onKeyDown} suppressContentEditableWarning contentEditable="true"><DatePicker {...innerInputProps} /></span> : <DatePicker {...innerInputProps} picker="year" />;
    } else if (this.firstDataIndex === 'p') { /*   时间选择框(时间类型t)   */
      return <RangePicker {...innerInputProps} />;
    } else if (this.firstDataIndex === 's') { /*   文本输入框(文本s)   */
      if (this.props.textArea) { /*   大文本输入框   */
        return <TextAreaA {...innerInputProps} />;
      } else { /*   普通文本输入框   */
        if (this.isReportInfo && this.props.enabled) {
          innerInputProps.addonAfter = <PlusOutlined
            onClick={() => {
                this.props.handleReportInfo?.(this.props.showConfig);
              }}
          />;
        }
        return <InputA {...innerInputProps} />;
      }
    } else if (this.firstDataIndex === 'c') { /*   地址联动框(联动下拉类型c)   */
      return <Cascader {...innerInputProps} />;
    } else { /*   文本输入框(默认类型)   */
      return <InputA {...innerInputProps} />;
    }
  };

  // 获取innerinput控件后面的按钮
  getInnerButton = () => {
    const props = {
      onClick: () => {
        const { slaveConfig = { gdsconfigformslave: [] } } = this.props;
        const { gdsconfigformslave } = slaveConfig;
        const { sName } = this.props.showConfig;
        const config = gdsconfigformslave.find(item => item.sControlName === `BtnPopup.${sName}`);
        if (config && this.props.onFieldPopupModal) {
          this.props.onFieldPopupModal(config, this.props.name, 'CommonListSelect');
        }
      },
    };
    return <Button {...props}><span style={{ fontWeight: 'bold' }}>...</span></Button>;
  }

  // 获取innerinput控件后面的按钮(自定义)
  getInnerButtonCostom = (showConfig) => {
    const { name } = this.props;
    const { showName } = showConfig;
    const props = {
      loading: this.state.buttonLoading,
      style: {
        position: 'absolute',
        right:3,
        top: 3,
        minWidth: "auto"
      },
      size: "large",
      type: "primary",
      onClick: () => {
        if (showConfig.sControlName === "BtnCustom.iBigBoardNo") {
          const oAdd = document.querySelector('#salveWydm2Add');
          if (oAdd) {
            oAdd.click();
          }
        } else if (showConfig.sControlName === "BtnCustom.sPosition" && typeof this.props.onCostomChange === 'function') {
          this.props.onCostomChange(name, showConfig);
        } else if (showConfig.bCanInput && showConfig.bMultipleChoice && this.props.record?.sId) {
          this.setState({ inputMultiModalVisible: true, inputMultiShowConfig: showConfig });
        }
      },
    };
    if (showName === '123') {
      const { bCpStatus, bClStatus, bOqcStatus, bYcStatus } = this.props.record;
      const bWyrj = this.props.name === "slaveWyrj2";
      const thirdStatus = bWyrj ? bYcStatus : bOqcStatus;
      const thirdStyle = bWyrj ? styles.indexNoLight1 : styles.indexNoLight;

      const sIndexNoClick = (num) => {
        const oPrint = document.querySelector(`#salveWydm2Print${num}`);
          if (oPrint) {
            oPrint.click();
          }
      };

      return (
        <div className={styles.mesNumberStatus}>
          <div
            className={`${bCpStatus ? styles.indexNoLight : ""}`}
            onClick={sIndexNoClick.bind(this, 1)}
          >
            1
          </div>
          <div
            className={`${bClStatus ? styles.indexNoLight : ""}`}
            onClick={sIndexNoClick.bind(this, 2)}
          >
            2
          </div>
          <div
            className={`${thirdStatus ? thirdStyle : ""}`}
            onClick={sIndexNoClick.bind(this, 3)}
          >
            3
          </div>
        </div>
      );
    } else if (showName === '1') {
      const { bCpStatus, bClStatus } = this.props.record;
      let bStatus = this.props.name === "salveWybz2" ? bClStatus : bCpStatus;

      const sIndexNoClick = () => {
        const oPrint = this.props.name === "salveWybz2" ?
          document.querySelector(`#salveWybz2Print1`) :
          document.querySelector(`#slaveWypj2Print1`);
        if (oPrint) {
          oPrint.click();
        }
      };

      return (
        <div className={styles.mesNumberStatus}>
          <div
            className={`${bStatus ? styles.indexNoLight : ""}`}
            onClick={sIndexNoClick}
          >
            1
          </div>
        </div>
      );
    } else {
      return <Button {...props}>{showName === "+" ? <PlusOutlined /> : showName}</Button>;
    }

  }

  /**   获取selectOption对象   */
  getSelectOption = (type) => {
    /*   返回值声明   */
    const options = [];
    /*   执行条件   */
    const { searchValue, dropDownData, searchDropDownData } = this.state;
    const dropDownDataNew = commonUtils.isEmpty(searchValue) ? dropDownData : searchDropDownData;
    if (commonUtils.isNotEmptyArr(dropDownDataNew)) {
      /*   遍历下拉数据   */
      for (const each of dropDownDataNew) {
        if (commonUtils.isNotEmptyObject(each)) {
          /*   拼接optoin对象   */
          let keyValue = !commonUtils.isEmpty(each.sSlaveId) ? each.sSlaveId : each.sId;
          if (this.firstDataIndex === 'i') {
            keyValue = parseInt(keyValue, 0);
          } else if (this.firstDataIndex === 'd') {
            keyValue = parseFloat(keyValue);
          }
          let res = '';
          if (commonUtils.isNotEmptyStr(this.props.showConfig.sVisColumnName)) {
            res = each[this.props.showConfig.sVisColumnName];
          } else {
            res = Object.keys(each).length > 0 ? each[Object.keys(each)[0]] : '';
          }
          keyValue = commonUtils.isEmpty(keyValue) ? '' : keyValue;

          let optionValue = this.getOptionValues(each);
          if (typeof optionValue === 'string') {
            if (optionValue === '红牌') {
              optionValue = <span style={{ color: 'red' }}>{optionValue}</span>;
            } else if (optionValue === '黄牌') {
              optionValue = <span style={{ color: '#faad14' }}>{optionValue}</span>;
            }
          }

          if (type === 'autoComplete') {
            // 为autoComplete作特殊处理
            const option = this.props.showConfig.bCanInput ?
              (<Option key={keyValue.toString()} label={res} value={res} title={res}>{optionValue}</Option>) :
              (<Option key={keyValue} value={res} label={res} title={res}>{optionValue}</Option>);
            /*   返回值赋值s   */
            options.push(option);
          } else {
            const option = this.props.showConfig.bCanInput ?
              (<Option key={keyValue.toString()} label={res} value={keyValue.toString()} title={res}>{optionValue}</Option>) :
              (<Option key={keyValue} value={keyValue} label={res} title={res}>{optionValue}</Option>);
            /*   返回值赋值   */
            options.push(option);
          }
        }
      }
    }
    if (this.state.searchValue === '') {
      /*   下拉空处理   */
      if (this.props.showConfig.bFirstEmpty) {
        // 重构修改 options.unshift(<Option className="dropdown-empty" key=" " value="=+@" />);
        if (type === 'autoComplete') {
          // options.unshift(<Option className="dropdown-empty" key=" " value="=+@" />);/* 解决销售订单-产品名称,五笔输入法输入不支持直接输入中文 */
        } else {
          options.unshift(<Option className="dropdown-empty" key=" " value="" />);
        }
      }
      /*   下拉新增处理   */
      if (this.props.showConfig.bNewRecord) {
        // 重构修改  options.unshift(<Option key="@#*000@" value="">NEW RECORD</Option>);
        if (type === 'autoComplete') {
          options.unshift(<Option value="">NEW RECORD</Option>);
        } else {
          options.unshift(<Option key="@#*000@" title="">NEW RECORD</Option>);
        }
      }
    }
    /*   返回值   */
    return options;
  };

  /*   获取sqlCondition对象   */
  getFloatPrice = (floatNum) => {
    /*   返回值声明   */
    let floatPrice = '';
    /*   返回值赋值   */
    if (!commonUtils.isUndefined(floatNum)) {
      for (let i = 0; i < floatNum; i += 1) {
        floatPrice += '\\d';
      }
    }
    /*   返回值   */
    return floatPrice;
  };

  /**   获取下拉值   */
  getDropDownData = async (pageNum, totalPageCount, searchValue) => {
    if (this.chineseInputting) {
      return;
    }
    /**   下拉类型区分
     1、判断是否直接传下拉，如果传了就直接用,并存储到store中去
     2、没有传看 getStoreDropDownData有没有存储，存储后直接取用
     3、 没有存储时直接调用后台SQL语句去下拉 */
    if (this.props.showConfig.sDropDownType === 'sql') { /*   数据下拉   */
      const { dropDownData: dropDownDataOld, searchDropDownData: searchDropDownDataOld } = this.state;
      if (pageNum <= totalPageCount) {
        const sqlDropDownData = await this.props.getSqlDropDownData(this.props.formId, this.props.name, this.props.showConfig, this.props.record, searchValue, pageNum);
        if (this.mounted) {
          if (searchValue !== '') {
            const dropDownData = [];
            if (commonUtils.isNotEmptyArr(sqlDropDownData.dropDownData)) {
              if (pageNum !== 1) {
                dropDownData.push(...searchDropDownDataOld);
              }
              dropDownData.push(...sqlDropDownData.dropDownData);
            }
            this.setState({
              searchDropDownData: dropDownData,
              conditonValues: sqlDropDownData.conditonValues,
              searchTotalPageCount: sqlDropDownData.totalPageCount,
              searchPageNum: sqlDropDownData.currentPageNo,
              spinState: false,
              searchValue,
              totalCount: sqlDropDownData.totalCount,
              selectTableData: sqlDropDownData.dropDownData,
            });
          } else {
            const dropDownData = [];
            if (commonUtils.isNotEmptyArr(sqlDropDownData.dropDownData)) {
              if (pageNum !== 1) {
                dropDownData.push(...dropDownDataOld);
              }
              dropDownData.push(...sqlDropDownData.dropDownData);
            }
            this.setState({
              dropDownData,
              conditonValues: sqlDropDownData.conditonValues,
              totalPageCount: sqlDropDownData.totalPageCount,
              pageNum: sqlDropDownData.currentPageNo,
              spinState: false,
              searchValue: '',
              totalCount: sqlDropDownData.totalCount,
              selectTableData: sqlDropDownData.dropDownData,
            });
          }
        }
      }
    }
  };

  /**   获取innerinput控件参数   */
  getInnerInputProps = () => {
    /*   主表和从表的innerinputprops对象有区别   */
    if (!this.props.bTable) { /*   主表   */
      return this.getInnerInputPropsMaster();
    } else { /*   主从表   */
      return this.getInnerInputPropsSlave();
    }
  };

  /**   获取innerinput控件参数(从)   */
  getInnerInputPropsSlave = () => {
    /*   返回值声明   */
    let obj = {};
    if (this.firstDataIndex === 'i' || this.firstDataIndex === 'd') { /*   数字输入框(整形i和浮点型d)   */
      obj = this.getNumberInnerInputPropsSlave();
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      obj = this.getBooleanInnerInputPropsSlave();
    } else if (this.firstDataIndex === 't' || this.firstDataIndex === 'p' || this.firstDataIndex === 'm' || this.firstDataIndex === 'y') { /*   时间选择框(时间类型t)   */
      obj = this.getDateInnerInputPropsSlave();
    } else if (this.firstDataIndex === 's') { /*   文本输入框(文本s)   */
      obj = this.getTextInnerInputPropsSlave();
      obj.onDoubleClick = this.onDoubleClick;
      if (this.props.textArea) {
        obj.style = { resize: 'none' };
        obj.rows = commonUtils.isNotEmptyNumber(this.props.showConfig.iRowValue) ? this.props.showConfig.iRowValue : 1; /* 产品部要求 备注设置成一行到底 */
        obj.rows = Math.max(obj.rows, 1);
      }
    } else if (this.firstDataIndex === 'c') { /*   地址联动框(联动下拉类型c)   */
      obj = this.getAddressInnerInputPropsSlave();
    }
    obj.onKeyDown = this.onKeyDown;
    obj.onFocus = this.onFocus;
    obj.onBlur = this.onBlur
    // 如果是['i', 'd', 'b', 's']类型并且配置了blur指令
    // if (['i', 'd', 'b', 's'].includes(this.firstDataIndex)) {
    //   const { sOnChangeInstruct } = this.props.showConfig;
    //   const sInstruct = commonUtils.convertStrToObj(sOnChangeInstruct, {});
    //   if (sInstruct.blur) {
    //     obj.onMouseLeave = (event) => {
    //       const oInput = this.myRef?.current?.querySelector(`input[id*="${this.props.showConfig.sName}"]`);
    //       if (oInput) {
    //         clearTimeout(this.leaveTimer);
    //         this.leaveTimer = setTimeout(() => {
    //           oInput.blur(event);
    //         }, 500);
    //       }
    //     };
    //   }
    // }
    // obj.onMouseEnter = this.onFocus;
    obj.id = `${this.props.showConfig.sName}${this.props.record ? this.props.record.sId : commonUtils.createSid()}`; /* 所有从表组件添加id */
    obj.placeholder = this.props.showConfig.placeholder || '';
    if (this.props.allowClear != undefined) {
      obj.allowClear = this.props.allowClear; /* 带移除图标 */
    }
    /*   返回值   */
    return obj;
  };

  /*   获取地址innerinputprops对象(从)   */
  getAddressInnerInputPropsSlave = () => {
    /*   返回值   */
    const obj = {
      // disabled: !this.state.enabled, /*   是否可编辑   */
      placeholder: '请选择省市区', /*   预期值的提示信息   */
      options: this.getProvinceCityAreaData(), /*   数据   */
      changeOnSelect: true, /*   对每个选择值进行更改   */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      value: commonUtils.isUndefined(this.state.dataValue) ? [] : typeof this.state.dataValue === 'string' ?
        this.state.dataValue.split(',') : commonUtils.convertUndefinedToEmptyArr(this.state.dataValue), /*   数据值   */
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    /*   返回值   */
    return obj;
  };

  /*   获取文本innerinputprops对象(从)   */
  getTextInnerInputPropsSlave = () => {
    /*   返回值声明   */
    const bShowSuffix = this.props.showConfig.sName === 'sSaveProName' || this.props.showConfig.sName === 'sDeleteProName' || this.props.showConfig.sName === 'sSaveProNameBefore' || this.props.showConfig.sName === 'sProcName' || this.props.showConfig.sName === 'sButtonParam'; /* 是否展示后缀图标 */
    const obj = {
      // disabled: !this.state.enabled, /*   是否可编辑   */
      id: `${this.props.showConfig.sName}${commonUtils.createSid()}`, /*   虚拟数字键盘使用id获取光标   */
      onChange: e => this.handleSelectOptionEvent(e), /*   数据改变回带到父组件   */
      value: commonUtils.isUndefined(this.state.dataValue) ? '' : commonUtils.strUndefinedToEmpty(this.state.dataValue), /*   数据值   */
      // eslint-disable-next-line no-return-assign
      ref: ref => this[this.props.showConfig.sName] = ref, /*   虚拟数字键盘获得光标需用   */
      onClick: this.handleInputOnClick.bind(this, this.props.showConfig.sName), /*   虚拟数字键盘 第二个参数必须id  */
      suffix: bShowSuffix ? <span style={{ width: '8px' }} onClick={this.handleOpenWin}><EyeOutlined style={{ color: 'rgba(0,0,0,.85)' }} /></span> : '',
      rows: commonUtils.isNotEmptyNumber(this.props.showConfig.iRowValue) ? this.props.showConfig.iRowValue : 1,
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    /*   最大值最小值   */
    if (typeof commonUtils.convertStrToNumber(this.max) === 'number' && commonUtils.convertStrToNumber(this.max) !== 0 && this.max.indexOf('.d') === -1 && this.max.indexOf('.i') === -1) {
      obj.maxLength = this.max; /*   最大长度   */
      obj.title = obj.value;
    }
    obj.placeholder = this.props.showConfig.placeholder;

    if (this.props.name === "tableS0" && this.props.showConfig.sName === "sStatus") {
      if (this.state.dataValue === "已提交") {
        obj.className = "sStatusSubmit";
      } else if (this.state.dataValue === "已审核") {
        obj.className = "sStatusChecked";
      } else if (this.state.dataValue === "已驳回") {
        obj.className = "sStatusReject";
      }
    }

    /*   返回值   */
    return obj;
  };

  /*   获取日期innerinputprops对象(从)   */
  getDateInnerInputPropsSlave = () => {
    let { sDateFormat, iTag } = this.props.showConfig;
    if (commonUtils.isEmptyStr(sDateFormat)) {
      if (this.firstDataIndex === 'm') {
        sDateFormat = 'YYYY-MM';
      } else if (this.firstDataIndex === 'y') {
        sDateFormat = 'YYYY';
      } else {
        sDateFormat = this.props.getDateFormat?.() || 'YYYY-MM';
      }
    }
    let showtimeFormat = false;
    // if (sDateFormat === 'YYYY-MM-DD HH:mm:ss') {
    if (sDateFormat.length > 11) {
      showtimeFormat = true;
    } else {
      showtimeFormat = false;
    }
    /*   返回值声明   */
    const obj = {
      placeholder: '', /*   时间的提示信息   */
      disabled: !this.state.enabled, /*   是否可编辑   */
      onChange: (newValue, dateString) => {
        let dateStringNew = dateString;
        if (dateStringNew &&sDateFormat === 'MM-DD') {
          dateStringNew = `${moment().format('YYYY')}-${dateString} 00:00:00`;
        } else if (dateStringNew && sDateFormat === 'HH:mm') {
          dateStringNew = `${moment().format('YYYY-MM-DD')} ${dateString}:00`;
        }
        this.handleSelectOptionEvent(newValue, dateStringNew)
      }, /*   数据改变回带到父组件   */
      format: sDateFormat, // this.props.getDateFormat(), /*   格式化规则   */
      disabledDate: this.getDataMaxAndMin, /*   不可选日期   */
      showTime: showtimeFormat,
      style: { width: '100%' }, /*   样式   */
      onBlur: () => {
        this.onExecInstructSet('blur');
      },
    };
    // if (this.props.readOnly) {
    //   obj.readOnly = 'readOnly';
    // } else {
    //   obj.disabled = !this.state.enabled;
    // }
    if (!this.state.enabled) {
      obj.suffixIcon = <span />;
    }
    if (this.bTbTime) {
      obj.open = false;
    }

    if (iTag === 88) {
      obj.open = false;
      obj.onClick = () => {
        this.handleSelectOptionEvent('', moment().format(sDateFormat))
      }
    }

    /*   值填充   */
    obj.value = commonUtils.isEmpty(this.state.dataValue) ? null : moment(this.state.dataValue);
    /*   返回值   */
    return obj;
  };

  /*   获取布尔innerinputprops对象(从)   */
  getBooleanInnerInputPropsSlave = () => {
    /*   返回值声明   */
    const obj = {
      disabled: !this.state.enabled, /*   是否可编辑   */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      checked: commonUtils.isUndefined(this.state.dataValue) ? false : commonUtils.converNumStrToBoolean(this.state.dataValue), /*   是否选中   */
    };
    // if (this.props.readOnly) {
    //   obj.readOnly = true;
    // } else {
    //   obj.disabled = !this.state.enabled;
    // }
    /*   返回值   */
    return obj;
  };

  /*   获取数字innerinputprops对象(从)   */
  getNumberInnerInputPropsSlave = () => {
    /*   返回值声明   */
    const obj = {
      id: `${this.props.showConfig.sName}${this.props.showConfig.sId}`, /*   虚拟数字键盘使用id获取光标   */
      className: styles.inputNum, /*   样式名称   */
      // disabled: !this.state.enabled, /*   是否可编辑   */
      onChange: (value) => {
        this.numberChanged = value !== 0;
        this.handleSelectOptionEvent(value);
      }, /*   数据改变回带到父组件   */
      parser: (oldValue) => {
        const value = this.handleCheckNumberInnerInput(oldValue);
        return value.replace(/\$\s?|(,*)/g, '');
      },
      formatter: (value) => {
        if (value === '' || value === undefined || value === null || location.pathname.includes("indexPad")) {
          return value;
        }
        // if (this.props.showConfig.iTag === 10000) {
        //   value = Number((value / 10000).toFixed(4));
        // }
        // 将数字转换为字符串并分割成整数和小数部分
        let parts = value.toString().split('.');
        // 对整数部分应用逗号分隔
        let integerPart = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
        // 如果有小数部分，将其与格式化的整数部分重新组合
        let decimalPart = parts.length > 1 ? '.' + parts[1] : '';
        return integerPart + decimalPart;
      },
      // eslint-disable-next-line no-return-assign
      ref: ref => this[this.props.showConfig.sName] = ref, /*   虚拟数字键盘获得光标需用   */
      onClick: this.handleInputOnClick.bind(this, this.props.showConfig.sName), /*   虚拟数字键盘 第二个参数必须id  */
    };
    if (this.props.readOnly) {
      obj.readOnly = true;
    } else {
      obj.disabled = !this.state.enabled;
    }
    if (this.props.showConfig?.keyboard !== undefined) {
      obj.keyboard = this.props.showConfig.keyboard;
    }
    /*   最大值最小值   */
    if (typeof commonUtils.convertStrToNumber(this.max) === 'number' && commonUtils.convertStrToNumber(this.max) !== 0 && this.max.indexOf('.d') === -1 && this.max.indexOf('.i') === -1) {
      obj.max = this.max; /*   最大值   */
    } else if (!commonUtils.isEmpty(this.max) && this.max.indexOf('.') > -1 && commonUtils.isNotEmptyObject(this.props.record)) {
      obj.max = this.props.record[this.max.substring(this.max.indexOf('.') + 1)];
    }
    if (typeof commonUtils.convertStrToNumber(this.min) === 'number' && commonUtils.convertStrToNumber(this.min) !== 0) {
      obj.min = this.min; /*   最小值   */
    }
    if (obj.max < 0) { /* 为解决收付款单据未收款为负数时收款金额不能大于未收款问题，当最大值小于0时，变更为设为最小值 */
      obj.min = obj.max;
      obj.max = 0;
    }
    /*   浮点型需要格式化   */
    if (this.firstDataIndex === 'd') {
      // obj.formatter = value => this.toFamatter(value);
      // obj.parser = value => this.toFamatter(value);
      // obj.precision = this.floatNum;
      // obj.formatter = value => this.limitDecimals(value);
      // obj.parser = value => this.limitDecimals(value);
    }

    /*   值填充  */
    const { dNetPrice } = this.props?.app?.decimals || {};
    const { showConfig } = this.props;
    const { sName, showName } = showConfig;
    const digit = sName.includes('Price') ? dNetPrice : 6;
    const numCheck = new RegExp(`^(-?\\d+)(\\.?)(\\d{1,${digit}})?$`);
    const numValue = this.state.dataValue;
    if (!isNaN(+numValue)) {
      if (!numCheck.test(numValue) && numValue) {
        message.warning(`【${showName}】【${sName}】最多${digit}位小数`);
      }
    }
    obj.value = this.state.dataValue;
    if (obj.value === 0 && this.state.numberChanged) {
      obj.value = null;
    }
    obj.step = 0;
    /*   返回值   */
    return obj;
  };

  /**   获取innerinput控件参数(主)   */
  getInnerInputPropsMaster = () => {
    /*   返回值声明   */
    let obj = {};
    if (this.firstDataIndex === 'i' || this.firstDataIndex === 'd') { /*   数字输入框(整形i和浮点型d)   */
      obj = this.getNumberInnerInputPropsMaster();
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      obj = this.getBooleanInnerInputPropsMaster();
    } else if (this.firstDataIndex === 't' || this.firstDataIndex === 'p' || this.firstDataIndex === 'm' || this.firstDataIndex === 'y') { /*   时间选择框(时间类型t)   */
      obj = this.getDateInnerInputPropsMaster();
    } else if (this.firstDataIndex === 's') { /*   文本输入框(文本s)   */
      if (this.props.textArea) { /*   大文本输入框   */
        obj = this.getTextAreaInnerInputPropsMaster();
        obj.onDoubleClick = this.onDoubleClick;
      } else { /*   普通文本输入框   */
        obj = this.getTextInnerInputPropsMaster();
      }
    } else if (this.firstDataIndex === 'c') { /*   地址联动框(联动下拉类型c)   */
      obj = this.getAddressInnerInputPropsMaster();
    }
    obj.onKeyDown = this.onKeyDown;
    obj.onKeyUp = this.onKeyUp;
    if (this.props.allowClear) {
      obj.allowClear = this.props.allowClear; /* 带移除图标 */
    }
    obj.placeholder = this.props.showConfig.placeholder || '';
    // obj.onContextMenu = this.onContextMenu;
    /*   返回值   */
    return obj;
  };

  /*   获取地址innerinputprops对象(主)   */
  getAddressInnerInputPropsMaster = () => {
    const obj = {
      // disabled: !this.state.enabled, /*   是否可编辑   */
      placeholder: '请选择省市区', /*   预期值的提示信息   */
      options: this.getProvinceCityAreaData(), /*   数据   */
      changeOnSelect: true, /*   对每个选择值进行更改   */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    return obj;
  };

  /*   获取文本innerinputprops对象(主)   */
  getTextInnerInputPropsMaster = () => {
    /*   返回值声明   */
    const bShowSuffix = this.props.showConfig.sName === 'sButtonParam' || this.props.showConfig.sName === 'sSqlStr' || this.props.showConfig.sName === 'sConfigSqlStr' || this.props.showConfig.sName === 'sProcName'; /* 是否展示后缀图标 */
    const obj = {
      id: `${this.props.showConfig.sName}${commonUtils.createSid()}`, /*   虚拟数字键盘使用id获取光标   */
      // disabled: !this.state.enabled, /*   是否可编辑   */
      onChange: e => this.handleSelectOptionEvent(e), /*   数据改变回带到父组件   */
      // eslint-disable-next-line no-return-assign
      ref: ref => this[this.props.showConfig.sName] = ref, /*   虚拟数字键盘获得光标需用   */
      onClick: this.handleInputOnClick.bind(this, this.props.showConfig.sName), /*   虚拟数字键盘 第二个参数必须id  */
      suffix: bShowSuffix ? <span onClick={this.handleOpenWin}><EyeOutlined style={{ color: 'rgba(0,0,0,.85)' }} /></span> : '',
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    if (this.props.bPassWord) {
      obj.type = 'password'; /* 文本密码类型 */
      obj.autocomplete = 'off'; /* 禁止浏览器自动填充到表单 */
    }
    /*   最大值最小值   */
    if (typeof commonUtils.convertStrToNumber(this.max) === 'number' && commonUtils.convertStrToNumber(this.max) !== 0 && this.max.indexOf('.d') === -1 && this.max.indexOf('.i') === -1) {
      obj.maxLength = this.max; /*   最大长度   */
    }
    obj.onBlur = this.onBlurText;
    /*   返回值   */
    return obj;
  };

  /*   获取大文本innerinputprops对象(主)   */
  getTextAreaInnerInputPropsMaster = () => {
    /*   返回值声明   */
    const obj = {
      id: `${this.props.showConfig.sName}${commonUtils.createSid()}`, /*   虚拟数字键盘使用id获取光标   */
      // disabled: !this.state.enabled, /*   是否可编辑   */
      // rows: 3, /*   纵跨度   */
      rows: commonUtils.isNotEmptyNumber(this.props.showConfig.iRowValue) ? this.props.showConfig.iRowValue : 1, /* 产品部要求 备注设置成一行到底 */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      // eslint-disable-next-line no-return-assign
      ref: ref => this[this.props.showConfig.sName] = ref, /*   虚拟数字键盘获得光标需用   */
      onClick: this.handleInputOnClick.bind(this, this.props.showConfig.sName), /*   虚拟数字键盘 第二个参数必须id  */
    };
    if (this.props.readOnly) {
      obj.readOnly = 'readOnly';
    } else {
      obj.disabled = !this.state.enabled;
    }
    /*   最大值最小值   */
    if (typeof commonUtils.convertStrToNumber(this.max) === 'number' && commonUtils.convertStrToNumber(this.max) !== 0 && this.max.indexOf('.d') === -1 && this.max.indexOf('.i') === -1) {
      obj.maxLength = this.max; /*   最大长度   */
    }
    return obj;
  };

  /*   获取日期最大值和最小值   */
  getDataMaxAndMin = (current) => {
    return this.getDataMax(current) || this.getDataMin(current);
  }

  /*   获取日期最大值   */
  getDataMax = (current) => {
    if (commonUtils.isNotEmptyStr(this.props.showConfig.sMaxValue) && this.props.showConfig.sMaxValue.split('.').length > 1) {
      const conditionValues = this.props.getSqlCondition({ sSqlCondition: this.props.showConfig.sMaxValue }, '', {});
      const sMaxValue = Object.keys(conditionValues).length > 0 ? conditionValues[Object.keys(conditionValues)[0]] : this.props.showConfig.sMaxValue;
      const tDate = this.props.showConfig.sMaxValue === 'now' ? moment() : moment(sMaxValue);
      return commonUtils.isNotEmptyStr(this.props.showConfig.sMaxValue) && current.endOf('day') > tDate.endOf('day');
    } else {
      const tDate = this.props.showConfig.sMaxValue === 'now' ? moment() : moment(this.props.showConfig.sMaxValue);
      return commonUtils.isNotEmptyStr(this.props.showConfig.sMaxValue) && current.endOf('day') > tDate.endOf('day');
    }
  }

  /*   获取日期最小值   */
  getDataMin = (current) => {
    if (commonUtils.isNotEmptyStr(this.props.showConfig.sMinValue) && this.props.showConfig.sMinValue.split('.').length > 1) {
      const conditionValues = this.props.getSqlCondition({ sSqlCondition: this.props.showConfig.sMinValue }, '', {});
      const sMinValue = Object.keys(conditionValues).length > 0 ? conditionValues[Object.keys(conditionValues)[0]] : this.props.showConfig.sMinValue;
      const tDate = this.props.showConfig.sMinValue === 'now' ? moment() : moment(sMinValue);
      return commonUtils.isNotEmptyStr(this.props.showConfig.sMinValue) && current.endOf('day') < tDate.endOf('day');
    } else {
      const tDate = this.props.showConfig.sMinValue === 'now' ? moment() : moment(this.props.showConfig.sMinValue);
      return commonUtils.isNotEmptyStr(this.props.showConfig.sMinValue) && current.endOf('day') < tDate.endOf('day');
    }
  }

  /*   获取时间innerinputprops对象(主)   */
  getDateInnerInputPropsMaster = () => {
    let { sDateFormat } = this.props.showConfig;
    if (commonUtils.isEmptyStr(sDateFormat)) {
      if (this.firstDataIndex === 'm') {
        sDateFormat = 'YYYY-MM';
      } else if (this.firstDataIndex === 'y') {
        sDateFormat = 'YYYY';
      } else {
        sDateFormat = this.props.getDateFormat();
      }
    }
    let showtimeFormat = false;
    // if (sDateFormat === 'YYYY-MM-DD HH:mm:ss') {
    if (sDateFormat.length > 11) {
      showtimeFormat = true;
    } else {
      showtimeFormat = false;
    }
    // 2021-6-5日修改，生产排程日期选择精确到小时
    const obj = {
      placeholder: '', /*   时间的提示信息   */
      disabled: !this.state.enabled, /*   是否可编辑   */
      style: { width: '100%' }, /*   样式   */
      // showTime: this.props.showTime ? { format: 'HH:mm', defaultValue: [moment('00:00', 'HH:mm'), moment('00:00', 'HH:mm')] } : '',
      // showTime: this.props.showTime,
      showTime: showtimeFormat,
      format: this.props.showTime ? 'YYYY-MM-DD HH:mm:ss' : sDateFormat, // this.props.getDateFormat(), /*   格式化规则  */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      disabledDate: this.getDataMaxAndMin, /*   不可选日期   */
      onBlur: () => {
        this.onExecInstructSet('blur');
      },
    };
    // if (this.props.readOnly) {
    //   obj.readOnly = 'readOnly';
    // } else {
    //   obj.disabled = !this.state.enabled;
    // }
    return obj;
  };

  /*   获取布尔innerinputprops对象(主)   */
  getBooleanInnerInputPropsMaster = () => {
    const obj = {
      disabled: !this.state.enabled, /*   是否显示   */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      checked: commonUtils.isUndefined(this.state.dataValue) ? false : commonUtils.converNumStrToBoolean(this.state.dataValue), /*   是否选中   */
    };
    // if (this.props.readOnly) {
    //   obj.readOnly = true;
    // } else {
    //   obj.disabled = !this.state.enabled;
    // }
    return obj;
  };
  // eslint-disable-next-line react/sort-comp
  handleInputOnClick = (id) => {
    // 判断是否是oee系统，否则不显示虚拟键盘
    if (commonUtils.isNotEmptyObject(location.pathname) && location.pathname.indexOf('/indexOee') > -1) {
      if (VirtualKeyboard.isKeyBoard()) { // 关闭上次键盘
        VirtualKeyboard.closeKeyboard();
      }
      const keyboardValue = {};
      if (commonUtils.isNotEmptyObject(this.props.dataValue)) {
        keyboardValue.value = this.props.dataValue;
      } else {
        keyboardValue.value = '';
      }
      VirtualKeyboard.showKeyboardSetState(keyboardValue, this, id);
    }
  }

  /*   获取数字innerinputprops对象(主)   */
  getNumberInnerInputPropsMaster = () => {
    /*   如果是浮点型并且有格式规定,display类型需要变为block   */
    let display = 'inline-block';
    if (this.firstDataIndex === 'd' && this.floatNum !== 0) {
      display = 'block';
    }
    // const sInputId = `id${commonUtils.createSid()}`;
    /*   返回值赋值   */
    const obj = {
      id: `${this.props.showConfig.sName}${commonUtils.createSid()}`, /*   虚拟数字键盘使用id获取光标   */
      style: { width: 'auto', display, marginRight: 0 }, /*   样式   */
      // disabled: !this.state.enabled, /*   是否显示   */
      onChange: this.handleSelectOptionEvent, /*   数据改变回带到父组件   */
      parser: (oldValue) => {
        const value = this.handleCheckNumberInnerInput(oldValue);
        return value;
      },
      // eslint-disable-next-line no-return-assign
      ref: ref => this[this.props.showConfig.sName] = ref, /*   虚拟数字键盘获得光标需用 这里得ref中得变量必须是input得id   */
      onClick: this.handleInputOnClick.bind(this, this.props.showConfig.sName), /*   虚拟数字键盘 第二个参数必须id  */
    };
    if (this.props.readOnly) {
      obj.readOnly = true;
    } else {
      obj.disabled = !this.state.enabled;
    }
    /*   最大值最小值   */
    if (typeof commonUtils.convertStrToNumber(this.max) === 'number' && commonUtils.convertStrToNumber(this.max) !== 0 && this.max.indexOf('.d') === -1 && this.max.indexOf('.i') === -1) {
      obj.max = this.max; /*   最大值   */
    } else if (!commonUtils.isEmpty(this.max) && this.max.indexOf('.') > -1 && commonUtils.isNotEmptyObject(this.props.record)) {
      obj.max = this.props.record[this.max.substring(this.max.indexOf('.') + 1)];
    }
    if (typeof commonUtils.convertStrToNumber(this.min) === 'number' && commonUtils.convertStrToNumber(this.min) !== 0) {
      obj.min = this.min; /*   最小值   */
    }
    obj.placeholder = this.props.showConfig.placeholder;
    /*   格式规格不为0就在props里设置一下   */
    // if (this.firstDataIndex === 'd' && this.floatNum !== 0) {
    //   obj.precision = this.floatNum;
    // }
    /*   返回值   */
    return obj;
  };

  /*   获取省市区数据   */
  getProvinceCityAreaData = () => {
    /*   返回值声明   */
    const options = [];
    /*   获取省数据   */
    this.getProvinceData(options);
    /*   获取市数据   */
    this.getCityData(options);
    /*   获取区数据   */
    this.getAreaData(options);
    /*   返回值   */
    return options;
  };

  /*   获取省数据   */
  getProvinceData = (options) => {
    Provinces.forEach((childProvince) => {
      options.push({
        value: childProvince.name, /*   文字   */
        label: childProvince.name, /*   标签   */
        code: childProvince.code, /*   编码   */
        children: [], /*   子节点(city)   */
      });
    });
  };

  /*   获取市数据   */
  getCityData = (options) => {
    options.forEach((childProvince) => {
      const cities = Cities.filter(item => item.provinceCode === childProvince.code);
      if (cities.length > 0) {
        cities.forEach((childCity) => {
          childProvince.children.push({
            value: childCity.name, /*   文字   */
            label: childCity.name, /*   标签   */
            code: childCity.code, /*   编码   */
            children: [], /*   子节点(area)   */
          });
        });
      }
    });
  };

  /*   获取区数据   */
  getAreaData = (options) => {
    options.forEach((childProvince) => {
      const cities = childProvince.children;
      cities.forEach((childCity) => {
        const areas = Areas.filter((item => item.cityCode === childCity.code));
        if (areas.length > 0) {
          areas.forEach((area) => {
            childCity.children.push({
              value: area.name, /*   文字   */
              label: area.name, /*   标签   */
              code: area.code, /*   编码   */
            });
          });
        }
      });
    });
  };

  /*   获取formitemprops对象   */
  getOutFormItemProps = () => {
    /*   主表和从表的formitemprops对象有区别   */
    if (!this.props.bTable) { /*   主表   */
      return this.getOutFormItemPropsMaster();
    } else if (this.props.bViewTable) { /*   表格单行显示   */
      return this.getOutFormItemPropsViewSlave();
    } else { /*   从表   */
      return this.getOutFormItemPropsSlave();
    }
  };

  /*   获取formitemprops对象(主)   */
  getOutFormItemPropsMaster = () => {
    const bEnglish =  this.props.app?.userinfo?.sLanguage === 'sEnglish';
    /*   返回值声明   */
    let obj = {};
    if (this.firstDataIndex === 'i'
      || this.firstDataIndex === 'd'
      || this.firstDataIndex === 'p'
      || this.firstDataIndex === 't'
      || this.firstDataIndex === 'm'
      || this.firstDataIndex === 's'
      || this.firstDataIndex === 'c') { /*   数字输入框(整形i和浮点型d),
     时间选择框(时间类型t),
     文本输入框(文本s),
     地址联动框(联动下拉类型c)   */
      obj = {
        label: (
          <span
            title={bEnglish ? `${this.props.showConfig?.showName}-${this.props.showConfig?.sChinese}` : this.props.showConfig?.showName}
          >
            {this.props.showConfig?.showName}
          </span>
        ),
        className: styles.formItemMargin, /*   样式名称   */
        ...this.formItemLayout, /*   主要是rowspan和colspan   */
      };
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      obj = {
        label: this.props.showConfig.showName, /*   标签   */
        className: styles.formItemMag10, /*   样式名称   */
        ...this.formItemLayout, /*   主要是rowspan和colspan   */
      };
    }
    if (this.props.itemLabel === 'hide') {
      delete obj.label;
    }
    /* 设置标题颜色 */
    if (this.props.showConfig.sFontColor) {
      // eslint-disable-next-line prefer-destructuring
      const sFontColor = this.props.showConfig.sFontColor;
      obj.labelCol.style = { color: sFontColor, fontWeight: 'bold', backgroundColor: '#BFEFFF' };
    }
    /*   返回值   */
    return obj;
  };

  /*   获取formitemprops对象(单条从表数据)   */
  getOutFormItemPropsViewSlave = () => {
    /*   返回值声明   */
    const bEnglish =  this.props.app?.userinfo?.sLanguage === 'sEnglish';
    let obj = {};
    let titleStyle = {};
    const showNameNew = this.props.showConfig.showName?.replace(/[\/\)\()]/g, '');
    let extraClassName = '';
    if (this.props.bSideInfo) {
      // 工单信息特殊处理
      if (showNameNew?.length > 7) {
        extraClassName = "sideInfoTitle";
        titleStyle = {
          whiteSpace: 'nowrap',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
        }
      }
    } else {
      // if (showNameNew?.length > 7) {
      //   titleStyle.fontSize = 14;
      // } else if (showNameNew?.length > 6) {
      //   titleStyle.fontSize = 16;
      // }
    }
    if (this.firstDataIndex === 'i'
      || this.firstDataIndex === 'd'
      || this.firstDataIndex === 'p'
      || this.firstDataIndex === 't'
      || this.firstDataIndex === 'm'
      || this.firstDataIndex === 's'
      || this.firstDataIndex === 'c') { /*   数字输入框(整形i和浮点型d),
     时间选择框(时间类型t),
     文本输入框(文本s),
     地址联动框(联动下拉类型c)   */
      obj = {
        label: <span  title={bEnglish ? `${this.props.showConfig?.showName}-${this.props.showConfig?.sChinese}` : this.props.showConfig?.showName} style={titleStyle}>{this.props.showConfig.showName}</span>, /*   标签   */
        className: `${styles.formItemMargin} ${extraClassName}`, /*   样式名称   */
        ...this.formItemLayout, /*   主要是rowspan和colspan   */
      };
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      obj = {
        label: <span style={titleStyle}>{this.props.showConfig.showName}</span>, /*   标签   */
        className: styles.formItemMag10, /*   样式名称   */
        ...this.formItemLayout, /*   主要是rowspan和colspan   */
      };
    }
    if (this.props.itemLabel === 'hide') {
      delete obj.label;
    }
    /* 设置标题颜色 */
    if (this.props.showConfig.sFontColor) {
      // eslint-disable-next-line prefer-destructuring
      const sFontColor = this.props.showConfig.sFontColor;
      obj.labelCol.style = { color: sFontColor, fontWeight: 'bold', backgroundColor: '#BFEFFF' };
    }
    /*   返回值   */
    return obj;
  };


  /*   获取formitemprops对象(从)   */
  getOutFormItemPropsSlave = () => {
    /*   返回值声明   */
    let obj = {};
    if (this.firstDataIndex === 'i'
      || this.firstDataIndex === 'd'
      || this.firstDataIndex === 'c'
      || this.props.showConfig.sDropDownType === 'sql'
      || this.props.showConfig.sDropDownType === 'const') { /*   数字输入框(整形i和浮点型d),
     时间选择框(时间类型t),
     文本输入框(文本s),
     地址联动框(联动下拉类型c),
     所有的下拉(从表只有文字下拉,分常量和sql两种)   */
      obj = {
        className: styles.formItemMargin0, /*   样式名称   */
      };
    } else if (this.firstDataIndex === 'b') { /*   选择框(布尔类型b)   */
      obj = {
        className: styles.tableCheckBox, /*   样式名称   */
      };
    } else if (this.firstDataIndex === 't' || this.firstDataIndex === 'p' || this.firstDataIndex === 'm' || this.firstDataIndex === 'y') { /*   时间选择框(时间类型t)   */
      obj = {
        className: styles.tableDataPicker, /*   样式名称   */
      };
    } else if (this.firstDataIndex === 's') { /*   文本输入框(文本s)   */
      obj = {
        className: styles.editInput, /*   样式名称   */
      };
    }
    /*   返回值   */
    return obj;
  };

  /*   获取fielddecoratorprops对象   */
  getFieldDecoratorProps = () => {
    /*   返回值声明   */
    let obj = {};
    if (this.firstDataIndex === 'i' || this.firstDataIndex === 'd' || this.firstDataIndex === 't' || this.firstDataIndex === 'p' || this.firstDataIndex === 's' || this.firstDataIndex === 'b') { /*   数字输入框(整形i和浮点型d),时间选择框(时间类型t),文本输入框(文本s),选择框(布尔类型b)   */
      obj = { rules: [{ required: this.props.showConfig.bNotEmpty, message: `${this.props.showConfig.showName}为必填项` }] };
    } else if (this.firstDataIndex === 'c') { /*   地址联动框(联动下拉类型c)   */
      obj = {
        initialValue: ['北京市', '市辖区', '东城区'], /*   默认值   */
        rules: [{ required: this.props.showConfig.bNotEmpty, message: `${this.props.showConfig.showName}为必填项` }], /*   规则   */
      };
    }
    /*   返回值   */
    return obj;
  };
  getPopupContainer = (triggerNode) => {
    const trigger = triggerNode;
    if (commonUtils.isNotEmptyObject(trigger)) {
      return triggerNode;
    }
  }

  // 限制数字位数
  handleCheckNumberInnerInput = (value) => {
    const { sDateFormat, sFieldValidation } = this.props.showConfig;
    if (sDateFormat !== 'decimalPoint' || sFieldValidation === undefined) return value;

    const [length1, length2] = sFieldValidation.split(',');

    let newValue = value;
    if (length2 !== undefined) {
      newValue = commonUtils.convertFixNum(value, Number(length2));
    }
    if (isNaN(newValue)) {
      return '';
    }
    if (length1 !== undefined) {
      const str = newValue.toString();
      const [integerPart, decimalPart] = str.split('.');
      if (integerPart.length > length1) {
        const truncatedInteger = integerPart.slice(0, length1);
        if (decimalPart !== undefined) {
          newValue = Number(`${truncatedInteger}.${decimalPart}`);
        } else {
          newValue = Number(truncatedInteger);
        }
      }
    }

    return newValue;
  }

  selectTableChange = (pageNum) => {
    if (this.selectTableRef) {
      this.selectTableRef.focus();
    }
    if (this.state.searchValue) {
      this.setState({ tempCurrentPage: pageNum });
    } else {
      this.setState({ currentPage: pageNum });
    }
    this.getDropDownData(pageNum, this.state.totalPageCount, this.state.searchValue);
  };

  selectTableSearch = (searchValue) => {
    if (this.dropDownTimer) {
      clearTimeout(this.dropDownTimer);
    }
    this.dropDownTimer = setTimeout(() => {
      this.setState({
        searchValue,
        tempCurrentPage: searchValue ? 1 : undefined,
      });
      const pageNum = searchValue ? 1 : this.state.currentPage;
      this.getDropDownData(pageNum, this.state.totalPageCount, searchValue);
    }, 500);
  };

  toFamatter = (values) => {
    if (values !== 0 && commonUtils.isNotEmptyNumber(values) && values !== null) {
      const { sDateFormat } = this.props.showConfig;
      const { dNetMoney, dNetPrice } = this.props?.app?.decimals || {};
      /* 如果配置时间格式中设置了0.0000则以配置为准，没有设置时间格式 则以系统设定为主 */
      if (commonUtils.isNotEmptyObject(sDateFormat)) {
        /* 取小数点位数 */
        let point = 0;
        const strIndex = sDateFormat.indexOf('.');
        if (strIndex > -1 && sDateFormat.length > 1) {
          point = sDateFormat.substring(strIndex + 1, sDateFormat.length).length;
          if (commonUtils.isNotEmptyNumber(values) && values !== null) {
            const dConfigResult = commonUtils.convertFixNum(Number(values), point).toFixed(point);
            if (!isNaN(dConfigResult)) {
              values = dConfigResult;
            }
          }
        }
      } else if (this.props.showConfig.sName.toLowerCase().endsWith('price')) { /* 单价格式化显示1 */
        if (commonUtils.isNotEmptyNumber(values) && values !== null) {
          const dResult = commonUtils.convertFixNum(Number(values), dNetPrice).toFixed(dNetPrice);
          if (!isNaN(dResult)) {
            values = dResult;
          }
        }
      } else if (this.props.showConfig.sName.toLowerCase().endsWith('money')) { /* 金额格式化显示 */
        if (commonUtils.isNotEmptyNumber(values) && values !== null) {
          const dResult = commonUtils.convertFixNum(Number(values), dNetMoney).toFixed(dNetMoney);
          if (!isNaN(dResult)) {
            values = dResult;
          }
        }
      }
      return values;
    } else {
      return values;
    }
  }
  /**   处理下拉选择事件   */
  handleSelectOptionEvent = (newValue, dateString) => {
    // antd autocomplete官方组件用到了react高版本的事件合成,但checkbox没用到;
    // 做了兼容处理
    // if (newValue === undefined || newValue == null) {
    //   return;
    // }
    if (newValue === undefined) return;
    if (newValue !== null && newValue.target && newValue.target.type !== 'checkbox') {
      newValue = newValue.target.value;
    }
    /*   下拉新增单独处理   */
    const dEmptyValue = this.props.showConfig.sName === 'dMachineLength' || this.props.showConfig.sName === 'dMachineWidth' ? newValue : 0; /* 设置数值型为空值时 数据置为0 或空值 */
    let value = this.firstDataIndex === 's' && !this.props.textArea && commonUtils.isEmpty(newValue) ? newValue.replace('--', '') :
      this.firstDataIndex === 't' ? dateString : (this.firstDataIndex === 'd' || this.firstDataIndex === 'i') && commonUtils.isEmpty(newValue) ? dEmptyValue : newValue;
    value = this.props.showConfig.bMultipleChoice ? value.toString() : value;
    // if (value === 0) {
    //   setTimeout(() => {
    //     if (document.getElementById(`${this.props.showConfig.sName}${this.props.sId}`)) {
    //       document.getElementById(`${this.props.showConfig.sName}${this.props.sId}`).select();
    //     }
    //   }, 51);
    // }
    this.isDropdownFilter = true;
    if (this.props.showConfig.sDropDownType === 'sql' && value === '@#*000@') {
      this.props.handleSqlDropDownNewRecord(this.props.showConfig, this.props.name);
      if (this.mounted) {
        this.setState({ dataValue: '' });
      }
      return;
    }
    if (this.props.showConfig.sDropDownType === 'sql' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
      value = '';
    }
    if (this.props.showConfig.sDropDownType === 'const' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
      value = '';
    }
    /*   回带值声明   */
    const returnValue = {};
    const { searchValue, searchDropDownData, dropDownData } = this.state;
    const dropDownDataNew = commonUtils.isEmptyArr(searchValue) ? dropDownData : searchDropDownData;
    /*   回带值赋值(sName:value)   */
    returnValue[this.props.showConfig.sName] =
      // this.firstDataIndex === 's' && this.props.textArea ? value.target.value :
      this.firstDataIndex === 'i' ? commonUtils.isEmpty(value) ? undefined : this.props.showConfig.sName === 'iOrder' ? value : parseInt(value, 0) :
        this.firstDataIndex === 'd' ? commonUtils.isEmpty(value) ? undefined : this.floatNumberCheck(value) :
          this.firstDataIndex === 't' ? this.props.showConfig.sDateFormat === 'YYYY-MM' || this.props.showConfig.sDateFormat === 'YYYY' ? moment(value).format('YYYY-MM-DD') : (commonUtils.isEmpty(value) ? null : value) :
            this.firstDataIndex === 'b' ? value.target.checked : value === null ? undefined : value;
    if (!this.props.showConfig.bMultipleChoice) {
      const { sAssignField } = this.props.showConfig;
      const [changeData] = dropDownDataNew.filter(item => (!commonUtils.isEmpty(item.sSlaveId) && this.props.showConfig.sName !== "sWorkOrderNo" ? item.sSlaveId : item.sId) === value.toString());
      if (!commonUtils.isEmpty(sAssignField)) {
        /* 赋值数组 */
        const sAssignFieldObj = sAssignField.split(',');
        if (commonUtils.isNotEmptyObject(changeData)) {
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              const sValueName = child.split(':')[1].trim();
              // returnValue[sFieldName] = changeData[sValueName] || changeData.value;
              returnValue[sFieldName] = changeData[sValueName] === 0 ? 0 : changeData[sValueName] || changeData.value;
            }
          }
        } else if (!this.props.showConfig.bCanInput) {
          // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              returnValue[sFieldName] = '';
            }
          }
        }
      }
    } else {
      const { sAssignField } = this.props.showConfig;
      const changeData = dropDownDataNew.filter(item => (`,${value.toString()},`).includes((!commonUtils.isEmpty(item.sSlaveId) ? `,${item.sSlaveId},` : `,${item.sId},`)));
      if (!commonUtils.isEmpty(sAssignField)) {
        /* 赋值数组 */
        const sAssignFieldObj = sAssignField.split(',');
        if (commonUtils.isNotEmptyArr(changeData)) {
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              const sValueName = child.split(':')[1].trim();
              const valueArr = [];
              changeData.forEach((itemData) => {
                valueArr.push(itemData[sValueName]);
              });
              returnValue[sFieldName] = valueArr.toString();
            }
          }
        } else if (!this.props.showConfig.bCanInput) {
          // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              returnValue[sFieldName] = '';
            }
          }
        }
      }

      // 如果returnValue的第一个key对应的value的数据和上文的value个数不一致， 则取value的数据；
      // 处理原因：如果已选数据不在下拉数据中时（比如懒加载模式），会过滤掉已选数据
      if (commonUtils.isNotEmptyArr(Object.keys(returnValue))) {
        const [returnValueKey0, returnValueValue0] = [Object.keys(returnValue)[0], Object.values(returnValue)[0]];
        if (returnValueValue0.split(',').length !== value.split(',').length || (returnValueValue0 === '' && value !== '')) {
          returnValue[returnValueKey0] = value;
        }
      }
    }

    if (this.state.searchPageNum !== 0 || this.state.searchTotalPageCount !== 1 || this.state.searchDropDownData !== [] || this.state.searchValue !== '' || this.state.spinState !== false) {
      this.setState({
        searchPageNum: 0, searchTotalPageCount: 1, searchDropDownData: [], searchValue: '', spinState: false,
      });
    }
    // /*   调用父组件的回带函数 */
    this.props.onChange(this.props.name, this.props.showConfig.sName, returnValue, this.props.sId, dropDownDataNew);

    clearTimeout(this.onChangeTimer);
    this.onChangeTimer = setTimeout(() => {
      this.onExecInstructSet('change');
    }, 500);
  };

  /**   处理autoComplete下拉选择事件   */
  // handleCompleteInputEvent = (newValue) => {
  //   // antd autocomplete官方组件用到了react高版本的事件合成,但checkbox没用到;
  //   // 做了兼容处理
  //   if (newValue === undefined || newValue == null) {
  //     return;
  //   }
  //   if (newValue === undefined) return;
  //   if (newValue.target && newValue.target.type !== 'checkbox') {
  //     newValue = newValue.target.value;
  //   }
  //   const returnValue = {};
  //   const { searchValue, searchDropDownData, dropDownData } = this.state;
  //   const dropDownDataNew = commonUtils.isEmptyArr(searchValue) ? dropDownData : searchDropDownData;
  //   returnValue[this.props.showConfig.sName] = newValue;
  //   if (this.state.searchPageNum !== 0 || this.state.searchTotalPageCount !== 1 || this.state.searchDropDownData !== [] || this.state.searchValue !== '' || this.state.spinState !== false) {
  //     this.setState({
  //       searchPageNum: 0, searchTotalPageCount: 1, searchDropDownData: [], searchValue: '', spinState: false,
  //     });
  //   }
  //   this.props.onChange(this.props.name, this.props.showConfig.sName, returnValue, this.props.sId, dropDownDataNew);
  // };
  handleCompleteInputEvent = (newValue, dateString) => {
    if (this.chineseInputting) {
      return;
    }
    // antd autocomplete官方组件用到了react高版本的事件合成,但checkbox没用到;
    // eslint-disable-next-line no-unused-vars
    // const newKey = newValue.key || 0;
    newValue = commonUtils.isNotEmptyObject(newValue.value) ? newValue.value : newValue; /* 处理可输入下拉框 输入数据时 没触发onChange事件 */
    // antd autocomplete官方组件用到了react高版本的事件合成,但checkbox没用到;
    // 做了兼容处理
    if (newValue === undefined) {
      return;
    }
    if (newValue.target && newValue.target.type !== 'checkbox') {
      newValue = newValue.target.value;
    }
    /*   下拉新增单独处理   */
    const dEmptyValue = this.props.showConfig.sName === 'dMachineLength' || this.props.showConfig.sName === 'dMachineWidth' ? newValue : 0; /* 设置数值型为空值时 数据置为0 或空值 */
    let value = this.firstDataIndex === 's' && !this.props.textArea && commonUtils.isEmpty(newValue) ? newValue.replace('--', '') :
      this.firstDataIndex === 't' ? dateString : (this.firstDataIndex === 'd' || this.firstDataIndex === 'i') && commonUtils.isEmpty(newValue) ? dEmptyValue : newValue;
    value = this.props.showConfig.bMultipleChoice ? value.toString() : value;

    // if (this.props.showConfig.sName === 'dMachineLength' || this.props.showConfig.sName === 'dMachineWidth') { /* 处理上机长宽 下拉数据 数据分割错误问题 */
    //   value = this.floatNumberCheck(value);
    // }

    this.isDropdownFilter = true;
    if (this.props.showConfig.sDropDownType === 'sql' && value === '@#*000@') {
      this.props.handleSqlDropDownNewRecord(this.props.showConfig, this.props.name);
      if (this.mounted) {
        this.setState({ dataValue: '' });
      }
      return;
    }
    if (this.props.showConfig.sDropDownType === 'sql' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
      value = '';
    }
    if (this.props.showConfig.sDropDownType === 'const' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
      value = '';
    }

    /*   回带值声明   */
    const returnValue = {};
    const { searchValue, searchDropDownData, dropDownData } = this.state;
    const dropDownDataNew = commonUtils.isEmptyArr(searchValue) ? dropDownData : searchDropDownData;
    /*   回带值赋值(sName:value)   */
    returnValue[this.props.showConfig.sName] =
      // this.firstDataIndex === 's' && this.props.textArea ? value.target.value :
      this.firstDataIndex === 'i' ? commonUtils.isEmpty(value) ? undefined : this.props.showConfig.sName === 'iOrder' ? value : parseInt(value, 0) :
        this.firstDataIndex === 'd' ? commonUtils.isEmpty(value) ? undefined : value : // this.floatNumberCheck(value) :
          this.firstDataIndex === 't' ? commonUtils.isEmpty(value) ? null : value :
            this.firstDataIndex === 'b' ? value.target.checked : value === null ? undefined : value;
    if (!this.props.showConfig.bMultipleChoice) {
      const { sAssignField } = this.props.showConfig;
      // const [changeData] = dropDownDataNew.filter(item => (!commonUtils.isEmpty(item.sSlaveId) ? item.sSlaveId : item.sId) === newKey.toString());
      let res = '';
      if (dropDownDataNew.length > 0) {
        if (commonUtils.isNotEmptyStr(this.props.showConfig.sVisColumnName)) {
          res = this.props.showConfig.sVisColumnName;
        } else {
          res = Object.keys(dropDownDataNew[0]).length > 0 ? Object.keys(dropDownDataNew[0])[0] : '';
        }
      }
      const [changeData] = dropDownDataNew.filter(item => (!commonUtils.isEmpty(res) ? item[res] : item.sId) === value.toString());
      if (!commonUtils.isEmpty(sAssignField)) {
        /* 赋值数组 */
        const sAssignFieldObj = sAssignField.split(',');
        if (commonUtils.isNotEmptyObject(changeData)) {
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              const sValueName = child.split(':')[1].trim();
              returnValue[sFieldName] = changeData[sValueName] || changeData.value;
            }
          }
        } else if (!this.props.showConfig.bCanInput) {
          // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              returnValue[sFieldName] = '';
            }
          }
        }
      }
    } else {
      const { sAssignField } = this.props.showConfig;
      const changeData = dropDownDataNew.filter(item => (`,${value.toString()},`).includes((!commonUtils.isEmpty(item.sSlaveId) ? `,${item.sSlaveId},` : `,${item.sId},`)));
      if (!commonUtils.isEmpty(sAssignField)) {
        /* 赋值数组 */
        const sAssignFieldObj = sAssignField.split(',');
        if (commonUtils.isNotEmptyArr(changeData)) {
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              const sValueName = child.split(':')[1].trim();
              const valueArr = [];
              changeData.forEach((itemData) => {
                valueArr.push(itemData[sValueName]);
              });
              returnValue[sFieldName] = valueArr.toString();
            }
          }
        } else if (!this.props.showConfig.bCanInput) {
          // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
          for (const child of sAssignFieldObj) {
            if (child.indexOf(':') > -1) {
              const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
              returnValue[sFieldName] = '';
            }
          }
        }
      }
    }
    if (this.state.searchPageNum !== 0 || this.state.searchTotalPageCount !== 1 || this.state.searchDropDownData !== [] || this.state.searchValue !== '' || this.state.spinState !== false) {
      this.setState({
        searchPageNum: 0, searchTotalPageCount: 1, searchDropDownData: [], searchValue: '', spinState: false,
      });
    }
    // /*   调用父组件的回带函数  */
    if (this.state.dataValue === returnValue[this.props.showConfig.sName]) {
      if (!this.completeFlag) {
        const addState = {};
        addState[this.props.showConfig.sName] = undefined;
        setTimeout(() => {
          this.props.onChange(this.props.name, this.props.showConfig.sName, { ...returnValue, ...addState }, this.props.sId, dropDownDataNew);
        }, 0);
      }
      this.completeFlag = false;
    }
    // setTimeout(() => {
    //   this.props.onChange(this.props.name, this.props.showConfig.sName, returnValue, this.props.sId, dropDownDataNew);
    // }, 50);
    this.props.onChange(this.props.name, this.props.showConfig.sName, returnValue, this.props.sId, dropDownDataNew);

    clearTimeout(this.onChangeTimer);
    this.onChangeTimer = setTimeout(() => {
      this.onExecInstructSet('change');
    }, 500);
  };
  // handleCompleteOptionEvent = (newValue, dateString) => {
  //   // antd autocomplete官方组件用到了react高版本的事件合成,但checkbox没用到;
  //   const newKey = newValue.key;
  //   newValue = newValue.value;
  //   /*   下拉新增单独处理   */
  //   const dEmptyValue = this.props.showConfig.sName === 'dMachineLength' || this.props.showConfig.sName === 'dMachineWidth' ? newValue : 0; /* 设置数值型为空值时 数据置为0 或空值 */
  //   let value = this.firstDataIndex === 's' && !this.props.textArea && commonUtils.isEmpty(newValue) ? newValue.replace('--', '') :
  //     this.firstDataIndex === 't' ? dateString : (this.firstDataIndex === 'd' || this.firstDataIndex === 'i') && commonUtils.isEmpty(newValue) ? dEmptyValue : newValue;
  //   value = this.props.showConfig.bMultipleChoice ? value.toString() : value;
  //   // let value = this.firstDataIndex === 's' && !this.props.textArea && commonUtils.isEmpty(newValue) ? newValue.replace('--', '') :
  //   //   this.firstDataIndex === 't' ? dateString : (this.firstDataIndex === 'd' || this.firstDataIndex === 'i') && commonUtils.isEmpty(newValue) ? 0 : newValue;
  //   // value = this.props.showConfig.bMultipleChoice ? value.toString() : value;
  //   this.isDropdownFilter = true;
  //   if (this.props.showConfig.sDropDownType === 'sql' && value === '@#*000@') {
  //     this.props.handleSqlDropDownNewRecord(this.props.showConfig, this.props.name);
  //     if (this.mounted) {
  //       this.setState({ dataValue: '' });
  //     }
  //     return;
  //   }
  //   if (this.props.showConfig.sDropDownType === 'sql' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
  //     value = '';
  //   }
  //   if (this.props.showConfig.sDropDownType === 'const' && value === '=+@') { /* 如果是选择空值，则将特殊字符过滤为空值 */
  //     value = '';
  //   }
  //   /*   回带值声明   */
  //   const returnValue = {};
  //   const { searchValue, searchDropDownData, dropDownData } = this.state;
  //   const dropDownDataNew = commonUtils.isEmptyArr(searchValue) ? dropDownData : searchDropDownData;
  //   /*   回带值赋值(sName:value)   */
  //   returnValue[this.props.showConfig.sName] =
  //     // this.firstDataIndex === 's' && this.props.textArea ? value.target.value :
  //     this.firstDataIndex === 'i' ? commonUtils.isEmpty(value) ? undefined : this.props.showConfig.sName === 'iOrder' ? value : parseInt(value, 0) :
  //       this.firstDataIndex === 'd' ? commonUtils.isEmpty(value) ? undefined : this.floatNumberCheck(value) :
  //         this.firstDataIndex === 't' ? commonUtils.isEmpty(value) ? null : value :
  //           this.firstDataIndex === 'b' ? value.target.checked : value === null ? undefined : value;
  //   if (!this.props.showConfig.bMultipleChoice) {
  //     const { sAssignField } = this.props.showConfig;
  //     let res = '';
  //     if (dropDownDataNew.length > 0) {
  //       if (commonUtils.isNotEmptyStr(this.props.showConfig.sVisColumnName)) {
  //         res = this.props.showConfig.sVisColumnName;
  //       } else {
  //         res = Object.keys(dropDownDataNew[0]).length > 0 ? dropDownDataNew[0][Object.keys(dropDownDataNew[0])[0]] : '';
  //       }
  //     }
  //     const [changeData] = dropDownDataNew.filter(item => (!commonUtils.isEmpty(res) ? item[res] : item.sId) === value.toString());
  //
  //     if (!commonUtils.isEmpty(sAssignField)) {
  //       /* 赋值数组 */
  //       const sAssignFieldObj = sAssignField.split(',');
  //       if (commonUtils.isNotEmptyObject(changeData)) {
  //         for (const child of sAssignFieldObj) {
  //           if (child.indexOf(':') > -1) {
  //             const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
  //             const sValueName = child.split(':')[1].trim();
  //             returnValue[sFieldName] = changeData[sValueName] || changeData.value;
  //           }
  //         }
  //       } else if (!this.props.showConfig.bCanInput) {
  //         // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
  //         for (const child of sAssignFieldObj) {
  //           if (child.indexOf(':') > -1) {
  //             const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
  //             returnValue[sFieldName] = '';
  //           }
  //         }
  //       }
  //     }
  //   } else {
  //     const { sAssignField } = this.props.showConfig;
  //     const changeData = dropDownDataNew.filter(item => (`,${value.toString()},`).includes((!commonUtils.isEmpty(item.sSlaveId) ? `,${item.sSlaveId},` : `,${item.sId},`)));
  //     if (!commonUtils.isEmpty(sAssignField)) {
  //       /* 赋值数组 */
  //       const sAssignFieldObj = sAssignField.split(',');
  //       if (commonUtils.isNotEmptyArr(changeData)) {
  //         for (const child of sAssignFieldObj) {
  //           if (child.indexOf(':') > -1) {
  //             const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
  //             const sValueName = child.split(':')[1].trim();
  //             const valueArr = [];
  //             changeData.forEach((itemData) => {
  //               valueArr.push(itemData[sValueName]);
  //             });
  //             returnValue[sFieldName] = valueArr.toString();
  //           }
  //         }
  //       } else if (!this.props.showConfig.bCanInput) {
  //         // 下拉选择空时，需要，  bCanInput一定要为false不然印件名称输入时也被置空了
  //         for (const child of sAssignFieldObj) {
  //           if (child.indexOf(':') > -1) {
  //             const sFieldName = child.split(':')[0].trim() === 'self' ? this.props.showConfig.sName : child.split(':')[0].trim();
  //             returnValue[sFieldName] = '';
  //           }
  //         }
  //       }
  //     }
  //   }
  //   if (this.state.searchPageNum !== 0 || this.state.searchTotalPageCount !== 1 || this.state.searchDropDownData !== [] || this.state.searchValue !== '' || this.state.spinState !== false) {
  //     this.setState({
  //       searchPageNum: 0, searchTotalPageCount: 1, searchDropDownData: [], searchValue: '', spinState: false,
  //     });
  //   }
  //   // /*   调用父组件的回带函数  */
  //   console.log('returnValue', returnValue);
  //   this.props.onChange(this.props.name, this.props.showConfig.sName, returnValue, this.props.sId, dropDownDataNew);
  // };
  /**  搜索时过滤对应的 option 属性 */
  filterOption = (input, option) => {
    const { pageNum, totalPageCount } = this.state;
    const newInput = input.toString().trim(); /* 下拉框默认为空 不需要替换'--’ */
    if (pageNum <= totalPageCount && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      return true;
    } else if (commonUtils.isNotEmptyObject(option.props.children)) {
      try {
        return (!this.isDropdownFilter && this.props.showConfig.bCanInput) ? true : (option.props.children.toLowerCase().indexOf(newInput.toLowerCase()) >= 0);
      } catch (error) {
        return false;
      }
    }
  };


  /**
   * 小数校验
   */
  floatNumberCheck = (num) => {
    const { dNetPrice } = this.props?.app?.decimals || {};
    const { showConfig } = this.props;
    const { sName, showName } = showConfig;
    const digit = sName.includes('Price') ? dNetPrice : 6;
    if (typeof num === 'string') {
      num = num.replace('*', '');
    }
    const checkRule = new RegExp(`^(-?\\d+)(\\.?)(\\d{1,${digit}})?$`);
    if (!checkRule.test(num) && num && num !== '-' && num !== '.') {
      message.warning(`【${showName}】【${sName}】最多输入${digit}位小数！`);
      return undefined;
    } else {
      return num;
    }
  }

  /**   小数位控制  noinspection JSAnnotator控制 string | number */
  limitDecimals = (values) => {
    let reg = '';
    if (this.floatNum > 0) {
      reg = `^(\\d+).(${this.floatPrice})*$`;
    } else {
      reg = '^(\\d+).(\\d\\d\\d\\d\\d\\d)*$';
    }
    if (typeof values === 'string') {
      if (values !== undefined && values.indexOf('.') <= -1) {
        reg = '^(\\d+)*$';
        return !isNaN(Number(values)) ? values.replace(new RegExp(reg), '$1') : '';
      } else {
        return !isNaN(Number(values)) ? values.replace(new RegExp(reg), '$1.$2') : '';
      }
    } else if (typeof values === 'number') {
      if (values !== undefined && String(values).indexOf('.') <= -1) {
        reg = '^(\\d+)*$';
        return !isNaN(values) ? String(values).replace(new RegExp(reg), '$1') : '';
      } else {
        return !isNaN(values) ? String(values).replace(new RegExp(reg), '$1.$2') : '';
      }
    } else {
      return '';
    }
  };

  handleViewClick = () => {
    const { record, app, showConfig } = this.props;
    const { sControlName, sActiveKey } = showConfig; /* 弹出标志，弹出界面对应数据主字段 */
    if (commonUtils.isNotEmptyObject(sControlName) && commonUtils.isNotEmptyObject(sActiveKey)) {
      const printPdf = sControlName;
      if (commonUtils.isNotEmptyObject(printPdf) && printPdf === 'printPdf' && commonUtils.isNotEmptyObject(sActiveKey)) {
        const { token } = app;
        const sActiveId = this.props.showConfig.sActiveId === '1' ? commonUtils.isEmpty(record.sFormId) ? record.sSrcFormId : record.sFormId : this.props.showConfig.sActiveId;
        const printsId = record[sActiveKey];
        const urlPrint = `${commonConfig.server_host}printReport/printPdfByFromDataId/${printsId}.pdf?sModelsId=${sActiveId}&sId=${printsId}&token=${encodeURIComponent(token)}`;
        // const urlPrint = `${commonConfig.server_host}printReport/printPdfByFromDataId?sModelsId=${sActiveId}&sId=${printsId}&token=${encodeURIComponent(token)}`;
        window.open(urlPrint);
      } else {
        this.props.onViewClick(this.props.name, this.props.showConfig.sName, this.props.record);
      }
    } else {
      this.props.onViewClick(this.props.name, this.props.showConfig.sName, this.props.record);
    }
  }

  /* 打开新窗口查看SQL编辑器 */
  handleOpenWin = () => {
    const { dataValue, showConfig, record } = this.props;
    // eslint-disable-next-line prefer-destructuring
    const sBtnName = showConfig.sName;
    const sBtnContent = commonUtils.isNotEmptyObject(dataValue) ? encodeURIComponent(dataValue) : '';
    const sBtnControlName = commonUtils.isNotEmptyObject(showConfig.sName) ? showConfig.sName : '';
    if (commonUtils.isNotEmptyObject(sBtnContent) && commonUtils.isNotEmptyObject(record)) {
      const sFormId = commonUtils.isNotEmptyObject(record.sParentId) ? record.sParentId : '';
      const urlPrint = `${commonConfig.server_host}template/getSql/${sBtnName}/?sBtnContent=${sBtnContent}&sBtnControlName=${sBtnControlName}&sFormId=${sFormId}`;
      const w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
      const h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
      // const newWin = window.open('','_blank');
      const features = `width=${w + 350},height=${h + 300}, top=0, left=0, toolbar=no, menubar=no,scrollbars=no,resizable=no, location =no, status=no`;
      const newWin = window.open('', 'SQL查看器', features);
      newWin.document.write(`<body scroll="no" style="margin: 0px;padding: 0px;border:0px;overflow:hidden;"><iframe style="margin: 0px;padding: 0px;border: 0px;width:100%;height:100%" src="${urlPrint}"></iframe></body>`);
      // window.open(urlPrint);
    } else {
      message.error('未找到对应过程名');
    }
  };

  handlePreviewImage = (e, dataUrl) => {
    e.stopPropagation();
    this.props.onPreviewImage(e, dataUrl);
  }
  handleViewChoose = () => {
    this.props.onViewChoose(this.props.name, this.props.showConfig.sName, this.props.record);
  }
  handleMemoShow= () => {
    this.props.onMemoShow(this.props.name, this.props.showConfig.sName, this.props.record, 0, this.props.showConfig);
  }

  handlePreviewOffice = (dataUrl) => {
    this.props.onPreviewOffice(dataUrl);
  }

  handlePopupScroll = (e) => {
    e.persist();
    const { target } = e;
    if (Math.ceil(target.scrollTop + target.offsetHeight) >= target.scrollHeight && this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
      const {
        pageNum, searchPageNum, searchTotalPageCount, searchValue, totalPageCount,
      } = this.state;
      const nextPageNum = pageNum + 1;
      const nextSearchPageNum = searchPageNum + 1;
      if (searchValue !== '') {
        this.getDropDownData(nextSearchPageNum, searchTotalPageCount, searchValue);
      } else {
        this.getDropDownData(nextPageNum, totalPageCount, searchValue);
      }
    }
  };

  handleSearch = (value) => {
    if (this.dropDownTimer) {
      clearTimeout(this.dropDownTimer);
    }
    this.dropDownTimer = setTimeout(() => {
      if (this.props.showConfig.sDropDownType === 'sql' && commonUtils.isEmptyArr(this.props.showConfig.dropDownData)) {
        this.setState({ spinState: true });
        this.getDropDownData(1, 1, value);
      }
    }, 500);
  };
  /**   渲染   */
  render() {
    /*   获取innerinput控件参数   */
    let innerInputProps = this.getInnerInputProps();

    const { slaveConfig = { gdsconfigformslave: [] }, bSColorSerialMemo } = this.props;
    const { gdsconfigformslave } = slaveConfig;
    const { sName } = this.props.showConfig;
    const btPopIndex = gdsconfigformslave.findIndex(item => item.sControlName === `BtnPopup.${sName}`);
    const btCostomIndex = gdsconfigformslave.findIndex(item => item.sControlName === `BtnCustom.${sName}`);


    // 登记取样特殊处理
    if(slaveConfig.sId=='12710101117346647176280'){

        if(innerInputProps.id.includes('bReturn')){
            window.$xlyStorage = this.props.dataValue;
        }

        if(innerInputProps.id.includes('sQrcode') && this.myRef.current){

          this.myRef.current.querySelector('input').addEventListener('keydown',(event)=>{
              if (event.code === 'NumpadEnter' || event.code === 'Enter') { // 或者使用 event.keyCode === 13

                event.preventDefault(); // 阻止默认行为
                // console.log(this.value)
                // const inputValue = this.value;
                // document.getElementById('output').innerText = '你输入的内容是: ' + inputValue;
                // 在这里添加你想要执行的其他代码
                setTimeout(()=>{
                  let takeBtn = gdsconfigformslave.find(e=>e.sId=='17351987980002636428040338706000');
                  let returnBtn = gdsconfigformslave.find(e=>e.sId=='17346700000002938271207713181700');

                  if(window.$xlyStorage==0 && takeBtn){
                      // 取样
                      this.props.onExecInstructSet({
                          nextProps: { ...this.props},
                          btnConfig: {
                              showName: "条码取样",
                              sInstruct: takeBtn.sInstruct,
                              error:(er)=>{
                                  this.setState({ dataValue: '' });
                              },
                          },
                          callback: () => {},
                      })
                  }else if(window.$xlyStorage==1 && returnBtn){
                      // 归还
                      this.props.onExecInstructSet({
                          nextProps: { ...this.props},
                          btnConfig: {
                              showName: "条码归还",
                              sInstruct: returnBtn.sInstruct,
                              error:(er)=>{
                                  this.setState({ dataValue: '' });
                              },
                          },
                          callback: () => {},
                      })
                  }
              },300)
              }
          })



            // debugger
            // innerInputProps.onPressEnter = (event2)=>{
                // setTimeout(()=>{
                //     let takeBtn = gdsconfigformslave.find(e=>e.sId=='17351987980002636428040338706000');
                //     let returnBtn = gdsconfigformslave.find(e=>e.sId=='17346700000002938271207713181700');

                //     if(window.$xlyStorage==0 && takeBtn){
                //         // 取样
                //         this.props.onExecInstructSet({
                //             nextProps: { ...this.props},
                //             btnConfig: {
                //                 showName: "条码取样",
                //                 sInstruct: takeBtn.sInstruct,
                //                 error:(er)=>{
                //                     this.setState({ dataValue: '' });
                //                 },
                //             },
                //             callback: () => {},
                //         })
                //     }else if(window.$xlyStorage==1 && returnBtn){
                //         // 归还
                //         this.props.onExecInstructSet({
                //             nextProps: { ...this.props},
                //             btnConfig: {
                //                 showName: "条码归还",
                //                 sInstruct: returnBtn.sInstruct,
                //                 error:(er)=>{
                //                     this.setState({ dataValue: '' });
                //                 },
                //             },
                //             callback: () => {},
                //         })
                //     }
                // },300)
            // }
        }
    }



    /*   获取innerinput控件   */
    const innerInput = btPopIndex !== -1 ? (
      <Space className={styles.commonAntSpace} size={3}>
        {this.getInnerInput(innerInputProps)}
        {this.getInnerButton()}
        <div />
      </Space>
    ) : btCostomIndex !== -1 ? (
      <Space className={styles.commonAntSpace} size={3}>
        {this.getInnerInput(innerInputProps)}
        {this.getInnerButtonCostom(gdsconfigformslave[btCostomIndex])}
        <div />
      </Space>
    ) : this.props.showTooltip ? (
      <Tooltip title={<span style={{ fontSize: 18 }}>{this.props.dataValue}</span>}>
        {this.getInnerInput({ ...innerInputProps, disabled: false, readOnly: true })}
      </Tooltip>
    ) : this.getInnerInput(innerInputProps);

    let viewInfo = '';
    if (this.props.showConfig.sDropDownType !== 'popup' && !commonUtils.isEmpty(this.props.showConfig.sActiveId) && !commonUtils.isEmpty(this.props.showConfig.sActiveKey) && (commonUtils.isNotEmptyObject(this.props.dataValue) || commonUtils.isNotEmptyNumber(this.props.dataValue))) {
      viewInfo = (
        <div
          className={this.state.sActiveDisplay ? 'sActiveIdStyle sActiveIdStyleBlock' : 'sActiveIdStyle sActiveIdStyleNone'}
          title={this.props.dataValue}
          style={{
            display: this.state.sActiveDisplay ? 'block' : 'none',
            // top: this.props.name === 'slaveInfo' ? '1px' : '',
            // left: this.props.name === 'slaveInfo' ? '2px' : this.props.name === 'master' ? '1px' : '',
            position: 'absolute',
            height: '100%',
            overflow: 'hidden',
          }}
        >
          <span
            onClick={this.handleViewClick}
            className="masterLinkSpan"
          >
            {this.props.dataValue}
          </span>
        </div>);
    }
    const sModelsType = commonUtils.isNotEmptyObject(this.props) && commonUtils.isNotEmptyObject(this.props.app) ? this.props.app.currentPane.sModelsType : '';
    let bParamColor = false;
    if (this.props && sName === 'sParamValue' && this.props.dataValue) {
      if (this.props.dataValue === '选择色序' || this.props.record.sParamKey === 'sParam1001') {
        bParamColor = true;
      }
    }
    if (sName === 'sCombinedMemo' || sName === 'sColorSerialMemo' || bSColorSerialMemo || bParamColor || sName === 'sPositiveColor' || sName === 'sOppositeColor' || sName === 'sCombineProductNameNew' || sName === 'sParams' || sName === 'sParamsNew' || sName === 'sQuoParams' || (commonUtils.isNotEmptyObject(sModelsType) && !sModelsType.includes('Set') && sName === 'sCombinePartsNameNew')) {
      let sValue = '';
      /* 将合版信息json解析成需要的字符串形式 */
      if (sName === 'sCombinedMemo') {
        let JsonData = [];
        if (commonUtils.isNotEmptyObject(this.props.dataValue)) {
          try {
            JsonData = JSON.parse(this.props.dataValue);
          } catch (e) {
            JsonData = [];
          }
        }
        if (commonUtils.isNotEmptyArr(JsonData)) {
          JsonData.forEach((item) => {
            sValue += `${item.sProductNo}:排${item.dCombineQty}个,`;
          });
          sValue = commonUtils.isNotEmptyObject(sValue) ? sValue.substr(0, sValue.length - 1) : '';
        }
      } else if (sName === 'sColorSerialMemo' || bSColorSerialMemo || sName === 'sPositiveColor' || sName === 'sOppositeColor' || bParamColor) {
        let JsonData = [];
        if (commonUtils.isNotEmptyObject(this.props.dataValue)) {
          try {
            JsonData = JSON.parse(this.props.dataValue);
          } catch (e) {
            JsonData = [];
          }
        }
        if (typeof JsonData === 'object' && commonUtils.isNotEmptyArr(JsonData)) {
          JsonData.forEach((item) => {
            sValue += `${item.sName}+`;
          });
          sValue = commonUtils.isNotEmptyObject(sValue) ? sValue.substr(0, sValue.length - 1) : '';
        }
      } else if (sName === 'sParams' || sName === 'sQuoParams' || sName === 'sParamsNew') {
        if (this.props.onGetParamsValue) {
          // 页面自行处理sparams的sValue
          sValue = this.props.onGetParamsValue({ sName, sValue: this.props.dataValue, record: this.props.record });
        } else {
          let JsonData = [];
          if (commonUtils.isNotEmptyObject(this.props.dataValue)) {
            try {
              JsonData = JSON.parse(this.props.dataValue);
            } catch (e) {
              JsonData = [];
            }
          }
          if (commonUtils.isNotEmptyArr(JsonData)) {
            JsonData.forEach((item) => {
              if (item.bSelfCbx) {
                const strValue = commonUtils.isNotEmptyObject(item.sParamValue) ? item.sParamValue : '';
                sValue += `${item.sParamName}:${strValue},`;
              }
            });
            sValue = commonUtils.isNotEmptyObject(sValue) ? sValue.substr(0, sValue.length - 1) : '';
          }
        }
      } else {
        sValue = this.props.dataValue;
      }
      viewInfo = (
        <div
          className="sActiveIdStyle sActiveIdStyle_viewChooseSpan"
          title={sValue}
          style={{
            display: 'block',
            position: 'relative',
            // top: this.props.name === 'slaveInfo' ? '1px' : '',
            // left: this.props.name === 'slaveInfo' ? '2px' : this.props.name === 'master' ? '1px' : '',
          }}
        >
          <span
            onClick={this.handleViewChoose}
            className="viewChooseSpan"
            style={{
              width: '100%', overflow: 'hidden', color: '#2f54eb', background: 'transparent',
            }}
          > {commonUtils.isNotEmptyObject(sValue) ? sValue : sName === 'sCombinedMemo' ? '合版信息' : '请选择'}
          </span>
        </div>);
    }
    /* commonClassify 制单日期、制单人员新增时设置保存时自动生成 */
    let speacilNote = '';
    const { record } = this.props;
    if (commonUtils.isNotEmptyObject(record) && commonUtils.isEmptyObject(record[sName]) && commonUtils.isNotEmptyObject(sName) && (sName === 'tCreateDate' || sName === 'sMakePerson')) {
      speacilNote = (<div className="speacialNote" style={{ position: 'absolute', padding: '0px 4px' }}> 保存后自动生成</div>);
    }

    /* 如果是图片类型 ，加载图片 */
    let imgBox = '';
    if (commonUtils.isNotEmptyObject(sName) && sName.indexOf('picture') > -1) {
      const picAddr = commonUtils.isNotEmptyObject(record[sName]) ? record[sName].split(',') : '';
      if (commonUtils.isNotEmptyObject(picAddr)) {
        const { token } = this.props.app;
        const dataUrl = picAddr[0].includes('xlyerpfiles') ? `${commonConfig.server_host}file/download?savePathStr=${picAddr[0]}&scale=0.1&sModelsId=100&token=${token}` : picAddr[0]; /* 缩略图 */
        // const dataPriviewUrl = `${commonConfig.server_host}file/download?savePathStr=${picAddr}&width=800&&height=500&sModelsId=100&token=${token}`; /* 预览 */
        const officeFileTypeList = ['PDF', 'DOCX', 'XLSX'];
        const imgTypeList = ['PNG', 'SVG', 'JPG', 'JPEG', 'GIF', 'BMP', 'TIFF', 'ICO'];
        const officeFileType = picAddr[0].split('.').pop().toUpperCase();
        let fileIcon = <FilePdfOutlined />;
        if (officeFileType === 'DOCX') {
          fileIcon = <FileWordOutlined />;
        } else if (officeFileType === 'XLSX') {
          fileIcon = <FileExcelOutlined />;
        }
        let imgBox1 = '';
        if (officeFileTypeList.includes(officeFileType)) {
          imgBox1 = (
            <span
              style={{
                width: '100%',
                overflow: 'hidden',
                background: 'transparent',
                cursor: 'pointer',
                paddingTop: 14,
              }}
              onClick={() => {
                this.handlePreviewOffice(picAddr[0]);
              }}
            >
              {fileIcon}
            </span>
          );
        } else if (imgTypeList.includes(officeFileType)) {
          imgBox1 = (
            <span
              style={{
                width: '100%',
                overflow: 'hidden',
                background: 'transparent',
                cursor: 'pointer',
              }}
              onClick={e => this.handlePreviewImage(e, picAddr)}
            >
              <img
                src={dataUrl}
                alt="img"
                onFocus={() => 0}
                style={{ width: '30px', height: '20px' }}
              />
            </span>
          );
        } else {
          imgBox1 = (
            <span
              style={{
                width: '100%',
                overflow: 'hidden',
                background: 'transparent',
                paddingTop: 14,
              }}
            >
              <FileOutlined />
            </span>
          );
        }
        imgBox = (
          <div
            className="sActiveIdStyle"
            title={this.props.dataValue}
            style={{
              position: 'absolute',
              padding: '0px 11px 0 4px',
              width: '97%',
              height: '93%',
              fontSize: '12px',
              zIndex: '10',
              whiteSpace: 'nowrap',
              textOverflow: 'ellipsis',
              overflow: 'hidden',
              backgroundColor: '#fff',
              marginTop: 1,
              boxShadow: 'none',
            }}
          >
            {imgBox1}
          </div>);
      }
    } else if (this.props.name === 'master' && !this.props.enabled && commonUtils.isNotEmptyObject(sName) && sName.indexOf('sMemo') > -1) { /* 所有备注非编辑状态下点击链接可以弹出备注窗体 */
      imgBox = (
        <div
          className={`sActiveIdStyle sActiveIdStyle-${this.props.showConfig.sName} masterMemo`}
          title={this.props.dataValue}
          style={{
            position: 'absolute', padding: '0px 4px', width: '100%', height: '100%', fontSize: '12px', zIndex: '10', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden',
          }}
        >
          <span
            onClick={this.handleMemoShow}
            style={{
              width: '100%', overflow: 'hidden', color: '#2f54eb', background: 'transparent',
            }}
          > <pre>{this.props.dataValue} </pre>
          </span>
        </div>);
      // 富文本处理
      // if (this.props.showConfig.bEditor) {
      //   imgBox = (<></>);
      // }
      if (this.props.showConfig.sName && this.props.showConfig.sName.toLowerCase().includes('fullmemo')) {
        imgBox = (<></>);
      }
    }
    /*   获取outformitem控件参数  */
    const outFormItemProps = this.getOutFormItemProps();
    /*   获取fieldDecorator参数   */
    const fieldDecoratorProps = this.getFieldDecoratorProps();
    /*   通用组件(主表存在getFieldDecorator表单验证,而从表则不需要)   */


    // 班组报工,产量上报信息,label文字颜色特殊处理
    if(slaveConfig.sId=='17087428780006438414984564455000'){
        // 计件
        if(innerInputProps.id.includes('dWageHour')){
            outFormItemProps.label = <span style={{color:'#FF5722',fontWeight: 800,display:'flex',alignItems:'center'}}>
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="#FF5722" d="M2 3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm6 0H3v2h5zM2 9a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm6 0H3v2h5zm-5 5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm0 1h5v2H3zm8-12a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1zm6 0h-5v2h5zm-5 5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm0 1h5v2h-5z"/></svg>
                {this.props.showConfig.showName}
            </span>
        }
        // 计时
        if(innerInputProps.id.includes('dTimeHour')){
            outFormItemProps.label = <span style={{color:'#9c27b0',fontWeight: 800,display:'flex',alignItems:'center'}}>
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="#9c27b0" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1"/></g></svg>
                {this.props.showConfig.showName}
            </span>
        }
    }



    const commonAssembly = this.props.bNewForm ? innerInput:  (
      <FormItem {...outFormItemProps}>
        {viewInfo}
        {speacilNote}
        {imgBox}
        {!this.props.bTable && this.getFieldDecorator ? this.getFieldDecorator(this.props.showConfig.sName, fieldDecoratorProps)(innerInput) : innerInput}
      </FormItem>
    );
    const { iColValue, showConfig, enabled, bViewTable} = this.props;
    const readonlyStyle = showConfig.bReadonly || showConfig.iTag === 1 ? 'readonlyStyle' : '';
    const costomStyle = showConfig.costomStyle || '';

    const { bNotEmpty }  = showConfig;
    let oPreDot = '';
    if (enabled && bViewTable && !location.pathname.includes('login')) {
      oPreDot = bNotEmpty ?
        <span className="table-title-required table-title-formStyle"><span>*</span></span> :
        <span className="table-title-editabled table-title-formStyle"><span>*</span></span>;
    }

    // 成品数量特殊处理
    let oBllb = '';
    if (
      bViewTable
      && ((
        this.props.showConfig.sName === 'dReportQty'
        && this.props.showConfig.sControlName === 'dReportQtyBllb'
      ) || (
        this.props.showConfig.sName === 'dLittleReportQty'
        && this.props.showConfig.sControlName === 'dLittleReportQtyBllb'
      ))
    ) {
      oBllb = <div className='productionExecBllb'>
        <span>{ '质量标识' } </span>
        <Button
          type="link"
          size="large"
          icon={<InfoCircleFilled />}
          // disabled={!enabled}
          onClick={() => {
            this.props.onBllbClick && this.props.onBllbClick();
          }}
        />
      </div>;
    }

    const tbTimeProps = {
      visible: this.state.tbTimeModalVisible,
      handleSelectOptionEvent: this.handleSelectOptionEvent,
      title: showConfig.showName,
      sName,
      value: this.state.dataValue,
      record,
      onCancel: () => {
        this.setState({ tbTimeModalVisible: false });
      }
    };

    const inputMultiProps = {
      ...this.props,
      visible: this.state.inputMultiModalVisible,
      showConfig: this.state.inputMultiShowConfig,
      handleSelectOptionEvent: this.handleSelectOptionEvent,
      title: showConfig.showName,
      sName,
      value: this.state.dataValue || '',
      record,
      onCancel: () => {
        this.setState({ inputMultiModalVisible: false });
      }
    };


    const componentStyle = this.props.componentStyle || {};

    /*   页面输出   */
    const className = iColValue === 24 ? 'input24' : iColValue === 18 ? 'input18' : iColValue === 12 ? 'input12' : 'changeClassName';
    const mesInputBlue = enabled && !this.props.bNoMesBlue && this.firstDataIndex !== 'b';
    return (
      <div ref={this.myRef} className={`${className} ${mesInputBlue ? "mesInputBlue" : ""}`} style={componentStyle}>
        {mesInputBlue ? <div className="mesInputBlueBg" /> : ''}
        <div className={`${this.props.className} ${readonlyStyle} ${costomStyle}`}>
          {oPreDot}
          {commonAssembly}
          {oBllb}
        </div>
        <TBTimeModalComponent {...tbTimeProps} />
        {inputMultiProps.visible && <InputMultiModalComponent {...inputMultiProps} />}
      </div>
    );
  }
}