From 0a4dc772d29f685c8dfe92bb43baa43ba2ad2560 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期五, 10 十一月 2023 17:50:40 +0800
Subject: [PATCH] 1、车间看板页面实现鼠标悬浮于设备上出现设备详细信息弹窗，鼠标移出弹窗消失 2、设备参数阈值管理页面新增至mdc模块设备基础配置菜单下并完成所有布局及功能实现

---
 src/views/dashboard/Analysis.vue |   77 +++++++++++++++++++++++++++++++-------
 1 files changed, 63 insertions(+), 14 deletions(-)

diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 577f741..edb65db 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,26 +1,35 @@
 <template>
-  <div>
-    <index-chart v-if="indexStyle==1"></index-chart>
+  <div class="page-container" style="width: 100%">
+    <!--<index-chart v-if="indexStyle==1"></index-chart>-->
     <!--<index-bdc v-if="indexStyle==2"></index-bdc>-->
     <!--<index-task v-if="indexStyle==3"></index-task>-->
     <!--<div style="width: 100%;text-align: right;margin-top: 20px">-->
-      <!--璇烽�夋嫨棣栭〉鏍峰紡锛�-->
-      <!--&lt;!&ndash;<a-radio-group v-model="indexStyle">&ndash;&gt;-->
-        <!--&lt;!&ndash;<a-radio :value="1">缁熻鍥捐〃</a-radio>&ndash;&gt;-->
-        <!--&lt;!&ndash;<a-radio :value="2">缁熻鍥捐〃2</a-radio>&ndash;&gt;-->
-        <!--&lt;!&ndash;<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>&ndash;&gt;-->
-      <!--&lt;!&ndash;</a-radio-group>&ndash;&gt;-->
+    <!--璇烽�夋嫨棣栭〉鏍峰紡锛�-->
+    <!--&lt;!&ndash;<a-radio-group v-model="indexStyle">&ndash;&gt;-->
+    <!--&lt;!&ndash;<a-radio :value="1">缁熻鍥捐〃</a-radio>&ndash;&gt;-->
+    <!--&lt;!&ndash;<a-radio :value="2">缁熻鍥捐〃2</a-radio>&ndash;&gt;-->
+    <!--&lt;!&ndash;<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>&ndash;&gt;-->
+    <!--&lt;!&ndash;</a-radio-group>&ndash;&gt;-->
     <!--</div>-->
+    <!--<a-button type="primary" size="large" v-for="item in workshopList" :key="item.workshopId"-->
+    <!--@click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}-->
+    <!--</a-button>-->
+
+    <a-card v-for="item in workshopList" :key="item.workshopId"
+            @click="navigateToWorkshopSignage(item.id)" class="workshop-entrance">
+      {{item.workshopName}}
+    </a-card>
   </div>
 </template>
 
 <script>
   import IndexChart from './IndexChart'
-  import IndexTask from "./IndexTask"
+  import IndexTask from './IndexTask'
   import IndexBdc from './IndexBdc'
+  import api from '@/api/mdc'
 
   export default {
-    name: "Analysis",
+    name: 'Analysis',
     components: {
       IndexChart,
       IndexTask,
@@ -28,14 +37,54 @@
     },
     data() {
       return {
-        indexStyle:1
+        indexStyle: 1,
+        workshopList: []
       }
     },
     created() {
-
+      this.getWorkshopListByApi()
     },
     methods: {
-
+      /**
+       * 閫氳繃杞﹂棿Id璺宠浆鑷崇浉搴旇溅闂村ぇ灞忕湅鏉�
+       * @param id 杞﹂棿Id
+       */
+      navigateToWorkshopSignage(id) {
+        const url = this.$router.resolve(`/workshopSignage/${id}`).href
+        window.open(url, '_blank')
+      },
+      /**
+       * 鑾峰彇杞﹂棿鍒楄〃
+       */
+      getWorkshopListByApi() {
+        api.getWorkshopListInHomePageApi().then(res => {
+          console.log('res', res)
+          if (res.result && res.result.length > 0) {
+            this.workshopList = res.result
+          }
+        })
+      }
     }
   }
-</script>
\ No newline at end of file
+</script>
+
+<style lang="less" scoped>
+  .page-container {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .workshop-entrance {
+      font-size: 30px;
+      background-color: #fff;
+      width: 300px;
+      height: 140px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin: 30px 38px;
+      cursor: pointer;
+      border-radius: 20px;
+    }
+  }
+</style>
\ No newline at end of file

--
Gitblit v1.9.3