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

7
src/views/dashboard/Edit.vue
View File

@@ -27,14 +27,13 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { toRefs, defineComponent, reactive, ref } from "vue";
import { ElButton } from "element-plus";
import GridLayout from "./widget/Layout.vue";
import GridLayout from "./panel/Layout.vue";
import { GridItemData } from "@/types/dashboard";
import { useDashboardStore } from "@/store/modules/dashboard";
const dashboardStore = useDashboardStore();
const layouts: GridItemData[] = [
const layout: GridItemData[] = [
{ x: 0, y: 0, w: 2, h: 2, i: "0" },
{ x: 2, y: 0, w: 2, h: 4, i: "1" },
{ x: 4, y: 0, w: 2, h: 5, i: "2" },
@@ -56,7 +55,7 @@ const layouts: GridItemData[] = [
{ x: 0, y: 9, w: 2, h: 3, i: "18" },
{ x: 2, y: 6, w: 2, h: 2, i: "19" },
];
dashboardStore.setLayouts(layouts);
dashboardStore.setLayout(layout);
</script>
<style lang="scss" scoped>
.dashboard-tool {