大屏1

src/views/bigScreen/drivingCabin/center.vue

@@ -1,8 +1,36 @@
 <template>
   <div>
     <container3>
-      <img src="./conter.png" style="width: 100%;height:100%">
-      <div class="con_right">
+      <img class="img" src="./conter.png" style="width: 100%;height:100%">
+      <rocketTit class="tit">今日动态</rocketTit>
+      <div class="data">
+        <div class="data-item">
+          <div>收入</div>
+          <div><span class="num">3380</span>万</div>
+        </div>
+        <div class="data-item">
+          <div>支出</div>
+          <div><span class="num">3380</span>万</div>
+        </div>
+        <div class="data-item">
+          <div>合同</div>
+          <div><span class="num">3380</span>份</div>
+        </div>
+        <div class="data-item">
+          <div>装药任务</div>
+          <div><span class="num">3380</span>件</div>
+        </div>
+        <div class="data-item">
+          <div>职工出勤数</div>
+          <div><span class="num">3380</span>人</div>
+        </div>
+        <div class="data-item">
+          <div>职工出勤数</div>
+          <div><span class="num">42<span style="font-size:22px">/80%</span></span>人</div>
+        </div>
+      </div>
+
+      <!-- <div class="con_right">
         <div class="con_title">
           <img src="./conter1-1.png" alt="">
           <span style="margin-left:2px">正在工作</span>
@@ -41,7 +69,7 @@
             <img src="./conter2-2.png" alt="">
           </div>
         </div>
-      </div>
+      </div> -->
     </container3>
   </div>
 
@@ -49,6 +77,7 @@
 
 <script>
 import container3 from "../components/container3/index.vue";
+import rocketTit from "../components/rocketTit/index.vue";
 
 import echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
@@ -58,6 +87,7 @@ export default {
   name: 'left1',
   components: {
     container3,
+    rocketTit,
   },
   data () {
     return {}
@@ -75,6 +105,38 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.tit {
+  padding: 16px 24px; 
+}
+.img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+.data {
+  display: flex;
+  margin: 0 15px;
+  background: rgba(2, 18, 63, 0.4);
+  color: #FFFFFF;
+  font-size: 18px;
+  .data-item {
+    flex: 1;
+    >div {
+      margin: 5px 0;
+      text-align: center;
+    }
+    .num {
+      font-size: 28px;
+      font-family: Roboto-BlackItalic, Roboto;
+      font-weight: 600;
+      color: #55C5A2;
+      vertical-align: sub;
+      padding-right: 3px;
+    }
+  }
+}
+
 .container3{
   position: relative;
   .con_right{