update 调整应急大屏样式·

src/components/body-d-left/threeL.vue

@@ -13,7 +13,7 @@
             </div>
             <div class="physical-container">
                 <a-spin :spinning="spinning" class="spin"></a-spin>
-                <div class="RadarCharts"></div>
+                <div class="RadarCharts" ref="radarChartsRef"></div>
             </div>
         </div>
     </div>
@@ -78,8 +78,10 @@
         everyEmpty && initChart();
     }
 
+    const radarChartsRef = ref<HTMLElement>();
+
     function initChart() {
-        const myChart = echarts.init(document.querySelector('.RadarCharts'));
+        const myChart = echarts.init(radarChartsRef.value);
         let countList = radarList?.value.map((item) => item?.userCount);
         if (countList.length < 1) return;
         let max = Math.max(...countList);
@@ -105,7 +107,6 @@
         .physical-container {
             width: 96%;
             height: calc(100% - 35px);
-            //padding-top: 6%;
             display: flex;
             flex-wrap: wrap;
             align-content: space-around;

src/components/body-d-right/bodyRightHooks.ts

@@ -133,9 +133,9 @@ const ringTheme = {
         backgroundColor: 'rgba(50,50,50,0.7)',
         tooltip: {
             textStyle: {
-                color: '#fff',
+                color: '#768ddb',
             },
-            backgroundColor: '#607DDB',
+            backgroundColor: '#d5dcf8',
             borderColor: '#1b7ef2',
         },
         legend: {
@@ -144,7 +144,7 @@ const ringTheme = {
             },
         },
         seriesLabel: {
-            color: '#27386E',
+            color: '#fff',
         },
     },
 };
@@ -196,7 +196,7 @@ export function ringOption(chartData, total, theme) {
         series: [
             {
                 type: 'pie',
-                radius: ['50%', '74%'],
+                radius: ['50%', '80%'],
                 center: ['50%', '47%'],
                 avoidLabelOverlap: false,
                 label: {

src/components/body-d-right/oneR.vue

@@ -130,7 +130,7 @@
                 handlePolice(item);
             });
         } else {
-            message.warn('暂无定位信息');
+            message.warn('暂无经纬度信息！');
         }
     }
 

src/components/dialog/Dialog.vue

@@ -44,6 +44,7 @@
             display: flex;
             align-items: center;
             width: 100%;
+            min-height: 40px;
             height: 40px;
             background-size: 100% 100%;
             color: #ffffff !important;

src/components/secondaryScreen/secondMap/components/userInfoModal/userInfoModal.less

@@ -1,57 +1,56 @@
 .user-info-modal {
-  background-color: #00152b;
-  border: 1px solid #129bff;
-  padding: 14px;
-  position: relative;
-
-  .line {
-    position: absolute;
-    top: 7%;
-    bottom: 5%;
-    left: 20%;
-    border-right: 1px solid #129bff;
-  }
-
-  .fff {
-    color: #fff;
-  }
-
-  .ant-tabs {
-    color: #fff;
-  }
+	background-color: #00152b;
+	padding: 14px;
+	position: relative;
+	
+	.line {
+		position: absolute;
+		top: 7%;
+		bottom: 5%;
+		left: 20%;
+		border-right: 1px solid #129bff;
+	}
+	
+	.fff {
+		color: #fff;
+	}
+	
+	.ant-tabs {
+		color: #fff;
+	}
 }
 
 .fff {
-  color: #fff;
+	color: #fff;
 }
 
 :deep(.ant-radio-button-checked) {
-  background-color: #1B7EF2 !important;
-  border-color: #1B7EF2 !important;
+	background-color: #1B7EF2 !important;
+	border-color: #1B7EF2 !important;
 }
 
 :deep(.ant-radio-button-wrapper-checked) {
-  border-color: #1B7EF2 !important;
+	border-color: #1B7EF2 !important;
 }
 
 :deep(.ant-radio-button-wrapper) {
-  background-color: #d8dce5 !important;
-  border-color: #d8dce5 !important;
+	background-color: #d8dce5 !important;
+	border-color: #d8dce5 !important;
 }
 
 :deep(.item-three :nth-child(n)) {
-  color: #ffffff !important;
+	color: #ffffff !important;
 }
 
 :deep(.item-picker span) {
-  color: #ffffff;
+	color: #ffffff;
 }
 
 :deep(.right-d) {
-  border-color: #1890ff !important;
+	border-color: #1890ff !important;
 }
 
 :deep(.ant-radio-button-wrapper:focus-within) {
-
-  box-shadow: none !important;
+	
+	box-shadow: none !important;
 }

src/components/xianMap/xianMap.vue

@@ -573,8 +573,7 @@
             gap: 20px;
 
             .count-item {
-                //src/assets/images/footer-num.png
-                width: 340px;
+                padding: 0 100px;
                 height: 80px;
                 display: flex;
                 flex-direction: column;