|
@@ -0,0 +1,41 @@
|
|
|
+<script setup lang="ts">
|
|
|
+import { useLoading } from '/@/utils/loading-util'
|
|
|
+
|
|
|
+type MarkdownDashBoard = {
|
|
|
+ x: number
|
|
|
+ y: number
|
|
|
+ w: number
|
|
|
+ h: number
|
|
|
+ z: number
|
|
|
+
|
|
|
+ title: string
|
|
|
+ data: string
|
|
|
+}
|
|
|
+
|
|
|
+const props = defineProps<{
|
|
|
+ id?: number
|
|
|
+}>()
|
|
|
+
|
|
|
+import { computed, ref } from 'vue'
|
|
|
+
|
|
|
+const data = ref<MarkdownDashBoard[]>([])
|
|
|
+
|
|
|
+const { loading: loadingDashboard, doLoading: doLoadingDashBoard } = useLoading(async () => {
|
|
|
+ if (props.id === undefined) {
|
|
|
+ return '[]'
|
|
|
+ }
|
|
|
+ //TODO fetch remote
|
|
|
+})
|
|
|
+
|
|
|
+const renderer = computed<MarkdownDashBoard[]>(() => [...data.value].sort((a, b) => a.z - b.z))
|
|
|
+
|
|
|
+const { loading: loadingDashboardSubmit, doLoading: doLoadingDashboardSubmit } = useLoading(async () => {
|
|
|
+ //TODO submit
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div>edit</div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style scoped lang="scss"></style>
|