Commit 0ce0cd33 authored by 单奇雲's avatar 单奇雲

Merge branch 'developer' of http://172.16.10.76/station/amos-station-module-view into developer

parents 882454f3 5679d8dd
...@@ -84,7 +84,6 @@ ...@@ -84,7 +84,6 @@
} }
// 左侧树 // 左侧树
.leftTree { .leftTree {
position: absolute; position: absolute;
...@@ -114,6 +113,8 @@ ...@@ -114,6 +113,8 @@
color: #F0DF2D; color: #F0DF2D;
} }
.leftSearch { .leftSearch {
height: 33px; height: 33px;
line-height: 33px; line-height: 33px;
...@@ -260,3 +261,25 @@ ...@@ -260,3 +261,25 @@
left: 50%; left: 50%;
} }
} }
.amos-select-options{
.selectOption{
color:#fff;
background-color: rgba(10, 53, 62, 0.8);
}
.selectOption:hover{
color:#F0DF2D;
background-color: rgba(10, 53, 62, 0.8)
}
}
// .rayd-modal{
// background-color: rgba(25, 86, 147, 0.6) !important;
// .amos-alert-head{
// color:#fff
// }
// .rayd-content{
// color: #fff !important;
// }
// }
...@@ -10,7 +10,39 @@ ...@@ -10,7 +10,39 @@
background-size: 100% 100%; background-size: 100% 100%;
z-index: 99; z-index: 99;
} }
// .ant-calendar{
// background-color: #13428f !important;
// border:none !important;
// .ant-calendar-input{
// background-color: #13428f !important;
// }
// }
.amos-popover-content{
::-webkit-scrollbar { /* 血槽宽度 */
width:5px;
height: 5px;
background-color: rgba(10, 53, 62, 1);
border-radius: 5px;
}
::-webkit-scrollbar-thumb { /* 拖动条 */
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.4);
}
::-webkit-scrollbar-track { /* 背景槽 */
background-color:rgba(17, 44, 88, 0.2);
}
.amos-select-options{
.modalSelectOption{
color:#fff;
background-color: #13428f;
}
.modalSelectOption:hover{
color:#F0DF2D;
background-color: #13428f
}
}
}
.search-pane{ .search-pane{
position: absolute !important; position: absolute !important;
right: 20px !important; right: 20px !important;
...@@ -30,8 +62,8 @@ ...@@ -30,8 +62,8 @@
width: 30px; width: 30px;
height: 30px; height: 30px;
right: 0; right: 0;
background-image: linear-gradient(0deg, background-image: linear-gradient(0deg,
#eb0404 0%, #eb0404 0%,
#ff0057 100%); #ff0057 100%);
opacity: 0.6; opacity: 0.6;
text-align: center; text-align: center;
...@@ -123,7 +155,7 @@ ...@@ -123,7 +155,7 @@
.ant-calendar-picker-icon:after{ .ant-calendar-picker-icon:after{
color: white; color: white;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: white; color: white;
} }
...@@ -145,7 +177,7 @@ ...@@ -145,7 +177,7 @@
.ant-table-thead { .ant-table-thead {
} }
.ant-table-content { .ant-table-content {
...@@ -162,22 +194,22 @@ ...@@ -162,22 +194,22 @@
top: 55px; top: 55px;
border: none !important; border: none !important;
} }
.ant-table-body { .ant-table-body {
color: white; color: white;
max-height: 500px !important ; max-height: 500px !important ;
min-height: 500px !important ; min-height: 500px !important ;
overflow-y: auto !important; overflow-y: auto !important;
overflow-x: hidden; overflow-x: hidden;
background:transparent!important; background:transparent!important;
border:1px solid rgba(234,234,234,0.3); border:1px solid rgba(234,234,234,0.3);
table { table {
border-color: transparent !important; border-color: transparent !important;
td { td {
border:1px solid rgba(234,234,234,0.3) !important; border:1px solid rgba(234,234,234,0.3) !important;
} }
th { th {
...@@ -186,7 +218,7 @@ ...@@ -186,7 +218,7 @@
} }
} }
} }
.ant-table-placeholder{ .ant-table-placeholder{
background:transparent!important; background:transparent!important;
color: white; color: white;
...@@ -200,7 +232,7 @@ ...@@ -200,7 +232,7 @@
text-align: center; text-align: center;
} }
.ant-table-thead > tr.ant-table-row-hover > td, .ant-table-tbody > tr.ant-table-row-hover > td, .ant-table-thead > tr:hover > td, .ant-table-tbody > tr:hover > td { .ant-table-thead > tr.ant-table-row-hover > td, .ant-table-tbody > tr.ant-table-row-hover > td, .ant-table-thead > tr:hover > td, .ant-table-tbody > tr:hover > td {
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
} }
...@@ -228,8 +260,8 @@ ...@@ -228,8 +260,8 @@
} }
} }
} }
.ant-table-pagination { .ant-table-pagination {
...@@ -260,4 +292,6 @@ ...@@ -260,4 +292,6 @@
} }
} }
// } // }
} }
\ No newline at end of file
...@@ -191,15 +191,16 @@ class PointLeftTree extends Component { ...@@ -191,15 +191,16 @@ class PointLeftTree extends Component {
<div className='leftContainer'> <div className='leftContainer'>
<div className='topForm'> <div className='topForm'>
{(pointType!='') && {(pointType!='') &&
<Select onChange={this.onSelectChange} defaultValue={pointType} value={pointType} className='leftSelect'> <Select onChange={this.onSelectChange} defaultValue={pointType} value={pointType} className='leftSelect'>
{ {
pointTypeArr.map(item => { pointTypeArr.map(item => {
return (<Option value={item.code} >{item.name}</Option>) return (<Option className='selectOption' value={item.code} >{item.name}</Option>)
}) })
} }
</Select> </Select>
}
}
<Search className='leftSearch' icon="search" onChange={this.onSearchChange} onIconClick={this.onSearchChange} /> <Search className='leftSearch' icon="search" onChange={this.onSearchChange} onIconClick={this.onSearchChange} />
</div> </div>
<div className='treeBox'> <div className='treeBox'>
......
...@@ -128,7 +128,7 @@ class SearchPane extends Component { ...@@ -128,7 +128,7 @@ class SearchPane extends Component {
} }
} }
/** /**
* 获取表格刷新方法 * 获取表格刷新方法
*/ */
...@@ -186,7 +186,7 @@ class SearchPane extends Component { ...@@ -186,7 +186,7 @@ class SearchPane extends Component {
searchParam.title = item.value; searchParam.title = item.value;
} else if (item.name === 'time') { } else if (item.name === 'time') {
searchParam.time = item.value; searchParam.time = item.value;
} }
}); });
msgAction(searchParam, this.pageConfig.current, this.pageConfig.pageSize).then(d => { msgAction(searchParam, this.pageConfig.current, this.pageConfig.pageSize).then(d => {
this.setState({msgDataList:d.content,totalCount: d.totalElements}); this.setState({msgDataList:d.content,totalCount: d.totalElements});
...@@ -220,7 +220,7 @@ class SearchPane extends Component { ...@@ -220,7 +220,7 @@ class SearchPane extends Component {
}); });
searchAction(inputText, dataLevel, orgCode, nodeState, protectObjName, routeName, type, this.pageConfig.current, this.pageConfig.pageSize).then(d => { searchAction(inputText, dataLevel, orgCode, nodeState, protectObjName, routeName, type, this.pageConfig.current, this.pageConfig.pageSize).then(d => {
this.setState({ this.setState({
dataList: d.content , dataList: d.content ,
totalCount: d.totalElements, totalCount: d.totalElements,
}) })
...@@ -266,7 +266,7 @@ class SearchPane extends Component { ...@@ -266,7 +266,7 @@ class SearchPane extends Component {
<div className="search-pane-close" onClick={this.props.changeSearchPaneVisible()}> <div className="search-pane-close" onClick={this.props.changeSearchPaneVisible()}>
<Icon icon="close" /> <Icon icon="close" />
</div> </div>
<Tabs <Tabs
activeKey={activeKey} activeKey={activeKey}
onChange={(index, key) => this.onTabClick(key)} onChange={(index, key) => this.onTabClick(key)}
// destroyContent // destroyContent
...@@ -282,7 +282,7 @@ class SearchPane extends Component { ...@@ -282,7 +282,7 @@ class SearchPane extends Component {
<AmosGridTable <AmosGridTable
rowKey="id" rowKey="id"
columns={getColumns(this,retrieveType)} columns={getColumns(this,retrieveType)}
getTableDataAction={()=>{}} getTableDataAction={()=>{}}
callBack={this.reload} callBack={this.reload}
isPageable = {true} isPageable = {true}
setPageConfig={this.setPageConfig} setPageConfig={this.setPageConfig}
...@@ -292,13 +292,13 @@ class SearchPane extends Component { ...@@ -292,13 +292,13 @@ class SearchPane extends Component {
totals={totalCount} totals={totalCount}
onRowDoubleClick={this.onRetrieveRowDoubleClick} onRowDoubleClick={this.onRetrieveRowDoubleClick}
getTableDataAction={this.fetchRetrieveData} getTableDataAction={this.fetchRetrieveData}
/> />
{/* </div> */} {/* </div> */}
</TabPanel> </TabPanel>
<TabPanel activeKey="message"> <TabPanel activeKey="message">
<AmosGridTable <AmosGridTable
columns={getMsgColumns()} columns={getMsgColumns()}
getTableDataAction={()=>{}} getTableDataAction={()=>{}}
callBack={this.reload} callBack={this.reload}
isPageable = {true} isPageable = {true}
setPageConfig={this.setPageConfig} setPageConfig={this.setPageConfig}
...@@ -306,12 +306,12 @@ class SearchPane extends Component { ...@@ -306,12 +306,12 @@ class SearchPane extends Component {
dataList={msgDataList} dataList={msgDataList}
totals={totalCount} totals={totalCount}
getTableDataAction={this.fetchMsgData} getTableDataAction={this.fetchMsgData}
/> />
</TabPanel> </TabPanel>
<TabPanel activeKey="record"> <TabPanel activeKey="record">
<AmosGridTable <AmosGridTable
columns={getRecordColumns()} columns={getRecordColumns()}
getTableDataAction={()=>{}} getTableDataAction={()=>{}}
callBack={this.reload} callBack={this.reload}
isPageable = {true} isPageable = {true}
setPageConfig={this.setPageConfig} setPageConfig={this.setPageConfig}
...@@ -319,12 +319,12 @@ class SearchPane extends Component { ...@@ -319,12 +319,12 @@ class SearchPane extends Component {
dataList={recordDataList} dataList={recordDataList}
totals={totalCount} totals={totalCount}
getTableDataAction={this.fetchRecordData} getTableDataAction={this.fetchRecordData}
/> />
</TabPanel> </TabPanel>
<TabPanel activeKey="trajectory"> <TabPanel activeKey="trajectory">
<AmosGridTable <AmosGridTable
columns={getTrajectoryColumns()} columns={getTrajectoryColumns()}
getTableDataAction={()=>{}} getTableDataAction={()=>{}}
callBack={this.reload} callBack={this.reload}
isPageable = {true} isPageable = {true}
setPageConfig={this.setPageConfig} setPageConfig={this.setPageConfig}
...@@ -332,7 +332,7 @@ class SearchPane extends Component { ...@@ -332,7 +332,7 @@ class SearchPane extends Component {
dataList={trajectoryDataList} dataList={trajectoryDataList}
totals={totalCount} totals={totalCount}
getTableDataAction={this.fetchTrajectoryData} getTableDataAction={this.fetchTrajectoryData}
/> />
</TabPanel> </TabPanel>
</Tabs> </Tabs>
</SidePane>} </SidePane>}
......
...@@ -107,7 +107,7 @@ class paramsHeader extends Component { ...@@ -107,7 +107,7 @@ class paramsHeader extends Component {
this.setState({ filter }, this.props.paramsOnChange(filter)); this.setState({ filter }, this.props.paramsOnChange(filter));
} }
} }
paramsTypeonChange = (name,value,type,key) => { paramsTypeonChange = (name,value,type,key) => {
let {recordFilter} = this.state; let {recordFilter} = this.state;
if(name === 'checkTime'){ if(name === 'checkTime'){
...@@ -148,8 +148,8 @@ class paramsHeader extends Component { ...@@ -148,8 +148,8 @@ class paramsHeader extends Component {
key="searchType" key="searchType"
style={selectStyle} style={selectStyle}
data={bizControlsTypes} data={bizControlsTypes}
renderOption={item => <Option key={item.key} value={item.key}>{item.label}</Option>} renderOption={item => <Option className='modalSelectOption' key={item.key} value={item.key}>{item.label}</Option>}
defaultOption={<Option>全部</Option>} defaultOption={<Option className='modalSelectOption'>全部</Option>}
onChange={this.onSearchTypeChange} onChange={this.onSearchTypeChange}
/> />
<div className="params-input" style={inputStyle}> <div className="params-input" style={inputStyle}>
...@@ -162,24 +162,24 @@ class paramsHeader extends Component { ...@@ -162,24 +162,24 @@ class paramsHeader extends Component {
<img className="params-input-img" src={imgStatic.datapane.searchPane} alt="" onClick={() => this.props.paramsOnChange(filter)}/> <img className="params-input-img" src={imgStatic.datapane.searchPane} alt="" onClick={() => this.props.paramsOnChange(filter)}/>
</div> </div>
{ {
showRiskLevel && showRiskLevel &&
<Select <Select
key="searchLevel" key="searchLevel"
style={levelStyle} style={levelStyle}
data={riskSourceLevel} data={riskSourceLevel}
renderOption={item => <Option key={item.key} value={item.key}>{item.label}</Option>} renderOption={item => <Option className='modalSelectOption' key={item.key} value={item.key}>{item.label}</Option>}
defaultOption={<Option>全部</Option>} defaultOption={<Option className='modalSelectOption'>全部</Option>}
onChange={(v) => this.onPamarmsChange('dataLevel',v)} onChange={(v) => this.onPamarmsChange('dataLevel',v)}
/> />
} }
{ {
showImpEquiList && showImpEquiList &&
<Select <Select
key="implSelect" key="implSelect"
style={implStyle} style={implStyle}
data={impEquiList} data={impEquiList}
renderOption={item => <Option key={item.name} value={item.name}>{item.name}</Option>} renderOption={item => <Option className='modalSelectOption' key={item.name} value={item.name}>{item.name}</Option>}
defaultOption={<Option>全部</Option>} defaultOption={<Option className='modalSelectOption'>全部</Option>}
onChange={(v) => this.onPamarmsChange('impEquipment',v)} onChange={(v) => this.onPamarmsChange('impEquipment',v)}
/> />
} }
...@@ -194,8 +194,8 @@ class paramsHeader extends Component { ...@@ -194,8 +194,8 @@ class paramsHeader extends Component {
key="messageType" key="messageType"
style={selectStyle} style={selectStyle}
data={MsgTypeEnum} data={MsgTypeEnum}
renderOption={item => <Option key={item.id} value={item.id}>{item.name}</Option>} renderOption={item => <Option className='modalSelectOption' key={item.id} value={item.id}>{item.name}</Option>}
defaultOption={<Option>类别</Option>} defaultOption={<Option className='modalSelectOption'>类别</Option>}
onChange={(v) => this.onPamarmsChange('type', v)} onChange={(v) => this.onPamarmsChange('type', v)}
/> />
<div className="params-input" style={inputStyle}> <div className="params-input" style={inputStyle}>
...@@ -258,8 +258,8 @@ class paramsHeader extends Component { ...@@ -258,8 +258,8 @@ class paramsHeader extends Component {
key="statusSel" key="statusSel"
style={selectStyle} style={selectStyle}
data={statusList} data={statusList}
renderOption={item => <Option key={item.code} value={item.code}>{item.name}</Option>} renderOption={item => <Option className='modalSelectOption' key={item.code} value={item.code}>{item.name}</Option>}
defaultOption={<Option>全部</Option>} defaultOption={<Option className='modalSelectOption'>全部</Option>}
onChange={(v) => this.paramsTypeonChange('isOK', v , SingleQueryEnum.EQUAL)} onChange={(v) => this.paramsTypeonChange('isOK', v , SingleQueryEnum.EQUAL)}
/> />
<div className="params-input" style={inputStyle}> <div className="params-input" style={inputStyle}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment