aldehyde 0.0.10 → 0.1.1

package/src/{components → aldehyde}/units/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import {message, Radio, Select} from 'antd'
-import ProgramConfig from '../../../public/programConfig.json'
 import Axios from "axios";
 import Logo from "./logo.png";
 import {EnumItem} from "../tmpl/interface";
@@ -10,11 +9,11 @@ import TmplConfigAnalysis from "../tmpl/tmpl-config-analysis";
 
 const Option = Select.Option;
 
-const api = ProgramConfig.hydrocarbonServer;
-const programCode=ProgramConfig.programCode;
-const programName = ProgramConfig.programName;
-const programName_sub = ProgramConfig.programName_sub;
-const programName_NavLeft = ProgramConfig.programName_NavLeft;
+let api = undefined;
+let programCode=undefined;
+let programName = undefined;
+let programName_sub = undefined;
+let programName_NavLeft = undefined;
 let storageKeyPrefix = undefined;
 
 //加载本地配置
@@ -30,18 +29,33 @@ Axios.create().get('programConfig.json').then((result) => {
 });
 
 export default {
+    setHydrocarbonServer(url:String){
+        api=url;
+    },
     api() {
         return window.localStorage['hydrocarbonServer'] ? window.localStorage['hydrocarbonServer'] : api
     },
+    setProgramCode(programCode_:string){
+        programCode=programCode_;
+    },
     programCode(){
         return window.localStorage['programCode'] ? window.localStorage['programCode'] : programCode
     },
+    setProgramName(programName_:string){
+        programName=programName_;
+    },
     programName() {
         return window.localStorage['programName'] ? window.localStorage['programName'] : programName
     },
+    setProgramName_sub(programName_sub_:string){
+        programName_sub=programName_sub_;
+    },
     programName_sub() {
         return window.localStorage['programName_sub'] ? window.localStorage['programName_sub'] : programName_sub
     },
+    setProgramName_NavLeft(programName_NavLeft_:string){
+        programName_NavLeft=programName_NavLeft_;
+    },
     programName_NavLeft() {
         return window.localStorage['programName_NavLeft'] ? window.localStorage['programName_NavLeft'] : programName_NavLeft
     },
@@ -95,7 +109,17 @@ export default {
         })
         return options
     },
-
+    // downloadFile_(url) {
+    //     try {
+    //         let elemIF = document.createElement("iframe");
+    //         //elemIF.src = url;
+    //         elemIF.src = "javascript: '<script>location.href=\"" + url + "\"</script>'"
+    //         elemIF.style.display = "none";
+    //         document.body.appendChild(elemIF);
+    //     } catch (e) {
+    //         message.error(e)
+    //     }
+    // },
     openFile(url, fileName) {
         try {
             let a = document.createElement("a");
@@ -105,7 +129,7 @@ export default {
             a.click();
             document.body.removeChild(a);
         } catch (e) {
-            message.error(e.toString())
+            console.log(e);
         }
     },
     downloadFile(url, fileName) {
@@ -118,7 +142,7 @@ export default {
             a.click();
             document.body.removeChild(a);
         } catch (e) {
-            message.error(e.toString())
+           console.log(e);
         }
     },
     downloadFile_old(url) {
@@ -130,7 +154,7 @@ export default {
             a.submit();
             document.body.removeChild(a);
         } catch (e) {
-            message.error(e.toString())
+            console.log(e);
         }
     },
     //随机数

package/src/aldehyde/welcome/HCWelcome.js

@@ -0,0 +1,232 @@
+import React from 'react'
+import AntdPieChart from "../chart/antd/PieChart2";
+import {Card, Col, Row,Image,Carousel} from 'antd';
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import QuickEntrance from './quick-entrance'
+import Workbench from './workbench';
+import './index.css';
+import  * as Echarts from 'echarts';
+import TimeCost from '../../../public/time-cost.png';
+import TimePrograss from '../../../public/time-prograss.png';
+import PainPoint from '../../../public/pain-point.png';
+import Target from '../../../public/target.png';
+import Development from '../../../public/development.png';
+
+export default class HCWelcome extends React.Component {
+    state = {}
+
+    intervals = [];
+
+    async componentDidMount() {
+        let l2MenuCharts = await HcserviceV3.requestSimpleCharts();
+        let piecharts = [];
+        for (const item of l2MenuCharts) {
+            let data = await HcserviceV3.requestSimpleChartsEntities( item.id);
+            if (data) {
+                piecharts.push(<Col span={12}> <AntdPieChart data={data} key={item.id}></AntdPieChart></Col>)
+            }
+        }
+
+        var chartDom = document.getElementById('echart1');
+        var myChart = Echarts.init(chartDom);
+        var option;
+
+        option = {
+            title: {
+                text: 'Line'
+            },
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {
+                data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                    saveAsImage: {}
+                }
+            },
+            xAxis: {
+                type: 'category',
+                boundaryGap: false,
+                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                    name: 'Email',
+                    type: 'line',
+                    stack: 'Total',
+                    data: [120, 132, 101, 134, 90, 230, 210]
+                },
+                {
+                    name: 'Union Ads',
+                    type: 'line',
+                    stack: 'Total',
+                    data: [220, 182, 191, 234, 290, 330, 310]
+                },
+                {
+                    name: 'Video Ads',
+                    type: 'line',
+                    stack: 'Total',
+                    data: [150, 232, 201, 154, 190, 330, 410]
+                },
+                {
+                    name: 'Direct',
+                    type: 'line',
+                    stack: 'Total',
+                    data: [320, 332, 301, 334, 390, 330, 320]
+                },
+                {
+                    name: 'Search Engine',
+                    type: 'line',
+                    stack: 'Total',
+                    data: [820, 932, 901, 934, 1290, 1330, 1320]
+                }
+            ]
+        };
+
+        option && myChart.setOption(option);
+
+        var chartDom = document.getElementById('echart2');
+        var myChart = Echarts.init(chartDom);
+        var option;
+
+        option = {
+            legend: {
+                top: 'bottom'
+            },
+            toolbox: {
+                show: true,
+                feature: {
+                    mark: { show: true },
+                    dataView: { show: true, readOnly: false },
+                    restore: { show: true },
+                    saveAsImage: { show: true }
+                }
+            },
+            series: [
+                {
+                    name: 'Nightingale Chart',
+                    type: 'pie',
+                    radius: [16, 80],
+                    center: ['50%', '50%'],
+                    roseType: 'area',
+                    itemStyle: {
+                        borderRadius: 8
+                    },
+                    data: [
+                        { value: 40, name: 'rose 1' },
+                        { value: 38, name: 'rose 2' },
+                        { value: 32, name: 'rose 3' },
+                        { value: 30, name: 'rose 4' },
+                        { value: 28, name: 'rose 5' },
+                        { value: 26, name: 'rose 6' },
+                        { value: 22, name: 'rose 7' },
+                        { value: 18, name: 'rose 8' }
+                    ]
+                }
+            ]
+        };
+
+        option && myChart.setOption(option);
+
+        this.setState({
+            piecharts
+        })
+    }
+
+    componentWillUnmount() {
+        if (this.intervals.length > 0) {
+            for (let i of this.intervals) {
+                clearInterval(i);
+            }
+        }
+        this.intervals = [];
+    }
+    cardStyle = {
+        height: '400px',
+        // background: '#364d79',
+    };
+    carouselStyle={
+        background: '#fff',
+        borderRadius:'6px'
+    }
+
+    render() {
+        return <>
+        <Row className={'home-page'} gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>
+            <Col span={24} >
+                <Card className="hovercard">
+                    <Row gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>
+                        <Col span={12}><Image  src={PainPoint} ></Image></Col>
+                        <Col span={12}> <Image  src={Target} ></Image></Col>
+                    </Row>
+                </Card>
+                {/*<Card className="hovercard">*/}
+                {/*    */}
+                {/*</Card>*/}
+            </Col>
+            <Col span={24} >
+                <Row style={{minHeight:'100px'}} gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>
+                    <Col span={12} style={{width: '100%'}}>
+                        <Workbench className="hovercard" ></Workbench>
+                        <QuickEntrance   className="hovercard"></QuickEntrance>
+                    </Col>
+                    <Col span={12} style={{'height':'410px'}}  >
+                        <Card className="hovercard" style={this.cardStyle} bodyStyle={{padding:'2px'}}>
+                        <Carousel  autoplay >
+                            <div >
+                                <Image src={TimePrograss} ></Image>
+                            </div >
+                            <div >
+                                <Image src={Development} ></Image>
+                            </div>
+                            <div >
+                                <Image src={TimeCost} ></Image>
+                            </div>
+                        </Carousel>
+                        </Card>
+                    </Col>
+                </Row>
+            </Col>
+            {/*<Col span={24} >*/}
+            {/*    <Row style={{minHeight:'100px'}} gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>*/}
+            {/*        <Col span={12} style={{width: '100%','height':'400px'}}>*/}
+            {/*            <Image src={Development} ></Image>*/}
+            {/*        </Col>*/}
+            {/*        <Col span={12} style={{'height':'400px'}} >*/}
+            {/*            <Image src={TimeCost} ></Image>*/}
+            {/*        </Col>*/}
+            {/*    </Row>*/}
+            {/*</Col>*/}
+            <Col span={24}>
+            < Row gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>
+                <Col style={{width: '100%'}}>
+                    <Card className="hovercard"
+                        title={'统计视图'}>
+                        < Row gutter={[{xs: 8, sm: 16, md: 24, lg: 32},{xs: 8, sm: 16, md: 24, lg: 32}]}>
+                            {/*{this.state.piecharts}*/}
+                        <Col span={16} style={{'height':'400px'}} id={'echart1'} >
+                        </Col>
+                            <Col span={8} style={{'height':'400px'}}  id={'echart2'}>
+                            </Col>
+                            {/*{this.state.piecharts}*/}
+                        </Row>
+                    </Card>
+                </Col>
+            </Row>
+            </Col>
+        </Row>
+            </>
+    }
+
+}

package/src/aldehyde/welcome/index.css

@@ -0,0 +1,13 @@
+.home{
+    height:calc(70vh);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    background: #fff;
+}
+
+.home-page{
+    padding-top: 24px;
+    background: #f0f5ff;
+}

package/src/{components → aldehyde}/welcome/workbench.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import {Button, Card, Space, Statistic,CardProps} from 'antd'
-import {RocketTwoTone } from '@ant-design/icons';
+import {LikeOutlined,RightCircleOutlined,HeartOutlined,RocketOutlined,RocketTwoTone } from '@ant-design/icons';
 import 'antd/dist/antd.css';
 import HcserviceV3 from "../tmpl/hcservice-v3";
 import HCDataSource from '../tmpl/hc-data-source'