更新
This commit is contained in:
@ -37,7 +37,7 @@
|
|||||||
<p>上传文件提取文本内容(支持 .png, .jpg )</p>
|
<p>上传文件提取文本内容(支持 .png, .jpg )</p>
|
||||||
<div class="container flex" style="height: 248px;">
|
<div class="container flex" style="height: 248px;">
|
||||||
<div class="mr10">
|
<div class="mr10">
|
||||||
<el-upload class="upload-demo" accept=".png,.jpg,jpeg" action="abc" :auto-upload="false" :on-change="onHandleChange" :show-file-list="false">
|
<el-upload :headers="headers" accept=".png,.jpg,jpeg" action="/mosty-api/mosty-base/minio/file/upload" :show-file-list="false" :on-success="handlerSuccess" :on-change="onHandleChange" >
|
||||||
<el-button size="medium" type="primary">上传图片</el-button>
|
<el-button size="medium" type="primary">上传图片</el-button>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
<p id="file-info">{{ files.name || '未选择文件' }} </p>
|
<p id="file-info">{{ files.name || '未选择文件' }} </p>
|
||||||
@ -69,15 +69,19 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import axios from "axios";
|
||||||
import * as ocr from "@paddlejs-models/ocr";
|
import * as ocr from "@paddlejs-models/ocr";
|
||||||
import { drawBox } from "@/utils/ocrUtils";
|
import { drawBox } from "@/utils/ocrUtils";
|
||||||
import { nextTick,reactive, ref,getCurrentInstance, watch } from "vue";
|
import { nextTick,reactive, ref,getCurrentInstance, watch } from "vue";
|
||||||
|
import { useStore } from "vuex";
|
||||||
|
const store = useStore();
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
modelValue: {
|
modelValue: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const content = ref('请先上传文件...')
|
const content = ref('请先上传文件...')
|
||||||
const fileText = ref('未选择文件')
|
const fileText = ref('未选择文件')
|
||||||
|
|
||||||
@ -97,7 +101,10 @@ const textStyle = reactive({
|
|||||||
width: "",
|
width: "",
|
||||||
height: ""
|
height: ""
|
||||||
})
|
})
|
||||||
|
const headers = ref({
|
||||||
|
Authorization: store.getters.token
|
||||||
|
});
|
||||||
|
const fjdz = ref('') //附件地址
|
||||||
|
|
||||||
const initDemo = () =>{
|
const initDemo = () =>{
|
||||||
loading.value = imgIsLoad ? false : true;
|
loading.value = imgIsLoad ? false : true;
|
||||||
@ -110,10 +117,9 @@ const initDemo = () =>{
|
|||||||
fileInput.addEventListener("change", function (e) {
|
fileInput.addEventListener("change", function (e) {
|
||||||
if (e.target.files.length > 0) {
|
if (e.target.files.length > 0) {
|
||||||
selectedFile = e.target.files[0];
|
selectedFile = e.target.files[0];
|
||||||
fileText.value = `已选择: ${selectedFile.name} (${(
|
fileText.value = `已选择: ${selectedFile.name} (${( selectedFile.size / 1024 ).toFixed(2)} KB)`;
|
||||||
selectedFile.size / 1024
|
|
||||||
).toFixed(2)} KB)`;
|
|
||||||
extractBtn.disabled = false;
|
extractBtn.disabled = false;
|
||||||
|
uploadFile(selectedFile); //上传附件
|
||||||
} else {
|
} else {
|
||||||
selectedFile = null;
|
selectedFile = null;
|
||||||
fileText.value = "未选择文件";
|
fileText.value = "未选择文件";
|
||||||
@ -225,24 +231,11 @@ async function extractTextFromDocx(file) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const handlerSuccess = (file) =>{
|
||||||
const frashJs = async () =>{
|
fjdz.value = file.data;
|
||||||
if(!imgIsLoad){
|
|
||||||
try {
|
|
||||||
await ocr.init();// 模型初始化
|
|
||||||
imgIsLoad = true;
|
|
||||||
proxy.$message({ type: "success", message: "加载成功" });
|
|
||||||
} catch (err) {
|
|
||||||
proxy.$message({ type: "error", message: "加载失败,请刷新页面" });
|
|
||||||
imgIsLoad = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
*@Descripttion:图片上传事件
|
/**@Descripttion:图片上传事件*/
|
||||||
*@Author: PengShuai
|
|
||||||
*@Date: 2023-12-21 10:49:36
|
|
||||||
*/
|
|
||||||
const onHandleChange = (file) => {
|
const onHandleChange = (file) => {
|
||||||
files.value = file;
|
files.value = file;
|
||||||
image.value = URL.createObjectURL(file.raw);
|
image.value = URL.createObjectURL(file.raw);
|
||||||
@ -251,6 +244,7 @@ const onHandleChange = (file) => {
|
|||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
getRecognize();
|
getRecognize();
|
||||||
}, 600);
|
}, 600);
|
||||||
|
|
||||||
}
|
}
|
||||||
// 图片解析
|
// 图片解析
|
||||||
const getRecognize = async () => {
|
const getRecognize = async () => {
|
||||||
@ -277,12 +271,15 @@ const changeRadio = (val) =>{
|
|||||||
if(!imgIsLoad) proxy.$message({ type: "error", message: "加载失败,请刷新页面" });
|
if(!imgIsLoad) proxy.$message({ type: "error", message: "加载失败,请刷新页面" });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 提交
|
||||||
const onComfirm = () => {
|
const onComfirm = () => {
|
||||||
if(active.value == '文件解析'){
|
if(active.value == '文件解析'){
|
||||||
let obj = { text: content.value };
|
if(content.value == '请先上传文件...') return proxy.$message({ type: "warning", message: "请解析文件" });
|
||||||
emits("change", obj);
|
emits("change", { text: content.value,fjdz:fjdz.value });
|
||||||
}else{
|
}else{
|
||||||
emits("change", {text:texts.value.join(',\n')});
|
if(texts.value.length == 0) return proxy.$message({ type: "warning", message: "请解析文件" });
|
||||||
|
emits("change", {text:texts.value.join(',\n'),fjdz:fjdz.value});
|
||||||
}
|
}
|
||||||
handleClose()
|
handleClose()
|
||||||
};
|
};
|
||||||
@ -299,6 +296,36 @@ const handleClose = () => {
|
|||||||
emits("update:modelValue", false);
|
emits("update:modelValue", false);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 上传附件
|
||||||
|
const uploadFile = (file) =>{
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append("file", file);
|
||||||
|
let token = localStorage.getItem('token');
|
||||||
|
axios({
|
||||||
|
method: 'post',
|
||||||
|
url: '/mosty-api/mosty-base/minio/file/upload',
|
||||||
|
data:formData,
|
||||||
|
headers: { "Content-type": "multipart/form-data",'Authorization': token }
|
||||||
|
}).then( (res) => {
|
||||||
|
fjdz.value = res.data ? res.data.data : null;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 刷新js
|
||||||
|
const frashJs = async () =>{
|
||||||
|
if(!imgIsLoad){
|
||||||
|
try {
|
||||||
|
await ocr.init();// 模型初始化
|
||||||
|
imgIsLoad = true;
|
||||||
|
proxy.$message({ type: "success", message: "加载成功" });
|
||||||
|
} catch (err) {
|
||||||
|
proxy.$message({ type: "error", message: "加载失败,请刷新页面" });
|
||||||
|
imgIsLoad = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const chooseFile = () => {
|
const chooseFile = () => {
|
||||||
document.getElementById("file-input").click();
|
document.getElementById("file-input").click();
|
||||||
};
|
};
|
||||||
|
@ -82,6 +82,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
||||||
import { COMPONENT_WIDTH } from "@/constant";
|
import { COMPONENT_WIDTH } from "@/constant";
|
||||||
import { ref, defineProps, defineEmits, computed, watch, onMounted } from "vue";
|
import { ref, defineProps, defineEmits, computed, watch, onMounted } from "vue";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
@ -196,12 +197,13 @@ watch(
|
|||||||
|
|
||||||
|
|
||||||
const handlerSuccess = (res, file) => {
|
const handlerSuccess = (res, file) => {
|
||||||
file.url = `/mosty-api/mosty-base/minio/image/download/` + res.data;
|
console.log(file,'===========00');
|
||||||
fileList.value.push(file);
|
// file.url = `/mosty-api/mosty-base/minio/image/download/` + res.data;
|
||||||
let arr = props.modelValue ? props.modelValue : [];
|
// fileList.value.push(file);
|
||||||
arr.push(res.data);
|
// let arr = props.modelValue ? props.modelValue : [];
|
||||||
emits("update:modelValue", arr);
|
// arr.push(res.data);
|
||||||
emits("handleChange", props.modelValue);
|
// emits("update:modelValue", arr);
|
||||||
|
// emits("handleChange", props.modelValue);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleExceed = (files, fileList) => {
|
const handleExceed = (files, fileList) => {
|
||||||
|
@ -77,10 +77,6 @@ const formData = ref([
|
|||||||
{ prop: "gapline", type: "slot",width:'100%' },
|
{ prop: "gapline", type: "slot",width:'100%' },
|
||||||
{ prop: "scfj", type: "slot",width:'100%'},
|
{ prop: "scfj", type: "slot",width:'100%'},
|
||||||
{ label: "线索内容", prop: "xsNr", type: "textarea",width:'100%'},
|
{ label: "线索内容", prop: "xsNr", type: "textarea",width:'100%'},
|
||||||
{ label: "群体类型", prop: "qtlx", type: "select",options:props.dic.D_GS_XS_QTLX },
|
|
||||||
{ label: "群体名称", prop: "qtmc", type: "input"},
|
|
||||||
{ label: "涉及人数", prop: "sjrs", type: "inputNumber"},
|
|
||||||
{ label: "线索报送单位", prop: "ssbmdm", type: "department"},
|
|
||||||
]);
|
]);
|
||||||
const fjdz = ref()
|
const fjdz = ref()
|
||||||
const listQuery = ref({}); //表单
|
const listQuery = ref({}); //表单
|
||||||
|
@ -45,10 +45,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="tabBox">
|
<div class="tabBox">
|
||||||
<MyTable
|
<MyTable
|
||||||
:tableData="pageData.tableData"
|
:tableData="pageData.tableDataR"
|
||||||
:tableColumn="pageData.tableColumn1"
|
:tableColumn="pageData.tableColumnR"
|
||||||
:tableHeight="pageData.tableHeight"
|
:tableHeight="pageData.tableHeight"
|
||||||
:key="pageData.keyCount"
|
:key="pageData.keyCount"
|
||||||
|
element-loading-text="模型加载中......"
|
||||||
:tableConfiger="pageData.tableConfigerR"
|
:tableConfiger="pageData.tableConfigerR"
|
||||||
:controlsWidth="pageData.controlsWidthR"
|
:controlsWidth="pageData.controlsWidthR"
|
||||||
>
|
>
|
||||||
@ -116,8 +117,10 @@ const queryFrom = ref({});
|
|||||||
const container = ref('')
|
const container = ref('')
|
||||||
const btnLoading = ref(false)
|
const btnLoading = ref(false)
|
||||||
const prsentText = ref(null)
|
const prsentText = ref(null)
|
||||||
|
const qbid = ref('') //情报id
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
tableData: [], //表格数据
|
tableData: [], //表格数据
|
||||||
|
tableDataR: [], //表格数据
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
rowHieght: 61,
|
rowHieght: 61,
|
||||||
@ -143,7 +146,7 @@ const pageData = reactive({
|
|||||||
{ label: "要素名称", prop: "ysmc",showOverflowTooltip:true },
|
{ label: "要素名称", prop: "ysmc",showOverflowTooltip:true },
|
||||||
{ label: "要素描述", prop: "ysms",showOverflowTooltip:true },
|
{ label: "要素描述", prop: "ysms",showOverflowTooltip:true },
|
||||||
],
|
],
|
||||||
tableColumn1: [
|
tableColumnR: [
|
||||||
{ label: "线索名称", prop: "yymc",showOverflowTooltip:true },
|
{ label: "线索名称", prop: "yymc",showOverflowTooltip:true },
|
||||||
{ label: "线索类型", prop: "yslx",showOverflowTooltip:true },
|
{ label: "线索类型", prop: "yslx",showOverflowTooltip:true },
|
||||||
{ label: "指向地点", prop: "ysms",showOverflowTooltip:true },
|
{ label: "指向地点", prop: "ysms",showOverflowTooltip:true },
|
||||||
@ -155,8 +158,6 @@ onMounted(() => {
|
|||||||
getList();
|
getList();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 搜索
|
// 搜索
|
||||||
const onSearch = (val) => {
|
const onSearch = (val) => {
|
||||||
queryFrom.value = { ...val };
|
queryFrom.value = { ...val };
|
||||||
@ -218,12 +219,6 @@ const changeSize = (val) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 新增
|
|
||||||
const addEdit = (type, row) => {
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
// 提取数据
|
// 提取数据
|
||||||
const getText = (val) =>{
|
const getText = (val) =>{
|
||||||
prsentText.value = null; //先清空
|
prsentText.value = null; //先清空
|
||||||
@ -233,7 +228,7 @@ const getText = (val) =>{
|
|||||||
"messages": [
|
"messages": [
|
||||||
{
|
{
|
||||||
"role": "system",
|
"role": "system",
|
||||||
"content": "# 角色定位\n你是一名资深警务人员,尤其擅长对警情、案件、线索等非结构化文本数据进行阅读理解,并从中提取各种对象特征信息进行结构化,并总结各种对象之间的关联关系。\n## - person:人物 - id:唯一值 - name:姓名 - enName:英文姓名 - nickName:绰号 - aliasName:别名 - screenName:网名 - idcard:身份证号码 - phoneNo:手机号码 - bankCard:银行卡号 - passporNumber:护照号码 - permanentResidenceAddress:户籍地址 - residenceAddress:现住地址 - jbxx:基本信息 - id:唯一值 - xsmc:线索名称 - xslx:线索类型 - qbly:情报来源 - kssj:开始时间 - jssj:结束时间 - qtlx:群体类型 - qtmc:群体名称 - sjrs:设计人数 - sbdw:送报单位## 注意点\n- 地址信息能够根据上下文信息按照省、市、县、街道/乡镇、路名分段补全并标准化。例如:四川省 成都市 高新区 桂溪街道 交子大道11号\n- 对象之间的关联关系由对象类型、对象id、关系类型、目标对象类型、目标对象id 5个属性组成。\n"
|
"content": "# 角色定位\n你是一名资深警务人员,尤其擅长对警情、案件、线索等非结构化文本数据进行阅读理解,并从中提取各种对象特征信息进行结构化,并总结各种对象之间的关联关系。\n## - ryList:人物 - id:唯一值 - xm:姓名 - enName:英文姓名 - nickName:绰号 - aliasName:别名 - screenName:网名 - sfzh:身份证号码 - lxdh:手机号码 - bankCard:银行卡号 - passporNumber:护照号码 - hjdz:户籍地址 - xjzdz:现住地址 - jbxx:基本信息 - id:唯一值 - xsMc:线索名称 - xlLx:线索类型 - qbLy:情报来源 - zxkssj:开始时间 - zxjssj:结束时间 - qtlx:群体类型 - qtmc:群体名称 - sjrs:设计人数 - sbdw:送报单位## 注意点\n- 地址信息能够根据上下文信息按照省、市、县、街道/乡镇、路名分段补全并标准化。例如:四川省 成都市 高新区 桂溪街道 交子大道11号\n- 对象之间的关联关系由对象类型、对象id、关系类型、目标对象类型、目标对象id 5个属性组成。\n"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"role": "user",
|
"role": "user",
|
||||||
@ -243,24 +238,44 @@ const getText = (val) =>{
|
|||||||
"max_tokens": 4096,
|
"max_tokens": 4096,
|
||||||
"stream": false
|
"stream": false
|
||||||
}
|
}
|
||||||
|
// 拼接字典
|
||||||
|
// 线索类型:
|
||||||
|
let xslx = '线索类型是一个字典,字典内容包括:' + (D_GS_XS_LX.value.map(item=>item.dm+':'+item.zdmc).join(','))+'\n'
|
||||||
|
let qbLy = '情报来源是一个字典,字典内容包括:' + (D_GS_XS_LY.value.map(item=>item.dm+':'+item.zdmc).join(','))+'\n'
|
||||||
|
let sszt = '所属专题是一个字典,字典内容包括:' + (D_BZ_SSZT.value.map(item=>item.dm+':'+item.zdmc).join(','))+'\n'
|
||||||
|
obj.messages[0].content = obj.messages[0].content + xslx + qbLy + sszt;
|
||||||
|
// *********************
|
||||||
obj.messages[1].content = obj.messages[1].content + val.text;
|
obj.messages[1].content = obj.messages[1].content + val.text;
|
||||||
prsentText.value = obj;
|
prsentText.value = obj;
|
||||||
|
qcckPost({fjdz:val.fjdz,tjnr:val.text},'/mosty-gsxt/qbcjjl/add').then((res)=>{
|
||||||
|
qbid.value = res || ''
|
||||||
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleFx = () => {
|
const handleFx = () => {
|
||||||
if(!prsentText.value) return proxy.$message({ type: "warning", message: "请先上传要解析的文件" });;
|
if(!prsentText.value) return proxy.$message({ type: "warning", message: "请先上传要解析的文件" });;
|
||||||
btnLoading.value = true;
|
btnLoading.value = true;
|
||||||
|
pageData.tableConfigerR.loading = true;
|
||||||
ParsingText( prsentText.value,(res)=>{
|
ParsingText( prsentText.value,(res)=>{
|
||||||
|
pageData.tableConfigerR.loading = false;
|
||||||
btnLoading.value = false;
|
btnLoading.value = false;
|
||||||
let content = res.data.choices[0].message.content;
|
let content = res.data.choices[0].message.content;
|
||||||
let message = null;
|
let message = null;
|
||||||
try{
|
try{
|
||||||
message = content ? JSON.parse(content):''
|
message = content ? JSON.parse(content):''
|
||||||
}catch(err){
|
}catch(err){
|
||||||
proxy.$message({ type: "danger", message: "解析异常,请重新上传解析" });;
|
proxy.$message({ type: "danger", message: "解析异常,请重新上传解析" });
|
||||||
}
|
}
|
||||||
if(!message) return;
|
if(!message) return proxy.$message({ type: "danger", message: "解析异常,请重新上传解析" });
|
||||||
console.log(message,'=================将结果');
|
let params = {
|
||||||
|
qbid:qbid.value,
|
||||||
|
...message.jbxx[0],
|
||||||
|
ryList:message.ryList,
|
||||||
|
}
|
||||||
|
qcckPost(params,'/mosty-gsxt/qbcj/add').then((res)=>{
|
||||||
|
console.log(res,'============');
|
||||||
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user