恒通大左侧修改

src/components/baozuo-demo/CenterCmp.vue

@@ -20,10 +20,22 @@
           本月工单概况
         </div>
         <div class="ccmc-items" v-show="dataType =='3'">
-          <div class="station-info" v-for="(item, index) in leftData.slice(0,2)" :key="index">
+          <!-- <div class="station-info" v-for="(item, index) in leftData.slice(0,2)" :key="index">
             <img :src="item.icon" alt="icon" class="station-icon">
             <div class="station-name" style="margin-left: 30px;">{{ item.name }}</div>
             <div class="station-value" style="margin-left: 30px;">{{ item.value }}</div>
+          </div> -->
+          <div class="news-left">
+              <div class="news-left-item" style="position: relative;height: 220px;">
+                <img src="../../img/icons/boxbg.png" alt="icon" style="width: 400px;position: absolute;left: 0;top: 0;">
+                <div class="news-left-name" style="position: absolute;top: 15px;left: 20px;">{{ leftData[0].name }}</div>
+                <div class="news-left-value" style="position: absolute;top: 68px;left: 130px;">{{ leftData[0].value }}</div>
+              </div>
+              <div class="news-left-item" style="position: relative;height: 220px;">
+                <img src="../../img/icons/boxbg2.png" alt="icon"  style="width: 400px;position: absolute;left: 0;top: 0;">
+                <div class="news-left-name" style="position: absolute;top: 15px;left: 20px;">{{ leftData[1].name }}</div>
+                <div class="news-left-value" style="position: absolute;top: 68px;left: 130px;">{{ leftData[1].value }}</div>
+              </div>
           </div>
           <div class="station-info">
             <dv-charts :option="oiloption" style="width: 300px;height: 300px;"/>
@@ -555,6 +567,26 @@ export default {
     top: 110px;
     left: 30px;
   }
+  .news-left{
+    padding-left: 80px;
+    width: 60%;
+    .news-left-name{
+      font-size: 25px;
+      font-weight: bold;
+      color: #ffffff;
+      opacity: 0.8;
+      text-align: center;
+      margin-bottom: 4px;
+    }
+    .news-left-value{
+      font-size: 60px;
+      font-weight: bold;
+      color: #ffffff;
+      opacity: 0.9;
+      text-align: center;
+      font-style: italic;
+    }
+  }
     
 }
 </style>