fix

project/dvui/components/AiStaData.vue

@@ -0,0 +1,30 @@
+<template>
+  <section class="AiStaData">
+    <ai-data-panel v-for="op in data" :key="op[key]"
+                   :label="op[label]" :value="op[key]"/>
+  </section>
+</template>
+
+<script>
+import AiDataPanel from "./AiDataPanel";
+
+export default {
+  name: "AiStaData",
+  components: {AiDataPanel},
+  props: {
+    data: {default: () => []},
+    key: {default: "id"},
+    label: {default: "label"},
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiStaData {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+</style>