aldehyde 0.0.1

package/src/components/exportor/export-frame.tsx

@@ -0,0 +1,194 @@
+import React from 'react'
+import {Button,Radio,Divider,InputNumber,Checkbox,Progress} from 'antd';
+import './export-frame.css'
+import Super from "../tmpl/superagent"
+import Units from "../units"
+import {PageInfo, QueryKey, SourceName} from "../tmpl/interface";
+const RadioGroup = Radio.Group;
+type ExportStatus = 'ready'|'exporting' | 'success'|'fail' |'stop';
+type ExportMode = 'current'|'all';
+interface ExportFrameProps {
+    defaultExportMode?:string,
+    queryKey: QueryKey;
+    currentPage?:PageInfo;
+    title:string;
+}
+
+interface ExportFrameStat {
+    interrupted:boolean,
+    disabledPageNoInput:boolean,
+    disabledCurrentPageRadio:boolean,
+    disabledAllPageRadio:boolean,
+    exportId:string,
+    startPageNo:number,
+    endPageNo:number,
+    exportMode:string,
+    percent:number,
+    exportStatus:string,
+    exportingMsg:string,
+}
+
+
+export default class ExportFrame extends React.PureComponent<ExportFrameProps, ExportFrameStat>{
+
+   static defaultProps={
+        defaultExportMode:'all'
+    }
+
+    state={
+        interrupted:false,
+        disabledPageNoInput:false,
+        disabledCurrentPageRadio:false,
+        disabledAllPageRadio:false,
+        exportId:undefined,
+        startPageNo:1,
+        endPageNo:10,
+        exportMode:'all',
+        percent:0,
+        exportStatus:'ready',
+        exportingMsg:'',
+    }
+
+    componentWillUnmount(){
+        console.log("销毁")
+    }
+
+    onChangeRadio=(e)=>{
+        this.setState({
+            exportMode: e.target.value,
+            startPageNo:1,
+            endPageNo:10,
+        });
+    }
+
+    timerID=undefined;
+
+    handleStart=()=>{
+        const {queryKey,currentPage,title }=this.props
+        const { startPageNo,endPageNo,exportMode }=this.state
+        Super.super({
+            url:`/v3/ltmp/data/exporter`,
+            method:'GET',
+            query:{
+                scope:exportMode,
+                withDetail:false,
+                queryKey:queryKey.key,
+                startPageNo:exportMode=='all'?startPageNo:currentPage.pageNo,
+                endPageNo:exportMode=='all'?endPageNo:currentPage.pageNo,
+            } ,
+		}).then((res)=>{
+			if(res.exportId){
+                this.setState({
+                    exportId:res.exportId,
+                    exportStatus:'exporting'
+                })
+                this.statusOut(res.exportId)
+                this.timerID=setInterval(
+                    () =>this.statusOut(res.exportId),
+                    1000
+                  );
+            }else{
+                this.setState({
+                    exportStatus:'fail'
+                })
+            }
+		})
+    }
+    statusOut=(exportId)=>{
+        const {exportStatus}=this.state;
+        Super.super({
+            url:`/v3/exporter/status`,
+            query:{
+                interrupted:exportStatus=='stop',
+                exportId
+            }  ,
+            method:'GET',
+		},"","none").then((res)=>{
+            if(res.breaked){
+                this.setState({
+                    exportingMsg:'已终止',
+                    percent:0,
+                })
+            }else{
+                this.setState({
+                    exportingMsg:res.statusMsg,
+                    percent:Math.floor((res.current/res.totalCount)*100),
+                })
+            }
+
+            if(exportStatus=='stop'){
+                clearInterval(this.timerID);               
+            }
+            if(res.completed===true){
+                clearInterval(this.timerID);
+                this.setState({
+                    exportStatus:'success',
+                    exportingMsg:res.statusMsg,
+                    percent:Math.floor((res.current/res.totalCount)*100),
+                })
+            }
+		})
+    }
+    download=()=>{
+        const {title}=this.props;
+        const {exportId}=this.state;
+        const hydrocarbonToken=Units.getLocalStorge("hydrocarbonToken")
+        Units.downloadFile(Units.api()+`/v3/exporter/excel?exportId=${exportId}&@token=${hydrocarbonToken}`,title)
+    }
+
+    handleCancel=()=>{
+        this.setState({
+            percent:0,
+            exportStatus:'stop',
+        });
+    }
+   
+    render(){
+        const {defaultExportMode,currentPage}=this.props
+        const { startPageNo,endPageNo,disabledPageNoInput,exportMode,exportStatus,percent,exportingMsg}=this.state
+        return (
+            <div style={{width:'400px'}} className="exportFrame">
+                {currentPage?<><RadioGroup onChange={this.onChangeRadio} value={exportMode} defaultValue={defaultExportMode}>
+                    <Radio value={'current'} disabled={exportStatus=='exporting'} >导出当前页</Radio>
+                    <Radio value={'all'} disabled={exportStatus=='exporting'}>导出所有</Radio>
+                </RadioGroup><Divider /></>:""}
+                {exportMode=='all'?
+                    <div>
+                        页号：
+                        <InputNumber 
+                            min={1}
+                            value={startPageNo}
+                            placeholder="开始页号"
+                            onChange={(v1)=>this.setState({startPageNo: v1})}
+                            disabled={disabledPageNoInput}/>-
+                        <InputNumber 
+                            min={1}
+                            value={endPageNo}
+                            placeholder="结束页号"
+                            onChange={(v2)=>this.setState({endPageNo:v2})}
+                            disabled={disabledPageNoInput}/>
+                        <Divider />
+                    </div>:"" }
+                <div >
+                    {exportStatus=='ready'?
+                        <Button type="primary"   onClick={this.handleStart}>
+                            开始导出
+                        </Button>: exportStatus=='exporting'?<Button  onClick={this.handleCancel}>取消导出</Button>:
+                            <Button   onClick={this.handleStart}>
+                                重新导出
+                            </Button>
+                    }
+                    {exportStatus=='success'?<Button type="primary" style={{marginLeft:10}}
+                                                   disabled={exportStatus!='success'}
+                                                   onClick={this.download}>下载文件
+                    </Button>:''
+                    }
+                    {percent>0?
+                        <Progress percent={percent} size="small" status="active" />:""
+                    }
+                    <p>{exportingMsg}</p>
+                </div>
+            </div>
+        )
+    }
+}

package/src/components/exportor/index.tsx

@@ -0,0 +1,60 @@
+import React from 'react'
+import {Card,Button,Upload,message,Progress,List,Checkbox,Row,Col,Modal,Popover,InputNumber } from 'antd'
+import {SyncOutlined,ReloadOutlined ,SnippetsOutlined,UploadOutlined,CopyOutlined,SettingOutlined} from '@ant-design/icons';
+import Super from "../tmpl/superagent"
+import Units from "../units"
+import './index.css'
+import {LtmplConfig, QueryKey, SelectedRow, SourceName, TmplBaseProps} from "../tmpl/interface";
+import moment from "moment";
+import HCDataSource from "../tmpl/hc-data-source";
+
+const CheckboxGroup = Checkbox.Group;
+const logLevelList: LogLevel[]= ['INFO', 'SUC', 'ERROR', 'WARN'];
+let totalMSG=[]
+type LogLevel = 'INFO'| 'SUC'|'ERROR'|'WARN';
+type ImportStatus = 'waitingFile'| 'fileSelected' |'importing' | 'success'|'fail' |'stop';
+
+interface ExcelExportProps  {
+    sourceId:string,
+};
+
+interface ExcelExportStat {
+
+};
+
+export default class ExcelExport extends React.PureComponent<ExcelExportProps, ExcelExportStat>{
+
+    state = {
+
+    }
+
+    timerId=undefined;
+
+   async componentDidMount(){
+       const {sourceId}=this.props;
+
+        let ltmplConfigRes = await HCDataSource.requestLtmplConfig(sourceId);
+
+        this.setState({
+            ltmplConfig:ltmplConfigRes.ltmplConfig,
+        })
+
+    }
+    componentWillUnmount(){
+        if(this.timerId){
+            clearInterval(this.timerId);
+        }
+    }
+
+
+
+
+
+
+
+    render(){
+        const { } = this.state;
+
+        return <></>
+    }
+}

package/src/components/form/criteria-form.tsx

@@ -0,0 +1,241 @@
+import React, {useEffect} from 'react';
+import {Button, Card, Col, Collapse, Form as AntdForm, Popconfirm, Row, Select, Space} from 'antd';
+import {CriteriaConfig, DtmplData, LtmplConfig, SelectConfig, SelectedRow} from "../tmpl/interface";
+import EntryControl from "../controls/entry-control";
+import Action from "../controls/action";
+import CquickButton from '../controls/cquery/cquick-button'
+
+const {Panel} = Collapse;
+const FormItem = AntdForm.Item;
+
+export interface CriteriaFormProps {
+    ltmplConfig: LtmplConfig | SelectConfig;
+    data: object;
+    selectedRows: SelectedRow[];
+    selectedDatas?:DtmplData[];
+    doSearch?: (data: object) => void;
+    doDelete?: () => void;
+    doAction?: (string, selectedRows: SelectedRow[], object) => void,
+    doJump?: (jumpId: string) => void;
+    doCQuery?:(cqueryId: string) => void;
+    hiddenCriteriaIds?: string[];
+    visible?: boolean;
+    loading: boolean;
+};
+
+const CriteriaForm: React.FC<CriteriaFormProps> = (props) => {
+
+    const {ltmplConfig, doSearch, doAction, doJump, doDelete, selectedRows, data, visible, loading,selectedDatas,doCQuery} = props;
+    let [form] = AntdForm.useForm();
+    // @ts-ignore
+    let {buttons, actions, jumps,cQuerys, criterias, drillingParams, columns} = ltmplConfig;
+    const initialValues = {};
+    const searchSubmit = (data) => {
+        if (doSearch) {
+            doSearch(data);
+        }
+    }
+
+    useEffect(() => {
+        form.resetFields();
+    });
+
+    let showQueryButton = buttons.includes("query") && doSearch;
+
+    let showDeleteButton = buttons.includes("delete") && doDelete;
+    let deleteButtonDisabled = !(selectedRows && selectedRows.length > 0);
+
+    const renderAction = () => {
+        if (doAction && actions && actions.length > 0) {
+            return actions.map((action) => {
+                let disabled = true;
+                if (selectedRows) {
+                    if (selectedRows.length > 0 && action.multible) {
+                        disabled = false;
+                    } else if (selectedRows.length == 1) {
+                        disabled = false;
+                    }
+                }
+                // return <Popconfirm key={action.id}
+                //     placement="leftBottom"
+                //     title={`确定要对选中数据执行【${action.title}】吗？`}
+                //     onConfirm={() => {
+                //         doAction(action.id)
+                //     }}
+                //     okText="确定"
+                //     cancelText="取消"
+                // >
+                //     <Button type="primary" key={action.id}
+                //             disabled={disabled}>{action.title}</Button>
+                // </Popconfirm>;
+                return   <Action hiddenType={"disabled"} key={action.id} disabled={disabled} data={selectedDatas} actionConfig={action}  doAction={doAction}  serial={1} ></Action>
+            });
+        }
+    }
+
+    const renderJump = () => {
+        if (doJump && jumps && jumps.length > 0) {
+            return jumps.map((jump) => {
+                let disabled = true;
+                if (selectedRows) {
+                    if (selectedRows.length > 0 && jump.multible) {
+                        disabled = false;
+                    } else if (selectedRows.length == 1) {
+                        disabled = false;
+                    }
+                }
+                return <Button key={jump.id}
+                               onClick={() => doJump(jump.id)}
+                               disabled={disabled}>{jump.title}</Button>;
+            });
+        }
+    }
+
+    const renderCQuery = () => {
+        if (doCQuery && cQuerys && cQuerys.length > 0) {
+            return cQuerys.map((cquery) => {
+                let disabled = true;
+                if (selectedRows && selectedRows.length == 1) {
+                     disabled = false;
+                }
+                return <CquickButton key={cquery.id}
+                               // onClick={() => doCQuery(cquery.id)}
+                               disabled={disabled} cQueryConfig={cquery} mainCode={!disabled ?selectedRows[0].code:undefined}/>;
+            });
+        }
+    }
+
+    const  hasDimension=()=>{
+        columns.forEach((item) => {
+            if (item.statColType == 'dimension') {
+               return true;
+            }
+        });
+        return false;
+    }
+
+
+    const renderDrillDimension = () => {
+        let drillingColIdsName='drillingColIds'
+        let dimensionColIds = [];
+        const options = [];
+        columns.forEach((item) => {
+            if (item.statColType == 'dimension') {
+                options.push({label: item.title, value: item.id})
+                dimensionColIds.push(item.id);
+            }
+        });
+        options.push({label: '无', value: '5'});
+
+        initialValues[drillingColIdsName] = data ? data[drillingColIdsName]?data[drillingColIdsName]:dimensionColIds: dimensionColIds;
+
+        let fieldValue = data ? data[drillingColIdsName]:dimensionColIds;
+        let antdControlProps = {
+            placeholder: "请选择维度", disabled: false,value:fieldValue, style: {minWidth: 220, width: '100%'}
+        }
+        return <FormItem label={'维度'} name={drillingColIdsName} key={drillingColIdsName}
+                         rules={[{
+                                 required: true, message: `请选择维度,上钻到顶层请只选【无】`,
+                             }]} >
+            <Select
+                mode="multiple"
+                {...antdControlProps}
+                notFoundContent="暂无选项"
+                allowClear={true}
+                showSearch
+                showArrow={true}
+                options={options}
+            ></Select>
+        </FormItem>
+
+    }
+
+    const renderCriteria = (criterias: CriteriaConfig[]) => {
+        if (!criterias) {
+            return;
+        }
+        const {hiddenCriteriaIds} = props;
+        criterias.map((item) => {
+            let formItemName = 'c_' + item.id;
+            let fieldValue = data ? data[formItemName] : undefined;
+            initialValues[formItemName] = fieldValue;
+        });
+
+        if (doSearch) {
+            return criterias.map((item) => {
+                let formItemName = 'c_' + item.id;
+                let fieldValue = data ? data[formItemName] : undefined;
+                if (!hiddenCriteriaIds.includes(item.id)) {
+                    return <FormItem label={item.title} name={formItemName} key={item.id}
+                                     tooltip={item.tip}
+                                     rules={item.required ? [{
+                                         required: true, message: `请选择${item.title}`,
+                                     }] : undefined}>
+                        <EntryControl value={fieldValue} fieldConfig={item} />
+                    </FormItem>
+                }
+            })
+        }
+    };
+
+    return (
+        <AntdForm form={form} name="control-hooks" initialValues={initialValues} layout="inline"
+                  onFinish={searchSubmit} style={{width: '100%'}}>
+            {buttons.includes("drilling") && visible && (drillingParams.length>0 || hasDimension())?
+                <Collapse style={{width: '100%'}} defaultActiveKey={['1']}>
+                    <Panel header="设置-数据上钻" key="1">
+                        <Row>
+                            <Col>
+                                <Space size={'small'} wrap>
+                                    {renderCriteria(drillingParams)}
+                                    {renderDrillDimension()}
+                                </Space>
+                            </Col>
+                        </Row>
+                    </Panel>
+                </Collapse> : ""}
+            <Card
+                className="hoverable"
+                style={{display: visible ? "block" : "none", width: '100%'}}
+                headStyle={{background: "#f2f4f5"}}
+                loading={loading}>
+                <Row >
+                    <Col>
+                        <Space size={'small'} wrap>
+                            {renderCriteria(criterias)}
+                            <Space className="btns">
+                                {showQueryButton ?
+                                    <Button type="primary" htmlType="submit">
+                                        查询
+                                    </Button> : ""}
+                                {showDeleteButton ?
+                                    <Popconfirm
+                                        placement="rightBottom"
+                                        title={'确定要【删除】选中数据吗？'}
+                                        onConfirm={() => {
+                                            doDelete()
+                                        }}
+                                        okText="确定"
+                                        cancelText="取消"
+                                        okType={"danger"}
+                                    >
+                                        <Button danger disabled={deleteButtonDisabled}>删除选中</Button>
+                                    </Popconfirm>
+                                    : ""}
+                                {renderAction()}
+                                {renderJump()}
+                                {renderCQuery()}
+                            </Space>
+                        </Space>
+                    </Col>
+                </Row>
+            </Card>
+        </AntdForm>
+    );
+}
+CriteriaForm.defaultProps = {
+    hiddenCriteriaIds: [],
+    visible: true,
+}
+export default CriteriaForm;
+

package/src/components/form/dtmpl-form.css

@@ -0,0 +1,4 @@
+
+.pageHeader .ant-card-body{
+    padding:0px 24px 0px 24px;
+}