index.jsx 1.39 KB
Newer Older
wuhao's avatar
wuhao committed
1 2 3 4 5 6 7
import InitForm from '../InitForm';
import { Drawer } from 'antd';
import React, { useState, memo } from 'react';
import DetailPro from '../DetailPro';
import PropTypes from 'prop-types';

function DrawerPro(props) {
TZW's avatar
TZW committed
8
  let pushSettingFlag = props.pushSettingFlag;
wuhao's avatar
wuhao committed
9 10 11 12 13 14 15 16
  let newProps = { ...props };
  delete newProps.children;
  const detailprops = {
    ...newProps,
    detailpath: props.detailpath,
    fields: props.fields,
    detailData: props.detailData,
  };
wuhao's avatar
wuhao committed
17

wuhao's avatar
wuhao committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
  return (
    <Drawer
      maskClosable={false}
      placement="right"
      closable={true}
      getContainer={false}
      style={{ position: 'absolute', transform: 'translateX(0)', maxWidth: '100%' }}
      width={'100%'}
      destroyOnClose={true}
      {...props}
    >
      {props.val == 'only' && props.children}
      {props.val == 'only' ? null : props.val == 'detail' ? (
        <DetailPro {...detailprops} />
      ) : (
        <InitForm {...newProps} />
      )}
TZW's avatar
TZW committed
35 36 37 38 39 40 41 42 43 44
      {pushSettingFlag ? (
        <a
          id="pushSettingBtn"
          onClick={() => {
            props.checkVariableOpen();
          }}
        >
          查看变量
        </a>
      ) : null}
wuhao's avatar
wuhao committed
45 46 47 48 49 50 51 52 53 54 55 56
    </Drawer>
  );
}

DrawerPro.propTypes = {
  detailpath: PropTypes.string, //详情
  params: PropTypes.object, //详情|表单编辑 参数
  fields: PropTypes.array, //详情列表
  detailData: PropTypes.object, //详情数据
};

export default DrawerPro;