aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/detail/view/act-dtmpl-view.tsx

@@ -1,288 +1,288 @@
-import React from "react";
-import { Button, Card, Form as AntdForm, FormInstance, message, Tooltip } from "antd";
-import { DtmplBaseProps, DtmplConfig, DtmplData } from "../../tmpl/interface";
-import { EditOutlined, ReloadOutlined, ScheduleOutlined, } from "@ant-design/icons";
-import HCDataSource from "../../tmpl/hc-data-source";
-import "../dtmpl.css";
-import SnapshotTimeline from "./snapshot-timeline";
-import DtmplView from "./dtmpl-view";
-import Units from "../../units";
-import ToolTipBar from "../tooltipbar";
-import { LocaleContext } from "../../locale/LocaleProvider";
-import Action from "../../controls/action";
-import HcserviceV3 from "../../tmpl/hcservice-v3";
-
-export interface ActDtmplViewProps extends DtmplBaseProps {
-    versionId?: number;
-    goBackToLtmpl?: () => void,
-    title?: any;
-    showHeader?: boolean;
-}
-
-export interface ActDtmplViewStat {
-    loading?: boolean;
-    dtmplConfig?: DtmplConfig;
-    premisesTitle?: string;
-    snapshotOpen?: boolean;
-    layout?: object;
-    refreshCode?: string;
-    actionDtmplData?: DtmplData;
-}
-
-class ActDtmplView extends React.PureComponent<
-    ActDtmplViewProps,
-    ActDtmplViewStat
-> {
-    static defaultProps = {
-        showRightNav: true,
-        rightBarPositionRight: 15,
-        showHeader: true,
-    };
-    formRef = React.createRef<FormInstance>();
-    static contextType = LocaleContext;
-    context: React.ContextType<typeof LocaleContext>;
-
-    state = {
-        loading: true,
-        dtmplConfig: undefined,
-        snapshotOpen: false,
-        premisesTitle: "默认字段",
-        layout: {
-            labelCol: { span: 8 },
-            wrapperCol: { span: 16 },
-        },
-        refreshCode: undefined,
-        actionDtmplData: undefined,
-    };
-
-    async componentDidMount() {
-        const { sourceId, code, serverKey } = this.props;
-        let dtmplConfig = await HCDataSource.requestViewDtmplConfig(
-            serverKey,
-            sourceId
-        );
-
-        await this.loadActionDtmplData(dtmplConfig);
-
-        this.setState({
-            dtmplConfig,
-        });
-    }
-
-    loadActionDtmplData = async (dtmplConfig: DtmplConfig) => {
-        let actionDtmplData = undefined;
-        const { sourceId, code, serverKey } = this.props;
-        if (dtmplConfig?.viewActions && dtmplConfig?.viewActions.length > 0) {
-            actionDtmplData = await HcserviceV3.requestViewDtmplData(
-                serverKey,
-                sourceId,
-                code, null
-            );
-        }
-        this.setState({
-            actionDtmplData,
-        });
-    };
-
-    doRefresh = async () => {
-        const { dtmplConfig } = this.state;
-        await this.loadActionDtmplData(dtmplConfig);
-        this.setState({
-            refreshCode: Units.getRandomNum(6),
-        });
-    };
-
-    goEdit = () => {
-        const { goDtmpl, code } = this.props;
-        goDtmpl(code);
-    };
-
-    showSnapshot = () => {
-        this.setState({
-            snapshotOpen: true,
-        });
-    };
-
-    onSnapshotClose = () => {
-        this.setState({
-            snapshotOpen: false,
-        });
-    };
-
-    toSnapshot = () => {
-    };
-
-    onSubmit = async (values: any) => {
-        this.setState({
-            loading: true,
-        });
-        const { sourceId, code, serverKey } = this.props;
-        if (code) {
-            //有code是修改，没有是新增实体模板
-            values["唯一编码"] = code;
-        }
-        let res = await HcserviceV3.postDtmplData(
-            serverKey,
-            sourceId,
-            values,
-            message
-        );
-        this.setState({
-            loading: false,
-        });
-        if (res.status === "success") {
-            if (this.props.goBackToLtmpl) {
-                this.props.goBackToLtmpl();
-            } else {
-                this.doRefresh();
-            }
-        }
-    };
-
-    doSubmit = (actionId?: number, codes?: string[], params?: object) => {
-        const { mainCode } = this.props;
-
-        //if (actionId) {
-        this.formRef.current.setFieldsValue({ actionId: actionId });
-        // }
-        if (mainCode) {
-            this.formRef.current.setFieldsValue({ mainCode: mainCode });
-        }
-        if (params) {
-            this.formRef.current.setFieldsValue(params);
-        }
-        this.formRef.current.submit();
-    };
-
-    render() {
-        const {
-            showRightNav,
-            rightBarPositionRight,
-            code,
-            sourceId,
-            goDtmpl,
-            serverKey,
-            codeSource,
-            title,
-            showHeader,
-        } = this.props;
-        const {
-            dtmplConfig,
-            premisesTitle,
-            loading,
-            layout,
-            snapshotOpen,
-            refreshCode, actionDtmplData,
-        } = this.state;
-        const { translate } = this.context;
-        const { pageLayout, buttons, premises } = dtmplConfig || {};
-
-        const detailTitle = title ? title : dtmplConfig && dtmplConfig.title ? dtmplConfig.title : "详情";
-
-        let showRightNav_ = showRightNav;
-        if (dtmplConfig && dtmplConfig.groups.length < 4) {
-            showRightNav_ = false;
-        }
-
-        const renderAction = <div className="fr">
-            {buttons &&
-                buttons.includes("dtmplEdit") &&
-                goDtmpl &&
-                !dtmplConfig.editAction ? (
-                <Button className="hoverbig" onClick={this.goEdit}>
-                    <EditOutlined />
-                </Button>
-            ) : (
-                ""
-            )}
-            {dtmplConfig?.viewActions?.map((ac) => {
-                return (<Action
-                    serverKey={serverKey}
-                    iconType={"icon-title"}
-                    hiddenType={"disabled"}
-                    //serial={serial}
-                    data={[actionDtmplData]}
-                    key={ac.id}
-                    formRef={this.formRef}
-                    actionConfig={ac}
-                    doAction={this.doSubmit}
-                />)
-            })}
-
-            {buttons && buttons.includes("history") ? (
-                <Tooltip title={translate("${数据快照}")}>
-                    <Button className="hoverbig" onClick={this.showSnapshot}>
-                        <ScheduleOutlined />
-                    </Button>
-                </Tooltip>
-            ) : (
-                ""
-            )}
-            <Button
-                className="hoverbig"
-                title={translate("${刷新}")}
-                onClick={this.doRefresh}
-            >
-                <ReloadOutlined />
-            </Button>
-            <SnapshotTimeline
-                serverKey={serverKey}
-                dtmplConfig={dtmplConfig}
-                code={code}
-                onClose={this.onSnapshotClose}
-                showSnapshot={this.toSnapshot}
-                sourceId={sourceId}
-                open={snapshotOpen}
-            />
-        </div>;
-
-        return (
-            <div className={`detailPage ${showRightNav_ ? "showRightNav" : "noRightNav"}`} style={{ marginTop: pageLayout === "horizontalTabs" ? -12 : 0 }}>
-                {(showHeader && pageLayout !== "horizontalTabs") ? (
-                    <Card
-                        variant={"borderless"}
-                        size={"small"}
-                        key={"detailTitle"}
-                        className="hoverable pageHeader"
-                    >
-                        <h3>
-                            {translate("${" + detailTitle + "}")}
-                            {dtmplConfig ? <ToolTipBar content={dtmplConfig.tip} /> : null}
-                            {renderAction}
-                        </h3>
-                    </Card>
-                ) : null}
-                <DtmplView
-                    codeSource={codeSource}
-                    serverKey={serverKey}
-                    refreshCode={refreshCode}
-                    showRightNav={showRightNav_}
-                    rightBarPositionRight={rightBarPositionRight}
-                    dtmplConfig={dtmplConfig}
-                    sourceId={sourceId}
-                    code={code}
-                    tabBarExtraContent={renderAction}
-                />
-                <AntdForm
-                    scrollToFirstError={true}
-                    labelWrap={true}
-                    ref={this.formRef}
-                    name="control-hooks"
-                    onFinish={this.onSubmit}
-                >
-                    <AntdForm.Item hidden={true} name={"actionId"}></AntdForm.Item>
-                    <AntdForm.Item hidden={true} name={"mainCode"}></AntdForm.Item>
-                    {/*<AntdForm.Item hidden={true} name={"438521630563278850"}></AntdForm.Item>*/}
-
-                    {dtmplConfig?.viewActions?.map((ac) => {
-                        return ac.writes?.map((a) => {
-                            return (<AntdForm.Item hidden={true} name={a.id}></AntdForm.Item>)
-                        })
-                    })}
-                </AntdForm>
-            </div>
-        );
-    }
-}
-
-export default ActDtmplView;
+import React from "react";
+import { Button, Card, Form as AntdForm, FormInstance, message, Tooltip } from "antd";
+import { DtmplBaseProps, DtmplConfig, DtmplData } from "../../tmpl/interface";
+import { EditOutlined, ReloadOutlined, ScheduleOutlined, } from "@ant-design/icons";
+import HCDataSource from "../../tmpl/hc-data-source";
+import "../dtmpl.css";
+import SnapshotTimeline from "./snapshot-timeline";
+import DtmplView from "./dtmpl-view";
+import Units from "../../units";
+import ToolTipBar from "../tooltipbar";
+import { LocaleContext } from "../../locale/LocaleProvider";
+import Action from "../../controls/action";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+
+export interface ActDtmplViewProps extends DtmplBaseProps {
+    versionId?: number;
+    goBackToLtmpl?: () => void,
+    title?: any;
+    showHeader?: boolean;
+}
+
+export interface ActDtmplViewStat {
+    loading?: boolean;
+    dtmplConfig?: DtmplConfig;
+    premisesTitle?: string;
+    snapshotOpen?: boolean;
+    layout?: object;
+    refreshCode?: string;
+    actionDtmplData?: DtmplData;
+}
+
+class ActDtmplView extends React.PureComponent<
+    ActDtmplViewProps,
+    ActDtmplViewStat
+> {
+    static defaultProps = {
+        showRightNav: true,
+        rightBarPositionRight: 15,
+        showHeader: true,
+    };
+    formRef = React.createRef<FormInstance>();
+    static contextType = LocaleContext;
+    context: React.ContextType<typeof LocaleContext>;
+
+    state = {
+        loading: true,
+        dtmplConfig: undefined,
+        snapshotOpen: false,
+        premisesTitle: "默认字段",
+        layout: {
+            labelCol: { span: 8 },
+            wrapperCol: { span: 16 },
+        },
+        refreshCode: undefined,
+        actionDtmplData: undefined,
+    };
+
+    async componentDidMount() {
+        const { sourceId, code, serverKey } = this.props;
+        let dtmplConfig = await HCDataSource.requestViewDtmplConfig(
+            serverKey,
+            sourceId
+        );
+
+        await this.loadActionDtmplData(dtmplConfig);
+
+        this.setState({
+            dtmplConfig,
+        });
+    }
+
+    loadActionDtmplData = async (dtmplConfig: DtmplConfig) => {
+        let actionDtmplData = undefined;
+        const { sourceId, code, serverKey } = this.props;
+        if (dtmplConfig?.viewActions && dtmplConfig?.viewActions.length > 0) {
+            actionDtmplData = await HcserviceV3.requestViewDtmplData(
+                serverKey,
+                sourceId,
+                code, null
+            );
+        }
+        this.setState({
+            actionDtmplData,
+        });
+    };
+
+    doRefresh = async () => {
+        const { dtmplConfig } = this.state;
+        await this.loadActionDtmplData(dtmplConfig);
+        this.setState({
+            refreshCode: Units.getRandomNum(6),
+        });
+    };
+
+    goEdit = () => {
+        const { goDtmpl, code } = this.props;
+        goDtmpl(code);
+    };
+
+    showSnapshot = () => {
+        this.setState({
+            snapshotOpen: true,
+        });
+    };
+
+    onSnapshotClose = () => {
+        this.setState({
+            snapshotOpen: false,
+        });
+    };
+
+    toSnapshot = () => {
+    };
+
+    onSubmit = async (values: any) => {
+        this.setState({
+            loading: true,
+        });
+        const { sourceId, code, serverKey } = this.props;
+        if (code) {
+            //有code是修改，没有是新增实体模板
+            values["唯一编码"] = code;
+        }
+        let res = await HcserviceV3.postDtmplData(
+            serverKey,
+            sourceId,
+            values,
+            message
+        );
+        this.setState({
+            loading: false,
+        });
+        if (res.status === "success") {
+            if (this.props.goBackToLtmpl) {
+                this.props.goBackToLtmpl();
+            } else {
+                this.doRefresh();
+            }
+        }
+    };
+
+    doSubmit = (actionId?: number, codes?: string[], params?: object) => {
+        const { mainCode } = this.props;
+
+        //if (actionId) {
+        this.formRef.current.setFieldsValue({ actionId: actionId });
+        // }
+        if (mainCode) {
+            this.formRef.current.setFieldsValue({ mainCode: mainCode });
+        }
+        if (params) {
+            this.formRef.current.setFieldsValue(params);
+        }
+        this.formRef.current.submit();
+    };
+
+    render() {
+        const {
+            showRightNav,
+            rightBarPositionRight,
+            code,
+            sourceId,
+            goDtmpl,
+            serverKey,
+            codeSource,
+            title,
+            showHeader,
+        } = this.props;
+        const {
+            dtmplConfig,
+            premisesTitle,
+            loading,
+            layout,
+            snapshotOpen,
+            refreshCode, actionDtmplData,
+        } = this.state;
+        const { translate } = this.context;
+        const { pageLayout, buttons, premises } = dtmplConfig || {};
+
+        const detailTitle = title ? title : dtmplConfig && dtmplConfig.title ? dtmplConfig.title : "详情";
+
+        let showRightNav_ = showRightNav;
+        if (dtmplConfig && dtmplConfig.groups.length < 4) {
+            showRightNav_ = false;
+        }
+
+        const renderAction = <div className="fr">
+            {buttons &&
+                buttons.includes("dtmplEdit") &&
+                goDtmpl &&
+                !dtmplConfig.editAction ? (
+                <Button className="hoverbig" onClick={this.goEdit}>
+                    <EditOutlined />
+                </Button>
+            ) : (
+                ""
+            )}
+            {dtmplConfig?.viewActions?.map((ac) => {
+                return (<Action
+                    serverKey={serverKey}
+                    iconType={"icon-title"}
+                    hiddenType={"disabled"}
+                    //serial={serial}
+                    data={[actionDtmplData]}
+                    key={ac.id}
+                    formRef={this.formRef}
+                    actionConfig={ac}
+                    doAction={this.doSubmit}
+                />)
+            })}
+
+            {buttons && buttons.includes("history") ? (
+                <Tooltip title={translate("${数据快照}")}>
+                    <Button className="hoverbig" onClick={this.showSnapshot}>
+                        <ScheduleOutlined />
+                    </Button>
+                </Tooltip>
+            ) : (
+                ""
+            )}
+            <Button
+                className="hoverbig"
+                title={translate("${刷新}")}
+                onClick={this.doRefresh}
+            >
+                <ReloadOutlined />
+            </Button>
+            <SnapshotTimeline
+                serverKey={serverKey}
+                dtmplConfig={dtmplConfig}
+                code={code}
+                onClose={this.onSnapshotClose}
+                showSnapshot={this.toSnapshot}
+                sourceId={sourceId}
+                open={snapshotOpen}
+            />
+        </div>;
+
+        return (
+            <div className={`detailPage ${showRightNav_ ? "showRightNav" : "noRightNav"}`} style={{ marginTop: pageLayout === "horizontalTabs" ? -12 : 0 }}>
+                {(showHeader && pageLayout !== "horizontalTabs") ? (
+                    <Card
+                        variant={"borderless"}
+                        size={"small"}
+                        key={"detailTitle"}
+                        className="hoverable pageHeader"
+                    >
+                        <h3>
+                            {translate("${" + detailTitle + "}")}
+                            {dtmplConfig ? <ToolTipBar content={dtmplConfig.tip} /> : null}
+                            {renderAction}
+                        </h3>
+                    </Card>
+                ) : null}
+                <DtmplView
+                    codeSource={codeSource}
+                    serverKey={serverKey}
+                    refreshCode={refreshCode}
+                    showRightNav={showRightNav_}
+                    rightBarPositionRight={rightBarPositionRight}
+                    dtmplConfig={dtmplConfig}
+                    sourceId={sourceId}
+                    code={code}
+                    tabBarExtraContent={renderAction}
+                />
+                <AntdForm
+                    scrollToFirstError={true}
+                    labelWrap={true}
+                    ref={this.formRef}
+                    name="control-hooks"
+                    onFinish={this.onSubmit}
+                >
+                    <AntdForm.Item hidden={true} name={"actionId"}></AntdForm.Item>
+                    <AntdForm.Item hidden={true} name={"mainCode"}></AntdForm.Item>
+                    {/*<AntdForm.Item hidden={true} name={"438521630563278850"}></AntdForm.Item>*/}
+
+                    {dtmplConfig?.viewActions?.map((ac) => {
+                        return ac.writes?.map((a) => {
+                            return (<AntdForm.Item hidden={true} name={a.id}></AntdForm.Item>)
+                        })
+                    })}
+                </AntdForm>
+            </div>
+        );
+    }
+}
+
+export default ActDtmplView;