|
@@ -12,13 +12,129 @@
|
|
|
}
|
|
|
}
|
|
|
*/
|
|
|
+/* flex布局 */
|
|
|
+.u-flex,
|
|
|
+.u-flex-jac,
|
|
|
+.u-flex-jab,
|
|
|
+.u-flex-jaa,
|
|
|
+.u-flex-cjac,
|
|
|
+.u-flex-cjab {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.fd-column,
|
|
|
+.u-flex-cjac,
|
|
|
+.u-flex-cjab {
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.jc-center,
|
|
|
+.u-flex-jac,
|
|
|
+.u-flex-cjac {
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.jc-sb,
|
|
|
+.u-flex-jab,
|
|
|
+.u-flex-cjab {
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.jc-sa,
|
|
|
+.u-flex-jaa {
|
|
|
+ justify-content: space-around;
|
|
|
+}
|
|
|
+.jc-start {
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+.jc-end {
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+.ai-center,
|
|
|
+.u-flex-jab,
|
|
|
+.u-flex-jac,
|
|
|
+.u-flex-jaa,
|
|
|
+.u-flex-cjac {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.ai-start {
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+.ai-end {
|
|
|
+ align-items: flex-end;
|
|
|
+}
|
|
|
+.ai-stretch {
|
|
|
+ align-items: stretch;
|
|
|
+}
|
|
|
+.f1 {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.f-auto {
|
|
|
+ flex: auto;
|
|
|
+}
|
|
|
/**IoT TPM相关 修改框架 */
|
|
|
-.iotmenu-content-container .iotmenu-content-layout {
|
|
|
+/** 布局设置 */
|
|
|
+.iotmenu {
|
|
|
+ display: block !important;
|
|
|
+ height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #EDEDED !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header {
|
|
|
+ background: transparent;
|
|
|
+ height: 56px !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .header {
|
|
|
+ background-color: #fff !important;
|
|
|
+ color: #000000 !important;
|
|
|
+ box-shadow: 0 2px 4px 0 rgba(50, 50, 51, 0.5) !important;
|
|
|
+ z-index: 999 !important;
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .iotmenu-header {
|
|
|
+ height: 56px !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .iotmenu-header .top-line {
|
|
|
+ width: 100%;
|
|
|
+ height: 8px;
|
|
|
+ background: linear-gradient(90deg, #019ff3, #004280);
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-content {
|
|
|
+ height: 48px !important;
|
|
|
+ line-height: 48px !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-content .user-wrapper .avatar {
|
|
|
+ margin: 0 10px 0 0 !important;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-header .iotmenu-header .iotmenu-header-text {
|
|
|
+ font-size: 23px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #004280;
|
|
|
+ letter-spacing: 1px;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-content {
|
|
|
+ display: flex !important;
|
|
|
+ height: calc(100vh - 56px) !important;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-content .ant-layout-sider {
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.iotmenu .ant-layout-content .iotmenu-content-container {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 6px);
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+/** 内容设置 */
|
|
|
+.iotmenu-content-container,
|
|
|
+.iotmenu-modal-box {
|
|
|
+ /** tag不同样式 */
|
|
|
+}
|
|
|
+.iotmenu-content-container .iotmenu-content-layout,
|
|
|
+.iotmenu-modal-box .iotmenu-content-layout {
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
|
/** 系统自带的main */
|
|
|
}
|
|
|
-.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header {
|
|
|
+.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header,
|
|
|
+.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content-header {
|
|
|
width: 160px;
|
|
|
height: 48px;
|
|
|
display: flex;
|
|
@@ -31,49 +147,73 @@
|
|
|
font-size: 16px;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
-.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header .anticon {
|
|
|
+.iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header .anticon,
|
|
|
+.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content-header .anticon {
|
|
|
color: #008cd6;
|
|
|
padding-right: 12px;
|
|
|
}
|
|
|
-.iotmenu-content-container .iotmenu-content-layout .iotmenu-content {
|
|
|
- height: calc(100vh - 59px - 48px - 6px);
|
|
|
+.iotmenu-content-container .iotmenu-content-layout .iotmenu-content,
|
|
|
+.iotmenu-modal-box .iotmenu-content-layout .iotmenu-content {
|
|
|
+ height: calc(100vh - 56px - 48px - 6px);
|
|
|
background: #FAFAFA;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-btn-primary {
|
|
|
+.iotmenu-content-container .ant-btn-primary,
|
|
|
+.iotmenu-modal-box .ant-btn-primary {
|
|
|
background: #008cd6 !important;
|
|
|
border-color: #1890ff !important;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
-.iotmenu-content-container .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label {
|
|
|
+.iotmenu-content-container .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label,
|
|
|
+.iotmenu-modal-box .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label {
|
|
|
color: #323233;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-table {
|
|
|
+.iotmenu-content-container .ant-input,
|
|
|
+.iotmenu-modal-box .ant-input,
|
|
|
+.iotmenu-content-container .ant-select-selection,
|
|
|
+.iotmenu-modal-box .ant-select-selection {
|
|
|
+ background: transparent;
|
|
|
+ color: #323233;
|
|
|
+}
|
|
|
+.iotmenu-content-container .ant-table,
|
|
|
+.iotmenu-modal-box .ant-table {
|
|
|
background: transparent !important;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-table .ant-table-thead tr th {
|
|
|
+.iotmenu-content-container .ant-table .ant-table-thead tr th,
|
|
|
+.iotmenu-modal-box .ant-table .ant-table-thead tr th {
|
|
|
color: #323233 !important;
|
|
|
font-size: 16px !important;
|
|
|
font-weight: 700 !important;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-table .ant-table-tbody tr td {
|
|
|
+.iotmenu-content-container .ant-table .ant-table-tbody tr td,
|
|
|
+.iotmenu-modal-box .ant-table .ant-table-tbody tr td {
|
|
|
color: #323233 !important;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar {
|
|
|
+.iotmenu-content-container .ant-table-fixed-left table,
|
|
|
+.iotmenu-modal-box .ant-table-fixed-left table,
|
|
|
+.iotmenu-content-container .ant-table-fixed-right table,
|
|
|
+.iotmenu-modal-box .ant-table-fixed-right table {
|
|
|
+ background: #FAFAFA;
|
|
|
+}
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar {
|
|
|
margin: 0 !important;
|
|
|
border: none;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
|
|
|
height: 48px !important;
|
|
|
margin: 0;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap {
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap {
|
|
|
height: 48px !important;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab {
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab {
|
|
|
width: 160px;
|
|
|
height: 48px !important;
|
|
|
line-height: 48px;
|
|
@@ -86,25 +226,93 @@
|
|
|
border: transparent;
|
|
|
border-radius: 8px 8px 0 0;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
|
|
|
color: #323233;
|
|
|
background: #fafafa;
|
|
|
border: transparent;
|
|
|
box-shadow: 0 3px 8px 0 rgba(2, 72, 109, 0.15);
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon {
|
|
|
+.iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon,
|
|
|
+.iotmenu-modal-box .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon {
|
|
|
color: #008cd6;
|
|
|
}
|
|
|
-.iotmenu-content-container .interlock-detail-header {
|
|
|
- font-size: 24px;
|
|
|
+.iotmenu-content-container .interlock-detail-header,
|
|
|
+.iotmenu-modal-box .interlock-detail-header {
|
|
|
+ font-size: 22px;
|
|
|
font-weight: 700;
|
|
|
color: #323233;
|
|
|
padding: 8px 24px;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
-.iotmenu-content-container .interlock-detail-header .anticon {
|
|
|
+.iotmenu-content-container .interlock-detail-header .anticon,
|
|
|
+.iotmenu-modal-box .interlock-detail-header .anticon {
|
|
|
color: #008cd6;
|
|
|
- padding-right: 4px;
|
|
|
+ padding-right: 8px;
|
|
|
}
|
|
|
-.iotmenu-content-container .ant-card {
|
|
|
+.iotmenu-content-container .ant-card,
|
|
|
+.iotmenu-modal-box .ant-card {
|
|
|
background: #FAFAFA;
|
|
|
}
|
|
|
+.iotmenu-content-container .normal-tag,
|
|
|
+.iotmenu-modal-box .normal-tag {
|
|
|
+ display: inline-block;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px;
|
|
|
+ padding: 0 8px;
|
|
|
+ border-radius: 16px;
|
|
|
+ color: #00cc66;
|
|
|
+ background: linear-gradient(0deg, rgba(182, 240, 211, 0.5), rgba(182, 240, 211, 0.5)), #ffffff;
|
|
|
+ border: 1px solid #b6f0d3;
|
|
|
+}
|
|
|
+.iotmenu-content-container .abnormal-tag,
|
|
|
+.iotmenu-modal-box .abnormal-tag {
|
|
|
+ display: inline-block;
|
|
|
+ border-color: #ff9d34;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px;
|
|
|
+ padding: 0 8px;
|
|
|
+ border-radius: 16px;
|
|
|
+ color: #fa8c16;
|
|
|
+ background: linear-gradient(0deg, rgba(240, 220, 182, 0.5), rgba(240, 217, 182, 0.5)), #ffffff;
|
|
|
+ border: 1px solid #f0e2b6;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-modal-title {
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form label {
|
|
|
+ font-size: 15px !important;
|
|
|
+ color: #323233;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form .ant-form-item-children {
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-control {
|
|
|
+ font-size: 15px !important;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-divider {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-table .ant-table-thead tr th {
|
|
|
+ color: #323233 !important;
|
|
|
+ font-size: 15px !important;
|
|
|
+ font-weight: 700 !important;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-table .ant-table-tbody tr td {
|
|
|
+ color: #323233 !important;
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+.iotmenu-modal-box .ant-modal .ant-table-fixed-left table,
|
|
|
+.iotmenu-modal-box .ant-modal .ant-table-fixed-right table {
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 6px !important;
|
|
|
+}
|
|
|
+::-webkit-scrollbar-track {
|
|
|
+ background: #FFFFFF !important;
|
|
|
+}
|