aldehyde 0.0.1

package/src/components/table/select-table.tsx

@@ -0,0 +1,247 @@
+import React from 'react'
+import "./index.css"
+import {DtmplData, QueryKey, SelectConfig,SelectedRow} from "../tmpl/interface";
+import TableUnits from "./table-util";
+import SupportInputTypes from '../tmpl/control-type-supportor';
+import HCDataSource from '../tmpl/hc-data-source';
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import QueryTable from './query-table';
+import CriteriaForm from "../form/criteria-form";
+import ViewControl from "../controls/view-control";
+
+interface SelectTableProps {
+    maxSelectedRows?: number,
+    sourceId: string,
+    selectedRows: SelectedRow[];
+    selectedDatas?: DtmplData[];
+    // onCancel: () => void,
+    // onOK: (selectedRows: SelectedRow[]) => void,
+    onChange?: (selectedRows: SelectedRow[], selectedDatas: DtmplData[]) => void;
+};
+
+interface SelectTableStat {
+    selectConfig: SelectConfig;
+    columns: object[];
+    queryKey: QueryKey;
+    loading: boolean;
+    criteriaData: object;
+};
+
+class SelectTable extends React.PureComponent<SelectTableProps, SelectTableStat> {
+    static defaultProps = {
+        maxSelectedRows: 1000,
+        selectedDatas:[],
+    }
+    state = {
+        selectConfig: undefined,
+        columns: undefined,
+        queryKey: undefined,
+        loading: true,
+        criteriaData: undefined,
+        disableCols: undefined,
+    }
+
+    loadData = async (selectConfig: SelectConfig, criteriaData: object) => {
+        this.setState({
+            loading: true,
+        })
+        const {defaultPageSize} = selectConfig;
+        let pageInfo = {
+            pageNo: 1,
+            pageSize: defaultPageSize ? defaultPageSize : 10,
+            virtualEndPageNo: undefined,
+        }
+        const {sourceId} = this.props;
+        /** 构建 dataSource **/
+            //构建过滤条件
+        let queryKey: QueryKey = await HcserviceV3.requestLtmplQueryKey(sourceId, {...criteriaData, ...pageInfo});
+        this.setState({
+            queryKey,
+            criteriaData,
+            loading: false,
+        })
+    }
+
+    async componentDidMount() {
+        const {sourceId} = this.props;
+        // if (sourceName && visible) {
+        //  if (sourceName) {
+        await this.loadData(await this.loadConfig(), {});
+        // }
+    }
+
+    loadConfig = async () => {
+        const {sourceId} = this.props;
+        this.setState({
+            loading: true,
+        })
+
+        let selectConfig = await HCDataSource.requestSelectConfig(sourceId);
+        /** 构建column **/
+        let columns = [];
+
+        let s = 0;
+        selectConfig.columns.forEach((item) => {
+            let column = {};
+            if (item.title != "操作") {
+                columns.push(column);
+            }
+            column['title'] = item.title;
+            column['dataIndex'] = item.id;
+            // column['ellipsis']= true;
+            s++;
+            let itemType = SupportInputTypes.getSupportControlType(item);
+            if (s < 10) {
+                TableUnits.sort(column, itemType);
+            }
+            //特殊列处理
+            //序号
+            if (item.title === "序号") {
+                //item.fixed='left';
+                column['render'] = (text, record, index) => (
+                    <label>{index + 1}</label>
+                )
+                item['sorter'] = undefined;
+            } else {
+                column['render'] = (text, record) => {
+                    return <ViewControl holderType={'table'} fieldConfig={item} value={record[item.id]}/>
+                }
+            }
+        });
+        this.setState({
+            columns,
+            selectConfig,
+            loading: false,
+        })
+        return selectConfig;
+    }
+
+    async componentDidUpdate(prevProps) {
+        const {} = this.props;
+        const {selectConfig, criteriaData, queryKey, loading} = this.state;
+        const {exceptCodes: preExceptCodes, visible: preVisible} = prevProps;
+        let config = selectConfig;
+        //if (visible) {
+        if (!config) {
+            config = await this.loadConfig();
+        }
+        if (!queryKey && !loading) {
+            await this.loadData(config, criteriaData);
+        }
+        //}
+    }
+
+    doSearch = async (params_) => {
+        const {selectConfig} = this.state;
+        let params = {...params_}
+        await this.loadData(selectConfig, params);
+    }
+
+    // handleOk = () => {
+    //     this.props.onOK(this.state.selectedRows);
+    //     this.setState({
+    //         selectedRows: [],
+    //         queryKey: undefined,
+    //     })
+    // }
+
+    // handleCancel = () => {
+    //     this.setState({
+    //         // selectedRows: [],//暂不置空
+    //         queryKey: undefined,
+    //     })
+    //     this.props.onCancel();
+    //
+    // }
+
+    changeRowSelection = (selectedRows_: SelectedRow[], selectedDatas_: DtmplData[], allRowKeys?: string[]) => {
+        console.log('changeRowSelection:', allRowKeys);
+        let selectedRows_new: SelectedRow[];
+        let selectedDatas_new: DtmplData[] = [];
+        const {selectedRows, selectedDatas, onChange, maxSelectedRows} = this.props;
+        if (allRowKeys) {
+            let selectedKeys = [];
+            let selectedRows_1: SelectedRow[] = [];
+            if (maxSelectedRows != 1) {
+                selectedRows_1.push(...selectedRows);
+            }
+            //先追加
+            let contains: boolean = false;
+            for (let s1 of selectedRows_) {
+                contains = false;
+                for (let s2 of selectedRows_1) {
+                    if (s1.code == s2.code) {
+                        contains = true;
+                    }
+                }
+                if (!contains) {
+                    selectedRows_1.push(s1);
+                }
+                selectedKeys.push(s1.code);
+            }
+            //再删除
+            let selectedRows_2: SelectedRow[] = [];
+            selectedRows_2.push(...selectedRows_1);
+            for (let row of selectedRows_1) {
+                if (allRowKeys.includes(row.code) && !selectedKeys.includes(row.code)) {
+                    for (let i in selectedRows_2) {
+                        let s = selectedRows_2[i];
+                        if (s.code == row.code) {
+                            selectedRows_2.splice(Number(i), 1);
+                        }
+                    }
+                }
+            }
+            selectedRows_new = selectedRows_2;
+        } else {
+            selectedRows_new = selectedRows_;
+        }
+        let selectedDatas_1: DtmplData[] = [...selectedDatas, ...selectedDatas_];
+        for (let s of selectedRows_new) {
+            for (let d of selectedDatas_1) {
+                if (d.code == s.code) {
+                    selectedDatas_new.push(d);
+                }
+            }
+        }
+        onChange(selectedRows_new, selectedDatas_new);
+    }
+
+
+    render() {
+        let {maxSelectedRows, selectedRows, selectedDatas} = this.props;
+        let {queryKey, columns, selectConfig, criteriaData, loading} = this.state;
+
+        if (!selectConfig) {
+            return <>
+            </>
+        }
+        let {buttons, criterias, jumps, actions} = selectConfig
+        let displayCriteriaCard: boolean = false;
+        if (buttons.includes('delete') || (buttons.includes('query') && criterias && criterias.length > 0) ||
+            (actions && actions.length > 0) || (jumps && jumps.length > 0)) {
+            displayCriteriaCard = true;
+        }
+        return (
+            // <Card
+            //     // title={<SelectedRowsCard value={selectedRows} onChange={this.changeRowSelection}></SelectedRowsCard>}
+            //     style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)'}}
+            //     // onOk={this.handleOk}
+            // >
+            <div className="actTable"
+                // style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',overflow:'auto'}}
+            >
+                <CriteriaForm selectedRows={selectedRows} selectedDatas={selectedDatas} ltmplConfig={selectConfig}
+                              data={criteriaData}
+                              doSearch={this.doSearch} loading={loading}/>
+                <QueryTable maxSelectedRows={maxSelectedRows} selectedRows={selectedRows} columns={columns}
+                            defaultPageSize={selectConfig.defaultPageSize}
+                            queryKey={queryKey}
+                            onChangeRowSelection={this.changeRowSelection}/>
+            </div>
+            // </Card>
+        );
+    }
+}
+
+export default SelectTable;

package/src/components/table/selected-rows-card.tsx

@@ -0,0 +1,62 @@
+import React from "react";
+import {PageInfo, SelectedRow} from "../tmpl/interface";
+import {Pagination as AntdPagination, Tag} from 'antd';
+import './pagination.css';
+
+interface SelectedRowsCardProps {
+    value: SelectedRow[];
+    onChange?: ( value: SelectedRow[]) => void;
+};
+
+interface SelectedRowsCardStat {
+
+};
+
+
+class SelectedRowsCard extends React.PureComponent<SelectedRowsCardProps, SelectedRowsCardStat> {
+
+    handleClose=(row:SelectedRow)=>{
+        const {onChange,value}=this.props;
+        if(onChange){
+            const value_1:SelectedRow[]=[];
+           for(let v of value){
+               if(v.code!=row.code){
+                   value_1.push(v);
+               }
+           }
+            onChange(value_1);
+        }
+
+    }
+
+    renderTag=()=>{
+        const {value}=this.props;
+        const tags=[];
+        if(value){
+            value.forEach((v,index)=>{
+                let title=(v.title instanceof Array)?v.title[0]:v.title;
+                tags.push(<Tag key={index}  style={{ fontSize: 14 }} color="geekblue" closable={true} onClose={e => {
+                    e.preventDefault();
+                    this.handleClose(v);
+                }}>
+                {title && title.includes("@R@")?title.split("@R@")[1]:v.title}
+                </Tag>);
+            })
+        }else{
+            return "";
+        }
+
+        return tags;
+    }
+
+
+    render() {
+        return <div>
+            <h3>查询点选：
+                {this.renderTag()}
+            </h3>
+        </div>
+    }
+}
+
+export default SelectedRowsCard;

package/src/components/table/stat/restat.tsx

@@ -0,0 +1,79 @@
+import React from "react";
+import {Button, Card, Form as AntdForm, FormInstance, Popconfirm, Popover, Space, Tooltip} from "antd";
+import {CalculatorOutlined, CloseOutlined} from "@ant-design/icons"
+import {FieldConfig,} from "../../tmpl/interface";
+import '../pagination.css';
+import FormItemGroup from "../../form/form-Item-group";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+interface RestatProps {
+    onfinish: () => void;
+    fields: FieldConfig[];
+    value?: object;
+    sourceId:string;
+};
+
+interface RestatStat {
+    popoverVisible: boolean;
+    loading:boolean,
+};
+
+class Restat extends React.PureComponent<RestatProps, RestatStat> {
+
+    static defaultProps = {}
+    state = {
+        popoverVisible: false,
+        loading:false,
+    }
+    formRef = React.createRef<FormInstance>();
+    onRestat =async (val) => {
+        const {sourceId,onfinish}=this.props;
+        this.setState({
+            loading:true,
+        })
+       await HcserviceV3.increCalc(sourceId,val);
+        this.setState({
+            loading:false,
+        })
+       onfinish();
+    }
+
+    render() {
+        const {popoverVisible,loading} = this.state;
+        const {fields, value} = this.props;
+        return <Popover visible={popoverVisible}
+                        content={
+                            <Card loading={loading}
+                                style={{width: 1000}}
+                                title={"重新统计"}
+                                bodyStyle={{overflow: 'auto'}}
+                                extra={<><Space size={[8, 0]}>
+                                    {
+                                     <Button type={"primary"} onClick={()=>{
+                                         this.formRef.current.submit();
+                                     }}
+                                        >确定</Button>
+                                   }
+                                    {<Button onClick={() => {
+                                        this.setState({popoverVisible: false});
+                                    }}><CloseOutlined/></Button>
+                                    }
+                                </Space></>}
+                            >
+                                <AntdForm labelWrap={true} ref={this.formRef} name="control-hooks" onFinish={this.onRestat}>
+                                    <FormItemGroup nameAttr={'id'} fields={fields}
+                                                   valueMap={value}></FormItemGroup>
+                                </AntdForm>
+                            </Card>}
+
+                        placement="bottomLeft"
+                        trigger="click">
+            <Tooltip title={'重新统计'}><Button onClick={() => {
+                this.setState({popoverVisible: !popoverVisible});
+            }}>
+                <CalculatorOutlined/>
+            </Button></Tooltip>
+        </Popover>
+    }
+}
+
+export default Restat;

package/src/components/table/table-util.tsx

@@ -0,0 +1,33 @@
+import moment from "moment";
+import Units from "../units";
+import {Badge, Tag} from "antd";
+import React from "react";
+import {EnumItem, FieldConfig} from "../tmpl/interface";
+import ViewControl from "../controls/view-control";
+
+export default {
+    sort(col, itemType: string) {
+        let colName=col['dataIndex'];
+        if (itemType === "decimal" || itemType === "int" || itemType === "float" || itemType === "double") { //排序b
+            col["sorter"] = (a, b) => a[colName] - b[colName];
+        } else if (itemType === "text" || itemType === "textarea" || itemType === "date" || itemType === "datetime") {
+            col["sorter"] = (a, b) => a[colName] ? a[colName].localeCompare(b[colName], 'zh-CN') : -1;
+        } else {
+            col["sorter"] = (a, b) => { //排序
+                if (a[colName] && b[colName] && a[colName].localeCompare) {
+                    return a[colName] ? a[colName].localeCompare(b[colName], 'zh-CN') : -1;
+                } else {
+                    return 1;
+                }
+            }
+        }
+        col['defaultSortOrder'] = 'ascend';
+        col['showSorterTooltip'] = false;
+    }
+    //,
+    // render(column, fieldConfig: FieldConfig) {
+    //     column['render'] = (text, record) => {
+    //         return <ViewControl fieldConfig={fieldConfig}/>
+    //     }
+    // }
+}

package/src/components/tmpl/control-type-supportor.tsx

@@ -0,0 +1,97 @@
+import {ColumnConfig, EnumItem, FieldBase, FieldConfig} from "./interface";
+import HCDataSource from "./hc-data-source";
+
+const SupportInputTypes:Set<string>=new Set<string>();
+SupportInputTypes.add('date-YY');
+SupportInputTypes.add('daterange-YY');
+SupportInputTypes.add('date-M1');
+SupportInputTypes.add('daterange-M1');
+SupportInputTypes.add('date');
+SupportInputTypes.add('daterange');
+SupportInputTypes.add('datetime-HH');
+SupportInputTypes.add('datetimerange-HH');
+SupportInputTypes.add('datetime-mm');
+SupportInputTypes.add('datetimerange-mm');
+SupportInputTypes.add('datetime');
+SupportInputTypes.add('datetimerange');
+SupportInputTypes.add('timestamp');
+
+
+SupportInputTypes.add('time-HH');
+SupportInputTypes.add('timerange-HH');
+SupportInputTypes.add('time-mm');
+SupportInputTypes.add('timerange-mm');
+SupportInputTypes.add('time');
+SupportInputTypes.add('timerange');
+
+SupportInputTypes.add('text');
+SupportInputTypes.add('textarea');
+SupportInputTypes.add('html');
+SupportInputTypes.add('steps');
+SupportInputTypes.add('progress');
+SupportInputTypes.add('password');
+SupportInputTypes.add('preselect');
+SupportInputTypes.add('select');
+SupportInputTypes.add('multiselect');
+SupportInputTypes.add('checkbox');
+SupportInputTypes.add('radio');
+SupportInputTypes.add('caselect');
+SupportInputTypes.add('relation');
+SupportInputTypes.add('file');
+SupportInputTypes.add('picture');
+SupportInputTypes.add('chemstruc');
+SupportInputTypes.add('signature');//签名组件
+
+SupportInputTypes.add('decimal');
+SupportInputTypes.add('float');
+SupportInputTypes.add('double');
+SupportInputTypes.add('int');
+SupportInputTypes.add('relselect');
+SupportInputTypes.add('refselect');
+
+
+SupportInputTypes.add('range');
+SupportInputTypes.add('intrange');
+SupportInputTypes.add('decimalrange');
+SupportInputTypes.add('texttags');
+// SupportInputTypes.add('relation_existion');
+SupportInputTypes.add('entity-select');
+SupportInputTypes.add('table-entity-select');
+SupportInputTypes.add('modal-entity-select');
+SupportInputTypes.add('color');
+
+SupportInputTypes.add('hidden');
+function ControlTypeSupportor(){
+
+}
+ControlTypeSupportor.isSupport=function(type:string):boolean {
+    if(type){
+        return SupportInputTypes.has(type);
+    }else{
+        return false;
+    }
+
+};
+ControlTypeSupportor.getSupportControlType=function(fieldConfig:FieldBase):string{
+    if(this.isSupport(fieldConfig.extControlType)){
+        return fieldConfig.extControlType;
+    }else if(this.isSupport(fieldConfig.controlType)){
+        return fieldConfig.controlType;
+    }else{
+        return 'text';
+    }
+};
+
+ControlTypeSupportor.getControlType=function(fieldConfig: FieldConfig, fieldValue: any) {
+    let itemType: string;
+    itemType = this.getSupportControlType(fieldConfig);
+    //对关系属性之文件进行特殊处理
+    if (!!fieldValue && typeof (fieldValue) == 'string' && fieldValue.indexOf('@R@') === -1 && itemType === "relselect" && fieldValue.indexOf('download-files/') != -1) {
+        itemType = "file";
+    }
+    return itemType;
+}
+
+
+
+export default  ControlTypeSupportor;