github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 20:01:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update layout

Browse Source
This commit is contained in:
Qiuxia Fan
2021-12-23 19:33:40 +08:00
parent 91abc20fef
commit 4992d1567d
4 changed files with 24 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/store/modules/dashboard.ts
View File

@@ -19,17 +19,17 @@ import { store } from "@/store";
import { GridItemData } from "@/types/dashboard";
interface DashboardState {
layouts: GridItemData[];
layout: GridItemData[];
}
export const dashboardStore = defineStore({
id: "dashboard",
state: (): DashboardState => ({
layouts: [],
layout: [],
}),
actions: {
setLayouts(data: GridItemData[]) {
this.layouts = data;
setLayout(data: GridItemData[]) {
this.layout = data;
},
addWidget() {
const newWidget: GridItemData = {
@@ -37,13 +37,13 @@ export const dashboardStore = defineStore({
y: 0,
w: 12,
h: 3,
i: String(this.layouts.length),
i: String(this.layout.length),
};
this.layouts = this.layouts.map((d: GridItemData) => {
this.layout = this.layout.map((d: GridItemData) => {
d.y = d.y + 3;
return d;
});
this.layouts.push(newWidget);
this.layout.push(newWidget);
},
},
});