中建四局(质量管理)：完成标养室培养布局

src/views/projectAdmin/zjsj/quality/index.vue

@@ -28,7 +28,7 @@ export default {
   display: flex;
   justify-content: space-between;
   .left {
-    width: 25%;
+    width: 22%;
     height: 100%;
     .top {
       height: 36%;
@@ -41,7 +41,7 @@ export default {
     }
   }
   .right {
-    width: calc(75% - 20px);
+    width: calc(78% - 20px);
     height: 100%;
   }
 }

src/views/projectAdmin/zjsj/quality/leftBottom.vue

@@ -1,6 +1,7 @@
 <template>
   <Card title="大面积混泥土展示">
-    大面积混泥土展示
+    <div class="chart"></div>
+    <div class="btn">远程验收</div>
   </Card>
 </template>
 
@@ -11,4 +12,21 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.chart {
+  width: 100%;
+  height: calc(100% - 71px);
+}
+.btn {
+  margin: 8px auto;
+  width: calc(100% - 40px);
+  height: 55px;
+  line-height: 55px;
+  text-align: center;
+  font-size: 28px;
+  font-weight: bold;
+  color: #02d5d2;
+  background: url(../assets/images/sourse/bg-car-count.png) no-repeat;
+  background-size: 100% 100%;
+}
+</style>

src/views/projectAdmin/zjsj/quality/leftMiddle.vue

@@ -1,6 +1,28 @@
 <template>
   <Card title="标养室培养">
-    标养室培养
+    <div class="environment">
+      <div class="item">
+        <div class="icon  temperature"></div>
+        <div class="info">
+          <div class="label">室内温度</div>
+          <div class="value"><span>26</span> ℃</div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="icon humidity"></div>
+        <div class="info">
+          <div class="label">室内湿度</div>
+          <div class="value"><span>26</span> %</div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="icon spray"></div>
+        <div class="info">
+          <div class="label">喷淋次数</div>
+          <div class="value"><span>26</span> 次</div>
+        </div>
+      </div>
+    </div>
   </Card>
 </template>
 
@@ -11,4 +33,44 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.environment {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  display: flex;
+  .item {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .icon {
+      margin-right: 10px;
+      width: 40px;
+      height: 40px;
+      &.temperature {
+        background: url(../assets/images/quality/i-temperature.png) no-repeat;
+        background-size: contain;
+      }
+      &.humidity {
+        background: url(../assets/images/quality/i-humidity.png) no-repeat;
+        background-size: contain;
+      }
+      &.spray {
+        background: url(../assets/images/quality/i-spray.png) no-repeat;
+        background-size: contain;
+      }
+    }
+    .info {
+      .value {
+        margin-top: 4px;
+        font-size: 14px;
+        text-align: center;
+        span {
+          color: #f7d502;
+        }
+      }
+    }
+  }
+}
+</style>