|
|
|
|
@ -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);
|
|
|
|
|
|