修改界面显示

src/views/board/foaming/index2.vue

@@ -737,6 +737,54 @@
       <!--        </div>-->
       <!--      </div>-->
     </div>
+    <div class="tableOne">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableTwo">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableThree">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableFour">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -1402,4 +1450,36 @@ export default {
   font-size: 0.7vw;
   color: #fff;
 }
+
+.tableOne {
+  position: absolute;
+  top: 66%;
+  left: 3.5%;
+  width: 17%;
+  height: 29%;
+}
+
+.tableTwo {
+  position: absolute;
+  top: 66%;
+  left: 20.7%;
+  width: 16.8%;
+  height: 29%;
+}
+
+.tableThree {
+  position: absolute;
+  top: 66%;
+  left: 37.7%;
+  width: 16.8%;
+  height: 29%;
+}
+
+.tableFour {
+  position: absolute;
+  top: 66%;
+  left: 54.7%;
+  width: 16.8%;
+  height: 29%;
+}
 </style>