fix:ocr识别开发
parent
5f91a15868
commit
a7783e1fc6
@ -0,0 +1,91 @@
|
||||
import request from '@/utils/request'
|
||||
import routes from '../gateway-routes'
|
||||
|
||||
/** 获取笔录基本信息 */
|
||||
export function getRocordInfo(data) {
|
||||
return request({
|
||||
url: `/ocr/record/info`,
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 保存笔录 */
|
||||
export function saveRecord(data) {
|
||||
return request({
|
||||
url: `/ocr/record/saveRecord`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 获取笔录文件列表 */
|
||||
export function queryFileList(data) {
|
||||
return request({
|
||||
url: `/ocr/record/queryFileList`,
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 修正图片识别文字内容 */
|
||||
export function reviseOcrText(data) {
|
||||
return request({
|
||||
url: `/ocr/record/reviseOcrText`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 提交识别任务 */
|
||||
export function submitOrcTask(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/submitOrcTask`,
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 提取标题 */
|
||||
export function retrieveTitle(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/retrieveTitle`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 查询提取标题进度 */
|
||||
export function retrieveTitleProcess(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/retrieveTitleProcess`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 查询OCR识别结果 */
|
||||
export function queryEvidenceFileList(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/queryFileList`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 保存证据 */
|
||||
export function saveEvidence(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/batchSaveEvidence`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
/** 获取证据基本信息 */
|
||||
export function queryEvidenceInfo(data) {
|
||||
return request({
|
||||
url: `/ocr/evidence/info`,
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 更新案件证据信息(复用接口) */
|
||||
export function updateEvidence(data) {
|
||||
return request({
|
||||
url: `/caseEvidence/updateEvidence`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 630 B |
@ -0,0 +1,36 @@
|
||||
/**
|
||||
* @description 代码生成机状态管理
|
||||
*/
|
||||
|
||||
const state = () => ({
|
||||
recordInfo: {
|
||||
confessionTime: [],
|
||||
lawAsker: '',
|
||||
confessionMaterial: '',
|
||||
indexNum: undefined,
|
||||
personId: ''
|
||||
},
|
||||
fileList: []
|
||||
})
|
||||
const getters = {
|
||||
recordInfo: (state) => state.recordInfo,
|
||||
fileList: (state) => state.fileList
|
||||
}
|
||||
|
||||
const mutations = {
|
||||
setRecordInfo(state, data) {
|
||||
state.recordInfo = data
|
||||
},
|
||||
setFileList(state, data) {
|
||||
state.fileList = data
|
||||
},
|
||||
}
|
||||
const actions = {
|
||||
setRecordInfo({ commit }, data) {
|
||||
commit('setRecordInfo', data)
|
||||
},
|
||||
setFileList({ commit }, data) {
|
||||
commit('setFileList', data)
|
||||
}
|
||||
}
|
||||
export default { state, getters, mutations, actions }
|
||||
@ -0,0 +1,366 @@
|
||||
<template>
|
||||
<div class="EditEvidence">
|
||||
<div class="EvidenceProofread">
|
||||
<div class="FormInfo">
|
||||
<el-form ref="form" :model="dataInfo" :rules="rules" label-width="100px" style="margin-top: 10px">
|
||||
<el-row :gutter="10" class="form-content">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件编号">
|
||||
<span>{{ caseNo }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件名称">
|
||||
<span>{{ caseName }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="证据名称" prop="evidenceName">
|
||||
<el-input v-model="dataInfo['evidenceName']" placeholder="请输入证据名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="证据类型" prop="evidenceType">
|
||||
<el-select v-model="dataInfo['evidenceType']" style="width: 100%" placeholder="请选择证据类型">
|
||||
<el-option
|
||||
v-for="item in evidenceTypeList"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
</el-select></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="提供人" prop="provider">
|
||||
<el-input v-model="dataInfo.property['provider']" placeholder="请输入提供人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<div class="expand">
|
||||
<span>收起</span>
|
||||
<img :src="expandImg" alt="">
|
||||
<span class="line" />
|
||||
</div>
|
||||
<div v-show="isExpand">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="受害人" prop="victim">
|
||||
<el-input v-model="dataInfo.property['victim']" placeholder="请输入受害人名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="合同标的物" prop="contractSubject">
|
||||
<el-input v-model="dataInfo.property['contractSubject']" placeholder="请输入合同标的物" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="合同签订时间" prop="contractSignTime">
|
||||
<el-date-picker
|
||||
v-model="dataInfo.property['contractSignTime']"
|
||||
type="datetime"
|
||||
format="yyyy-MM-dd HH:MM"
|
||||
value-format="yyyy-MM-dd HH:mm"
|
||||
placeholder="请选择合同签订时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="金额" prop="amount">
|
||||
<el-input v-model="dataInfo.property['amount']" type="number" placeholder="请输入金额" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="证据结果" prop="evidenceResult">
|
||||
<el-input v-model="dataInfo.property['evidenceResult']" placeholder="请输入证据结果" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="其他" prop="otherDesc">
|
||||
<el-input
|
||||
v-model="dataInfo.property.otherDesc"
|
||||
row
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="proofread-content">
|
||||
<div class="left">
|
||||
<div class="show-img">
|
||||
<img :src="activedImg" alt="">
|
||||
</div>
|
||||
|
||||
<span class="boder1" />
|
||||
<span class="boder2" />
|
||||
<span class="boder3" />
|
||||
<span class="boder4" />
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="title">识别结果</div>
|
||||
<el-input
|
||||
v-model="dataInfo.ocrText"
|
||||
readonly
|
||||
class="right-text"
|
||||
type="textarea"
|
||||
/>
|
||||
<span class="boder1" />
|
||||
<span class="boder2" />
|
||||
<span class="boder3" />
|
||||
<span class="boder4" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-btns">
|
||||
<div class="reset_btn" @click="reset">重置</div>
|
||||
<div class="btn" @click="submit">确认并提交</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import * as vuedraggable from 'vuedraggable'
|
||||
import { baseURL } from '@/config'
|
||||
import { commonDownloadFile } from '@/api/config/uploadApi'
|
||||
import { queryEvidenceInfo, updateEvidence } from '@/api/caseDetails/ocr'
|
||||
export default {
|
||||
name: 'EvidenceProofread',
|
||||
components: { vuedraggable },
|
||||
data() {
|
||||
return {
|
||||
dataList: [],
|
||||
isExpand: true,
|
||||
rules: {
|
||||
evidenceName: [{ required: true, message: '证据名称不能为空!', trigger: 'blur' }],
|
||||
evidenceType: [{ required: true, message: '证据类型不能为空!', trigger: 'blur' }]
|
||||
},
|
||||
// 证据类型
|
||||
evidenceTypeList: JSON.parse(sessionStorage.getItem('evidence_type')),
|
||||
expandImg: require('@/assets/record/expand.png'),
|
||||
caseNo: '',
|
||||
caseName: '',
|
||||
dataInfo: {
|
||||
fileId: '',
|
||||
ocrText: '',
|
||||
property: {}
|
||||
},
|
||||
activedImg: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.caseNo = this.$route.query.caseNo
|
||||
this.caseName = this.$route.query.caseName
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getImgUrl(id) {
|
||||
return `${baseURL}${commonDownloadFile}${id}`
|
||||
},
|
||||
getData() {
|
||||
queryEvidenceInfo({ evidenceId: this.$route.query.evidenceId }).then(res => {
|
||||
this.dataInfo = res.data
|
||||
this.dataInfo.fileId = res.data.fileList[0].fileId
|
||||
this.dataInfo.ocrText = res.data.fileList[0].ocrText
|
||||
this.activedImg = `${baseURL}${commonDownloadFile}${this.dataInfo.fileId}`
|
||||
})
|
||||
},
|
||||
reset() {
|
||||
this.getData()
|
||||
},
|
||||
submit() {
|
||||
this.dataInfo.caseId = this.$route.params.id
|
||||
this.dataInfo.fileIdList = [this.dataInfo.fileList[0].fileId]
|
||||
updateEvidence(this.dataInfo).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$store.dispatch(
|
||||
'tabsBar/delRoute',
|
||||
this.$route
|
||||
)
|
||||
this.$router.push({ path: `/case-details/${this.$route.params.id}/${this.$route.query.caseName}`, query: { currentKey: '1-2', isEdit: 1 }})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.EditEvidence {
|
||||
display: flex;
|
||||
background: #FFFFFF;
|
||||
height: 100%;
|
||||
.EvidenceProofread {
|
||||
display: flex;
|
||||
margin: 24px;
|
||||
width: 100%;
|
||||
.FormInfo {
|
||||
width: 470px;
|
||||
background: #F6F8F9;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
// height: calc(100vh - 350px);
|
||||
padding: 0 24px;
|
||||
margin-bottom: 72px;
|
||||
.expand {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
padding: 0 24px;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-bottom: 16px;
|
||||
img {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.line {
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background: #E9E9E9;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
:deep(.el-scrollbar__wrap) {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.proofread-content {
|
||||
flex: 1;
|
||||
margin-left: 18px;
|
||||
display: flex;
|
||||
margin-bottom: 72px;
|
||||
.left {
|
||||
width: 55%;
|
||||
margin-right: 24px;
|
||||
position: relative;
|
||||
// background: #F6F8F9;
|
||||
border: 1px solid #DCE3EB;
|
||||
display: flex;
|
||||
padding: 8px;
|
||||
.show-img {
|
||||
padding: 16px 28px;
|
||||
flex: 1;
|
||||
background: #F6F8F9;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 45%;
|
||||
position: relative;
|
||||
border: 1px solid #DCE3EB;
|
||||
display: flex;
|
||||
padding: 8px;
|
||||
flex-direction: column;
|
||||
.title {
|
||||
background: #F6F8F9;
|
||||
border-bottom: 1px solid #DCE3EB;
|
||||
height: 70px;
|
||||
padding-left: 24px;
|
||||
line-height: 70px;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
width: 100%;
|
||||
}
|
||||
::v-deep .el-textarea__inner {
|
||||
height: calc(100vh - 450px);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.img_list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-top: 25px;
|
||||
overflow-x: hidden;
|
||||
padding: 24px;
|
||||
background: #F6F8F9;
|
||||
.img_item {
|
||||
width: 98px;
|
||||
height: 138px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #D1D3D6;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.boder1 {
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-top: 2px solid #2073FF;
|
||||
border-left: 2px solid #2073FF;
|
||||
}
|
||||
.boder2 {
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-top: 2px solid #2073FF;
|
||||
border-right: 2px solid #2073FF;
|
||||
}
|
||||
.boder3 {
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-bottom: 2px solid #2073FF;
|
||||
border-left: 2px solid #2073FF;
|
||||
}
|
||||
.boder4 {
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-bottom: 2px solid #2073FF;
|
||||
border-right: 2px solid #2073FF;
|
||||
}
|
||||
}
|
||||
.footer-btns {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
bottom: 24px;
|
||||
display: flex;
|
||||
.btn {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
background: #3763FF;
|
||||
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04);
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
cursor: pointer;
|
||||
margin-left: 24px;
|
||||
}
|
||||
.reset_btn {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04);
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #3763FF;
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
font-size: 16px;
|
||||
color: #3763FF;
|
||||
cursor: pointer;
|
||||
margin-left: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue