u

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

@@ -0,0 +1,7 @@
+<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

@@ -0,0 +1,17 @@
+<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-column.vue

@@ -0,0 +1,20 @@
+<script lang="js" setup>
+const props = defineProps({
+  field: Object,
+});
+</script>
+
+<template>
+  <template v-if="field && field.col_edit_type">
+    <el-input v-if="field.col_edit_type === 'textarea'" type="textarea" v-bind="$attrs" />
+    <el-date-picker v-else-if="field.col_edit_type === 'date'" type="date" v-bind="$attrs" />
+    <el-date-picker
+      v-else-if="field.col_edit_type === 'datetime'"
+      type="datetime"
+      v-bind="$attrs"
+    />
+    <el-input v-else v-bind="$attrs" />
+  </template>
+</template>
+
+<style lang="css" scoped></style>

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

@@ -0,0 +1,25 @@
+<script lang="js" setup>
+const props = defineProps({
+  viewName: {
+    type: String,
+    required: true,
+  },
+});
+
+const loading = ref(true);
+</script>
+
+<template>
+  <vxe-table
+    border
+    stripe
+    header-align="center"
+    :column-drag-config="{
+      showIcon: false,
+      trigger: 'cell',
+    }"
+  >
+  </vxe-table>
+</template>
+
+<style lang="scss" scoped></style>