From acecd2af0d71d980c741936637f29f008adaf88f Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期四, 19 十二月 2024 18:12:08 +0800
Subject: [PATCH] 首页配置，业务模块展示不同首页
---
Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue | 35 +++++++++++++++++------------------
1 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue b/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
index 69a16ca..8718080 100644
--- a/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
+++ b/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
@@ -1,22 +1,35 @@
<template>
<div>
<el-row>
- <el-col v-for="item in homeData" :span="item.span">
- <component :is="item.currentComponent" :key="item.component"></component>
+ <el-col v-for="item in homeData" :span="item.span" :xs="24">
+ <component :height="height*item.height" :is="item.component" :key="item.component" :title="item.title" :icon="item.icon"></component>
</el-col>
</el-row>
</div>
</template>
<script>
+import UndoTaskPortlet from './components/UndoTaskPortlet.vue';
+import taskPortlet from './components/taskPortlet.vue';
+import test from './components/test.vue';
export default {
name: "workIndex",
- components:{},
+ components:{UndoTaskPortlet,taskPortlet,test},
data(){
return {
+ height:document.body.clientHeight-115,
homeData:[{
component:'UndoTaskPortlet',
- span:24
+ height:0.4,
+ span:16
+ },{
+ component:'taskPortlet',
+ height:0.3,
+ span:5
+ },{
+ component:'test',
+ height:0.6,
+ span:12
}]
}
},
@@ -25,20 +38,6 @@
},
methods:{
initData() {
- this.homeData.map(item => {
- this.loadCompoent(item);
- return item;
- })
- },
- loadCompoent(item){
- // 鍔ㄦ�佸鍏ョ粍浠�
- import(`@/views/wel/components/${item.component}.vue`).then((module) => {
- // 鎴愬姛瀵煎叆鍚庯紝灏嗙粍浠舵敞鍐屽埌Vue瀹炰緥涓�
- item.currentComponent = module.default;
- }).catch((error) => {
- // 澶勭悊瀵煎叆澶辫触鐨勬儏鍐�
- console.log('缁勪欢鍔犺浇澶辫触:', error);
- });
},
}
}
--
Gitblit v1.9.3