导航

src/pages/shells/index/index.vue

@@ -12,9 +12,9 @@
       <div class="header-wraper__right">
         <div class="header_user_wraper">
           <div class="header_user_wraper_inn">
-            <div class="state-item">运行</div>
+            <div class="state-item">{{ agvInfo.agvrun_status_name }}</div>
             <div class="state-line"></div>
-            <div class="state-item">自动</div>
+            <div class="state-item">{{ agvInfo.automatic_status_name }}</div>
             <!-- <div class="state-line"></div> -->
             <!-- <div class="state-item">中文&nbsp;<i class="icon_dropdown"></i></div> -->
           </div>
@@ -22,10 +22,10 @@
         <div class="header_user_wraper">
           <div class="header_user_wraper_inn">
             <div class="elec-qty-wrap">
-              <div class="elec-qty"></div>
+              <div class="elec-qty" :style="{height: Number(dataInfo.electric) + '%', backgroundColor: Number(dataInfo.electric) <= 40 ? 'fa6400' : '#54c0b3'}"></div>
               <div class="elec-qty-top"></div>
             </div>
-            <div class="elec-txt">90%</div>
+            <div class="elec-txt">{{ dataInfo.electric }}%</div>
           </div>
         </div>
         <div class="header_user_wraper">
@@ -95,7 +95,8 @@
 <script>
 import jxTime from '@components/time.vue'
 import jxDialog from '@components/dialog.vue'
-import { updatePass, sysMenuBuild, authLogout } from '@config/getData2.js'
+import { queryHomePage } from '@/config/getData.js'
+import { updatePass, sysMenuBuild, authLogout, homeQueryHead } from '@config/getData2.js'
 import {encrypt} from '../../../main.js'
 export default {
   components: {
@@ -195,7 +196,9 @@ export default {
       options: {
         useKbEvents: false,
         preventClickEvent: false
-      }
+      },
+      dataInfo: {},
+      agvInfo: {}
     }
   },
   computed: {
@@ -328,6 +331,22 @@ export default {
     async _authLogout () {
       await authLogout()
     },
+    async _queryHomePage () {
+      let res = await queryHomePage()
+      if (res.code === '1') {
+        this.dataInfo = res.result
+      } else {
+        this.toast(res.desc)
+      }
+    },
+    async _homeQueryHead () {
+      let res = await homeQueryHead()
+      if (res.code === '1') {
+        this.agvInfo = res.result
+      } else {
+        this.toast(res.desc)
+      }
+    },
     toEixt () {
       this.$store.dispatch('setSignOut')
       this._authLogout()
@@ -421,8 +440,6 @@ export default {
   height 90%
   left 0
   bottom 0
-  background-color #54C0B3
-  // background-color #fa6400
 .elec-qty-top
   position absolute
   _wh(8px, 3px)