u

code/container-ocr/ocr-vue/src/components/g3-table/G3EditTable.vue

@@ -1,7 +0,0 @@
-<script lang="js" setup></script>
-
-<template>
-  <div class=""></div>
-</template>
-
-<style lang="scss" scoped></style>

code/container-ocr/ocr-vue/src/components/g3-table/G3RecursiveColumn.vue

@@ -1,17 +0,0 @@
-<script lang="js" setup>
-defineOptions({
-  name: "G3RecursiveColumn",
-});
-
-const isGroup = computed(() => {
-  return Array.isArray(props.column.children) && props.column.children.length > 0;
-});
-</script>
-
-<template>
-  <vxe-colgroup v-if="isGroup" :title="column.label" :field="column.field">
-    
-  </vxe-colgroup>
-</template>
-
-<style lang="scss" scoped></style>

code/container-ocr/ocr-vue/src/components/g3-table/g3-recursive-column.vue

@@ -0,0 +1,53 @@
+<script lang="js" setup>
+import { getAlignByFormat, formatValueByFormat } from "@/utils/columns";
+
+defineOptions({
+  name: "G3RecursiveColumn",
+});
+
+const props = defineProps({
+  column: {
+    type: Object,
+    required: true,
+  },
+});
+
+const isGroup = computed(() => {
+  return (
+    Array.isArray(props.column.children) && props.column.children.length > 0
+  );
+});
+</script>
+
+<template>
+  <vxe-colgroup v-if="isGroup" :title="column.label" :field="column.field">
+    <G3RecursiveColumn
+      v-for="(child, index) in column.children"
+      :key="index"
+      :column="child"
+    ></G3RecursiveColumn>
+  </vxe-colgroup>
+
+  <vxe-column
+    v-else
+    :field="column.col_FieldName"
+    :title="column.col_Caption"
+    :width="column.col_Width"
+    :align="getAlignByFormat(column.col_DisplayFormat)"
+    :params="column"
+    :sortable="props.sortable"
+  >
+    <template #default="{ row }">
+      {{
+        formatValueByFormat(row[column.col_FieldName], column.col_DisplayFormat)
+      }}
+    </template>
+    <template v-if="column.showSummary === '1'" #footer="{ row }">
+      {{
+        formatValueByFormat(row[column.col_FieldName], column.col_DisplayFormat)
+      }}
+    </template>
+  </vxe-column>
+</template>
+
+<style lang="scss" scoped></style>