From 9626bf75c0cfe5b80be9941d2667ee3579d623e3 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 25 六月 2024 19:24:56 +0800
Subject: [PATCH] update height
---
src/views/home/widgets/index.vue | 86 +++++++++++++++++++++++++++++++++++++++----
1 files changed, 78 insertions(+), 8 deletions(-)
diff --git a/src/views/home/widgets/index.vue b/src/views/home/widgets/index.vue
index c23cb5c..93d9d19 100644
--- a/src/views/home/widgets/index.vue
+++ b/src/views/home/widgets/index.vue
@@ -39,6 +39,7 @@
<div class="widgets-aside-title"><el-icon><el-icon-circle-plus-filled/></el-icon>娣诲姞閮ㄤ欢</div>
<div class="widgets-aside-close" @click="close()"><el-icon><el-icon-close /></el-icon></div>
</el-header>
+ {{grid.layout.join(',')}},xxxx
<el-header style="height:auto">
<div class="selectLayout">
<div class="selectLayout-item item01" :class="{active:grid.layout.join(',')=='12,6,6'}" @click="setLayout([12,6,6])">
@@ -66,9 +67,9 @@
</el-header>
<el-main class="nopadding">
<div class="widgets-list">
- <div v-if="myCompsList.length<=0" class="widgets-list-nodata">
+ <!-- <div v-if="myCompsList.length<=0" class="widgets-list-nodata">
<el-empty description="娌℃湁閮ㄤ欢鍟�" :image-size="60"></el-empty>
- </div>
+ </div> -->
<div v-for="item in myCompsList" :key="item.title" class="widgets-list-item">
<div class="item-logo"><el-icon><component :is="item.icon" /></el-icon></div>
<div class="item-info">
@@ -92,6 +93,7 @@
<script>
import draggable from 'vuedraggable'
import allComps from './components'
+import { arrow } from '@popperjs/core';
export default {
components: {
@@ -107,7 +109,8 @@
}
},
created(){
- this.grid = this.$TOOL.data.get("grid") || JSON.parse(JSON.stringify(this.defaultGrid))
+ //this.grid = this.$TOOL.data.get("grid") || JSON.parse(JSON.stringify(this.defaultGrid))
+ this.getWorkbenchCarList();
},
mounted() {
this.$emit('on-mounted')
@@ -133,14 +136,66 @@
return allCompsList
},
myCompsList(){
- var myGrid = this.$TOOL.data.get("DASHBOARDGRID")
- return this.allCompsList.filter(item => !item.disabled && myGrid.includes(item.key))
+ var copmsList = [];
+ if(this.defaultGrid.copmsList == undefined) return [];
+ this.defaultGrid.copmsList.forEach(item=> {
+ copmsList = copmsList.concat([...item])
+ })
+ var myGrid = copmsList;
+ this.$TOOL.data.set("DASHBOARDGRID", copmsList);
+ //return this.allCompsList.filter(item => !item.disabled && myGrid.includes(item.key))
+ return this.allCompsList;
},
nowCompsList(){
- return this.grid.copmsList.reduce(function(a, b){return a.concat(b)})
+ var copmsList = [];
+ if(this.grid.copmsList == undefined) return [];
+ this.grid.copmsList.forEach(item=> {
+ copmsList = copmsList.concat([...item])
+ })
+ return copmsList;
}
},
methods: {
+ getWorkbenchCarList() {
+ var data = this.$TOOL.data.get("MENU");
+ this.workid = data[0].children[0].id; //璁板綍绗竴涓猚hildren鐨刬d
+ this.$HTTP.get(`/api/blade-system/workbench-card/list?workbenchId=${this.workid}`).then(res=> {
+ if(res.code == 200) {
+ let cards = res.data;
+ //ycoordinate琛ㄧず浠庝笂寰�涓嬩粠绗嚑涓紑濮嬶紝浠�0寮�濮嬫暟
+ //xcoordinate琛ㄧず浠庡乏寰�鍙充粠绗嚑涓紑濮嬶紝浠�0寮�濮嬫暟
+ //鎸墆coordinate杩涜浠庡皬鍒板ぇ鎺掑簭锛屽鏋測coordinate涓�鏍锋椂锛屾寜鐓coordinate浠庡皬鍒板ぇ鎺掑簭
+ //cardWide浠ｈ〃瀹藉害
+ //cardKey浠ｈ〃缁勪欢鍚嶇О
+ cards.sort((a, b) => {
+ // 鍏堟瘮杈� ycoordinate
+ if (a.ycoordinate < b.ycoordinate) {
+ return -1;
+ }
+ if (a.ycoordinate > b.ycoordinate) {
+ return 1;
+ }
+ // 濡傛灉 ycoordinate 鐩稿悓锛屽垯姣旇緝 xcoordinate
+ if (a.xcoordinate < b.xcoordinate) {
+ return -1;
+ }
+ if (a.xcoordinate > b.xcoordinate) {
+ return 1;
+ }
+ // 濡傛灉 xcoordinate 涔熺浉鍚岋紝鍒欎笉浜ゆ崲浣嶇疆
+ return 0;
+ });
+ cards.forEach((item,index)=> {
+ this.$CONFIG.DEFAULT_GRID.copmsList[index] = [item.cardKey];
+ this.$CONFIG.DEFAULT_GRID.layout[index] = item.cardWide * 2;
+ })
+ console.log(this.$CONFIG.DEFAULT_GRID.copmsList,this.$CONFIG.DEFAULT_GRID.layout,234)
+ this.$CONFIG.DEFAULT_GRID.data = cards;
+ this.defaultGrid = this.$CONFIG.DEFAULT_GRID;
+ this.grid = this.$TOOL.data.get("grid") || JSON.parse(JSON.stringify(this.defaultGrid))
+ }
+ })
+ },
//寮�鍚嚜瀹氫箟
custom(){
this.customizing = true
@@ -177,6 +232,20 @@
this.customizing = false
this.$refs.widgets.style.removeProperty('transform')
this.$TOOL.data.set("grid", this.grid)
+ //淇濆瓨鎺ュ彛
+ var copmsList = this.grid.copmsList;
+ var flattened = copmsList.reduce((acc, val) => acc.concat(val), []); //鎵佸钩鍖�
+ var data = this.grid.data.filter(item=>flattened.includes(item.cardKey));
+ var obj = {
+ workbenchCardAddVOList: data,
+ workbenchId: this.workid
+ }
+ this.$HTTP.post(`/api/blade-system/workbench-card/create-workbench-card`,obj).then(res=> {
+ if(res.code == 200) {
+ this.$message.success("鎿嶄綔鎴愬姛");
+ }
+ })
+ console.log(this.grid,111)
},
//鎭㈠榛樿
backDefaul(){
@@ -187,8 +256,9 @@
},
//鍏抽棴
close(){
- this.customizing = false
- this.$refs.widgets.style.removeProperty('transform')
+ //this.customizing = false
+ //this.$refs.widgets.style.removeProperty('transform')
+ this.backDefaul();
}
}
}
--
Gitblit v1.9.3