新增:仪器仪表采集

main
yupeng 1 month ago
parent 1519d3b2cd
commit 94e38d0b7e

@ -1,6 +1,6 @@
.header{
.header {
display: flex;
align-self: center;
backdrop-filter: blur(3.4000000953674316px);
box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
border: 1px solid;
@ -9,7 +9,8 @@
border-top-left-radius: 20px;
background-color: #fff;
}
.logo{
.logo {
position: relative;
font-size: 20px;
font-weight: 400;
@ -21,10 +22,11 @@
height: 54px;
width: 258px;
}
.logo::before{
.logo::before {
position: absolute;
display: block;
content:'';
content: '';
top: -7px;
left: -57px;
width: 327px;
@ -37,16 +39,19 @@
border-top-left-radius: 20px;
z-index: -1;
}
.menu{
:global(.ant-menu-title-content){
.menu {
:global(.ant-menu-title-content) {
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;
}
}
.parallelogram-container {
/* 平行四边形变换 */
transform: skewX(-45deg);
@ -56,16 +61,17 @@
display: inline-flex;
align-items: center;
padding: 0 34px;
background-color: #e0f0f0; /* 浅蓝底色 */
background-color: #e0f0f0;
/* 浅蓝底色 */
//border: none;
cursor: pointer;
/* 文字样式重置(因为容器有倾斜,内部文字需要反向倾斜) */
font-size: 16px;
color:#006665;
color: #006665;
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%);
@ -77,29 +83,32 @@
//-webkit-transform: skewX(15deg);
margin-right: 8px;
}
.addBtn{
background-size:cover;
background-position:center;
color:#fff;
opacity:0.7;
border-radius:4px;
.addBtn {
background-size: cover;
background-position: center;
color: #fff;
opacity: 0.7;
border-radius: 4px;
height: 36px;
}
.delBtn{
background-size:cover;
background-position:center;
color:#000;
.delBtn {
background-size: cover;
background-position: center;
color: #000;
//opacity:0.7;
border-radius:4px;
border-radius: 4px;
width: 88px;
height: 36px;
}
.exportBtn{
background-size:cover;
background-position:center;
color:#fff;
opacity:0.7;
border-radius:4px;
.exportBtn {
background-size: cover;
background-position: center;
color: #fff;
opacity: 0.7;
border-radius: 4px;
width: 88px;
height: 36px;
}
@ -138,68 +147,80 @@
color: black;
}
.resetBtn{
background-size:cover;
background-position:center;
color:#006665;
.resetBtn {
background-size: cover;
background-position: center;
color: #006665;
//opacity:0.7;
border-radius:4px;
border-radius: 4px;
width: 88px;
height: 36px;
}
.view{
background-color:#B7E5D533;
margin-right:30px;
border:none;
.view {
background-color: #B7E5D533;
margin-right: 30px;
border: none;
}
.paibanBg{
.paibanBg {
background-size: cover;
background-position: center;
width: 100%;
height: 631px;
}
.tree{
.tree {
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;
font-size: 14px;
}
.box{
display:flex;
flex-wrap:wrap;
margin:20px 0;
.box {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
}
.tag{
margin-right:20px;
.tag {
margin-right: 20px;
margin-bottom: 10px;
}
.ul{
li{
.ul {
li {
margin-bottom: 10px;
}
}
.customDrawer{
:global(.ant-drawer-header){
background-color:#B8E0D833 !important;
.customDrawer {
:global(.ant-drawer-header) {
background-color: #B8E0D833 !important;
}
}
// 仪表盘容器样式 - 复杂边框和阴影效果
.dashboardContainer{
.dashboardContainer {
border: 1px solid;
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);

Loading…
Cancel
Save