搭建框架
尹诚诚
3 years ago
parent
c2fee2b3f9
commit
8e40919f18
@ -1,12 +0,0 @@
|
|||||||
const path = require('path')
|
|
||||||
const { override, addDecoratorsLegacy } = require('customize-cra')
|
|
||||||
|
|
||||||
function resolve(dir) {
|
|
||||||
return path.join(__dirname, dir)
|
|
||||||
}
|
|
||||||
|
|
||||||
const customize = () => (config, env) => {
|
|
||||||
config.resolve.alias['@'] = resolve('src')
|
|
||||||
return config
|
|
||||||
};
|
|
||||||
module.exports = override(addDecoratorsLegacy(), customize())
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
# 默认忽略的文件
|
|
||||||
/shelf/
|
|
||||||
/workspace.xml
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<module type="PYTHON_MODULE" version="4">
|
|
||||||
<component name="NewModuleRootManager">
|
|
||||||
<content url="file://$MODULE_DIR$" />
|
|
||||||
<orderEntry type="inheritedJdk" />
|
|
||||||
<orderEntry type="sourceFolder" forTests="false" />
|
|
||||||
</component>
|
|
||||||
</module>
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
<component name="InspectionProjectProfileManager">
|
|
||||||
<settings>
|
|
||||||
<option name="USE_PROJECT_PROFILE" value="false" />
|
|
||||||
<version value="1.0" />
|
|
||||||
</settings>
|
|
||||||
</component>
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project version="4">
|
|
||||||
<component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
|
|
||||||
</project>
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project version="4">
|
|
||||||
<component name="ProjectModuleManager">
|
|
||||||
<modules>
|
|
||||||
<module fileurl="file://$PROJECT_DIR$/.idea/fastapi.iml" filepath="$PROJECT_DIR$/.idea/fastapi.iml" />
|
|
||||||
</modules>
|
|
||||||
</component>
|
|
||||||
</project>
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project version="4">
|
|
||||||
<component name="VcsDirectoryMappings">
|
|
||||||
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
|
||||||
</component>
|
|
||||||
</project>
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
import pymssql
|
|
||||||
from fastapi import FastAPI
|
|
||||||
|
|
||||||
app = FastAPI()
|
|
||||||
|
|
||||||
|
|
||||||
@app.get('/')
|
|
||||||
def index():
|
|
||||||
return {'message': '你已经正确创建 FastApi 服务！'}
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/orderinfo-frontend/{data}")
|
|
||||||
async def say(data: str, q: int = None):
|
|
||||||
return {"data": data, "q": q}
|
|
||||||
|
|
||||||
|
|
||||||
# 按间距中的绿色按钮以运行脚本。
|
|
||||||
if __name__ == '__main__':
|
|
||||||
print(f'Hi world')
|
|
||||||
@ -1 +0,0 @@
|
|||||||
uvicorn main:app --port 8000 --reload
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,2 +1,6 @@
|
|||||||
|
import React from "react";
|
||||||
|
|
||||||
|
export const stores_Context = React.createContext();
|
||||||
export const DATE_FORMAT = 'YYYY-MM-DD';
|
export const DATE_FORMAT = 'YYYY-MM-DD';
|
||||||
export const HT_HOST = 'https://p9axztuwd7x8a7.mycht.cn';
|
//export const HT_HOST = 'https://p9axztuwd7x8a7.mycht.cn';
|
||||||
|
export const HT_HOST = 'http://202.103.68.100:890';
|
||||||
@ -1,13 +1,14 @@
|
|||||||
import {observable, action} from 'mobx';
|
import {makeAutoObservable} from "mobx";
|
||||||
|
|
||||||
|
|
||||||
class DashboardStore {
|
class DashboardStore {
|
||||||
|
|
||||||
constructor(app) {
|
constructor() {
|
||||||
this.app = app;
|
makeAutoObservable(this);
|
||||||
}
|
}
|
||||||
|
|
||||||
@observable countryList;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default DashboardStore;
|
|
||||||
|
export default DashboardStore;
|
||||||
|
|
||||||
|
|||||||
@ -1,22 +1,20 @@
|
|||||||
import React from "react";
|
import {makeAutoObservable} from "mobx"
|
||||||
import {observable, action} from 'mobx';
|
|
||||||
import DashboardStore from "./DashboardStore";
|
|
||||||
import OrdersStore from "./OrdersStore";
|
import OrdersStore from "./OrdersStore";
|
||||||
|
import DashboardStore from "./DashboardStore";
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
class Index {
|
class Index {
|
||||||
constructor(history) {
|
constructor() {
|
||||||
this.history = history;
|
this.dashboard_store = new DashboardStore(this);
|
||||||
this.pathname = history.location.pathname;
|
this.orders_store = new OrdersStore(this);
|
||||||
this.dashboard_store = new DashboardStore();
|
makeAutoObservable(this)
|
||||||
this.orders_store = new OrdersStore();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@action goBack() {
|
goBack() {
|
||||||
this.history.goBack();
|
this.history.goBack();
|
||||||
}
|
}
|
||||||
|
|
||||||
@observable animating = false;
|
animating = false;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Index;
|
export default Index;
|
||||||
@ -1,9 +1,44 @@
|
|||||||
import {observable, action} from 'mobx';
|
import {makeAutoObservable} from "mobx"
|
||||||
|
import * as config from "../config";
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
|
|
||||||
class OrdersStore {
|
class OrdersStore {
|
||||||
|
|
||||||
@observable countryList;
|
constructor(rootStore) {
|
||||||
|
this.rootStore = rootStore;
|
||||||
|
makeAutoObservable(this);
|
||||||
|
}
|
||||||
|
|
||||||
|
startdate = moment().subtract(7, 'days');//上周一
|
||||||
|
enddate = moment().subtract(0, 'days');//上周日
|
||||||
|
webcode = 'CHT';
|
||||||
|
orderCountData = [];//订单统计数据源
|
||||||
|
loading=false;
|
||||||
|
|
||||||
|
handleChange_webcode = (value) => {
|
||||||
|
this.webcode = value;
|
||||||
|
};
|
||||||
|
|
||||||
|
onChange_dataPicker = (dates) => {
|
||||||
|
this.startdate = dates[0];
|
||||||
|
this.enddate = dates[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
getOrderCount() {
|
||||||
|
let url = '/service-web/QueryData/GetOrderCount'//?WebCode=cht&COLI_ApplyDate1=2022-08-01&COLI_ApplyDate2=2022-08-31&COLI_ApplyDateold1=2021-08-01&COLI_ApplyDateold2=2021-08-31';
|
||||||
|
url += '?WebCode=' + this.webcode + '&COLI_ApplyDate1=' + this.startdate.format(config.DATE_FORMAT) + '&COLI_ApplyDate2=' + this.enddate.format(config.DATE_FORMAT) + '%2023:59';
|
||||||
|
fetch(config.HT_HOST + url)
|
||||||
|
.then((response) => response.json())
|
||||||
|
.then((json) => {
|
||||||
|
this.orderCountData = json;
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.log('fetch data failed', error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export default OrdersStore;
|
export default OrdersStore;
|
||||||
@ -1,19 +1,23 @@
|
|||||||
import React, {Component} from 'react';
|
import React, {Component} from 'react';
|
||||||
|
import { observer } from 'mobx-react';
|
||||||
|
import {stores_Context} from '../config'
|
||||||
|
|
||||||
class Home extends Component {
|
class Home extends Component {
|
||||||
|
static contextType = stores_Context;
|
||||||
|
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
const {orders_store} = this.context;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
这就是一个主页
|
这就是一个主页{orders_store.webcode}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Home;
|
export default observer(Home);
|
||||||
|
|||||||
@ -1,19 +1,72 @@
|
|||||||
import React, {Component} from 'react';
|
import React, {Component} from 'react';
|
||||||
|
import {Layout, Menu, Image, Row, Col, DatePicker, Space, Button} from 'antd';
|
||||||
|
import {BrowserRouter, Route, Routes, NavLink} from "react-router-dom"
|
||||||
|
import {
|
||||||
|
HomeOutlined,
|
||||||
|
TeamOutlined,
|
||||||
|
DashboardOutlined,
|
||||||
|
SearchOutlined,
|
||||||
|
} from '@ant-design/icons';
|
||||||
|
import {stores_Context} from '../config'
|
||||||
|
import {Line} from "@ant-design/charts";
|
||||||
|
import SiteSelect from "../charts/SiteSelect";
|
||||||
|
import {observer} from 'mobx-react';
|
||||||
|
|
||||||
class Orders extends Component {
|
class Orders extends Component {
|
||||||
|
|
||||||
|
static contextType = stores_Context;
|
||||||
|
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
const {orders_store} = this.context;
|
||||||
|
const data_source = orders_store.orderCountData.ordercount1 ? orders_store.orderCountData.ordercount1 : [];
|
||||||
|
const config = {
|
||||||
|
data: data_source,
|
||||||
|
padding: 'auto',
|
||||||
|
xField: 'ApplyDate',
|
||||||
|
yField: 'orderCount',
|
||||||
|
seriesField: 'WebCode',
|
||||||
|
xAxis: {
|
||||||
|
type: 'timeCat',
|
||||||
|
},
|
||||||
|
smooth: true,
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
Orders
|
<Row>
|
||||||
|
<Col span={12}></Col>
|
||||||
|
<Col span={2}><SiteSelect/></Col>
|
||||||
|
<Col span={6}>
|
||||||
|
<DatePicker.RangePicker format={config.DATE_FORMAT}
|
||||||
|
defaultValue={[orders_store.startdate, orders_store.enddate]}
|
||||||
|
onChange={orders_store.onChange_dataPicker}/>
|
||||||
|
</Col>
|
||||||
|
<Col span={4}>
|
||||||
|
<Button type="primary" icon={<SearchOutlined/>} loading={orders_store.loading} onClick={() => {
|
||||||
|
orders_store.getOrderCount();
|
||||||
|
}}>统计</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<Row gutter={[16, {xs: 8, sm: 16, md: 24, lg: 32}]}>
|
||||||
|
|
||||||
|
<Col className="gutter-row" span={24}>
|
||||||
|
<Line {...config} />
|
||||||
|
</Col>
|
||||||
|
|
||||||
|
<Col className="gutter-row" span={24}>
|
||||||
|
表格
|
||||||
|
</Col>
|
||||||
|
|
||||||
|
</Row>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Orders;
|
export default observer(Orders);
|
||||||
|
|||||||
Binary file not shown.
Loading…
Reference in New Issue