Commit 71783b21 authored by 吴俊凯's avatar 吴俊凯

样式修改提交

parent 6544fc44
......@@ -19,6 +19,9 @@
width: 35px;
margin-bottom: 10px;
}
content {
color: black;
}
}
.point-details-monitor {
......@@ -48,7 +51,7 @@
.carousel-img {
width: 100%;
height: 100%;
padding: 5px
padding: 5px;
}
.carousel-indicators {
......@@ -79,7 +82,6 @@
border-radius: 0 4px 4px 0;
}
.carousel-center-bar {
position: relative;
height: 100%;
......@@ -110,7 +112,7 @@
display: inline;
font-size: 7px;
line-height: 40px;
color: $biz-table-font-color;//white;
color: $biz-table-font-color; //white;
.colTitle {
padding-left: 8px;
......@@ -135,9 +137,9 @@
.colTitle {
float: left;
width: 131px;//9.84%;
width: 131px; //9.84%;
height: 40px;
background: $biz-table-title-color;//#333;
background: $biz-table-title-color; //#333;
border-left: 1px solid $core-border-color;
box-sizing: border-box;
flex: 1;
......@@ -145,40 +147,40 @@
.colValue {
float: left;
width: 131px;//9.83%;
width: 131px; //9.83%;
height: 40px;
background: $content-color;//rgb(97, 96, 96);
background: $content-color; //rgb(97, 96, 96);
flex: 1;
border-left: 1px solid $core-border-color;
}
}
.point-dialog-modal{
.point-dialog-modal {
width: 100%;
height: 100%;
.amos-modal-container{
.amos-modal-container {
// width: 310px !important;
.amos-modal-close{
.amos-modal-close {
color: white;
background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
.amos-modal-close-x{
.amos-modal-close-x {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.amos-modal-header{
.amos-modal-header {
background: $model-header-color-3d;
height: 30px;
padding: 0;
.amos-modal-title{
.amos-modal-title {
line-height: 30px;
padding-left: 9px;
}
}
.amos-modal-content{
.amos-modal-content {
padding: 0;
.point-dialog-body{
.point-dialog-body {
.point-dialog-modal-row {
display: flex;
background: $model-body-color-3d;
......@@ -201,52 +203,51 @@
}
}
}
}
}
.risk-warn-modal{
.risk-warn-modal {
height: 100%;
.amos-modal-container{
.amos-modal-container {
width: 740px !important;
.amos-modal-close{
.amos-modal-close {
color: white;
background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
.amos-modal-close-x{
.amos-modal-close-x {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.amos-modal-header{
.amos-modal-header {
background: $model-header-color-3d;
height: 30px;
padding: 0;
.amos-modal-title{
.amos-modal-title {
line-height: 30px;
padding-left: 9px;
}
}
.amos-modal-content{
.amos-modal-content {
padding: 1rem 2rem 2rem 2rem;
max-height: 45rem;
.risk-warn{
.risk-warn-header{
.risk-warn {
.risk-warn-header {
padding-bottom: 1rem;
padding-top: 0.5rem;
padding-left: 0.5rem;
border: 1px solid $core-border-color;
margin-bottom: 1rem;
}
.risk-warn-table{
.ant-table-title{
.risk-warn-table {
.ant-table-title {
display: none;
}
.ant-table-body{
.ant-table-body {
max-height: 35rem !important;
}
}
.risk-warn-content{
.risk-warn-content {
padding-bottom: 2rem;
border: 1px solid $core-border-color;
margin-top: 1rem;
......@@ -256,34 +257,34 @@
}
}
.risk-warn-toast{
.risk-warn-toast {
width: 740px;
.amos-toast-inner-content{
.amos-toast-inner-title{
.amos-toast-inner-content {
.amos-toast-inner-title {
width: 100%;
height: 31px;
background: $model-header-color-3d;
line-height: 31px;
padding-left: 9px;
}
.amos-toast-inner-content{
.risk-warn{
.risk-warn-header{
.amos-toast-inner-content {
.risk-warn {
.risk-warn-header {
padding-bottom: 1rem;
padding-top: 0.5rem;
padding-left: 0.5rem;
border: 1px solid $core-border-color;
margin-bottom: 1rem;
}
.risk-warn-table{
.ant-table-title{
.risk-warn-table {
.ant-table-title {
display: none;
}
.ant-table-body{
.ant-table-body {
max-height: 35rem !important;
}
}
.risk-warn-content{
.risk-warn-content {
padding-bottom: 2rem;
border: 1px solid $core-border-color;
margin-top: 1rem;
......@@ -291,10 +292,10 @@
}
}
}
.amos-toast-inner-close{
.amos-toast-inner-close {
color: white;
top: 22px;
i{
i {
padding: 9px;
background: red;
}
......
......@@ -173,7 +173,6 @@
opacity: 1 !important;
}
}
.amos-cardpane {
&.amos-cardpane-bordered {
&.amos-cardpane-animate {
......@@ -201,4 +200,10 @@
}
}
}
.porint-title {
color: black;
background: transparent;
height: '100%';
width: '100%';
}
}
......@@ -47,7 +47,7 @@ class Picture extends Component {
{ imgs.length === 0 &&
<div className="points-details-empty" style={emptyStyle}>
<img src={imgStatic.datapane.smilingFace} style={imgStyle} alt="" />
<p>暂无图片</p>
<p className="content">暂无图片</p>
</div>
}
</div>
......
......@@ -281,9 +281,9 @@ class PointInfo extends Component {
const { goBackAction } = this.props;
const { name, no, realName, checkType, groupName } = pointDetail || {};
let pointName = name + '(' + no + ')';
let reactNodespan = React.createElement('span', { style: { color: 'black', backgroundColor: 'transparent' }, height: '100%', width: '100%' }, pointName);
let reactNodespan = React.createElement('span', {className:'porint-title'},pointName);
//设置复选框参数
//设置复选框参数 { style: { color: 'black', backgroundColor: 'transparent' }, height: '100%', width: '100%' }
let rowSelection = {
selectedRowKeys: selectedRowKeys,
onChange: this.onSelectChange
......
......@@ -817,7 +817,7 @@ carousel-content {
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row {
height: 40%;
height: 37%;
margin: 10px;
color: white;
background: rgba(255, 255, 255, 0);
......@@ -881,7 +881,10 @@ carousel-content {
background: rgba(255, 255, 255, 0);
border-color: #143c70;
}
.point-view .create-device-root .create-device-host-bottom .device-list-content .ant-table-header {
border-top: 1px solid #143c70;
border-left: 1px solid #143c70;
}
.point-view .create-device-root .create-device-host-top {
width: 100%;
height: 40px;
......@@ -1000,7 +1003,7 @@ carousel-content {
background: inherit;
background-color: rgba(255, 255, 255, 0);
border-radius: 0 0 0 0;
border-color: #ddddde;
border-color: #143c70;
font-size: 18px;
color: white;
text-align: left;
......@@ -1045,7 +1048,7 @@ carousel-content {
background: rgba(255, 255, 255, 0);
border-top: 2px solid #143c70;
border-bottom: 1px solid #143c70;
border-left: 24px solid #143c70;
border-left: 1px solid #143c70;
}
.pointinfo-content .col_groupcolor4 {
width: 8%;
......@@ -1486,3 +1489,61 @@ li.ant-calendar-time-picker-select-option-selected {
.important-equipment .ant-table-tbody .normal-row {
background: transparent !important;
}
.ant-select-dropdown .ant-select-dropdown-menu-item,
.ant-select-tree li .ant-select-tree-node-content-wrapper,
.ant-select-tree li .ant-select-tree-switcher_open,
.ant-select-tree li .ant-select-tree-switcher_close,
.ant-dropdown-menu .ant-dropdown-menu-item,
.ui-menu .ui-menu-item {
color: white;
background: rgba(27, 52, 87);
}
.pointinfo-content .porint-title {
color: white;
background: transparent;
height: '100%';
width: '100%';
}
.ant-fullcalendar {
font-size: 12px;
line-height: 1.5;
outline: none;
border-top: 1px solid #143c70;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
thead
> tr
> th {
line-height: 40px;
color: white;
background: #345fa6;
border: 1px solid #143c70;
}
.checkDetail-root .check-header .check-detail-header {
width: 100%;
float: left;
color: white;
background: #143c70;
padding-left: 10px;
text-align: left;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-content .ant-table-header {
border-top: 1px solid #143c70;
border-left: 1px solid #143c70;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-content .ant-table-body {
border-left: 1px solid #143c70;
}
.checkDetail-root .content-parent .content {
float: left;
width: 70%;
padding-top: 10px;
padding-left: 10px;
color: white;
}
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