[webdemo] 完善页面交互

src/pages/main/views/Recognize/ocr.vue

@@ -50,7 +50,9 @@
       <div class="demo-collapse">
         <el-collapse v-model="activeName" accordion>
           <el-collapse-item title="JSON识别结果" name="1">
-            <span v-html="json_result"></span>
+            <el-scrollbar height="600px">
+              <span v-html="json_result"></span>
+            </el-scrollbar>
           </el-collapse-item>
           <el-collapse-item title="识别结果" name="2">
             <el-scrollbar height="600px">
@@ -170,7 +172,9 @@ const predict = async () => {
     // console.log(json_text)
     result.value = res.text.reduce((total: any, cur: any) => total + `<p>${cur}</p>`);
     loading.value = !loading.value;
-  })
+  }).catch(function (err) {
+    loading.value = !loading.value;
+  });
 };
 
 </script>

src/pages/main/views/Recognize/tableRec.vue

@@ -9,7 +9,7 @@
         <p>支持识别图片/PDF格式文档中的表格内容，包括有线表格、无线表格、合并单元格表格，同时支持单张图片内的多个表格内容识别，返回各表格的表头表尾内容、单元格文字内容及其行列位置信息。</p>
       </el-row>
       <el-row style="color: black; font-size: none;">
-        <h4>请上传图片（pdf coming）</h4>
+        <h4>请上传图片（pdf coming soon）</h4>
       </el-row>
       <el-row>
         <el-input type="file" v-model="fileName" @change="uploadImg"></el-input>
@@ -20,9 +20,9 @@
         <!-- 用于存放真实图片进行文字识别 -->
         <img id="raw-img" style="display: none" />
       </el-row>
-      <div>
+      <!-- <div>
         <PDFView :pdfUrl="jsPdf" />
-      </div>
+      </div> -->
       <el-row>
         <el-button type="primary" @click="predict">Predict</el-button>
       </el-row>
@@ -50,7 +50,7 @@ import { reactive, ref, toRefs } from 'vue'
 import { onMounted } from "vue";
 import { TableRec } from '../../../../api/api'
 import PDFView from '../../../../components/pdfPreview.vue'
-import jsPdf from "./PDF32000_2008.pdf"
+// import jsPdf from "./PDF32000_2008.pdf"
 
 let loading = ref(false)
 let predictTime = ref(0)