OCR更改

src/components/IdentifyFont/IdentifyFont.vue

@@ -89,8 +89,8 @@
         <div class="boder_box">
           <div class="title">识别结果</div>
           <div class="upimg_box">
-            <el-scrollbar>
-              <div class="text_box">
+            <el-scrollbar style="width: 500px;">
+              <div class="text_box" style="white-space: pre-wrap;">
                 {{ textData }}
               </div>
             </el-scrollbar>
@@ -115,7 +115,7 @@
 </template>
   
   <script setup>
-import { onMounted, ref, toRaw, watch, inject } from "vue";
+import { onMounted, ref, toRaw, watch, inject,onBeforeUnmount } from "vue";
 import { ElMessage } from "element-plus";
 import Clipboard from "clipboard";
 import Loading from "@/components/Loading/Loading.vue";
@@ -202,8 +202,8 @@ onMounted(async () => {
     // })
     thisStep.value = "end";
     textData.value = res.msg;
-    sessionStorage.setItem('textData',textData.value)
-    sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
+    // sessionStorage.setItem('textData',textData.value)
+    // sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
   } else {
     loadingPreview.value = false;
   }
@@ -214,10 +214,11 @@ const handleAvatarSuccess = (msg, file) => {
   // console.log("file", flieData);
   // showImg.value = URL.createObjectURL(flieData.raw);
   if (msg.code === 200) {
-    textData.value = msg.msg;
+    textData.value = msg.txt;
+    showImg.value = 'data:image/jpeg;base64,'+ msg.img;
     thisStep.value = "end";
-    sessionStorage.setItem('textData',textData.value)
-    sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
+    // sessionStorage.setItem('textData',textData.value)
+    // sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
   } else {
     thisStep.value = "start";
     textData.value = null;
@@ -266,8 +267,8 @@ const fileChangeMsg = async (val) => {
   const res = await ocrRemark(data.remark);
   thisStep.value = "end";
   textData.value = res.msg;
-  sessionStorage.setItem('textData',textData.value)
-    sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
+  // sessionStorage.setItem('textData',textData.value)
+  //   sessionStorage.setItem('showImg',JSON.stringify(showImg.value))
   // console.log("res", res);
   // console.log("imgRes", imgRes);
 };
@@ -276,6 +277,10 @@ const reClick = () => {
   textData.value = null;
   showImg.value = null;
 };
+onBeforeUnmount(()=>{
+  sessionStorage.setItem('textData','')
+    sessionStorage.setItem('showImg','')
+})
 </script>
   
   <style lang="scss" scoped>