feat:ocr2.0开发
parent
a501d22021
commit
7076e54c4f
@ -0,0 +1,68 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
/** 案件证据分类树 */
|
||||||
|
export function getCaseEvidenceTree(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/category/tree`,
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 案件证据文件目录树 */
|
||||||
|
export function getCaseEvidenceFileTree(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/directory/tree`,
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 创建目录 */
|
||||||
|
export function createDirectory(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/directory/save`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 证据识别并提取 */
|
||||||
|
export function ocrAndExtract(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/ocrAndExtract`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 案件证据文件目录树 */
|
||||||
|
export function getCaseEvidenceDirectoryList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/directory/ls`,
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 识别并提取列表 */
|
||||||
|
export function ocrAndExtractList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/ocrAndExtract/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 查询证据详情-结果以树的方式展示 */
|
||||||
|
export function ocrAndExtractDetails(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/ocrAndExtract/details`,
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 核实证据 */
|
||||||
|
export function caseEvidenceVerify(data) {
|
||||||
|
return request({
|
||||||
|
url: `/caseEvidence/verify`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 694 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
@ -0,0 +1,7 @@
|
|||||||
|
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M20.7777 6.05V19.5556C20.7777 20.9 19.6777 22 18.3333 22H3.66661C2.32217 22 1.22217 20.9 1.22217 19.5556V2.44444C1.22217 1.1 2.32217 0 3.66661 0H14.7277L20.7777 6.05Z" fill="#4F6BF6"/>
|
||||||
|
<path d="M12.488 16.2343H13.7634L15.8889 9.43262H14.6141L12.488 16.2343Z" fill="white"/>
|
||||||
|
<path d="M14.7278 4.82778V0L20.7778 6.05H15.95C15.2778 6.05 14.7278 5.5 14.7278 4.82778Z" fill="#243EBB"/>
|
||||||
|
<path d="M13.7634 16.2343H12.488L10.3626 10.2827H11.6374L13.7634 16.2343ZM9.51192 16.2343H8.23653L6.11108 9.43262H7.38586L9.51192 16.2343Z" fill="white"/>
|
||||||
|
<path d="M8.23657 16.2338H9.51196L11.6374 10.2822H10.3626L8.23657 16.2338Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 739 B |
@ -0,0 +1,99 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<cs-dialog
|
||||||
|
:dialog="dialogOptions"
|
||||||
|
@onSubmit="handleSubmit"
|
||||||
|
>
|
||||||
|
<template slot="content">
|
||||||
|
<div class="move-tree">
|
||||||
|
<el-input
|
||||||
|
v-model="filterText"
|
||||||
|
prefix-icon="el-icon-search"
|
||||||
|
placeholder="搜索名称"
|
||||||
|
/>
|
||||||
|
<el-tree
|
||||||
|
:data="treeData"
|
||||||
|
highlight-current
|
||||||
|
default-expand-all
|
||||||
|
:props="defaultProps"
|
||||||
|
@node-click="handleNodeClick"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</cs-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getCaseEvidenceFileTree } from '@/api/caseDetails/evidence'
|
||||||
|
export default {
|
||||||
|
name: 'MoveFolder',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogOptions: {
|
||||||
|
show: false,
|
||||||
|
width: '510px',
|
||||||
|
title: {
|
||||||
|
title: '移动文件到'
|
||||||
|
},
|
||||||
|
appendToBody: true
|
||||||
|
},
|
||||||
|
selectId: '',
|
||||||
|
filterText: '',
|
||||||
|
treeData: [],
|
||||||
|
defaultProps: {
|
||||||
|
children: 'child',
|
||||||
|
label: 'directoryName'
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 显示弹窗
|
||||||
|
show() {
|
||||||
|
this.dialogOptions.show = true
|
||||||
|
this.getTreeList()
|
||||||
|
},
|
||||||
|
handleNodeClick(data) {
|
||||||
|
this.selectId = data.id
|
||||||
|
},
|
||||||
|
// 查询左侧树
|
||||||
|
getTreeList() {
|
||||||
|
getCaseEvidenceFileTree({ caseId: this.$route.params.id }).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.treeData = res.data
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleSubmit() {
|
||||||
|
this.dialogOptions.show = false
|
||||||
|
this.$emit('selectOk', this.selectId)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.move-tree {
|
||||||
|
background: #F9FAFB;
|
||||||
|
::v-deep {
|
||||||
|
.el-tree {
|
||||||
|
background: #F9FAFB;
|
||||||
|
.el-tree-node {
|
||||||
|
// height: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.el-tree-node__content {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.el-tree-node.is-current > .el-tree-node__content {
|
||||||
|
background: #dce3ed;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,162 @@
|
|||||||
|
<template>
|
||||||
|
<div class="EditEvidence">
|
||||||
|
<div class="step-list">
|
||||||
|
<div class="step-list-item">
|
||||||
|
<img :src="actUploadImg" alt="">
|
||||||
|
<span class="actived">证据上传并归档</span>
|
||||||
|
</div>
|
||||||
|
<div :class="[activeStep > 0 ?'act-step-line':'step-line']">
|
||||||
|
<span>>></span>
|
||||||
|
</div>
|
||||||
|
<div class="step-list-item">
|
||||||
|
<img v-if="activeStep > 0" :src="actIdentifyImg" alt="">
|
||||||
|
<img v-else :src="identifyImg" alt="">
|
||||||
|
<span :class="[activeStep > 0 ?'actived':'']">证据识别并提取</span>
|
||||||
|
</div>
|
||||||
|
<div :class="[activeStep > 0 ?'act-step-line':'step-line']">
|
||||||
|
<span>>></span>
|
||||||
|
</div>
|
||||||
|
<div class="step-list-item">
|
||||||
|
<img v-if="activeStep > 1" :src="actUploadImg" alt="">
|
||||||
|
<img v-else :src="uploadImg" alt="">
|
||||||
|
<span :class="[activeStep > 1 ?'actived':'']">证据确认</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<UploadEvidence v-show="activeStep === 0" ref="UploadEvidenceRef" @save="saveOk" />
|
||||||
|
<EvidenceExtract v-if="activeStep === 1" ref="EvidenceExtractRef" @save="saveOk" />
|
||||||
|
<EvidenceConfirm v-if="activeStep === 2" ref="EvidenceConfirmRef" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { baseURL } from '@/config'
|
||||||
|
import { commonDownloadFile } from '@/api/config/uploadApi'
|
||||||
|
import * as vuedraggable from 'vuedraggable'
|
||||||
|
import UploadEvidence from './components/UploadEvidence.vue'
|
||||||
|
import EvidenceExtract from './components/EvidenceExtract.vue'
|
||||||
|
import EvidenceConfirm from './components/EvidenceConfirm.vue'
|
||||||
|
export default {
|
||||||
|
name: 'EditEvidence',
|
||||||
|
components: { vuedraggable, UploadEvidence, EvidenceExtract, EvidenceConfirm },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
actRecordImg: require('@/assets/record/act_record.png'),
|
||||||
|
actIdentifyImg: require('@/assets/record/act_identify.png'),
|
||||||
|
actUploadImg: require('@/assets/record/act_upload.png'),
|
||||||
|
identifyImg: require('@/assets/record/identify.png'),
|
||||||
|
uploadImg: require('@/assets/record/upload.png'),
|
||||||
|
activeStep: 0,
|
||||||
|
status: '1',
|
||||||
|
interval: undefined
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getImgUrl(id) {
|
||||||
|
return `${baseURL}${commonDownloadFile}${id}`
|
||||||
|
},
|
||||||
|
beforeUpload(file) {
|
||||||
|
const isLt5M = file.size / 1024 / 1024 < 5
|
||||||
|
const filename = file.name
|
||||||
|
const postfix = filename.substring(filename.lastIndexOf('.'))
|
||||||
|
if (!['.jpg', '.png'].includes(postfix)) {
|
||||||
|
this.$message.error('上传图片只能是 JPG,PNG 格式!')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
if (!isLt5M) {
|
||||||
|
this.$message.error('上传头像图片大小不能超过 5MB!')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
if (this.fileList >= 12) {
|
||||||
|
this.$message.error('上传文件数量不能超过12张!')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
del(index) {
|
||||||
|
this.fileList.splice(index, 1)
|
||||||
|
},
|
||||||
|
handleSuccess(res, file) {
|
||||||
|
const obj = {
|
||||||
|
name: file.name,
|
||||||
|
fileId: res.data
|
||||||
|
}
|
||||||
|
this.fileList.push(obj)
|
||||||
|
this.imgOcrIdentify(res.data)
|
||||||
|
},
|
||||||
|
saveOk() {
|
||||||
|
this.activeStep += 1
|
||||||
|
},
|
||||||
|
async submit() {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.EditEvidence {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.step-list {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 36px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
.step-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
span {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #999999;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
.actived {
|
||||||
|
color: #3763FF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.step-line {
|
||||||
|
width: 137px;
|
||||||
|
height: 2px;
|
||||||
|
border-top: 2px dashed #999999;
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 42px;
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
right: -24px;
|
||||||
|
top: -11px;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.act-step-line {
|
||||||
|
width: 137px;
|
||||||
|
height: 2px;
|
||||||
|
border-top: 2px dashed #3763FF;
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 42px;
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
right: -24px;
|
||||||
|
top: -11px;
|
||||||
|
color: #3763FF;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,90 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<cs-dialog
|
||||||
|
:dialog="dialogOptions"
|
||||||
|
>
|
||||||
|
<template slot="content">
|
||||||
|
<div class="SelectImg">
|
||||||
|
<img v-for="(item,index) in imgList" :key="index" :class="[selectId === item.id ? 'actived':'']" class="img-item" :src="item.url" @click="selectItem(item.id)">
|
||||||
|
|
||||||
|
</img>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</cs-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'SelectImg',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogOptions: {
|
||||||
|
show: false,
|
||||||
|
width: '520px',
|
||||||
|
title: {
|
||||||
|
title: '选择目录图片'
|
||||||
|
},
|
||||||
|
// hiddenFooter: true,
|
||||||
|
appendToBody: true
|
||||||
|
},
|
||||||
|
selectId: '',
|
||||||
|
imgList: [
|
||||||
|
{
|
||||||
|
url: require('@/assets/file/type1.png'),
|
||||||
|
id: 1
|
||||||
|
}, {
|
||||||
|
url: require('@/assets/file/type2.png'),
|
||||||
|
id: 2
|
||||||
|
}, {
|
||||||
|
url: require('@/assets/file/type3.png'),
|
||||||
|
id: 3
|
||||||
|
}, {
|
||||||
|
url: require('@/assets/file/type4.png'),
|
||||||
|
id: 4
|
||||||
|
}, {
|
||||||
|
url: require('@/assets/file/type5.png'),
|
||||||
|
id: 5
|
||||||
|
}, {
|
||||||
|
url: require('@/assets/file/type6.png'),
|
||||||
|
id: 6
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 显示弹窗
|
||||||
|
show() {
|
||||||
|
this.dialogOptions.show = true
|
||||||
|
},
|
||||||
|
selectItem(id) {
|
||||||
|
this.selectId = id
|
||||||
|
},
|
||||||
|
handleSelect(val) {
|
||||||
|
this.$emit('selectOk', val)
|
||||||
|
this.dialogOptions.show = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.SelectImg {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
margin: 0 16px 16px 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.actived {
|
||||||
|
border: 2px solid rgba(55, 99, 255, 1);
|
||||||
|
border-radius: 8px 8px 8px 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue