10
diff --git a/src/pages/business_emergencyAccident/components/EventWarningManagement.less b/src/pages/business_emergencyAccident/components/EventWarningManagement.less
index c54f2cf..8e54576 100644
--- a/src/pages/business_emergencyAccident/components/EventWarningManagement.less
+++ b/src/pages/business_emergencyAccident/components/EventWarningManagement.less
@@ -1,7 +1,7 @@
.container {
width: 100%;
height: 100vh;
- padding: 0;
+ padding: 15px 0px 10px 5px;
margin: 0;
background-color: #f0f2f5;
display: flex;
@@ -15,16 +15,16 @@
gap: 8px;
.titleBar {
- width: 2px;
+ width: 3px;
height: 16px;
background-color: #2E4CD4;
flex-shrink: 0;
}
.titleText {
- font-size: 16px;
- font-weight: bold;
- color: #333333;
+ font-size: 15px;
+ font-weight: 450;
+ color: #333;
}
}
@@ -33,9 +33,6 @@
height: 20%;
padding: 0;
margin: 0;
- background-color: #ffffff;
- border-radius: 8px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
gap: 15px;
box-sizing: border-box;
@@ -47,24 +44,22 @@
margin: 0;
display: flex;
flex-direction: column;
+ background: url('~@/assets/business_Emergency/bgDrill3.svg') right center no-repeat,
+ linear-gradient(170.5deg, #FFF5F4 6.87%, #FFFFFF 46.42%);
+ background-size: contain, 100% 100%;
+ border: 2px solid #FFFFFF;
+ width: 141;
gap: 15px;
- padding: 20px;
+ padding: 10px 15px;
box-sizing: border-box;
.threeCards {
display: flex;
- gap: 15px;
+ align-items: center;
+ justify-content: center;
+ gap: 6%;
+ margin-right: 15%;
flex: 1;
-
- .pinkCard {
- flex: 1;
- background-color: pink;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- min-height: 80px;
- }
}
}
@@ -75,19 +70,17 @@
margin: 0;
display: flex;
flex-direction: row;
- gap: 15px;
- padding: 20px;
- box-sizing: border-box;
+ // gap: 5px;
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(208, 225, 255, 0.6) 100%);
+ border: 2px solid #FFFFFF;
+
.imageTextCard {
flex: 1;
display: flex;
align-items: center;
- gap: 15px;
+ gap: 10px;
padding: 20px;
- background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(208, 225, 255, 0.6) 100%);
- border-radius: 8px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
.cardIcon {
flex-shrink: 0;
@@ -112,7 +105,7 @@
}
.cardNumber {
- font-size: 32px;
+ font-size: 30px;
font-weight: bold;
color: #333333;
line-height: 1;
@@ -142,28 +135,24 @@
padding: 0;
margin: 0;
background-color: #ffffff;
- border-radius: 8px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
- padding: 20px;
- box-sizing: border-box;
+ padding: 5px 15px 0px 15px;
+
.chartHeader {
display: flex;
justify-content: space-between;
align-items: center;
- margin-bottom: 15px;
}
.chartContent {
flex: 1;
min-height: 0;
-
.lineChart {
width: 100%;
height: 100%;
- min-height: 200px;
+ // min-height: 200px;
}
}
}
@@ -174,11 +163,9 @@
padding: 0;
margin: 0;
background-color: #ffffff;
- border-radius: 8px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
- padding: 20px;
+ padding: 10px 15px 0px 15px;
box-sizing: border-box;
.chartContent {
@@ -188,7 +175,6 @@
.donutChart {
width: 100%;
height: 100%;
- min-height: 200px;
}
}
}
@@ -200,22 +186,22 @@
padding: 0;
margin: 0;
background-color: #ffffff;
- border-radius: 8px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
- padding: 20px;
- box-sizing: border-box;
- min-height: 0;
-
+ padding: 10px 15px 0px 15px;
.tableHeader {
display: flex;
justify-content: space-between;
align-items: center;
- margin-bottom: 20px;
+ margin-bottom: 10px;
.addButton {
border-radius: 4px;
+ background-color: #2E4CD4;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ padding: 10px;
}
}
@@ -225,9 +211,26 @@
min-height: 0;
overflow: auto;
+ // 表头样式
+ :global(.ant-table-thead > tr > th) {
+ background-color: #F5F5FA !important;
+ text-align: center;
+ color: #333333 !important;
+ font-size: 14px !important;
+ font-weight: 450 !important;
+ }
+
+ // 表体样式
+ :global(.ant-table-tbody > tr > td) {
+ color: #666666 !important;
+ font-size: 13px !important;
+ font-weight: 400 !important;
+ }
+
.actionButtons {
display: flex;
gap: 8px;
+ justify-content: center;
:global(.ant-btn-link) {
padding: 0;