展会大屏 update

src/store/module/MicroExhibition.ts

@@ -125,5 +125,38 @@ export const useMicroExhibitionStore = defineStore(Names.MicroExhibition, {
       })
       this.zuoyi = data;
     },
+    changestatus(data) {
+      let map = {
+        '1171512':'zuoyi',
+        '1170304':'zuoyi',
+        '1171902':'zuoyi',
+        '10201557':'zuoyi',
+        '116023#':'tuoxie',
+        '104019420':'banfang',
+        '104019428':'banfang',
+        '1131514':'banfang',
+        '10404393':'banfang',
+        '10410207':'banfang',
+        '10102109':'fengzhong',
+        'RP2011001':'fengzhong',
+        'RP2011157':'fengzhong',
+        'RPO00000OLS':'fengzhong',
+        '10102154':'fengzhong',
+        '1050910':'caijian',
+        '1190269':'caijian',
+      }
+      let {RackNumber,WorkingState} = data
+      let key = map[RackNumber]
+      this[key].value.forEach((item)=>{
+        let index = item.findIndex((item2)=>{
+            return item2==RackNumber
+        })
+        if(index!=-1){
+          item[item.length-1] = WorkingState
+        }
+      })
+
+    }
+
   },
 });

src/views/MicroExhibition/components/BoardBar.vue

@@ -53,12 +53,10 @@ let config = reactive({
     align: ['center', 'center', 'center', 'center', 'center', 'center'],
     rowNum: 2,
     waitTime: 3000,
-    data: [
-    ]
 })
 const handleData = () => {
 
-    config.data = prop.data.map((items: any) => {
+    let updateList =  prop.data.map((items: any) => {
         return items.map((item: any, index: number) => {
             if (index == (items.length - 1)) {
                 return statusHtml(status_color[item])
@@ -66,6 +64,7 @@ const handleData = () => {
             return item
         })
     })
+    devList.value.updateRows(updateList,config)
 }
 watch(()=>prop.data, (newVal, oldVal) => {
     handleData()

src/views/MicroExhibition/components/DevCard.vue

@@ -8,10 +8,10 @@
                 <div class="dev-content dev-title">
                     <div class="key" v-for="item in dev_title">{{ item }}</div>
                 </div>
-                <div class="dev-content" v-for="(items, index) in dev_value">
+                <div class="dev-content" v-for="(items, index) in (dev_value as any)">
-                    <div v-for="(item,index) in items" :class="{status:index == last_index}" 
+                    <div v-for="(item,index) in items" :class="{status:index == (items.length - 1)}" 
-                    :style="{background:index == last_index?status_color[item]:''}"
+                    :style="{background:index == (items.length - 1)?status_color[item]:''}"
-                    >{{ index == last_index?'':item}}</div>
+                    >{{ index == (items.length - 1)?'':item}}</div>
                 </div>
             </div>
         </div>
@@ -25,12 +25,8 @@ const prop = defineProps({
         type: Array,
         default: ['机架号', '状态', '布料层数', '裁片数量']
     },
-    last_index: {
-        type: Number,
-        default: 3
-    },
     dev_value: {
-        type: [Array],
+        type: Array,
         default: [
             [102014422, '待机', '40层', '0']
         ]

src/views/MicroExhibition/index.vue

@@ -10,7 +10,7 @@
             <div class="left">
                 <div class="lt">
                     <NewBoder :title="'裁剪设备'">
-                        <DevCard :dev_title="dev_caijian_title" :dev_value="store.caijian.value" :last_index="3">
+                        <DevCard :dev_title="dev_caijian_title" :dev_value="store.caijian.value">
                             <BarChart style="width: 100%;height: 100%;" :xData="store.caijian.chart.xData"
                                 :seriesData="store.caijian.chart.series"></BarChart>
                         </DevCard>
@@ -48,7 +48,7 @@
                     </NewBoder>
                 </div>
                 <div class="cb">
-                    <NewBoder :title="'板房设备'">
+                    <NewBoder :title="'版房设备'">
                         <BoardBar :data="store.banfang.value" :xData="store.banfang.chart.xData"
                             :seriesData="store.banfang.chart.series"></BoardBar>
                     </NewBoder>
@@ -57,7 +57,7 @@
             <div class="right">
                 <div class="rt">
                     <NewBoder :title="'一次性拖鞋自动生产线'">
-                        <DevCard :dev_title="dev_tuoxie_title" :dev_value="store.tuoxie.value" :last_index="2">
+                        <DevCard :dev_title="dev_tuoxie_title" :dev_value="store.tuoxie.value">
                             <BarChart style="width: 100%;height: 100%;" :xData="store.tuoxie.chart.xData"
                                 :seriesData="store.tuoxie.chart.series"></BarChart>
                         </DevCard>
@@ -132,7 +132,7 @@ let dev_value = [
 async function getTopDeviceData() {
     let res = await getTopDevice() as any
     if (res.code === 200) {
-        store.setbanfang(res.data.板房设备)
+        store.setbanfang(res.data.版房设备)
         store.setcaijian(res.data.裁剪设备)
         store.setfengzhong(res.data.缝中设备)
         store.settuoxie(res.data.拖鞋自动生产线)
@@ -157,7 +157,7 @@ function getWebsocket(val){
         store.setDevnum(data.msg)
       }
       if(data.type=='WorkingState'){     
-        store.setDevnum(data.msg)
+        store.changestatus(data.msg)
       }
 
     }catch(err){