新增:仪器仪表采集

main
yupeng 1 month ago
parent 1519d3b2cd
commit 94e38d0b7e

@ -1,6 +1,6 @@
.header {
.header{
display: flex; display: flex;
align-self: center;
backdrop-filter: blur(3.4000000953674316px); backdrop-filter: blur(3.4000000953674316px);
box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25); box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
border: 1px solid; border: 1px solid;
@ -9,7 +9,8 @@
border-top-left-radius: 20px; border-top-left-radius: 20px;
background-color: #fff; background-color: #fff;
} }
.logo{
.logo {
position: relative; position: relative;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
@ -21,10 +22,11 @@
height: 54px; height: 54px;
width: 258px; width: 258px;
} }
.logo::before{
.logo::before {
position: absolute; position: absolute;
display: block; display: block;
content:''; content: '';
top: -7px; top: -7px;
left: -57px; left: -57px;
width: 327px; width: 327px;
@ -37,16 +39,19 @@
border-top-left-radius: 20px; border-top-left-radius: 20px;
z-index: -1; z-index: -1;
} }
.menu{
:global(.ant-menu-title-content){ .menu {
:global(.ant-menu-title-content) {
color: rgba(0, 102, 101, 1); color: rgba(0, 102, 101, 1);
font-size:16px; font-size: 16px;
} }
:global(.parallelogram-container___Lxkxf){
height:30px; :global(.parallelogram-container___Lxkxf) {
height: 30px;
margin-top: 12px; margin-top: 12px;
} }
} }
.parallelogram-container { .parallelogram-container {
/* 平行四边形变换 */ /* 平行四边形变换 */
transform: skewX(-45deg); transform: skewX(-45deg);
@ -56,16 +61,17 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding: 0 34px; padding: 0 34px;
background-color: #e0f0f0; /* 浅蓝底色 */ background-color: #e0f0f0;
/* 浅蓝底色 */
//border: none; //border: none;
cursor: pointer; cursor: pointer;
/* 文字样式重置(因为容器有倾斜,内部文字需要反向倾斜) */ /* 文字样式重置(因为容器有倾斜,内部文字需要反向倾斜) */
font-size: 16px; font-size: 16px;
color:#006665; color: #006665;
border: 1px solid; border: 1px solid;
border-image-slice:1; border-image-slice: 1;
border-image-source: linear-gradient(96.05deg, #FFFFFF 9.52%, rgba(255, 255, 255, 0) 27.03%, rgba(0, 143, 142, 0) 60.86%, #0E5A4B 72.09%); border-image-source: linear-gradient(96.05deg, #FFFFFF 9.52%, rgba(255, 255, 255, 0) 27.03%, rgba(0, 143, 142, 0) 60.86%, #0E5A4B 72.09%);
@ -77,29 +83,32 @@
//-webkit-transform: skewX(15deg); //-webkit-transform: skewX(15deg);
margin-right: 8px; margin-right: 8px;
} }
.addBtn{
background-size:cover; .addBtn {
background-position:center; background-size: cover;
color:#fff; background-position: center;
opacity:0.7; color: #fff;
border-radius:4px; opacity: 0.7;
border-radius: 4px;
height: 36px; height: 36px;
} }
.delBtn{
background-size:cover; .delBtn {
background-position:center; background-size: cover;
color:#000; background-position: center;
color: #000;
//opacity:0.7; //opacity:0.7;
border-radius:4px; border-radius: 4px;
width: 88px; width: 88px;
height: 36px; height: 36px;
} }
.exportBtn{
background-size:cover; .exportBtn {
background-position:center; background-size: cover;
color:#fff; background-position: center;
opacity:0.7; color: #fff;
border-radius:4px; opacity: 0.7;
border-radius: 4px;
width: 88px; width: 88px;
height: 36px; height: 36px;
} }
@ -138,68 +147,80 @@
color: black; color: black;
} }
.resetBtn{ .resetBtn {
background-size:cover; background-size: cover;
background-position:center; background-position: center;
color:#006665; color: #006665;
//opacity:0.7; //opacity:0.7;
border-radius:4px; border-radius: 4px;
width: 88px; width: 88px;
height: 36px; height: 36px;
} }
.view{
background-color:#B7E5D533; .view {
margin-right:30px; background-color: #B7E5D533;
border:none; margin-right: 30px;
border: none;
} }
.paibanBg{
.paibanBg {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
width: 100%; width: 100%;
height: 631px; height: 631px;
} }
.tree{
.tree {
background-color: #E7F2ED; background-color: #E7F2ED;
:global(.ant-tree-switcher-leaf-line::after){
border-bottom:1px solid #006665; :global(.ant-tree-switcher-leaf-line::after) {
border-bottom: 1px solid #006665;
} }
:global(.ant-tree-switcher-leaf-line::before){
border-inline-end:1px solid #006665; :global(.ant-tree-switcher-leaf-line::before) {
border-inline-end: 1px solid #006665;
} }
:global(.ant-tree-checkbox-inner){
border:1px solid #006665 !important; :global(.ant-tree-checkbox-inner) {
border: 1px solid #006665 !important;
} }
:global(.ant-tree-indent-unit::before){
border-inline-end:none !important; :global(.ant-tree-indent-unit::before) {
border-inline-end: none !important;
} }
} }
.font1{
.font1 {
color: #999999; color: #999999;
font-size: 14px; font-size: 14px;
} }
.box{
display:flex; .box {
flex-wrap:wrap; display: flex;
margin:20px 0; flex-wrap: wrap;
margin: 20px 0;
} }
.tag{
margin-right:20px; .tag {
margin-right: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.ul{
li{ .ul {
li {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.customDrawer{
:global(.ant-drawer-header){ .customDrawer {
background-color:#B8E0D833 !important; :global(.ant-drawer-header) {
background-color: #B8E0D833 !important;
} }
} }
// 仪表盘容器样式 - 复杂边框和阴影效果 // 仪表盘容器样式 - 复杂边框和阴影效果
.dashboardContainer{ .dashboardContainer {
border: 1px solid; border: 1px solid;
border-image-slice: 1; border-image-slice: 1;
border-image-source: conic-gradient(from 102.21deg at 52.75% 38.75%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(64, 64, 64, 0.5) 10.52deg, rgba(64, 64, 64, 0.35) 32.12deg, #FFFFFF 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(64, 64, 64, 0.35) 187.59deg, #F9F9F9 207.58deg, #FFFFFF 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(64, 64, 64, 0.5) 370.52deg); border-image-source: conic-gradient(from 102.21deg at 52.75% 38.75%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(64, 64, 64, 0.5) 10.52deg, rgba(64, 64, 64, 0.35) 32.12deg, #FFFFFF 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(64, 64, 64, 0.35) 187.59deg, #F9F9F9 207.58deg, #FFFFFF 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(64, 64, 64, 0.5) 370.52deg);

Loading…
Cancel
Save