掘进系统修改

src/components/tunneling/lbottom.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="lbottom">
-    <ul>
+    <!-- <ul>
       <li>
         <span id="l_title">除尘风机</span>
       </li>
@@ -10,7 +10,16 @@
       <li>
         风 压 :<span id="l_two">{{ data.fengliang_after }}</span> m^3/min
       </li>
-    </ul>
+    </ul> -->
+    <div class="middle_top_list">
+            <div class="list_title">除尘风机风压</div>
+            <div class="list_num list_num1"><span class="counter-value">{{ data.fengya_after }}</span>m^3/min</div>
+
+          </div>
+          <div class="middle_top_list">
+            <div class="list_title">除尘风机风量</div>
+            <div class="list_num list_num2"><span class="counter-value">{{ data.fengliang_after }}</span>m^3/min</div>
+          </div>
   </div>
 </template>
 
@@ -75,6 +84,18 @@ export default {
 
 
 <style scoped>
+.middle_top_list {
+  float: left;
+  width: 35.2%;
+  height: 18%;
+  margin-top: 15%;
+  margin-left: 5%;
+  text-align: center;
+  color: #4ADEFE;
+}
+.middle_top_list span {
+  color: #F3DB5C;
+}
 li {
   width: 100%;
   height: 100%;

src/components/tunneling/lmid.vue

@@ -1,6 +1,6 @@
 <template>
 <div id="lmid">
-    <ul>
+    <!-- <ul>
         <li >
             <span id="l_title">压入式风机</span>
         </li>
@@ -13,7 +13,16 @@
         <li>
             风  压 :<span id="l_two">{{data.fengya_after}}</span> m^3/min
         </li>
-    </ul>
+    </ul> -->
+    <div class="middle_top_list">
+            <div class="list_title">压入式风机风压</div>
+            <div class="list_num list_num1"><span class="counter-value">{{data.fengliang_after}}</span>m^3/min</div>
+
+          </div>
+          <div class="middle_top_list">
+            <div class="list_title">压入式风机风量</div>
+            <div class="list_num list_num2"><span class="counter-value">{{data.fengya_after}}</span>m^3/min</div>
+          </div>
 </div>
 </template>
 
@@ -88,7 +97,18 @@ export default {
 
 
 <style scoped>
-
+.middle_top_list {
+  float: left;
+  width: 35.2%;
+  height: 18%;
+  margin-top: 15%;
+  margin-left: 5%;
+  text-align: center;
+  color: #4ADEFE;
+}
+.middle_top_list span {
+  color: #F3DB5C;
+}
 li{
     width: 100%;
     height: 100%;

src/views/tunnelling/zutai.vue

@@ -20,7 +20,7 @@
         <div class="left_bottom">
           <!-- <div class="left_top_title"></div> -->
 
-          <div class="middle_top_list">
+          <!-- <div class="middle_top_list">
             <div class="list_title">压入式风机风压</div>
             <div class="list_num list_num1"><span class="counter-value">548</span>m^3/min</div>
 
@@ -38,8 +38,9 @@
           <div class="middle_top_list">
             <div class="list_title">除尘风机风量</div>
             <div class="list_num list_num2"><span class="counter-value">3803</span>m^3/min</div>
-          </div>
-
+          </div> -->
+          <lmid></lmid>
+          <lbottom></lbottom>
         </div>
 
       </div>
@@ -128,18 +129,8 @@
 
       </div>
 
-       
-
-    
-     
-      <!-- <div class="right_bottom"> -->
-      <!-- <div id="right-bottom">
-           
-                 
-              </div> -->
-      <!-- </div> -->
-
     </div>
+        </div>
 </template>
 
 <script>
@@ -157,6 +148,8 @@ import tempChart2 from "@/components/tunneling/temporature-two.vue";
 import rtop from "@/components/tunneling/rtop.vue";
 import worklog from "../../components/tunneling/worklog.vue";
 import rtone from "@/components/tunneling/rtone.vue";
+import lmid from "@/components/tunneling/lmid.vue";
+import lbottom from "@/components/tunneling/lbottom.vue";
 export default {
   name: "personnelPositioning",
   components: {
@@ -174,6 +167,8 @@ export default {
     rtop,
     rtone,
     worklog,
+    lmid,
+    lbottom,
   },
   data() {},
 };