This commit is contained in:
2025-07-19 14:06:46 +08:00
parent e447346af5
commit ce8eee2380
4 changed files with 91 additions and 51 deletions

View File

@ -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();
}; };

View File

@ -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) => {

View File

@ -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({}); //表单

View File

@ -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,'============');
})
}) })
} }