diff --git a/components/apolloTable/component/Table.less b/components/apolloTable/component/Table.less index 369234710ad00dcbdcc1bf2b8f6eaa108ca33b89..13732d6c321f77c892e0a4edf761e502a2a7ab9a 100644 --- a/components/apolloTable/component/Table.less +++ b/components/apolloTable/component/Table.less @@ -9,7 +9,7 @@ height: 100%; .loading { position: absolute; - top: 50%; + top: 200px; left: 50%; transform: translate(-50%, -50%); } diff --git a/components/apolloTable/component/base/_utils/setFormatter.tsx b/components/apolloTable/component/base/_utils/setFormatter.tsx index 8f54f0a1da41f256a97f7f2fae3e18556446bb24..21406a7722d4bbc8530fef1359e4029b8eac1efe 100644 --- a/components/apolloTable/component/base/_utils/setFormatter.tsx +++ b/components/apolloTable/component/base/_utils/setFormatter.tsx @@ -83,7 +83,6 @@ export const SetFormatter = { return [{ value: val, text: val }]; }, NUMBER: (val, config) => { - debugger if (!isNumber(val)) return emptyModel; const { unit = {} } = config || {}; // 设置单位 if (unit && unit.code === 'wan') { diff --git a/components/apolloTable/component/base/edit/number/index.tsx b/components/apolloTable/component/base/edit/number/index.tsx index 9a5bbbd93d4d9ebff395d2cd18f566eb82584ec2..72de75a2e90a0177aa8dd9f0ddae9f584ce1e911 100644 --- a/components/apolloTable/component/base/edit/number/index.tsx +++ b/components/apolloTable/component/base/edit/number/index.tsx @@ -5,7 +5,7 @@ import { ApolloNumberProps } from '../editInterface'; import { antiAssign } from '../../../../utils/utils'; export const ApolloNumber = (props: ApolloNumberProps) => { - const { onChange }: any = props; + const { onChange, origin }: any = props; const selfProps = antiAssign(props, ['columnConfig', 'onChange']); const changeValue = (newValue: any) => { if (typeof onChange === 'function') { @@ -13,5 +13,9 @@ export const ApolloNumber = (props: ApolloNumberProps) => { } }; const { onEmitChange, ...o } = selfProps; - return ; + const style: any = {}; + if (origin === 'editForm') { + style.height = '32px'; + } + return ; }; diff --git a/components/apolloTable/component/base/edit/upload/index.less b/components/apolloTable/component/base/edit/upload/index.less index 6b7c92f0a024725a98dafbd84babefd615c2d5ba..667714cf9faac88389f5d4957acd16abf3ab1f8b 100644 --- a/components/apolloTable/component/base/edit/upload/index.less +++ b/components/apolloTable/component/base/edit/upload/index.less @@ -11,6 +11,10 @@ background: @disabledColor; border-color: #d9d9d9; } + &.editForm{ + height: auto; + border: none; + } .add { cursor: pointer; font-size: @textFontGen; @@ -19,9 +23,12 @@ } } .picContainer { - margin-left: @marginSmX; + margin-right: @marginSmX; .pic { height: 30px; + &.editForm { + height: 100px; + } } } } diff --git a/components/apolloTable/component/base/edit/upload/index.tsx b/components/apolloTable/component/base/edit/upload/index.tsx index ac2dc4e070cfc1f03f884f16854943b8f0a80c7d..5eaa53359955a42fab84c75697ff59ac6c31cac5 100644 --- a/components/apolloTable/component/base/edit/upload/index.tsx +++ b/components/apolloTable/component/base/edit/upload/index.tsx @@ -8,7 +8,7 @@ import Upload from '../../extra/upload'; import addIcon from '../../../../assets/addIcon.png'; export const ApolloUpload = (props: ApolloUploadProps) => { - const { isMultiple, onEmitChange, onChange, disabled } = props; + const { isMultiple, onEmitChange, onChange, disabled, origin } = props; const selfProps = antiAssign(props, ['onChange', 'value']); if (isMultiple) { selfProps.multiple = true; @@ -29,6 +29,9 @@ export const ApolloUpload = (props: ApolloUploadProps) => { // 点击Modal中上传时回调用浏览器弹框,触发onBlur,而此时并不希望触发onBlur,因此在组件内自定义监听 useEffect(() => { document.addEventListener('click', onBlur, false); + if (origin !== 'editForm') { + toggleUploadDialog(true); + } return () => { document.removeEventListener('click', onBlur, false); }; @@ -61,23 +64,33 @@ export const ApolloUpload = (props: ApolloUploadProps) => { e.stopPropagation(); // 阻止事件冒泡 e.nativeEvent.stopImmediatePropagation(); }; + let containerClass = s.container; + if (disabled) { + containerClass = classNames(containerClass, s.disabled); + } + if (origin === 'editForm') { + containerClass = classNames(containerClass, s.editForm); + } return ( -
- {!disabled && ( -
- -
- )} +
{value && value.map((item, i) => { return (
- +
); })} + {!disabled && origin === 'editForm' && ( +
+ +
+ )}
diff --git a/components/apolloTable/component/index.tsx b/components/apolloTable/component/index.tsx index 9b7bdd6983a73650b4f6e326b26ebcb9db434beb..eb6d3f76d521e86875b4efbed632cb21bc9a2520 100644 --- a/components/apolloTable/component/index.tsx +++ b/components/apolloTable/component/index.tsx @@ -78,6 +78,7 @@ class AirTable extends React.Component { headerHeight, contentMenu, onScroll, + loadComp, } = this.props; const sortConfig = operateConfig && @@ -116,6 +117,7 @@ class AirTable extends React.Component { rowSelection={rowSelection} noDataPlaceholder={noDataPlaceholder} contentMenu={contentMenu} + loadComp={loadComp} />
{paginationConfig && }