!2012 拆单界面支持最大化

src/Add-on/Erp/ErpView.tsx

@@ -1,7 +1,9 @@
-import { Button, Classes, Intent } from "@blueprintjs/core";
+import { Classes, Intent } from "@blueprintjs/core";
 import * as React from "react";
+import AutoSizer from 'react-virtualized-auto-sizer';
 import { FileServer } from '../../DatabaseServices/FileServer';
 import { userConfig } from "../../Editor/UserConfig";
+import { ModalHeader } from "../../UI/Components/Modal/ModalContainer";
 import { ModalState } from "../../UI/Components/Modal/ModalInterface";
 import { AppToaster } from "../../UI/Components/Toaster";
 import { BoardStore } from "../../UI/Store/BoardStore";
@@ -108,28 +110,29 @@ export class ErpView extends React.Component<ErpViewProp, {}> {
     {
         let includes = ErpURL.host.includes('?');
         let erpUrl = ErpURL.host.replace(/\/$/, '') + `${includes ? '&' : '/?'}stamp=${new Date().getTime()}#/` + this.props.erpRoute.RouteName;
+        let isMax = this.props.erpRoute.RouteType == ErpRoutes.拆单 || this.props.erpRoute.RouteType == ErpRoutes.成倍拆单;
         return (
-            <div className={Classes.DIALOG_CONTAINER}>
+            <div className={Classes.DIALOG_CONTAINER}
+                style={{ width: this.props.erpRoute.FrameWidth, height: this.props.erpRoute.FrameHeight }}>
                 <div className={Classes.DIALOG + " board-config"}>
-                    <div className={Classes.DIALOG_HEADER} data-id="dragArea">
-                        <h4 className="bp3-heading">{this.props.erpRoute.TitleName}</h4>
-                        <Button
-                            aria-label="Close"
-                            minimal
-                            icon="cross"
-                            className={Classes.DIALOG_CLOSE_BUTTON}
-                            onClick={() => this.props.store.OnOk(ModalState.Cancel)}
+                    <ModalHeader
+                        title="拆单"
+                        close={() => this.props.store.OnOk(ModalState.Cancel)}
+                        isPinBtn={true}
+                        isMaxBtn={isMax}
                     />
-                    </div>
-                    <div className={Classes.DIALOG_BODY}>
+                    <div className={Classes.DIALOG_BODY} style={{ height: this.props.erpRoute.FrameHeight, width: "100%" }}>
+                        <AutoSizer>
+                            {({ height, width }) => (
                                 <iframe
-                            width={this.props.erpRoute.FrameWidth}
-                            height={this.props.erpRoute.FrameHeight}
+                                    width={width}
+                                    height={height}
                                     scrolling="no"
                                     src={erpUrl}
                                     ref={this.iframe}
                                     onLoad={this.iframeLoaded}
-                        />
+                                />)}
+                        </AutoSizer>
                     </div>
                 </div>
             </div>