38 changed files with 660 additions and 253 deletions
|
After Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
@ -0,0 +1,2 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
@ -0,0 +1,6 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
import SetControl from './setControl'; |
||||
|
import Server from './server'; |
||||
|
import Rest from './rest'; |
||||
|
export { SetControl,Server,Rest}; |
||||
@ -0,0 +1,34 @@ |
|||||
|
import React, { useEffect } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
const Rest = (props) => { |
||||
|
const { dispatch, actions, user, loading, socket } = props |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<div> |
||||
|
<img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> |
||||
|
</div> |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, webSocket } = state; |
||||
|
return { |
||||
|
// loading: members.isRequesting, |
||||
|
// user: auth.user, |
||||
|
// actions: global.actions, |
||||
|
// members: members.data, |
||||
|
// socket: webSocket.socket |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(Rest); |
||||
@ -0,0 +1,34 @@ |
|||||
|
import React, { useEffect } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
const Server = (props) => { |
||||
|
const { dispatch, actions, user, loading, socket } = props |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<div> |
||||
|
<img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> |
||||
|
</div> |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, webSocket } = state; |
||||
|
return { |
||||
|
// loading: members.isRequesting, |
||||
|
// user: auth.user, |
||||
|
// actions: global.actions, |
||||
|
// members: members.data, |
||||
|
// socket: webSocket.socket |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(Server); |
||||
@ -0,0 +1,34 @@ |
|||||
|
import React, { useEffect } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
const SetControl = (props) => { |
||||
|
const { dispatch, actions, user, loading, socket } = props |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<div> |
||||
|
<img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> |
||||
|
</div> |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, webSocket } = state; |
||||
|
return { |
||||
|
// loading: members.isRequesting, |
||||
|
// user: auth.user, |
||||
|
// actions: global.actions, |
||||
|
// members: members.data, |
||||
|
// socket: webSocket.socket |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(SetControl); |
||||
@ -0,0 +1,15 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
import reducers from './reducers'; |
||||
|
import routes from './routes'; |
||||
|
import actions from './actions'; |
||||
|
import { getNavItem } from './nav-item'; |
||||
|
|
||||
|
export default { |
||||
|
key: 'data', |
||||
|
name: '数据', |
||||
|
reducers: reducers, |
||||
|
routes: routes, |
||||
|
actions: actions, |
||||
|
getNavItem: getNavItem |
||||
|
}; |
||||
@ -0,0 +1,37 @@ |
|||||
|
import React from 'react'; |
||||
|
import { IconCode } from '@douyinfe/semi-icons'; |
||||
|
|
||||
|
export function getNavItem (user, dispatch) { |
||||
|
return ( |
||||
|
[ |
||||
|
{ |
||||
|
itemKey: 'data', |
||||
|
text: '数据', |
||||
|
icon: <IconCode />, |
||||
|
items: [ |
||||
|
{ |
||||
|
itemKey: 'dataMonitoring', |
||||
|
text: '数据监控', |
||||
|
icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconsjjiankong"></iconpark-icon>, |
||||
|
to: '/data/dataMonitoring/dataQuery', |
||||
|
items: [{ |
||||
|
itemKey: 'dataQuery', to: '/data/dataMonitoring/dataQuery', text: '数据查询' |
||||
|
}] |
||||
|
}, { |
||||
|
itemKey: 'dataAnalysis', |
||||
|
text: '数据分析', |
||||
|
icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconsjfenxi"></iconpark-icon>, |
||||
|
to: '/data/dataAnalysis/dataComparison', |
||||
|
items: [{ |
||||
|
itemKey: 'dataComparison', to: '/data/dataAnalysis/dataComparison', text: '数据对比' |
||||
|
},{ |
||||
|
itemKey: 'dataAssociation', to: '/data/dataAnalysis/dataAssociation', text: '数据关联' |
||||
|
},{ |
||||
|
itemKey: 'notebook', to: '/data/dataAnalysis/notebook', text: 'notebook' |
||||
|
}] |
||||
|
}, |
||||
|
] |
||||
|
}, |
||||
|
] |
||||
|
); |
||||
|
} |
||||
@ -0,0 +1,5 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,42 @@ |
|||||
|
import { DataQuery, DataComparison, DataAssociation,Notebook } from './containers'; |
||||
|
|
||||
|
export default [{ |
||||
|
type: 'inner', |
||||
|
route: { |
||||
|
path: '/data', |
||||
|
key: 'data', |
||||
|
breadcrumb: '数据', |
||||
|
// 不设置 component 则面包屑禁止跳转
|
||||
|
childRoutes: [{ |
||||
|
path: '/dataMonitoring', |
||||
|
key: 'dataMonitoring', |
||||
|
breadcrumb: '数据监控', |
||||
|
childRoutes: [{ |
||||
|
path: '/dataQuery', |
||||
|
key: 'dataQuery', |
||||
|
component: DataQuery, |
||||
|
breadcrumb: '数据查询', |
||||
|
}] |
||||
|
}, { |
||||
|
path: '/dataAnalysis', |
||||
|
key: 'dataAnalysis', |
||||
|
breadcrumb: '数据分析', |
||||
|
childRoutes: [{ |
||||
|
path: '/dataComparison', |
||||
|
key: 'dataComparison', |
||||
|
component: DataComparison, |
||||
|
breadcrumb: '数据对比', |
||||
|
},{ |
||||
|
path: '/dataAssociation', |
||||
|
key: 'dataAssociation', |
||||
|
component: DataAssociation, |
||||
|
breadcrumb: '数据关联', |
||||
|
},{ |
||||
|
path: '/notebook', |
||||
|
key: 'notebook', |
||||
|
component: Notebook, |
||||
|
breadcrumb: 'notebook', |
||||
|
}] |
||||
|
}] |
||||
|
} |
||||
|
}]; |
||||
@ -0,0 +1,7 @@ |
|||||
|
#example { |
||||
|
box-shadow: 3px 3px 2px black; |
||||
|
} |
||||
|
|
||||
|
#example:hover { |
||||
|
color: yellowgreen; |
||||
|
} |
||||
@ -0,0 +1,34 @@ |
|||||
|
import React, { useEffect } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
const Set = (props) => { |
||||
|
const { dispatch, actions, user, loading, socket } = props |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<div> |
||||
|
<img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> |
||||
|
</div> |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, webSocket } = state; |
||||
|
return { |
||||
|
// loading: members.isRequesting, |
||||
|
// user: auth.user, |
||||
|
// actions: global.actions, |
||||
|
// members: members.data, |
||||
|
// socket: webSocket.socket |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(Set); |
||||
@ -0,0 +1,34 @@ |
|||||
|
import React, { useEffect } from 'react'; |
||||
|
import { connect } from 'react-redux'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
const Setup = (props) => { |
||||
|
const { dispatch, actions, user, loading, socket } = props |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<div> |
||||
|
<img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> |
||||
|
</div> |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, webSocket } = state; |
||||
|
return { |
||||
|
// loading: members.isRequesting, |
||||
|
// user: auth.user, |
||||
|
// actions: global.actions, |
||||
|
// members: members.data, |
||||
|
// socket: webSocket.socket |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(Setup); |
||||
@ -1,33 +1,56 @@ |
|||||
'use strict'; |
'use strict'; |
||||
import { Roles,System } from './containers'; |
import { Roles, System,Setup,Set } from './containers'; |
||||
|
|
||||
export default [{ |
export default [ |
||||
|
{ |
||||
type: 'inner', |
type: 'inner', |
||||
route: { |
route: { |
||||
path: '/install', |
path: '/install', |
||||
key: 'install', |
key: 'install', |
||||
breadcrumb: '设置', |
breadcrumb: '设置', |
||||
// 不设置 component 则面包屑禁止跳转
|
// 不设置 component 则面包屑禁止跳转
|
||||
childRoutes: [{ |
childRoutes: [ |
||||
|
{ |
||||
path: '/authentication', |
path: '/authentication', |
||||
key: 'authentication', |
key: 'authentication', |
||||
breadcrumb: '鉴权管理', |
breadcrumb: '鉴权管理', |
||||
childRoutes:[{ |
childRoutes: [{ |
||||
path: '/roles', |
path: '/roles', |
||||
key: 'roles', |
key: 'roles', |
||||
component: Roles, |
component: Roles, |
||||
breadcrumb: '人员及角色', |
breadcrumb: '人员及角色', |
||||
}] |
}] |
||||
},{ |
}, { |
||||
path: '/mapping', |
path: '/mapping', |
||||
key: 'mapping', |
key: 'mapping', |
||||
breadcrumb: '关系映射', |
breadcrumb: '关系映射', |
||||
childRoutes:[{ |
childRoutes: [{ |
||||
path: '/system', |
path: '/system', |
||||
key: 'system', |
key: 'system', |
||||
component: System, |
component: System, |
||||
breadcrumb: '系统映射', |
breadcrumb: '系统映射', |
||||
}] |
}] |
||||
|
},, { |
||||
|
path: '/order', |
||||
|
key: 'order', |
||||
|
breadcrumb: '工单管理', |
||||
|
childRoutes: [{ |
||||
|
path: '/setup', |
||||
|
key: 'setup', |
||||
|
component: Setup, |
||||
|
breadcrumb: '工单设置', |
||||
}] |
}] |
||||
|
}, { |
||||
|
path: '/relation', |
||||
|
key: 'relation', |
||||
|
breadcrumb: '容差管理', |
||||
|
childRoutes: [{ |
||||
|
path: '/set', |
||||
|
key: 'set', |
||||
|
component: Set, |
||||
|
breadcrumb: '容差设置', |
||||
|
}] |
||||
|
} |
||||
|
] |
||||
} |
} |
||||
}]; |
}]; |
||||
Loading…
Reference in new issue