概况统计增加包房数展示

src/components/BackgroundPlate/BackgroundPlate.vue

@@ -35,7 +35,7 @@ const props = defineProps({
   // border: 2px solid;
 
   background-repeat: no-repeat;
-  background-size: 100%;
+  background-size: 100% 100%;
 
   // border-image: radial-gradient(
   //     circle,

src/views/index/components/box1.vue

@@ -96,6 +96,15 @@ import { defineProps} from "vue";
           </div>
         </div>
       </div>
+       <div class="box1-item">
+        <img src="@/assets/img/index/box1/img4.png" alt="" />
+        <div class="box1-item-info">
+          <div>包房数</div>
+          <div class="box1-item-num">
+            {{overviewStatisticsData.privateRoomCount}}
+          </div>
+        </div>
+      </div>
 
       
     </a-flex>
@@ -107,6 +116,8 @@ import { defineProps} from "vue";
   box-sizing: border-box;
   padding: 17px 27px;
   height: 100%;
+  display: flex;
+    align-items: baseline;
 
   .box1-item {
     display: flex;

src/views/index/components/box1_2.vue

@@ -102,6 +102,8 @@ import { defineProps} from "vue";
   box-sizing: border-box;
   padding: 17px 27px;
   height: 100%;
+  display: flex;
+    align-items: center;
 
   .box1-item {
     display: flex;

src/views/index/components/box6.vue

@@ -337,8 +337,8 @@ function echartsInit() {
 
       img {
         position: absolute;
-        right: 0;
-        width: 506px;
+        left: 0;
+        width: 100%;
         height: 44px;
         z-index: 10;
       }

src/views/index/index.vue

@@ -267,7 +267,7 @@
 		}
 		.box1 {
 			width: 527px;
-			height: 208px;
+			height: 258px;
 			top: 30px;
 			left: 25px;
 		}
@@ -275,14 +275,14 @@
 		.box2 {
 			width: 527px;
 			height: 319px;
-			top: 246px;
+			top: 296px;
 			left: 25px;
 		}
 
 		.box3 {
 			width: 527px;
 			height: 290px;
-			top: 573px;
+			top: 623px;
 			left: 25px;
 			.echarbox {
 				width: 100%;
@@ -313,8 +313,8 @@
 
 		.box6 {
 			width: 527px;
-			height: 408px;
-			top: 462px;
+			height: 448px;
+			top: 463px;
 			right: 25px;
 		}