refactor(page): support multiple chat

core/datacap-ui/src/views/pages/admin/dashboard/components/ChartContainer.vue

@@ -9,7 +9,7 @@
       <ShadcnSpin v-model="loading" fixed/>
 
       <div v-if="!loading" class="p-2">
-        <ShadcnToggleGroup v-model="report">
+        <ShadcnToggleGroup v-model="report" multiple>
           <ShadcnRow gutter="8">
             <ShadcnCol v-for="item of data" span="4">
               <ShadcnToggle :key="item.id" class="px-1 py-1" :value="item.id">
@@ -111,7 +111,7 @@ export default defineComponent({
     return {
       loading: false,
       data: [] as ReportModel[],
-      report: '',
+      report: [] as any[],
       pageIndex: 1,
       pageSize: 10,
       dataCount: 0
@@ -157,8 +157,10 @@ export default defineComponent({
     },
     onSubmit()
     {
-      const node = this.data.find(item => item.id === toNumber(this.report[0]))
+      const nodes = this.data.filter(item =>
-      this.$emit('change', node)
+          this.report.some((reportId: number) => toNumber(item.id) === toNumber(reportId))
+      )
+      this.$emit('change', nodes)
 
       this.onCancel()
     },

core/datacap-ui/src/views/pages/admin/dashboard/components/DashboardEditor.vue

@@ -208,24 +208,26 @@ export default defineComponent({
                      }
                    })
     },
-    onChange(node: ReportModel)
+    onChange(nodes: ReportModel[])
     {
-      const newItem = {
+      nodes.forEach((node: ReportModel) => {
-        x: 0,
+        const newItem = {
-        y: 0,
+          x: 0,
-        w: 3,
+          y: 0,
-        h: 4,
+          w: 3,
-        i: 'new-' + Date.now(),
+          h: 4,
-        title: node.name,
+          i: 'new-' + Date.now(),
-        node: {
+          title: node.name,
-          id: node.id,
+          node: {
-          configure: node.configure,
+            id: node.id,
-          code: node.dataset?.code,
+            configure: node.configure,
-          query: node?.query
+            code: node.dataset?.code,
-        },
+            query: node?.query
-        original: node
+          },
-      }
+          original: node
-      this.layouts.push(newItem)
+        }
+        this.layouts.push(newItem)
+      })
     },
     onSubmit()
     {