Skip to content

S
station-elec-manage-view
Commit bc4fd844 authored by zhengjiangtao's avatar zhengjiangtao
Browse files
Options

修改风险管控弹出框bug

parent 54590b1f
Show whitespace changes
Inline Side-by-side
Showing with 240 additions and 82 deletions
src/styles/view/monitor/homePage.scss
View file @ bc4fd844
......@@ -148,40 +148,216 @@
height: 87%
}
}
.sou{
height: 10%;
width: 100%;
display: flex;
top: -2%;
position: relative;
.search-one {
height: 100%;
width: 30%;
position: relative;
text-align: center;
/* vertical-align: middle; */
top: 29%;
.search-one-button{
background-image: url('/src/assets/safetyManage/sousuo.png');
background-repeat: no-repeat !important;
right: 26%;
height: 20px;
position: relative;
width: 20px;
/* margin-top: 10%; */
margin-top: -1%;
float: right;
/* padding-left: 8%; */
top: 11%;
}
.search-one-input{
width: 100%;
.ant-input-affix-wrapper .ant-input-suffix{
position: absolute;
padding-right: 24px;
top: 50%;
transform: translateY(-50%);
line-height: 0;
color: rgba(0, 0, 0, 0.65);
}
.ant-input-affix-wrapper {
padding: 0;
margin: 0;
font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-variant: tabular-nums;
line-height: 1.5;
color: rgba(0, 0, 0, 0.65);
list-style: none;
box-sizing: border-box;
position: relative;
display: inline-block;
width: 50;
padding-left: 24px;
padding-right: 24px;
}
.amos-popover-content {
.ant-input-search {
.anticon-search {
&::before {
position: relative;
display: inline-block;
background: url('/src/assets/safetyManage/sousuo.png') no-repeat;
width: 20px;
height: 20px;
background-size: 100% 100%;
background: rgba(3, 111, 199, 0.842)!important;
border:1px solid rgba(240,242,243,1)!important;
}
top: 0px;
content: '' !important;
}
}
}
.inputxq{
float: left;
width: 24%;
.amos-std-form.amos-std-form-right .amos-std-form-label {
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 26px;
color: rgba(240,242,243,1);
.ant-input {
// width: 10.7rem;
height: 30px;
// position: relative;
font-size:10px;
font-family:Microsoft YaHei;
font-weight:bold;
// line-height:50px;
color:rgba(225,231,232,1);
-webkit-text-stroke:1 rgba(0,0,0,0.00);
text-stroke:1 rgba(0,0,0,0.00);
opacity:1;
background: rgba(0,185,255,0.3) !important;
border-radius: 17px;
left: 34%;
.anticon:before {
margin-top: 1px;
}
border-color:rgba(0,185,255,0.3)
}
}
}
.search-two {
height: 100%;
width: 30%;
// border:2px solid red;
left: 2%;
position: relative;
top: 29%;
.amos-popover-trigger {
border-color:rgba(0,185,255,0.3);
font-size:10px;
font-family:Microsoft YaHei;
font-weight:bold;
// line-height:50px;
color:rgba(225,231,232,1);
-webkit-text-stroke:1 rgba(0,0,0,0.00);
text-stroke:1 rgba(0,0,0,0.00);
opacity:1;
width: 74%;
}
.aficon-down:before {
position: relative;
display: inline-block;
background: url('/src/assets/safetyManage/xiangxia.png') no-repeat;
width: 20px;
height: 20px;
background-size: 100% 100%;
top: 4px;
content: '' !important;
}
}
.search-three {
position: relative;
height: 100%;
width: 41%;
top: 29%;
margin-left: -3%;
.ant-calendar-picker {
width: 36% !important
}
.ant-calendar-picker-input{
background-color: rgba(0,185,255,0.3);
border-color:rgba(0,185,255,0.3)
}
.ant-input {
color: rgba(240,242,243,1);
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 26px;
font-size:10px;
font-family:Microsoft YaHei;
font-weight:bold;
// line-height:50px;
color:rgba(225,231,232,1);
-webkit-text-stroke:1 rgba(0,0,0,0.00);
text-stroke:1 rgba(0,0,0,0.00);
border-radius: 17px;
width: 102%;
}
.amos-select-title {
color: rgba(240,242,243,1);
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 32px;
.ant-calendar-picker-icon:after {
position: relative;
display: inline-block;
background: url('/src/assets/safetyManage/rjd.png') no-repeat;
background-size: 100% 100%;
width: 18px;
height: 20px;
bottom: 4px;
right: -2px;
content: '' !important;
}
.three-font {
font-size:15px;
font-family:Microsoft YaHei;
font-weight:400;
line-height: 23px;
color:rgba(255,255,255,1);
}
.ant-calendar-picker-icon{
// background-image: url('/src/assets/safetyManage/sousuo.png');
// background-repeat: no-repeat !important;
border-color:rgba(0,185,255,0.3)
}
}
}
.amos-popover-content {
background: rgba(3, 111, 199, 0.842)!important;
border:1px solid rgba(240,242,243,1)!important;
}
.amos-select-dropdown {
background-color:rgba(0,185,255,0.3);
opacity:1;
......@@ -232,31 +408,7 @@
}
}
.inputxq1{
margin-left: 2%;
float: left;
width: 24%;
.amos-std-form-content{
width: 100%;
}
.amos-search{
width: 80%;
}
.amos-search-inner{
background-color:rgba(0,185,255,0.3);
opacity:1;
border-radius: 17px;
height: 34px;
}
.amos-search-inner{
color: rgba(240,242,243,1);
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 26px;
}
}
.risk-model-model99{
......
src/view/monitor/statistical/RiskControlTable.js
View file @ bc4fd844
......@@ -3,13 +3,15 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Form, Input, Select, Radio,StdForm ,Search,Icon,AmosAlert} from 'amos-framework';
import { Form, Select, Radio,StdForm ,Icon,AmosAlert} from 'amos-framework';
import { TreeSelect, DatePicker } from 'amos-antd';
import { Input, Button } from 'amos-antd';
import moment from 'moment';
import InputTable from './InputTable';
import { SingleTable } from 'amos-pro';
const FormItem = Form.Item;
const Option = Select.Option;
const Search = Input.Search;
const tableList1 = [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10,age1: 30, address: '10' } ,
......@@ -53,15 +55,15 @@ const data = [
title: '换流站',
dataIndex: 'name',
key: 'name',
width: '10%',
width: '20%',
query: true,
},
{
title: '一级',
title: <div style={{"color":"#48E0FF"}}>一级</div>,
dataIndex: 'sex',
key: 'sex',
width: '9%',
width: '15%',
query: true,
required: true, //是否是默认显示的
render: (text,record) => {
......@@ -73,10 +75,10 @@ const data = [
},
{
title: '二级',
title: <div style={{"color":"#F1F10C"}}>二级</div>,
dataIndex: 'age',
key: 'age',
width: '10%',
width: '15%',
query: true,
required: true, //是否是默认显示的
render: (text,record) => {
......@@ -86,10 +88,10 @@ const data = [
},
{
title: '三级',
title: <div style={{"color":"#FF8000"}}>三级</div>,
dataIndex: 'address',
key: 'address',
width: '10%',
width: '15%',
query: true,
required: true, //是否是默认显示的
render: (text,record) => {
......@@ -98,12 +100,12 @@ const data = [
}
},
{
title: '四级',
title: <div style={{"color":"#FC2F1E"}}>四级</div>,
dataIndex: 'id',
key: 'id',
query: true,
required: true, //是否是默认显示的
width: '10%',
width: '15%',
render: (text,record) => {
return <p className="si">{text}</p> ;
......@@ -116,7 +118,7 @@ const data = [
query: true,
st: 'text', //搜索的类型
width: '10%'
width: '20%'
}
];
......@@ -155,7 +157,7 @@ class RiskControlTable extends Component {
};
componentWillReceiveProps = (nextProps) => {
debugger
if (nextProps.refresh){
this.setState({ name:"" });
......@@ -191,6 +193,10 @@ class RiskControlTable extends Component {
this.setState({ totals:5});
}
onOk=(value) =>{
console.log('onOk: ', value);
}
......@@ -203,12 +209,10 @@ class RiskControlTable extends Component {
onChange1 = (e, value) => {
debugger
this.setState({ name:value });
}
onChange = (key, value) => {
debugger
if(key==='startTime'){
this.setState({ startTime: moment(value).format('YYYY-MM-DD')});
}else if(key==='endTime'){
......@@ -219,6 +223,10 @@ class RiskControlTable extends Component {
}
SearchChange = (value) => {
alert(value)
}
// renderEndTime(type) {
// debugger
......@@ -275,62 +283,60 @@ class RiskControlTable extends Component {
render() {
const { dataList,totals ,name,grade,endTime,startTime} = this.state;
debugger
return (
<div className="souh" >
<div className="sou">
<div className="inputxq1">
<StdForm >
<Search value={name} className="input_item_select" icon={<Icon icon='search' onClick={ this.onIconClick1} />} onChange={ this.onChange1} />
<div className="search-one">
{/* <div className="search-one-button" onClick={this.searchData} /> */}
<div className="search-one-input">
<Search placeholder="搜索" onSearch={this.SearchChange} />
</div>
</StdForm>
</div>
<div className="inputxq">
<StdForm >
<Select
<div className="search-two" >
<Select className="search-select-style"
data={data}
value={grade}
renderOption={item => <Option value={item.id}>{item.name}</Option>}
onChange={(value4) => { this.onChange('grade', value4); }}
/>
</StdForm>
</div>
<div className="inputxq">
<StdForm label="日期">
</div>
<div className="search-three">
<span className="three-font">日期:&nbsp;&nbsp;</span>
<DatePicker
placeholder="年-月-日"
format="YYYY-MM-DD"
className="input_item_select"
value={moment(startTime)}
style={{width:'37%'}}
onChange={ e => this.onChange('startTime', e) }
allowClear={false}
/>
</StdForm>
</div>
<div className="inputxq">
<StdForm label="至">
{/* <DatePicker defaultValue={moment('2015/01/01', dateFormat)} format={dateFormat} /> */}
&nbsp;&nbsp;<font style={{color:'#5FFFFD'}}>一</font>&nbsp;&nbsp;
<DatePicker
placeholder="年-月-日"
value={moment(endTime)}
format="YYYY-MM-DD"
className="input_item_select"
onChange={ e => this.onChange('endTime', e)}
style={{width:'37%'}}
allowClear={false}
/>
</div>
</StdForm>
</div>
</div>
<div className="inputxqtable">
<InputTable
......
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