aldehyde 0.0.1

package/src/components/routable/ltmpl-route.tsx

@@ -0,0 +1,158 @@
+import React from 'react'
+import {LtmplConfigRes, RouterCompProps} from '../tmpl/interface';
+import Units from "../units";
+import ActTable from '../table/act-table'
+// import StatActTable from '../table/stat-act-table'
+import HCDataSource from "../tmpl/hc-data-source";
+
+
+export interface LtmplRouteProps extends RouterCompProps {
+
+};
+
+export interface LtmplRouteState {
+
+    ltmplConfigRes: LtmplConfigRes,
+};
+
+class LtmplRoute extends React.PureComponent<LtmplRouteProps, LtmplRouteState> {
+
+    state = {
+        ltmplConfigRes: undefined,
+    }
+
+    async componentDidMount() {
+        this.loadData();
+    }
+
+    onRoute = (path) => {
+        this.props.history.push(path);
+    }
+
+    getMenuId=()=>{
+        const {location} = this.props;
+        console.log("this.props.match.params",this.props);
+        var searchParams = new URLSearchParams( location.search);
+        let menuId = searchParams.get('menuId');
+        return menuId;
+    }
+
+    loadData = async () => {
+        const {location} = this.props;
+        const { sourceId} = this.props.match.params;
+        let criteriaData = Units.transQueryStrToParams(this.props.location.search);
+        console.log('acttable location search:', this.props.location.search);
+        let ltmplConfigRes = await HCDataSource.requestLtmplConfig(sourceId);
+        this.setState({
+            ltmplConfigRes,
+        })
+    }
+
+    async componentDidUpdate(prevProps) {
+        const {location} = this.props;
+        const { sourceId} = this.props.match.params;
+        let { sourceId: preSourceId} = prevProps.match.params;
+        let {location: preLocation} = prevProps;
+
+        if ( !sourceId ||
+            ( !preSourceId && this.state.ltmplConfigRes)
+            || (location.pathname == preLocation.pathname && location.search == preLocation.search)
+        ) {
+            return;
+        }
+        this.loadData();
+    }
+
+    showView = (code: string) => {
+        const { sourceId} = this.props.match.params;
+        this.onRoute(`/${sourceId}/detail-view?code=${code}&menuId=${this.getMenuId()}`);
+    }
+
+    doEdit = (code: string,mode:string) => {
+        const { sourceId} = this.props.match.params;
+        let mainCode = this.getMainCode();
+        let path = `/${sourceId}/detail-edit?code=${code}&menuId=${this.getMenuId()}&mode=${mode}`;
+        if (mainCode) {
+            path = path + `&mainCode=${mainCode}`;
+        }
+        this.onRoute(path);
+    }
+
+    getMainCode = () => {
+        const {location} = this.props;
+        let search = location.search;
+        let mainCode = undefined;
+        let criteriaData = Units.transQueryStrToParams(search);
+        if (search.indexOf('mainCode') > 0) {
+            criteriaData = Units.transQueryStrToParams(search);
+            mainCode = criteriaData['mainCode'];
+        }
+        return mainCode;
+    }
+
+    doCreate = () => {
+        const { sourceId} = this.props.match.params;
+        let path = `/${sourceId}/detail-edit?menuId=${this.getMenuId()}`;
+        let mainCode = this.getMainCode();
+        if (mainCode) {
+            path = path + `&mainCode=${mainCode}`;
+        }
+        this.onRoute(path);
+    }
+
+    doSearch = (params_) => {
+        const { sourceId} = this.props.match.params;
+        //const oldfliter = history.location.search.slice(1);
+
+        let params = {...params_}
+        //追加过滤条件，hiddenColIds，innerQueryKey
+        let mainCode = this.getMainCode();
+        if (mainCode) {
+            params['mainCode'] = mainCode;
+        }
+        params['sourceId'] = sourceId;
+        const newfliter = Units.transQueryParamsToStr(params);
+       // let flag = true;
+        //if (newfliter && oldfliter != newfliter) { //查询条件更新时
+        this.onRoute(`/${sourceId}/act-table?menuId=${this.getMenuId()}&${newfliter}`)
+        // }else{
+        //     params['serial']=Units.getRandomNum(6);
+        // }
+        // else {
+        //     this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+        // }
+    }
+
+
+    render() {
+        const {ltmplConfigRes} = this.state;
+        const {location, match} = this.props;
+        const { sourceId} = match.params;
+        let menuId = undefined;
+        let mainCode = undefined;
+        let search = location.search;
+        let criteriaData = Units.transQueryStrToParams(search);
+        if (search.indexOf('menuId') > 0) {
+            menuId = criteriaData['menuId'];
+            criteriaData['menuId']=undefined;
+        } else  {
+            menuId = sourceId;
+        }
+        if (search.indexOf('mainCode') > 0) {
+            criteriaData = Units.transQueryStrToParams(search);
+            mainCode = criteriaData['mainCode'];
+        }
+        if (!ltmplConfigRes) {
+            return <></>;
+        } else {
+            return <ActTable menuId={this.getMenuId()} mainCode={mainCode} showView={this.showView}
+                             doSearch={this.doSearch} doEdit={this.doEdit} doCreate={this.doCreate}
+                             sourceId={sourceId} criteriaData={criteriaData}
+                             ltmplConfig={ltmplConfigRes.ltmplConfig}/>
+        }
+
+    }
+}
+
+export default LtmplRoute;
+