From 119eeb221c2b6f7e27e200ebbb790c4052e825bd Mon Sep 17 00:00:00 2001
From: qushaowei <qushaowei@163.com>
Date: 星期二, 07 十一月 2023 09:54:42 +0800
Subject: [PATCH] 修改主页
---
src/views/dashboard/Analysis.vue | 93 +++++++++++++++++++++++++++++++++++++---------
1 files changed, 74 insertions(+), 19 deletions(-)
diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 05278d8..e093fef 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,27 +1,42 @@
<template>
- <div style="text-align: center;vertical-align: middle;background-color:white;">
- <!-- <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">
- 璇烽�夋嫨棣栭〉鏍峰紡锛�
- <a-radio-group v-model="indexStyle">
- <a-radio :value="1">缁熻鍥捐〃</a-radio>
- <a-radio :value="2">缁熻鍥捐〃2</a-radio>
- <a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>
- </a-radio-group>
- </div> -->
- <img style="width:1000px; height:900px;" src="./public/zghf.png">
+ <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">-->
+ <!--璇烽�夋嫨棣栭〉鏍峰紡锛�-->
+ <!--<!–<a-radio-group v-model="indexStyle">–>-->
+ <!--<!–<a-radio :value="1">缁熻鍥捐〃</a-radio>–>-->
+ <!--<!–<a-radio :value="2">缁熻鍥捐〃2</a-radio>–>-->
+ <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>-->
+ <!--<!–</a-radio-group>–>-->
+ <!--</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,
@@ -29,14 +44,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