Home Explore Help
Register Sign In
Others
/
DocumentAIKit
4
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

[web_demo] 显示版本号，优化版面分析的交互页面

yanxin 1 year ago
parent
4ec055111d
commit
dc9f1965c2
8 changed files with 44 additions and 8 deletions
Split View Show Diff Stats
  1. 14 0
      src/MainView.vue
  2. 7 0
      src/MenuView.vue
  3. 4 0
      src/api/api.ts
  4. 2 2
      src/dist/assets/index-db72dffd.js
  5. 1 1
      src/dist/assets/index-5370ebd1.css
  6. 2 2
      src/dist/index.html
  7. 3 3
      src/pages/main/views/Detection/LayoutAnalysis.vue
  8. 11 0
      src/store/Version.ts

+ 14 - 0
src/MainView.vue
View File 

@@ -15,6 +15,20 @@
 
 
 <script setup lang="ts">
 
 import MenuView from "@/MenuView.vue";
 
+import { onMounted } from "vue";
 
+import { GetVersion } from './api/api'
 
+import { storeToRefs } from 'pinia'
 
+import { useVersionStore } from './store/Version';
 
+
 
+const vr = useVersionStore();
 
+const { version } = storeToRefs(vr);
 
+
 
+
 
+onMounted(async () => {
 
+  GetVersion("/v1/version").then(res => {
 
+    version.value = res;
 
+  })
 
+});
 
 </script>
 
 
 <style scoped lang="less">

+ 7 - 0
src/MenuView.vue
View File 

@@ -45,6 +45,7 @@
 
       </el-menu>
 
     </el-col>
 
   </el-row>
 
+  <el-tag size="large" style="position: absolute; bottom: 0%;">{{ version }}</el-tag>
 
 </template>
 
 
 <style scoped lang="less">
 
@@ -58,6 +59,12 @@ import {
 
 } from '@element-plus/icons-vue'
 
 import { routerJump } from "@/pages/main/utils/routerJump";
 
 
+import { storeToRefs } from 'pinia'
 
+import { useVersionStore } from './store/Version';
 
+
 
+const vr = useVersionStore();
 
+const { version } = storeToRefs(vr);
 
+
 
 const handleOpen = (key: string, keyPath: string[]) => {
 
   console.log(key, keyPath)
 
 }

+ 4 - 0
src/api/api.ts
View File 

@@ -37,6 +37,10 @@ interface TableRecRes {
 
   data: any;
 
 }
 
 
+export const GetVersion = (
 
+  api: string
 
+): Promise<string> => server.get(api);
 
+
 
 export const IMMagicColor = (
 
   api: string,
 
   data: FormData

File diff suppressed because it is too large
+ 2 - 2
src/dist/assets/index-db72dffd.js


File diff suppressed because it is too large
+ 1 - 1
src/dist/assets/index-5370ebd1.css


+ 2 - 2
src/dist/index.html
View File 

@@ -4,8 +4,8 @@
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>DocumentAI Web Demo</title>
 
-    <script type="module" crossorigin src="./assets/index-db72dffd.js"></script>
 
-    <link rel="stylesheet" href="./assets/index-5370ebd1.css">
 
+    <script type="module" crossorigin src="./assets/index-088c9830.js"></script>
 
+    <link rel="stylesheet" href="./assets/index-f7424683.css">
 
   </head>
 
   <body>
 
     <div id="app"></div>

+ 3 - 3
src/pages/main/views/Detection/LayoutAnalysis.vue
View File 

@@ -391,7 +391,7 @@ const predict = async () => {
 
             figureArr.value.push("图片");
 
             figure_rects.push(rect);
 
           } else if (tmp_labels[i] == "Table_0" || tmp_labels[i] == "Table_std") {
 
-            tableArr.value.push("表格");
 
+            tableArr.value.push("表格(" + tmp_labels[i] + ")");
 
             table_rects.push(rect);
 
           }
 
           CreateRect(fa_canvas, i, left, top, width, height, false);
 
@@ -400,10 +400,10 @@ const predict = async () => {
 
         tableArr.value.reverse();
 
         table_rects.reverse();
 
         for (let i = 0; i < figureArr.value.length; i++) {
 
-          figureArr.value[i] = figureArr.value[i] + String(i + 1);
 
+          figureArr.value[i] = figureArr.value[i] + " -- " + String(i + 1);
 
         }
 
         for (let i = 0; i < tableArr.value.length; i++) {
 
-          tableArr.value[i] = tableArr.value[i] + String(i + 1);
 
+          tableArr.value[i] = tableArr.value[i] + " -- " + String(i + 1);
 
         }
 
         // if (figureArr.value.length == 0)
 
         //   figureArr.value.push("无");

+ 11 - 0
src/store/Version.ts
View File 

@@ -0,0 +1,11 @@
 
+import { defineStore } from 'pinia';
 
+import { ref } from 'vue'
 
+
 
+export const useVersionStore = defineStore('version', () => {
 
+  const version = ref("")
 
+  function reset() {
 
+    version.value = ""
 
+  }
 
+
 
+  return { version, reset }
 
+})