From 176c889b8e1f2a29ef953bbdf3cb8bbd19a7c6ff Mon Sep 17 00:00:00 2001
From: cf-erp <cf_erp@163.com>
Date: Wed, 12 Oct 2022 02:53:37 +0000
Subject: [PATCH] =?UTF-8?q?!2012=20=E6=8B=86=E5=8D=95=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=9C=80=E5=A4=A7=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Add-on/Erp/ErpView.tsx | 45 ++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/Add-on/Erp/ErpView.tsx b/src/Add-on/Erp/ErpView.tsx
index 1724855f1..0b5503e92 100644
--- a/src/Add-on/Erp/ErpView.tsx
+++ b/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)}
-                        />
-                    </div>
-                    <div className={Classes.DIALOG_BODY}>
-                        <iframe
-                            width={this.props.erpRoute.FrameWidth}
-                            height={this.props.erpRoute.FrameHeight}
-                            scrolling="no"
-                            src={erpUrl}
-                            ref={this.iframe}
-                            onLoad={this.iframeLoaded}
-                        />
+                    <ModalHeader
+                        title="拆单"
+                        close={() => this.props.store.OnOk(ModalState.Cancel)}
+                        isPinBtn={true}
+                        isMaxBtn={isMax}
+                    />
+                    <div className={Classes.DIALOG_BODY} style={{ height: this.props.erpRoute.FrameHeight, width: "100%" }}>
+                        <AutoSizer>
+                            {({ height, width }) => (
+                                <iframe
+                                    width={width}
+                                    height={height}
+                                    scrolling="no"
+                                    src={erpUrl}
+                                    ref={this.iframe}
+                                    onLoad={this.iframeLoaded}
+                                />)}
+                        </AutoSizer>
                     </div>
                 </div>
             </div>