aldehyde 0.2.197 → 0.2.199

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

@@ -1,271 +1,286 @@
-import React from "react";
-import {Button, Card, Form as AntdForm, FormInstance, message, Tooltip} from "antd";
-import {DtmplBaseProps, DtmplConfig, DtmplData} from "../../tmpl/interface";
-import {
-    ReloadOutlined,
-    ScheduleOutlined,
-    EditOutlined,
-} 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;
-    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
-        );
-        let actionDtmplData=undefined
-        if(dtmplConfig.viewActions && dtmplConfig?.viewActions.length>0){
-             actionDtmplData = await HcserviceV3.requestViewDtmplData(
-                serverKey,
-                sourceId,
-                code,null
-            );
-        }
-
-        this.setState({
-            dtmplConfig,
-            actionDtmplData,
-        });
-    }
-
-    doRefresh = async () => {
-        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") {
-            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 buttons = dtmplConfig ? dtmplConfig.buttons : undefined;
-        const premises = dtmplConfig ? dtmplConfig.premises : undefined;
-        let showRightNav_ = showRightNav;
-        if (dtmplConfig && dtmplConfig.groups.length < 4) {
-            showRightNav_ = false;
-        }
-        return (
-            <div
-                className={`detailPage ${
-                    showRightNav_ ? "showRightNav" : "noRightNav"
-                }`}
-            >
-                {showHeader ? (
-                    <Card
-                        bordered={false}
-                        size={"small"}
-                        key={"detailTitle"}
-                        className="hoverable pageHeader"
-                    >
-                        <h3>
-                            {translate("${" + (title ? title : "详情") + "}")}
-                            {dtmplConfig ? <ToolTipBar content={dtmplConfig.tip}/> : null}
-                            <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}
-                                    ></Action>)
-                                })}
-
-                                {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}
-                                ></SnapshotTimeline>
-                            </div>
-                        </h3>
-                    </Card>
-                ) : null}
-                <DtmplView
-                    codeSource={codeSource}
-                    serverKey={serverKey}
-                    refreshCode={refreshCode}
-                    showRightNav={showRightNav_}
-                    rightBarPositionRight={rightBarPositionRight}
-                    dtmplConfig={dtmplConfig}
-                    sourceId={sourceId}
-                    code={code}
-                ></DtmplView>
-                <AntdForm
-                    scrollToFirstError={true}
-                    labelWrap={true}
-                    ref={this.formRef}
-                    name="control-hooks"
-                    //onValuesChange={this.onValuesChange}
-                    onFinish={this.onSubmit}
-                >
-                    <AntdForm.Item hidden={true} name={"actionId"}></AntdForm.Item>
-                    <AntdForm.Item hidden={true} name={"mainCode"}></AntdForm.Item>
-                    {/*{this.addHiddenItem(dtmplConfig.hiddenFields)}*/}
-                    {/*{this.fieldGroupList(appDtmplConfig, currentDtmplData)}*/}
-                </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 {
+    ReloadOutlined,
+    ScheduleOutlined,
+    EditOutlined,
+} 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 buttons = dtmplConfig ? dtmplConfig.buttons : undefined;
+        const premises = dtmplConfig ? dtmplConfig.premises : undefined;
+        let showRightNav_ = showRightNav;
+        if (dtmplConfig && dtmplConfig.groups.length < 4) {
+            showRightNav_ = false;
+        }
+        return (
+            <div
+                className={`detailPage ${
+                    showRightNav_ ? "showRightNav" : "noRightNav"
+                }`}
+            >
+                {showHeader ? (
+                    <Card
+                        bordered={false}
+                        size={"small"}
+                        key={"detailTitle"}
+                        className="hoverable pageHeader"
+                    >
+                        <h3>
+                            {translate("${" + (title ? title : "详情") + "}")}
+                            {dtmplConfig ? <ToolTipBar content={dtmplConfig.tip}/> : null}
+                            <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}
+                                    ></Action>)
+                                })}
+
+                                {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}
+                                ></SnapshotTimeline>
+                            </div>
+                        </h3>
+                    </Card>
+                ) : null}
+                <DtmplView
+                    codeSource={codeSource}
+                    serverKey={serverKey}
+                    refreshCode={refreshCode}
+                    showRightNav={showRightNav_}
+                    rightBarPositionRight={rightBarPositionRight}
+                    dtmplConfig={dtmplConfig}
+                    sourceId={sourceId}
+                    code={code}
+                ></DtmplView>
+                <AntdForm
+                    scrollToFirstError={true}
+                    labelWrap={true}
+                    ref={this.formRef}
+                    name="control-hooks"
+                    //onValuesChange={this.onValuesChange}
+                    onFinish={this.onSubmit}
+                >
+                    <AntdForm.Item hidden={true} name={"actionId"}></AntdForm.Item>
+                    <AntdForm.Item hidden={true} name={"mainCode"}></AntdForm.Item>
+                    {/*{this.addHiddenItem(dtmplConfig.hiddenFields)}*/}
+                    {/*{this.fieldGroupList(appDtmplConfig, currentDtmplData)}*/}
+                </AntdForm>
+            </div>
+        );
+    }
+}
+
+export default ActDtmplView;