巴林闲侠
2 years ago
10 changed files with 144 additions and 15 deletions
@ -0,0 +1,11 @@ |
|||
'use strict'; |
|||
const fs = require('fs'); |
|||
const moment = require('moment') |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
module.exports = { |
|||
|
|||
}; |
@ -0,0 +1,9 @@ |
|||
'use strict'; |
|||
|
|||
const application = require('../../controllers/application'); |
|||
|
|||
|
|||
module.exports = function (app, router, opts) { |
|||
|
|||
|
|||
}; |
@ -0,0 +1,91 @@ |
|||
import React, { useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { TreeSelect, Tree } from '@douyinfe/semi-ui'; |
|||
|
|||
|
|||
const VideoScreen = (props) => { |
|||
|
|||
const treeData = [{ |
|||
label: '全部', |
|||
value: '全部', |
|||
key: '0', |
|||
children: [{ |
|||
label: '公司', |
|||
value: '公司', |
|||
key: '0-1', |
|||
children: [ |
|||
{ |
|||
label: '大门', |
|||
value: '大门', |
|||
key: '0-1-1', |
|||
}, { |
|||
label: '机房', |
|||
value: '机房', |
|||
key: '0-1-2', |
|||
}, { |
|||
label: '后门', |
|||
value: '后门', |
|||
key: '0-1-3', |
|||
}, |
|||
] |
|||
}, { |
|||
label: '外部', |
|||
value: '外部', |
|||
key: '0-2', |
|||
children: [ |
|||
{ |
|||
label: '门口', |
|||
value: '门口', |
|||
key: '0-2-1', |
|||
}, |
|||
] |
|||
}] |
|||
}] |
|||
|
|||
|
|||
|
|||
return ( |
|||
<> |
|||
{/* 头部标题及搜索 */} |
|||
<div>智慧小蓝视频融合监管中心</div> |
|||
<div> |
|||
<div style={{ width: 200, }}> |
|||
<div>查询: |
|||
<TreeSelect |
|||
style={{ width: 150 }} |
|||
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }} |
|||
treeData={treeData} |
|||
placeholder="请选择" |
|||
multiple={true} |
|||
defaultValue={['全部']} |
|||
maxTagCount={1} |
|||
onChange={(e) => { |
|||
console.log(e) |
|||
}} |
|||
/> |
|||
</div> |
|||
|
|||
<Tree |
|||
treeData={treeData} |
|||
defaultExpandAll |
|||
style={{ width: 150 }} |
|||
/> |
|||
</div> |
|||
<div style={{flex: 1}}> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth } = state; |
|||
return { |
|||
user: auth.user, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(VideoScreen) |
Loading…
Reference in new issue