From 54aa14a5a970d36d06f7882451d5bc776cf764fc Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期三, 25 十二月 2024 16:52:21 +0800
Subject: [PATCH] 修改列表表头高度
---
Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue | 79 +++++++++++++++++++++++++++------------
1 files changed, 54 insertions(+), 25 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..380242b 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,49 +1,78 @@
<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.num" :xs="24">
+ <div class="basic-container">
+ <el-card class="basic-container__card" :body-style="{height:+(height*item.ratio-(item.title?78:38))+'px'}">
+ <div slot="header" class="clearfix" v-if="item.title || item.icon">
+ <span>{{item.title}}</span>
+ <icon-show :name="item.icon" style="display: inline-block"></icon-show>
+ </div>
+ <component :height="height*item.ratio" :is="item.module" :key="item.module" :title="item.title" :icon="item.icon"></component>
+ </el-card>
+ </div>
</el-col>
</el-row>
</div>
</template>
<script>
+import {getAllData} from "@/api/homeConfig";
+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 {
- homeData:[{
- component:'UndoTaskPortlet',
- span:24
- }]
+ height:document.body.clientHeight-115,
+ homeData:[]
}
},
created() {
- this.initData();
+ this.getList();
},
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);
+ getList() {
+ getAllData().then(res => {
+ const data = res.data.data;
+ if(data.length>0){
+ this.homeData = data;
+ }else {
+ this.homeData = [{
+ orderNum:1,
+ module: "UndoTaskPortlet",
+ title: "寰呭姙娴佺▼浠诲姟",
+ num:24,
+ icon: "",
+ ratio:1.00
+ }];
+ }
+ }).catch(error=>{
+ this.homeData = [{
+ orderNum:1,
+ module: "UndoTaskPortlet",
+ title: "寰呭姙娴佺▼浠诲姟",
+ num:24,
+ icon: "",
+ ratio:1.00
+ }];
});
- },
+ }
}
}
</script>
-<style scoped>
-
+<style lang="scss" scoped>
+::v-deep {
+ .iconShow{
+ margin-left: 5px;
+ position: relative;
+ top:4px;
+ }
+ .el-col {
+ margin-bottom: 0px;
+ }
+}
</style>
--
Gitblit v1.9.3