From 2f803d09b51f5759f6493c4f21fc1784ba73b098 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Sat, 27 Aug 2022 14:56:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E8=B4=A8?=
 =?UTF-8?q?=E9=87=8F=E7=AE=A1=E7=90=86)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E6=A0=87=E5=85=BB=E5=AE=A4=E5=9F=B9=E5=85=BB=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/http.js                         |   2 +-
 .../zjsj/assets/images/quality/i-humidity.png | Bin 0 -> 3496 bytes
 .../zjsj/assets/images/quality/i-spray.png    | Bin 0 -> 1408 bytes
 .../assets/images/quality/i-temperature.png   | Bin 0 -> 2829 bytes
 src/views/projectAdmin/zjsj/quality/index.vue |   4 +-
 .../projectAdmin/zjsj/quality/leftBottom.vue  |  22 +++++-
 .../projectAdmin/zjsj/quality/leftMiddle.vue  |  66 +++++++++++++++++-
 7 files changed, 87 insertions(+), 7 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/assets/images/quality/i-humidity.png
 create mode 100644 src/views/projectAdmin/zjsj/assets/images/quality/i-spray.png
 create mode 100644 src/views/projectAdmin/zjsj/assets/images/quality/i-temperature.png

diff --git a/src/assets/js/http.js b/src/assets/js/http.js
index 74dd0c14..7465f368 100644
--- a/src/assets/js/http.js
+++ b/src/assets/js/http.js
@@ -41,7 +41,7 @@ if (process.env.NODE_ENV == 'development') {
   // tag: 本地
   // axios.defaults.baseURL = 'http://192.168.34.174:6023/'  // 老大本地
   // axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
-  axios.defaults.baseURL = 'http://192.168.34.216:6023/'   // 邱平毅本地
+  axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
   // axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
   // axios.defaults.baseURL = 'http://47.97.202.104:6023/';
   // axios.defaults.baseURL = 'http://139.9.66.234:8/';
diff --git a/src/views/projectAdmin/zjsj/assets/images/quality/i-humidity.png b/src/views/projectAdmin/zjsj/assets/images/quality/i-humidity.png
new file mode 100644
index 0000000000000000000000000000000000000000..42e081b4ce58728a24d8285ad939734ef02185ba
GIT binary patch
literal 3496
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
JtTH5B`(KiXb)*0Q

literal 0
HcmV?d00001

diff --git a/src/views/projectAdmin/zjsj/assets/images/quality/i-spray.png b/src/views/projectAdmin/zjsj/assets/images/quality/i-spray.png
new file mode 100644
index 0000000000000000000000000000000000000000..fea831058186ee117f69d0d4253b9ba5e5b7a98e
GIT binary patch
literal 1408
zcmV-`1%LX9P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1r<p|K~#7F?O07x
z+ej3CuPswqCH9gDOxY)hIl;gU-~>3ksi|PZ2{0$X1}c>uaDtE%#B&0a6W{_eSxT7|
zW2EkRuYX8O$dH8KWTCH0C9Bn~e&73V15~I`p+bcU6@DJDY%n~F8xTMTQiulaW&*!3
zN(uDN<0BBbZXY9sFuoRQ>&<*~oSXOY^EN2e_s41|R(GF2eFrmwC>xXjCkkLhKUw=7
zRIoaiLig6hOty<dsmj_gL*RWA{<@4iLO~<2?qszd(yNA>qojICA6mY#nu75?yEgpw
zIq+J9L?K2fa3rp>cXzq*y#$IVxEGWX_>o{j0*}N*4$FuHz02g3Cgrsei2mOE)8jk8
zJ56Y%hLZpW)7I4`?y^hT$Asn|O9i8}4$;l_DYQgQyr4Z+5or&KGZ|o)ykYJ2LNm&V
zN>|I8)EA-w-;bmi><rFqvX1ZRXUFcbBT^VlaSvWUqHFl-B3>4Nha_Vw06gt|`nT&V
zHxSpVef1<y;LUtv>~9QpXblR?zZKaW9+Kue>=G%ewbzU0dm#x(Nn;fd|8SnbSr2RC
zXad>a2lLGl4Yhk0ai8XFQ{p%xOMGyaD2)MTO#!rtk~Spf`lFz>_7|E1F9w|E8U=SE
zw}9JPHQz}lHMPVR3O~iIEF)69ZW@TJLN(-l`H@Hrh{Pt3i&QPK^-9yI7M}goZptY&
zGbZ&hEt53#y5hyCiO>lzQ+#iQ=Q!ArO05vNb_!~Vl=V`laaxCfyE^j`_7<C=8<zou
zMlU7c4bp4qaA1}B^Plvd?_NOOSfd!kZVqp}ztC9Gu@K;?B^8m-Yh`;dHZJ3k3Gi>{
z0Xim7$5O)X|IKOCM_EcGE$4!)cafZFjgf{A7Mr7+>g~A!$3gbRWfM-Dd%ry!Y7*yh
zmptOo3C#01E)#7%CMDnj5E+DQcK`B)=OXCbkcHQSQg!u>+=PXBbsn!u(x~UM9hx)H
z>7B6ud-KS41&yrkx&ftI6<V|WAOb7^o8P~31f@#=aFcPgkfeP_h}>b<$V9G33XoE*
z*-GBgna8|5b^`Ogb`2+H9A5<Rh!ALVKH`{fnGQ-V&<96IT0$J4cG;M$!o=PxPOV1Z
zk*phm?Hm(xwDv(3_+BU>V!o#~?<3~ZZh&xS3-1@dM<u`oDfcXmU_vQvnIJQ%nOv;H
z8Ha!CEM?tFSj$nr(DJ{hW6L0UTmrT$MX8pH0&^<Xnxq<_=WxEiOk!#`&Hzls{!d8#
zj(Vl8o}-NG`LXq=1h@qU_E+-NkhI1E+l&JBOs7UJPJK&)t)q)0&zS^j#T7l5s$G2%
zV46WD^q@NMHE=nbg=ArM70&Qf3yav_d;V<4&2<IRWiwZ?P3BTV4s^TzOcSa-u#kNX
zyvnIJWZ}Hx#H~O?n%o+=IsrBg=ESCVaEkU88cY1n6;D^$ADsYW<74vHwj2>v(-l|1
zbPaHQlHUY=8RHCff)i8pdjEXh<RZu8P8l;HQ0#vk3GEKo(ATZBCp4G_GE(GruHex*
zV4YiO{nompCI~Y^-k+%tqBDVi#$b{u{gp%4_{kL{F4yz8s*7#vd%~jdGbM0~1n9he
zQp>1Kp!8Zind!MwtmpnfC<xD(DFH2*b|>vNn}t^qxlMvb*cSL_4YC+Fe+OQmJItJb
zgRur3N=(1gDVcIB4$AP;2>4*DOz7M#Y;VMIFzt|2p+bcU6)IHtmGD3IeeniduPl53
O0000<MNUMnLSTZ$J&Sn&

literal 0
HcmV?d00001

diff --git a/src/views/projectAdmin/zjsj/assets/images/quality/i-temperature.png b/src/views/projectAdmin/zjsj/assets/images/quality/i-temperature.png
new file mode 100644
index 0000000000000000000000000000000000000000..25d9670bfcde9e54a98714284e8ba064ad644397
GIT binary patch
literal 2829
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
L!^EcoH*Eh84Q@b8

literal 0
HcmV?d00001

diff --git a/src/views/projectAdmin/zjsj/quality/index.vue b/src/views/projectAdmin/zjsj/quality/index.vue
index ca710dbc..26a51ea2 100644
--- a/src/views/projectAdmin/zjsj/quality/index.vue
+++ b/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%;
   }
 }
diff --git a/src/views/projectAdmin/zjsj/quality/leftBottom.vue b/src/views/projectAdmin/zjsj/quality/leftBottom.vue
index ca966644..396198d4 100644
--- a/src/views/projectAdmin/zjsj/quality/leftBottom.vue
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/quality/leftMiddle.vue b/src/views/projectAdmin/zjsj/quality/leftMiddle.vue
index 46d92e17..4958ffb7 100644
--- a/src/views/projectAdmin/zjsj/quality/leftMiddle.vue
+++ b/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>