From 86d99e38a2c44e85983d2b8adccf332902a8f2a2 Mon Sep 17 00:00:00 2001
From: “linengliang” <vanSuperEnergy@163.com>
Date: 星期五, 15 三月 2024 15:00:56 +0800
Subject: [PATCH] xg

---
 src/views/dashboard/Analysis.vue |   57 +++++++++++++++++++++++++++++++++------------------------
 1 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 505d8a7..209c1ab 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <index-chart v-if="indexStyle==1"></index-chart>
+  <div class="page-container">
+    <!--<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">-->
@@ -11,9 +11,15 @@
     <!--&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-list
+      :grid="{ gutter: [{xs: 0, sm: 24, md: 24, lg: 56, xl: 64, xxl: 80},20], xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 4 }"
+      :data-source="workshopList">
+      <a-list-item slot="renderItem" slot-scope="item, index">
+        <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div>
+      </a-list-item>
+    </a-list>
+
   </div>
 </template>
 
@@ -33,24 +39,7 @@
     data() {
       return {
         indexStyle: 1,
-        workshopList: [
-          {
-            workshopName: '闀挎矙杞﹂棿',
-            id: '5321'
-          },
-          {
-            workshopName: '澶╂触杞﹂棿',
-            id: '6312'
-          },
-          {
-            workshopName: '姝︽眽杞﹂棿',
-            id: '3463'
-          },
-          {
-            workshopName: '鍖椾含杞﹂棿',
-            id: '8421'
-          }
-        ]
+        workshopList: []
       }
     },
     created() {
@@ -78,4 +67,24 @@
       }
     }
   }
-</script>
\ No newline at end of file
+</script>
+
+<style lang="less" scoped>
+  .page-container {
+    padding: 30px 30px 0;
+
+    .workshop-name {
+      width: 100%;
+      background: #fff;
+      padding: 55px 0;
+      border-radius: 20px;
+      text-align: center;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-size: 30px;
+      cursor: pointer;
+    }
+  }
+
+</style>
\ No newline at end of file

--
Gitblit v1.9.3