更换产床类型图

src/views/deliveryRoomManagement/DeliveryRoom.vue

@@ -40,10 +40,10 @@
 
 
 <script>
-import typeImgUrl_1 from "@/assets/deliveryRoom_1.png";
-import typeImgUrl_2 from "@/assets/deliveryRoom_2.png";
-import typeImgUrl_3 from "@/assets/deliveryRoom_3.png";
-import typeImgUrl_4 from "@/assets/deliveryRoom_4.png";
+import typeImgUrl_1 from "@/assets/deliveryRoom_1.jpg";
+import typeImgUrl_2 from "@/assets/deliveryRoom_2.jpg";
+import typeImgUrl_3 from "@/assets/deliveryRoom_3.jpg";
+import typeImgUrl_4 from "@/assets/deliveryRoom_4.jpg";
 
 // import { reqDeliveryRoomList } from "@/api/deliveryRoomManagement.js"
 
@@ -126,13 +126,13 @@ export default {
                 display: flex;
                 flex-direction: column;
                 width: 310px;
-                height: 350px;
+                height: 600px;
                 margin: 10px;
                 h5 {
                     text-align: center;
                     font-size: 30px;
                     color: #424242;
-                    background-color: #199ed8;
+                    background-color: #D2E4F0;
                 }
                 .img {
                     width: 100%;

src/views/deliveryRoomManagement/detail/charts/chart_a.vue

@@ -14,8 +14,10 @@ export default {
     data() {
         return {};
     },
-    dataArr() {
-        this.drawChart();
+    watch: {
+        dataArr() {
+            this.drawChart();
+        }
     },
     mounted() {
         this.drawChart();

src/views/deliveryRoomManagement/detail/charts/chart_b.vue

@@ -12,17 +12,16 @@ export default {
         timeArr: { type: Array}
     },
     data() {
-        return {
-        };
+        return {};
+    },
+    mounted() {
+        this.drawChart();
     },
     watch: {
         dataArr() {
             this.drawChart();
         }
     },
-    mounted() {
-        this.drawChart();
-    },
     methods: {
         drawChart() {
             // 基于准备好的dom，初始化echarts实例