From 65055dd49c5265d7d2ae42faac7558f472967393 Mon Sep 17 00:00:00 2001
From: g7hoo <liubin_9396@163.com>
Date: Sat, 9 Sep 2023 13:20:49 +0800
Subject: [PATCH] update

---
 src/assets/icon-gas.png                    | Bin 0 -> 2202 bytes
 src/assets/icon-kiln-bottom.png            | Bin 0 -> 1769 bytes
 src/assets/icon-kiln-top.png               | Bin 0 -> 1932 bytes
 src/assets/icon-left-bottom.png            | Bin 0 -> 1823 bytes
 src/assets/icon-left-middle.png            | Bin 0 -> 2210 bytes
 src/assets/icon-right-bottom.png           | Bin 0 -> 1204 bytes
 src/assets/icon-right-top.png              | Bin 0 -> 4588 bytes
 src/components/yx-dark/containers/rect.vue |  70 ++++++++++++++++++++-
 src/views/MainPanel.vue                    |  14 ++---
 9 files changed, 75 insertions(+), 9 deletions(-)
 create mode 100644 src/assets/icon-gas.png
 create mode 100644 src/assets/icon-kiln-bottom.png
 create mode 100644 src/assets/icon-kiln-top.png
 create mode 100644 src/assets/icon-left-bottom.png
 create mode 100644 src/assets/icon-left-middle.png
 create mode 100644 src/assets/icon-right-bottom.png
 create mode 100644 src/assets/icon-right-top.png

diff --git a/src/assets/icon-gas.png b/src/assets/icon-gas.png
new file mode 100644
index 0000000000000000000000000000000000000000..d67112afe7e5c879e6cdd61905389b50319c6974
GIT binary patch
literal 2202
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

literal 0
HcmV?d00001

diff --git a/src/assets/icon-kiln-bottom.png b/src/assets/icon-kiln-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb892e9b36d8bcc6280b6d6e31896dbc2b8e17f8
GIT binary patch
literal 1769
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
LNkvXXu0mjfgWqKt

literal 0
HcmV?d00001

diff --git a/src/assets/icon-kiln-top.png b/src/assets/icon-kiln-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a2fa7b533611a945a3290d254c20bce4f1e4e7b
GIT binary patch
literal 1932
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
SPaZS?0000<MNUMnLSTZ_L%MDN

literal 0
HcmV?d00001

diff --git a/src/assets/icon-left-bottom.png b/src/assets/icon-left-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..73ab3336aa63a569640b5bdc17d8d232b810096c
GIT binary patch
literal 1823
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
N002ovPDHLkV1k2TR_Xu%

literal 0
HcmV?d00001

diff --git a/src/assets/icon-left-middle.png b/src/assets/icon-left-middle.png
new file mode 100644
index 0000000000000000000000000000000000000000..82666e5c33e5119f7769db8267a6bde542f34cdf
GIT binary patch
literal 2210
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

literal 0
HcmV?d00001

diff --git a/src/assets/icon-right-bottom.png b/src/assets/icon-right-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..d567d36ae2f7853788c52b32eb04883728ee79f3
GIT binary patch
literal 1204
zcmV;l1WWsgP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(Zb?KzRCr$Pn@eb1WfaGM|Cu}{xnrRyn1zV3ptZQLpetP%TH`BGapAgMSg~!Y
z$&9Ed;=*b%nM6|`s9;^Yu{70yE$Bu!3c74pvC?1!rP$mdkIBrDi3XC%Omc5#?&MD9
z&iXw6_sseJ-}jwQH2F_Wo<9))UMt{?S>oC}_t_F%g1A?`ddeB()xyl~1V0^?=Dqmd
zv;xdbqb>smZvi)WF&YAyS;6Z=Nlr_$jpEr505gkavYf|wGz3Zc4?#?(9Qq^`Dk*OW
zK*qJS8N>cPhet!=rBqTQz5y6F+qIbGPmDx((%C{JV!qAc<`dHOa@rLuAd|H|D=@JI
zm!VTpjQ*6P^S%HW$=VSLd{S0P{9(pdf@@*O)?hc{X^gJ2@y0lka`c%m05Vy7-U@uQ
zPDxx%INWnw`a2BCuf*_y*^TpAe#N+@G%m$BnsW4UO#q0AQ$tC;8m8n|Vi|Sqor3X7
z&;X=|lFEb>fK<U)*YRsz0TBRUt$<3rrD-Z40-yqOt!V`yGOflJK{i1p`MnZzEBgJ?
zEIz%+9kIo=yV9IEgpmq#6$mo%726Vd6K|v)y<O^WY~F6qFL4p0+iNVftpKlHtCW+l
zcnf#En9$|brZTRbG2@UQ^9>2Wa)P2aoz#UA0KPTjp&bu^#B{=8?=i_;o$Sc04FKcY
z27us_i77t;_?9)Uw72l?K!?`(`TvCKD9~%7b+v67-3EIDZGtfoS|%9rfO_zNr~;zD
zK-2@8y9pvD1mF8!+B_-<tRSXt?PTH^DPK<Q{aL#^Ck~X}P#HXk(I4nC=rND##l*#w
z!^5SQ8e^^<%)=x`i&rNNONABZ{#2)aT*CxiJ6G;2Zv;le0uYb$z+k6-ShE+HwX+6K
zdj0y#TZ&qq3j1+fmF$0if!@-~&5UaYfJw8pG`MaRAUKEkuBzlVQC5sA`#YHEk(SDd
zjxX50+#)@c>;*7-44w$I2}VpXVuBG9Y;GnP^?+vY0l;O6-vV3)4P&aUh2cs^Vi}j?
z5|2<at!Bn;z@33Eg8?SK#&pF)QP*C;c+XE9jmZR;Iqdpl@e$W9U>w}>02D7qtd)J~
zc3mpj41JDqcxMA3mL%RxIXYRI=;=A@URa`dS+d6~2(|qSh~c)@U@u48+n9b%`lnKY
z#R1Oo1@@?9FObV|*o<_bO)%mC&CUa&3J7rpjJg(0iPd9FF0_M^8P`sk@p7Q60OBeR
z`_s~2Uf1Dz$c>oYM3!G_IV$_C75KDl@L~qztQ3-AX<HtaeyXO!(qmbBJYS&fh<QD}
zXf1ujWAqI=`nsIWith!A4<>S1X3XfQWia)&B{A3P(B=EVL^04x%SyeIsK%c}DwWh|
zB^#SQni|bAVa8+C1hHMZ65k9t^l$mmR59@4P|}#oF@uu^yS6JCKYj(*1+NVz`LL>I
zbE}<>o3-cXxVHdZ%7^sfWSo2qX5t<Ed_r3A0@|hzC%qVHWSIznM*e!Wi2Yv~!XIwE
S;sOu=0000<MNUMnLSTXvJ3m(d

literal 0
HcmV?d00001

diff --git a/src/assets/icon-right-top.png b/src/assets/icon-right-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d8f2ba5c5bb9b9e71c4662eb8bfb07486676a70
GIT binary patch
literal 4588
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
WP3XDxlJE=w0000<MNUMnLSTY35}$hj

literal 0
HcmV?d00001

diff --git a/src/components/yx-dark/containers/rect.vue b/src/components/yx-dark/containers/rect.vue
index 1fa16a0..3d46678 100644
--- a/src/components/yx-dark/containers/rect.vue
+++ b/src/components/yx-dark/containers/rect.vue
@@ -7,7 +7,13 @@
 
 <template>
   <div class="rect-container">
-    <slot />
+    <section class="title" v-if="title">
+      <span class="icon" v-if="icon" :class="icon"></span>
+      <span class="title__value">{{ title }}</span>
+    </section>
+    <section class="content">
+      <slot />
+    </section>
   </div>
 </template>
 
@@ -15,7 +21,7 @@
 export default {
   name: "RectContainer",
   components: {},
-  props: {},
+  props: ["icon", "title"],
   data() {
     return {};
   },
@@ -25,10 +31,70 @@ export default {
 </script>
 
 <style scoped lang="scss">
+span {
+  display: inline-block;
+}
+
 .rect-container {
   // background: url(../../../assets/rect-bg.png) no-repeat 100% / contain; // rgba(45, 230, 196, 0.8);
   padding: 24px;
   // width: 624px;
   // height: 304px;
+  display: flex;
+  flex-direction: column;
+}
+
+section.title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.title__value {
+  font-size: 24px;
+  letter-spacing: 1px;
+  line-height: 1;
+  color: #7ffff5;
+}
+
+section.content {
+  height: 1px;
+  flex: 1;
+  overflow: visible;
+}
+
+.icon {
+  width: 28px;
+  height: 28px;
+  margin-right: 8px;
+}
+
+.icon-left-middle {
+  background: url(../../../assets/icon-left-middle.png) no-repeat 100% / contain;
+}
+
+.icon-left-bottom {
+  background: url(../../../assets/icon-left-bottom.png) no-repeat 100% / contain;
+}
+
+.icon-gas {
+  background: url(../../../assets/icon-gas.png) no-repeat 100% / contain;
+}
+
+.icon-kiln-top {
+  background: url(../../../assets/icon-kiln-top.png) no-repeat 100% / contain;
+}
+
+.icon-kiln-bottom {
+  background: url(../../../assets/icon-kiln-bottom.png) no-repeat 100% / contain;
+}
+
+.icon-right-bottom {
+  background: url(../../../assets/icon-right-bottom.png) no-repeat 100% /
+    contain;
+}
+
+.icon-right-top {
+  background: url(../../../assets/icon-right-top.png) no-repeat 100% / contain;
 }
 </style>
diff --git a/src/views/MainPanel.vue b/src/views/MainPanel.vue
index 85ac37f..a5a004b 100644
--- a/src/views/MainPanel.vue
+++ b/src/views/MainPanel.vue
@@ -10,26 +10,26 @@
     <RectContainer class="leftTop">
       <WaterTemp />
     </RectContainer>
-    <RectContainer class="leftMiddle">
+    <RectContainer class="leftMiddle" title="窑炉进口水温历史" icon="icon-left-middle">
       <GradientChart />
     </RectContainer>
     <!-- <RectContainer class="leftBottom">
       <ChartContainer />
     </RectContainer> -->
 
-    <RectContainer class="bottom-1 bg-bottom">
+    <RectContainer class="bottom-1 bg-bottom" title="油流量" icon="icon-left-bottom">
       <ChartContainer />
     </RectContainer>
-    <RectContainer class="bottom-2 bg-bottom">
+    <RectContainer class="bottom-2 bg-bottom" title="天然气流量" icon="icon-gas">
       <ChartContainer />
     </RectContainer>
-    <RectContainer class="bottom-3 bg-bottom">
+    <RectContainer class="bottom-3 bg-bottom" title="窑顶温度" icon="icon-kiln-top">
       <ChartContainer />
     </RectContainer>
-    <RectContainer class="bottom-4 bg-bottom">
+    <RectContainer class="bottom-4 bg-bottom" title="窑底温度" icon="icon-kiln-bottom">
       <ChartContainer />
     </RectContainer>
-    <RectContainer class="bottom-5 bg-bottom">
+    <RectContainer class="bottom-5 bg-bottom" title="锡槽温度" icon="icon-right-bottom">
       <ChartContainer />
     </RectContainer>
     <!-- <RectContainer class="bottom-6">
@@ -42,7 +42,7 @@
       <ChartContainer />
     </RectContainer> -->
 
-    <RectContainer class="rightTop">
+    <RectContainer class="rightTop" title="风机运行情况" icon="icon-right-top">
       <TablesContainer />
     </RectContainer>
     <!-- <RectContainer class="rightMiddle">