|
@@ -1,5 +1,4 @@
|
|
|
<template>
|
|
|
- <!-- TODO 从我的文件过来默认进入第二形态loading,传参实现 -->
|
|
|
<!-- <el-dialog v-model="isOpen" title="文字识别" width="55%"> -->
|
|
|
<div class="container">
|
|
|
<div v-if="thisStep === 'start'" class="up_box">
|
|
@@ -134,6 +133,11 @@ onMounted(async () => {
|
|
|
thisStep.value = "loading";
|
|
|
showImg.value = URL.createObjectURL(imgRes);
|
|
|
const res = await ocrRemark(fileId);
|
|
|
+ // ocrRemark(fileId).then((res)=>{
|
|
|
+ // console.log('thenews',res);
|
|
|
+ // }).catch(err=>{
|
|
|
+ // console.log('err',err);
|
|
|
+ // })
|
|
|
thisStep.value = "end";
|
|
|
textData.value = res.msg;
|
|
|
}
|
|
@@ -206,6 +210,7 @@ const reClick = () => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.container {
|
|
|
+ width: 100%;
|
|
|
height: 100%;
|
|
|
background-color: #fff;
|
|
|
display: flex;
|
|
@@ -214,10 +219,11 @@ const reClick = () => {
|
|
|
|
|
|
.up_box {
|
|
|
display: flex;
|
|
|
+ width: 100%;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
.left_box {
|
|
|
- width: 300px;
|
|
|
+ width: 30%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
@@ -236,7 +242,7 @@ const reClick = () => {
|
|
|
}
|
|
|
.upimg_box {
|
|
|
width: 100%;
|
|
|
- height: 300px;
|
|
|
+ height: 500px;
|
|
|
border: 1px solid #c1cce3;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -256,13 +262,13 @@ const reClick = () => {
|
|
|
}
|
|
|
}
|
|
|
.right_box {
|
|
|
- width: 300px;
|
|
|
+ width: 30%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
.upimg_box {
|
|
|
width: 100%;
|
|
|
- height: 300px;
|
|
|
+ height: 500px;
|
|
|
border: 1px solid #c1cce3;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -292,8 +298,8 @@ const reClick = () => {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
.light_box {
|
|
|
- width: 320px;
|
|
|
- height: 320px;
|
|
|
+ width: 500px;
|
|
|
+ height: 500px;
|
|
|
background-image: url("@/assets/images/light.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: contain;
|