From 16f1541e42a6899705a3f2a246f2091500018c5d Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Thu, 5 Dec 2024 09:52:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=83=BD=E6=BA=90=E6=B5=81=E5=90=91?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/enm_energy/energyPicture.vue | 86 +++++++++++++++++++++++---
 1 file changed, 77 insertions(+), 9 deletions(-)

diff --git a/src/views/enm_energy/energyPicture.vue b/src/views/enm_energy/energyPicture.vue
index 472a892d..347a306d 100644
--- a/src/views/enm_energy/energyPicture.vue
+++ b/src/views/enm_energy/energyPicture.vue
@@ -1,19 +1,74 @@
 <template>
-    <!-- <el-card style="height: 100%;background-image: url('/img/elec_flow.png');background-size: contain;background-repeat: no-repeat;"> -->
-    <el-card style="height: 100%; display: flex; flex-direction: column; justify-content: space-between;">
-        <img src="/media/elec_flow.png" class="flowImg" style="max-height: 100%;width:100%;height: auto; object-fit: contain;" >
-        <!-- <img src="/media/water.png" class="flowImg" style="max-height: 100%;width:100%;height: auto; object-fit: contain;" > -->
-    </el-card>
-  </template>
+    <el-container>
+        <el-main>
+            <div class="pictureContainer">
+                 <img src="/media/elec_flow.png" class="flowImg" >
+                <!-- <img src="/img/energy.png" class="flowImg" /> -->
+                <div class="energyNumber" style="top: 80px;">{{ dataObj.烘干破碎机 }}</div>
+                <div class="energyNumber" style="top: 132px;">{{ dataObj.辅材立磨 }}</div>
+                <div class="energyNumber" style="top: 178px;">{{ dataObj.生粉循环风机 }}</div>
+                <div class="energyNumber" style="top: 222px;">{{ dataObj.生粉选粉机 }}</div>
+                <div class="energyNumber" style="top: 270px;">{{ dataObj.高温风机 }}</div>
+                <div class="energyNumber" style="top: 326px;">{{ dataObj.尾排风机 }}</div>
+                <div class="energyNumber" style="top: 379px;">{{ dataObj.回转窑 }}</div>
+                <div class="energyNumber" style="top: 430px;">{{ dataObj.煤立磨 }}</div>
+                <div class="energyNumber" style="top: 487px;">{{ dataObj.煤磨排风机 }}</div>
+                <div class="energyNumber" style="top: 536px;">{{ dataObj.窑头排风机 }}</div>
+                <div class="energyNumber" style="top: 607px;">{{ dataObj.水泥磨 }}</div>
+                <div class="energyNumber" style="top: 663px;">{{ dataObj.辊压机 }}</div>
+                <div class="energyNumber" style="top: 719px;">{{ dataObj.系统风机 }}</div>
+                <div class="energyNumber" style="top: 773px;">{{ dataObj.选粉机 }}</div>
+                <div class="energyNumber" style="top: 830px;">{{ dataObj.循环风机 }}</div>
+
+            </div> 
+        </el-main>
+    </el-container>
+</template>
 <script>
     export default {
         data() {
             return { 
-                imgSrc:''
+                imgSrc:'',
+                dataObj:{
+                    烘干破碎机:0,
+                    辅材立磨:0,
+                    生粉循环风机:0,//生粉制备
+                    生粉选粉机:0,//生粉制备
+                    高温风机:0,
+                    尾排风机:0,
+                    回转窑:0,
+                    煤立磨:0,
+                    煤磨排风机:0,
+                    窑头排风机:0,
+                    水泥磨:0,
+                    辊压机:0,
+                    系统风机:0,
+                    选粉机:0,//水泥磨
+                    循环风机:0,//水泥磨
+                }
             };
         },
         mounted() {
-            
+            let that = this;
+            let date = new Date();
+            let year = date.getFullYear();
+            let month = date.getMonth() + 1;
+            let day = date.getDate();
+            let hour = date.getHours();
+            let obj = {
+                year: year,
+                month: month,
+                day: day,
+                type: 'day',
+                page:0,
+                mpoint__material__code__in:'elec'
+            };
+            this.$API.enm.mpoint.stat.req(obj).then(res => {
+                res.forEach(item => {
+                    that.dataObj[item.mpoint_nickname]=item.val;
+                })
+                console.log(that.dataObj)
+            })
 
         },
         methods: {
@@ -22,8 +77,21 @@
     };
 </script>
 <style>
+    .pictureContainer{
+        position: relative;
+        width: 1200px;
+        height: 900px;
+    }
     .flowImg{
         display: inline-block;
-        width: clac(100%-210px);
+        width: 1200px;
+        height: 900px;
+    }
+    .energyNumber{
+        position: absolute;
+        right: 160px;
+        color: #536dfe;
+        font-size: 15px;
+        font-weight: bold;
     }
 </style>
\ No newline at end of file