hz/ebiz-ai-knowledge-manage
1
0
Fork 0
mirror of http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git synced 2025-12-06 17:36:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(api): 新增 MinerU相关接口并优化 PDF预览功能

Browse Source 
- 新增 getPdfUrl 接口用于获取 PDF 预览 URL
- 新增 minerUMarkDownUpdate 接口用于更新 Markdown 内容- 优化了 RenderMinerU 组件，增加保存并处理功能
- 调整了知识库详情页面布局
- 修复了规则管理相关组件的样式问题
This commit is contained in:
陈昱达
2025-04-11 18:08:27 +08:00
parent 93dd8483e4
commit 09a9b696e5
14 changed files with 535 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.env.dev
View File

@@ -3,8 +3,5 @@ NODE_ENV = 'dev' // 如果是生产环境，请记得切换为production
# flag
VUE_APP_FLAG='dev'
#VUE_APP_ADMIN='http://39.104.123.254:7195'
# 子西
#VUE_APP_ADMIN='http://192.168.8.165:7196/'
# 季分
VUE_APP_ADMIN='http://192.168.2.62:7196/'
VUE_APP_ADMIN='http://39.104.123.254:7196'

26
src/api/generatedApi/index.js
View File

@@ -37,24 +37,32 @@ export function datasetCreate(data) {
export function datasetDelete(data) {
return request({
url: getUrl(`/datasetsEx/delete?id=${data.id}`),
method: 'delete',
method: 'delete'
})
}
//minerU 获取bbox
export function minerUBbox(params) {
return request({
url:'http://192.168.8.165:7196/document/mineru/bbox_json',
// url: getUrl('/document/mineru/bbox_json'),
url: getUrl('/document/mineru/bbox_json'),
method: 'get',
params:params
params: params
})
}
//minerU 获取markdown
export function minerUMarkDown(params) {
return `http://192.168.8.165:7196/document/mineru/md?documentId=${params.documentId}`
// url: getUrl('/document/mineru/md'),
return getUrl(`document/mineru/md?documentId=${params.documentId}`)
}
// minerU 获取pdf
export function getPdfUrl(params) {
return getUrl(`/datasetDocumentEx/preview?id=${params.documentId}`)
}
export function minerUMarkDownUpdate(data) {
return request({
url: getUrl(`/document/mineru/md/update`),
method: 'post',
data
})
}

5
src/api/rules/index.js
View File

@@ -1,8 +1,6 @@
import request from '@/assets/js/utils/request'
import getUrl from '@/assets/js/utils/get-url'
/**
* 获取所有的规则列表
*/
@@ -59,7 +57,6 @@ export function updateSplitRule(data) {
})
}
/**
* 提示词规则新增
*/
@@ -81,4 +78,4 @@ export function updatePromptRule(data) {
method: 'post',
data
})
}
}

38
src/api/rules/template/prompt-rule.json5
View File

@@ -1,20 +1,20 @@
{
"ruleName": "修改题词规则",
"ruleType": 2,
"ruleList": [
{
"attribute": "属性1-1",
"attributeDesc": "秒送",
"keyword": "keyword",
"example": "example",
"prompt": "prompt"
},
{
"attribute": "属性22",
"attributeDesc": "秒送",
"keyword": "keyword",
"example": "example",
"prompt": "prompt"
}
]
}
ruleName: '修改题词规则',
ruleType: 2,
ruleList: [
{
attribute: '属性1-1',
attributeDesc: '秒送',
keyword: 'keyword',
example: 'example',
prompt: 'prompt'
},
{
attribute: '属性22',
attributeDesc: '秒送',
keyword: 'keyword',
example: 'example',
prompt: 'prompt'
}
]
}

28
src/api/rules/template/splite.json5
View File

@@ -1,16 +1,16 @@
{
"ruleName": "规则-修改",
"ruleType": 1,
"ruleList": [
{
"titleLevel": 1,
"ruleRegex": "规则1",
"description": "描述22"
},
{
"titleLevel": 3,
"ruleRegex": "规则2",
"description": "新增"
}
ruleName: '规则-修改',
ruleType: 1,
ruleList: [
{
titleLevel: 1,
ruleRegex: '规则1',
description: '描述22'
},
{
titleLevel: 3,
ruleRegex: '规则2',
description: '新增'
}
]
}
}

49
src/assets/sass/public.scss
View File

@@ -264,9 +264,10 @@ body .el-collapse-item__wrap {
.view-body {
text-align: left;
font-size: 14px;
div{
outline: unset;
padding: 10px;
div {
outline: unset;
}
/* 添加一些基本的样式以美化 Markdown 内容 */
@@ -277,14 +278,20 @@ body .el-collapse-item__wrap {
margin-bottom: 16px;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 24px;
margin-bottom: 12px;
border-bottom: 1px dashed #cecece;
padding:5px;
padding: 5px;
}
ul, ol {
ul,
ol {
margin: 16px 0;
padding-left: 32px;
}
@@ -294,7 +301,7 @@ body .el-collapse-item__wrap {
}
a {
color: #007BFF;
color: #007bff;
text-decoration: none;
}
@@ -328,12 +335,14 @@ body .el-collapse-item__wrap {
table {
border: 1px solid #f9f9f9;
width: 100%;
//width: 100%;
margin: 5px;
border-collapse: collapse;
background: linear-gradient(to bottom, #ffffff, #f9f9f9);
}
th, td {
th,
td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
@@ -348,3 +357,27 @@ body .el-collapse-item__wrap {
background-color: #f9fafc;
}
}
.m-view {
position: relative;
padding: 10px;
// 离开后还原
&:after {
content: '';
position: absolute;
width: calc(100% + 10px);
height: calc(100% + 10px);
top: -5px;
left: -5px;
background: rgba(201, 203, 255, 0.3);
transition: all 0.3s ease-in-out;
opacity: 0; // 初始状态下透明
border: 2px solid rgb(201, 203, 255);
border-radius: 5px;
overflow: hidden;
}
&:hover:after {
opacity: 1; // 悬停时显示
}
}

113
src/components/RenderMinerU/index.vue
View File

@@ -1,6 +1,10 @@
<template>
<div style="height: 100%;">
<div class="flex" style="height:calc(100% - 20px);flex:1">
<div class="mv10 mh20 text-right">
<el-button type="primary" size="medium" @click="saveMarkDown">保存并处理</el-button>
<el-button size="medium">取消</el-button>
</div>
<div class="flex" style="height:calc(100% - 35px);flex:1">
<iframe
id="iframe"
:src="`${iframeSrc}/pdfjs-dist/web/viewer.html?file=${encodeURIComponent(prdUrl)}`"
@@ -9,7 +13,7 @@
<div style="flex:1;max-width: 800px;" class="mh20 miner-u-md">
<el-tabs type="border-card" style="height: 100%;overflow: hidden" @tab-click="changeTab">
<el-tab-pane label="预览" style="overflow:scroll;">
<div v-html="markdownHtml" class="view-body"></div>
<div v-html="markdownHtml" class="view-body" id="viewBody" ref="viewBody"></div>
</el-tab-pane>
<el-tab-pane label="编辑">
<div class="lineH25" contenteditable id="md-editor" @blur="emitMarkDown">{{ markdown }}</div>
@@ -20,34 +24,109 @@
</div>
</template>
<script>
import { minerUBbox, minerUMarkDown } from '@/api/generatedApi/index'
import { getPdfUrl, minerUBbox, minerUMarkDown, minerUMarkDownUpdate } from '@/api/generatedApi/index'
import { DEFAULT_COLOR_SECTION, PDF_COLOR_PICKER } from './pdf-color'
import MarkdownIt from 'markdown-it'
import markdownItKatex from 'markdown-it-katex'
const md = new MarkdownIt({
html: true
}).use(markdownItKatex)
export default {
name: 'index',
data() {
return {
prdUrl: ``,
iframeSrc: window.location.href,
iframeSrc: window.location.origin,
bboxList: [],
markdown: '',
md,
markdownHtml: ''
markdownHtml: '',
page: 1
}
},
props: {
documentId: {
type: String,
default: '1359571867133448192'
}
},
props: {},
watch: {},
components: {},
filters: {},
methods: {
// 生成视觉模型
viewHtmlModel() {
// 创建一个唯一的按钮容器
const buttonContainer = document.createElement('div')
buttonContainer.style.position = 'absolute'
buttonContainer.style.pointerEvents = 'none'
// document.body.appendChild(buttonContainer)
// 当鼠标滑动view-body下的table 时 增加浮层按钮
window.addEventListener('mouseover', e => {
// 检查是否在 viewBody 内部
const viewBody = document.getElementById('viewBody')
if (viewBody.contains(e.target)) {
// 检查目标元素是否为 table 或其子元素
const tableElement = e.target.closest('table')
if (tableElement) {
// 清除之前的按钮
// buttonContainer.innerHTML = ''
//
// // 在这里添加浮层按钮的逻辑
// console.log('Mouse over table or TD element inside viewBody')
// // 生成两个按钮
// const button = document.createElement('button')
// button.innerText = '标注'
// button.style.position = 'absolute'
// // 按钮位置在表格正中间浮动
// // 设置按钮位置在鼠标位置
// const rect = tableElement.getBoundingClientRect()
// console.log(rect)
// // 按钮s生成在鼠标位置
// button.style.left = `-10px`
// button.style.top = `-10px`
//
// button.style.backgroundColor = 'transparent'
// button.style.border = 'none'
// button.style.cursor = 'pointer'
// button.style.padding = '0'
// button.style.fontSize = '16px'
// button.style.zIndex = '9999'
// button.style.pointerEvents = 'auto'
// button.addEventListener('click', () => {
// alert(1)
// })
// buttonContainer.appendChild(button)
// tableElement.appendChild(buttonContainer)
}
}
})
// 当鼠标离开 view-body 下的 table 时 删除按钮
window.addEventListener('mouseout', e => {
// 检查是否在 viewBody 内部
const viewBody = document.getElementById('viewBody')
if (!viewBody.contains(e.target) || !e.target.closest('table')) {
buttonContainer.innerHTML = ''
}
})
},
// 导出
emitMarkDown() {
let pre = document.getElementById('md-editor').innerText
this.$emit('getMarkDownIt', { innerText: pre })
},
saveMarkDown() {
let pre = document.getElementById('md-editor').innerText
minerUMarkDownUpdate({
documentId: this.documentId,
newMd: pre
})
},
// 给文件增加色块
formatJson(data) {
return data.map(item => {
let bboxes = []
@@ -80,19 +159,24 @@ export default {
},
// bbox 解析 传递 颜色
getPDFDetailBbox() {
minerUBbox({ documentId: 1 }).then(res => {
minerUBbox({ documentId: this.documentId }).then(res => {
this.bboxList = this.formatJson(JSON.parse(JSON.stringify(res.content.content)))
})
},
changeTab() {
let pre = document.getElementById('md-editor').innerText
this.markdownHtml = md.render(pre)
let copyMdHtml = md.render(pre)
console.log(copyMdHtml)
// 给 copyMdHtml 里面的table 增加 class m-view
copyMdHtml = copyMdHtml.replace(/<table/g, '<table class="m-view"')
this.markdownHtml = copyMdHtml
},
async getPDFDetailMarkDown() {
const response = await fetch(minerUMarkDown({ documentId: 1 }))
const response = await fetch(minerUMarkDown({ documentId: this.documentId }))
this.markdown = await response.text()
this.markdownHtml = this.md.render(this.markdown)
this.markdownHtml = this.md.render(this.markdown).replace(/<table/g, '<table class="m-view"')
},
// 向 iframe 发送消息
sendMessageToIframe(type, message) {
@@ -113,12 +197,15 @@ export default {
created() {
this.getPDFDetailBbox()
this.getPDFDetailMarkDown()
this.prdUrl = getPdfUrl({ documentId: this.documentId })
console.log(this.prdUrl)
},
mounted() {
// 监听 iframe 的 postMessage 事件
window.addEventListener('message', event => {
// 检查消息来源是否合法
if (event.origin + '/' === process.env.BASE_URL) {
if (event.origin === window.location.origin) {
// 根据消息状态执行不同操作
switch (event.data.status) {
case 'loaded':
@@ -136,10 +223,12 @@ export default {
if (event.data.pageNumDetail) {
const pageNumDetail = event.data.pageNumDetail || 1
this.page.value = pageNumDetail
this.page = pageNumDetail
this.sendMessageToIframe('pageNumDetail', pageNumDetail)
}
})
this.viewHtmlModel()
},
computed: {}
}

129
src/router/generatedRouter/index.js
View File

@@ -1,78 +1,78 @@
import layout from "@/views/app/layout/index.vue";
import redirect from "@/views/app/redirect/index.vue";
import layout from '@/views/app/layout/index.vue'
import redirect from '@/views/app/redirect/index.vue'
export default [
{
path: "/knowledge",
name: "home",
path: '/knowledge',
name: 'home',
component: layout,
redirect: "/knowledge/list",
redirect: '/knowledge/list',
meta: {
title: "AI知识库",
icon: "el-icon-s-home",
title: 'AI知识库',
icon: 'el-icon-s-home',
affix: true
},
children: [
{
path: "/knowledge/list",
name: "home",
path: '/knowledge/list',
name: 'home',
component: redirect,
redirect: "/knowledge/list",
redirect: '/knowledge/list',
meta: {
title: "知识库",
icon: "el-icon-s-home",
title: '知识库',
icon: 'el-icon-s-home',
affix: true
},
children: [
{
path: "/knowledge/list",
name: "home",
component: () => import("@/views/knowledge/index.vue"),
path: '/knowledge/list',
name: 'home',
component: () => import('@/views/knowledge/index.vue'),
meta: {
breadcrumb: false,
title: "知识库",
icon: "el-icon-s-home"
title: '知识库',
icon: 'el-icon-s-home'
}
},
{
path: "/knowledge/detail",
name: "detail",
path: '/knowledge/detail',
name: 'detail',
component: redirect,
redirect: "/knowledge/detail",
redirect: '/knowledge/detail',
hidden: true,
meta: {
title: "知识库详情",
icon: "el-icon-s-home"
title: '知识库详情',
icon: 'el-icon-s-home'
},
children: [
{
path: "/knowledge/knowledge-create",
name: "knowledge-create",
component: () => import("@/views/knowledge/detail/components/knowledgeForm.vue"),
path: '/knowledge/knowledge-create',
name: 'knowledge-create',
component: () => import('@/views/knowledge/detail/components/knowledgeForm.vue'),
meta: {
breadcrumb: false,
title: "知识库详情",
icon: "el-icon-s-home"
title: '知识库详情',
icon: 'el-icon-s-home'
}
},
{
path: "/knowledge/detail",
name: "detail",
component: () => import("@/views/knowledge/detail/index.vue"),
path: '/knowledge/detail',
name: 'detail',
component: () => import('@/views/knowledge/detail/index.vue'),
meta: {
breadcrumb: false,
title: "知识库详情",
icon: "el-icon-s-home"
title: '知识库详情',
icon: 'el-icon-s-home'
}
},
{
path: "/knowledge/detail/create",
name: "create",
component: () => import("@/views/knowledge/detail/create.vue"),
path: '/knowledge/detail/create',
name: 'create',
component: () => import('@/views/knowledge/detail/create.vue'),
meta: {
title: "知识库新增",
icon: "el-icon-s-home"
title: '知识库新增',
icon: 'el-icon-s-home'
}
}
]
@@ -80,61 +80,62 @@ export default [
]
},
{
path: "/knowledge/track",
name: "question",
path: '/knowledge/track',
name: 'question',
component: redirect,
redirect: "/knowledge/track",
redirect: '/knowledge/track',
meta: {
title: "任务轨迹",
icon: "el-icon-s-home",
title: '任务轨迹',
icon: 'el-icon-s-home',
affix: true
},
children: [
{
path: "/knowledge/track",
name: "track",
component: () => import("@/views/track/Index.vue"),
path: '/knowledge/track',
name: 'track',
component: () => import('@/views/track/Index.vue'),
meta: {
breadcrumb: false,
title: "任务轨迹",
icon: "el-icon-s-home"
title: '任务轨迹',
icon: 'el-icon-s-home'
}
},
{
path: "/rules",
name: "rules",
component: () => import("@/views/rules/Index.vue"),
path: '/rules',
name: 'rules',
component: () => import('@/views/rules/Index.vue'),
hidden: true,
meta: {
title: "规则管理",
title: '规则管理',
icon: "el-icon-s-home"
icon: 'el-icon-s-home'
}
}
]
}, {
path: "/knowledge/rule",
name: "rule",
},
{
path: '/knowledge/rule',
name: 'rule',
component: redirect,
redirect: "/knowledge/rule",
redirect: '/knowledge/rule',
meta: {
title: "规则管理",
icon: "el-icon-s-home",
title: '规则管理',
icon: 'el-icon-s-home',
affix: true
},
children: [
{
path: "/knowledge/rule",
name: "rule",
component: () => import("@/views/rules/Index.vue"),
path: '/knowledge/rule',
name: 'rule',
component: () => import('@/views/rules/Index.vue'),
meta: {
title: "规则管理",
icon: "el-icon-s-home"
title: '规则管理',
icon: 'el-icon-s-home'
}
}
]
}
]
}
];
]

4
src/views/knowledge/detail/create.vue
View File

@@ -27,10 +27,6 @@
</el-card>
<el-drawer :visible.sync="visible" size="80%" title="预处理结果预览">
<div class="mv10 mh20 text-right">
<el-button type="primary" size="medium">保存并处理</el-button>
<el-button size="medium">取消</el-button>
</div>
<div style="height:calc(100% - 55px);">
<r-miner-u></r-miner-u>
</div>

189
src/views/rules/Index.vue
View File

@@ -1,21 +1,21 @@
<script>
import { deleteRule, getRuleList } from "@/api/rules/index";
import EditPromptRule from "./components/edit-prompt-rule/Index.vue";
import EditSplitRule from "./components/edit-split-rule/Index.vue";
import Info from "./components/info/index.vue";
import { h } from "vue";
import { watch } from "vue";
import { deleteRule, getRuleList } from '@/api/rules/index'
import EditPromptRule from './components/edit-prompt-rule/Index.vue'
import EditSplitRule from './components/edit-split-rule/Index.vue'
import Info from './components/info/index.vue'
import { h } from 'vue'
import { watch } from 'vue'
export default {
name: "rules",
name: 'rules',
data() {
return {
columns: [],
// 弹窗配置
diglogOptions: {
title: "",
title: '',
visible: false,
width: "50%",
width: '50%',
currentComponent: void 0,
currentRow: void 0
},
@@ -26,16 +26,16 @@ export default {
form: {
query: true,
pickerOptions: void 0,
ruleType: "",
ruleName: "",
ruleType: '',
ruleName: '',
createdDate: []
}
};
}
},
provide() {
return {
diglogOptions: this.diglogOptions
};
}
},
components: {
EditPromptRule,
@@ -45,129 +45,127 @@ export default {
computed: {
// 当前的分页数据
currentTableDate() {
let filteredData;
let filteredData
// 过滤 table 列表,如果 form 相关项是空的，就不过滤
if (this.form.query) {
// 过滤 ruleType
const map = {
1: "提示词规则",
2: "知识拆分规则"
};
1: '提示词规则',
2: '知识拆分规则'
}
filteredData = this.tableData.filter(item => {
if (!this.form.ruleType) return true;
return map[item.ruleType] === this.form.ruleType;
});
if (!this.form.ruleType) return true
return map[item.ruleType] === this.form.ruleType
})
// 过滤 ruleName
filteredData = filteredData.filter(item => {
if (!this.form.ruleName) return true;
return item.ruleName === this.form.ruleName;
});
if (!this.form.ruleName) return true
return item.ruleName === this.form.ruleName
})
// 过滤 createdDate
filteredData = filteredData.filter(item => {
if (!this.form.createdDate.length) return true;
return item.createdDate >= this.form.createdDate[0] && item.createdDate <= this.form.createdDate[1];
});
if (!this.form.createdDate.length) return true
return item.createdDate >= this.form.createdDate[0] && item.createdDate <= this.form.createdDate[1]
})
} else {
filteredData = this.tableData;
filteredData = this.tableData
}
// TODO: 分页数据
const start = (this.currentPage - 1) * 10;
const end = this.currentPage * 10;
return filteredData.slice(start, end);
const start = (this.currentPage - 1) * 10
const end = this.currentPage * 10
return filteredData.slice(start, end)
},
// 查询表单的 ruleTypeOptions
ruleTypeOptions() {
const map = {
1: "提示词规则",
2: "知识拆分规则"
};
1: '提示词规则',
2: '知识拆分规则'
}
// 去重所有 ruleType， 然后映射成 option
const res = [...new Set(this.tableData.map(item => item.ruleType))].map(type => (map[type]));
console.log(res);
const res = [...new Set(this.tableData.map(item => item.ruleType))].map(type => map[type])
console.log(res)
return res;
return res
},
// 查询表单的 ruleNameOptions
ruleNameOptions() {
const res = [...new Set(this.tableData.map(item => item.ruleName))];
console.log(res);
return res;
const res = [...new Set(this.tableData.map(item => item.ruleName))]
console.log(res)
return res
}
},
watch: {
form: {
handler() {
},
handler() {},
deep: true
}
},
beforeMount() {
getRuleList().then(res => {
console.log(res);
console.log(res)
const { content } = res.content;
console.log(content);
const { content } = res.content
console.log(content)
this.tableData = content.list;
});
this.tableData = content.list
})
},
methods: {
handleCurrentChange(val) {
console.log(`current page: ${val}`);
this.currentPage = val;
console.log(`current page: ${val}`)
this.currentPage = val
},
// 处理查看规则详情
handleInfoVisiable(row) {
this.diglogOptions.title = "查看规则详情";
this.diglogOptions.currentComponent = "Info";
this.diglogOptions.visible = true;
this.diglogOptions.currentRow = row;
this.diglogOptions.title = '查看规则详情'
this.diglogOptions.currentComponent = 'Info'
this.diglogOptions.visible = true
this.diglogOptions.currentRow = row
},
// 处理修改规则
handleEdit(row, index) {
this.diglogOptions.title = "修改规则";
this.diglogOptions.currentComponent = row.ruleType === 1 ? "EditSplitRule" : "EditPromptRule";
this.diglogOptions.visible = true;
this.diglogOptions.currentRow = row;
this.diglogOptions.title = '修改规则'
this.diglogOptions.currentComponent = row.ruleType === 1 ? 'EditSplitRule' : 'EditPromptRule'
this.diglogOptions.visible = true
this.diglogOptions.currentRow = row
},
// 处理删除规则
handleDelete(row, index) {
console.log(row, index);
deleteRule([row.id]).then(() => {
this.tableData.splice(index, 1);
}).catch(err => {
this.$notify.error({
title: "删除失败",
message: h("i", { style: "color: teal" }, "删除时出现错误，稍后再试" + err)
});
});
console.log(row, index)
deleteRule([row.id])
.then(() => {
this.tableData.splice(index, 1)
})
.catch(err => {
this.$notify.error({
title: '删除失败',
message: h('i', { style: 'color: teal' }, '删除时出现错误，稍后再试' + err)
})
})
},
// 处理查询
handleQuery() {
this.form.query = true;
this.form.query = true
},
// 处理重置
handleReset() {
this.form = {
query: true,
pickerOptions: void 0,
ruleType: "",
ruleName: "",
ruleType: '',
ruleName: '',
createdDate: []
};
}
},
// 处理新增
handleAdd() {
console.log("handleAdd");
console.log('handleAdd')
}
}
};
}
</script>
<template>
@@ -186,8 +184,7 @@ export default {
<el-col :span="8">
<el-form-item label="规则类型">
<el-select v-model="form.ruleType" placeholder="请选择规则类型">
<el-option v-for="item in ruleTypeOptions" :key="item" :label="item" :value="item">
</el-option>
<el-option v-for="item in ruleTypeOptions" :key="item" :label="item" :value="item"> </el-option>
</el-select>
</el-form-item>
</el-col>
@@ -195,16 +192,22 @@ export default {
<el-col :span="8">
<el-form-item label="规则名称">
<el-select v-model="form.ruleName" placeholder="请选择规则名称">
<el-option v-for="item in ruleNameOptions" :key="item" :label="item" :value="item">
</el-option>
<el-option v-for="item in ruleNameOptions" :key="item" :label="item" :value="item"> </el-option>
</el-select>
</el-form-item>
</el-col>
<!-- 创建时间 -->
<el-col :span="8">
<el-form-item label="创建时间">
<el-date-picker v-model="form.createdDate" type="daterange" unlink-panels range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="form.pickerOptions">
<el-date-picker
v-model="form.createdDate"
type="daterange"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="form.pickerOptions"
>
</el-date-picker>
</el-form-item>
</el-col>
@@ -227,14 +230,13 @@ export default {
<el-table-column prop="ruleName" label="规则名称"></el-table-column>
<el-table-column prop="ruleType" label="规则类型">
<template #default="scope">
{{ scope.row.ruleType && scope.row.ruleType === 1 ? "提示词规则" : "知识拆分规则" }}
{{ scope.row.ruleType && scope.row.ruleType === 1 ? '提示词规则' : '知识拆分规则' }}
</template>
</el-table-column>
<el-table-column prop="createdDate" label="创建时间"></el-table-column>
<el-table-column label="操作">
<template #default="scope">
<el-button type="primary" size="mini" plain @click="handleInfoVisiable(scope.row)">查看规则详情
</el-button>
<el-button type="primary" size="mini" plain @click="handleInfoVisiable(scope.row)">查看规则详情 </el-button>
<el-button type="primary" size="mini" plain @click="handleEdit(scope.row, scope.$index)">修改</el-button>
<el-button type="danger" size="mini" plain @click="handleDelete(scope.row, scope.$index)">删除</el-button>
</template>
@@ -244,8 +246,14 @@ export default {
<!-- 分页 -->
<el-row>
<el-col :span="24" class="flex" style="justify-content: right;">
<el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange"
:current-page="currentPage" :hide-on-single-page="true" :total="tableData.length">
<el-pagination
background
layout="prev, pager, next"
@current-change="handleCurrentChange"
:current-page="currentPage"
:hide-on-single-page="true"
:total="tableData.length"
>
</el-pagination>
</el-col>
</el-row>
@@ -253,8 +261,13 @@ export default {
<!-- 规则详情弹窗 -->
<el-drawer :visible.sync="diglogOptions.visible" size="50%" :title="diglogOptions.title">
<!-- diglog 弹窗内容组件 -->
<component v-if="diglogOptions.visible" :is="diglogOptions.currentComponent" :data="tableData" :columns="columns"
:currentRow="diglogOptions.currentRow" />
<component
v-if="diglogOptions.visible"
:is="diglogOptions.currentComponent"
:data="tableData"
:columns="columns"
:currentRow="diglogOptions.currentRow"
/>
</el-drawer>
</div>
</template>
</template>

68
src/views/rules/components/edit-prompt-rule/Index.vue
View File

@@ -1,6 +1,6 @@
<script>
import { getRuleDetail } from "@/api/rules/index";
import { updatePromptRule } from "@/api/rules/index";
import { getRuleDetail } from '@/api/rules/index'
import { updatePromptRule } from '@/api/rules/index'
export default {
name: 'EditPromptRule',
@@ -25,50 +25,54 @@ export default {
keyword: '',
example: '',
prompt: ''
};
}
this.form.ruleList.push(payload);
this.form.ruleList.push(payload)
},
handleDelete() {
if (this.form.ruleList.length > 0) {
this.form.ruleList.pop();
this.form.ruleList.pop()
}
},
save() {
console.log('save this form ',this.form);
console.log('save this form ', this.form)
updatePromptRule(this.form).then(() => {
console.log('update prompt rule success');
this.diglogOptions.visible = false;
// 可以添加成功提示
this.$message && this.$message.success('保存成功');
}).catch(err => {
console.error(`update prompt rule failed: ${err}`);
// 可以添加错误提示
this.$message && this.$message.error('保存失败');
});
updatePromptRule(this.form)
.then(() => {
console.log('update prompt rule success')
this.diglogOptions.visible = false
// 可以添加成功提示
this.$message && this.$message.success('保存成功')
})
.catch(err => {
console.error(`update prompt rule failed: ${err}`)
// 可以添加错误提示
this.$message && this.$message.error('保存失败')
})
}
},
beforeMount() {
// 获取当前行数据
const { currentRow } = this.diglogOptions;
const { currentRow } = this.diglogOptions
// 获取规则详情
getRuleDetail(currentRow.id).then(res => {
const { content } = res.content;
console.log('origin query request', content);
getRuleDetail(currentRow.id)
.then(res => {
const { content } = res.content
console.log('origin query request', content)
// 一次性设置表单数据，确保响应式更新
this.form = {
id: content.id || currentRow.id,
ruleType: content.ruleType,
ruleName: content.ruleName,
createdDate: content.createdDate,
ruleList: Array.isArray(content.ruleList) ? content.ruleList : []
};
}).catch(err => {
console.error('获取规则详情失败:', err);
});
// 一次性设置表单数据，确保响应式更新
this.form = {
id: content.id || currentRow.id,
ruleType: content.ruleType,
ruleName: content.ruleName,
createdDate: content.createdDate,
ruleList: Array.isArray(content.ruleList) ? content.ruleList : []
}
})
.catch(err => {
console.error('获取规则详情失败:', err)
})
}
}
</script>
@@ -113,4 +117,4 @@ export default {
</div>
</template>
<style lang="css" scoped></style>
<style lang="css" scoped></style>

178
src/views/rules/components/edit-split-rule/Index.vue
View File

@@ -1,108 +1,112 @@
<script>
import { getRuleDetail } from "@/api/rules/index";
import { updateSplitRule } from "@/api/rules/index";
<script>
import { getRuleDetail } from '@/api/rules/index'
import { updateSplitRule } from '@/api/rules/index'
export default {
name: 'sEditSplitRule',
data() {
return {
// 表单数据有：规则名称、样式、提示词、备注
form: {
id: '',
ruleName: '',
ruleType: '',
ruleList: []
}
export default {
name: 'sEditSplitRule',
data() {
return {
// 表单数据有：规则名称、样式、提示词、备注
form: {
id: '',
ruleName: '',
ruleType: '',
ruleList: []
}
},
inject: ['diglogOptions'],
beforeMount() {
// 获取当前行数据
const { currentRow } = this.diglogOptions;
}
},
inject: ['diglogOptions'],
beforeMount() {
// 获取当前行数据
const { currentRow } = this.diglogOptions
// 获取规则详情
getRuleDetail(currentRow.id).then(res => {
const { content } = res.content;
console.log('origin query request', content);
// 获取规则详情
getRuleDetail(currentRow.id)
.then(res => {
const { content } = res.content
console.log('origin query request', content)
// 一次性设置表单数据，确保响应式更新
this.form = {
id: content.id,
ruleName: content.ruleName,
ruleType: content.ruleType,
ruleList: Array.isArray(content.ruleList) ? content.ruleList : []
};
}).catch(err => {
console.error('获取规则详情失败:', err);
});
},
methods: {
handleAdd() {
// TODO: 新增数据到后端
const payload = {
titleLevel: '',
ruleRegex: '',
description: ''
};
// 使用数组方法添加元素，确保响应式更新
this.form.ruleList.push(payload);
},
handleDelete() {
// TODO: 删除数据到后端
if (this.form.ruleList.length > 0) {
this.form.ruleList.pop();
}
},
handleSave() {
// 使用正确的API保存数据到后端
console.log(`this.form`,this.form);
})
.catch(err => {
console.error('获取规则详情失败:', err)
})
},
updateSplitRule(this.form).then(() => {
console.log('update split rule success');
this.diglogOptions.visible = false;
// 可以添加成功提示
this.$message && this.$message.success('保存成功');
}).catch(err => {
console.error(`update split rule failed: ${err}`);
// 可以添加错误提示
this.$message && this.$message.error('保存失败');
});
methods: {
handleAdd() {
// TODO: 新增数据到后端
const payload = {
titleLevel: '',
ruleRegex: '',
description: ''
}
// 使用数组方法添加元素，确保响应式更新
this.form.ruleList.push(payload)
},
handleDelete() {
// TODO: 删除数据到后端
if (this.form.ruleList.length > 0) {
this.form.ruleList.pop()
}
},
handleSave() {
// 使用正确的API保存数据到后端
console.log(`this.form`, this.form)
updateSplitRule(this.form)
.then(() => {
console.log('update split rule success')
this.diglogOptions.visible = false
// 可以添加成功提示
this.$message && this.$message.success('保存成功')
})
.catch(err => {
console.error(`update split rule failed: ${err}`)
// 可以添加错误提示
this.$message && this.$message.error('保存失败')
})
}
}
}
</script>
<template>
<div>
<el-form :model="form" label-width="100px">
<el-form-item label="规则名称">
<el-input v-model="form.ruleName"></el-input>
<template>
<div>
<el-form :model="form" label-width="100px">
<el-form-item label="规则名称">
<el-input v-model="form.ruleName"></el-input>
</el-form-item>
<el-card v-for="(item, index) in form.ruleList" :key="index">
<el-form-item label="样式">
<el-input v-model="item.titleLevel"></el-input>
</el-form-item>
<el-card v-for="(item, index) in form.ruleList" :key="index">
<el-form-item label="样式">
<el-input v-model="item.titleLevel"></el-input>
</el-form-item>
<el-form-item label="规则">
<el-input v-model="item.ruleRegex"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input type="textarea" v-model="item.description"></el-input>
</el-form-item>
</el-card>
</el-form>
<div slot="footer" class="dialog-footer flex" style="justify-content: space-between;">
<!-- 只有当点击保存的时候才能和服务端通信新增和删除 -->
<div>
<el-button type="primary" @click="handleAdd">+ 新增拆分</el-button>
<el-button type="info" @click="handleDelete">- 删除拆分</el-button>
</div>
<div>
<el-button @click="diglogOptions.visible = false">取 消</el-button>
<el-button type="primary" @click="handleSave">确 定</el-button>
</div>
<el-form-item label="规则">
<el-input v-model="item.ruleRegex"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input type="textarea" v-model="item.description"></el-input>
</el-form-item>
</el-card>
</el-form>
<div slot="footer" class="dialog-footer flex" style="justify-content: space-between;">
<!-- 只有当点击保存的时候才能和服务端通信新增和删除 -->
<div>
<el-button type="primary" @click="handleAdd">+ 新增拆分</el-button>
<el-button type="info" @click="handleDelete">- 删除拆分</el-button>
</div>
<div>
<el-button @click="diglogOptions.visible = false">取 消</el-button>
<el-button type="primary" @click="handleSave">确 定</el-button>
</div>
</div>
</template>
</div>
</template>
<style lang="css" scoped></style>

24
src/views/rules/components/info/index.vue
View File

@@ -1,5 +1,5 @@
<script>
import { getRuleDetail } from "@/api/rules/index";
import { getRuleDetail } from '@/api/rules/index'
export default {
name: 'Info',
@@ -28,29 +28,23 @@ export default {
}
},
methods: {
save() {
}
save() {}
},
beforeMount() {
// 获取规则详情
getRuleDetail(this.diglogOptions.currentRow.id).then(res => {
const { content } = res.content;
console.log('origin query request', content);
const { content } = res.content
console.log('origin query request', content)
// 设置表单数据
this.form.ruleName = content.ruleName;
this.form.createdDate = content.createdDate;
this.form.ruleName = content.ruleName
this.form.createdDate = content.createdDate
// 设置表格数据
this.tableDate.data = content.ruleList;
this.tableDate.data = content.ruleList
// 设置表格列， 有两种方式
// 1. 是 提示词规则
if (content.ruleType.toString() === '1') {
this.tableDate.columns = [
{ prop: 'titleLevel', key: '样式' },
{ prop: 'ruleRegex', key: '提示词' },
{ prop: 'description', key: '备注' }
]
this.tableDate.columns = [{ prop: 'titleLevel', key: '样式' }, { prop: 'ruleRegex', key: '提示词' }, { prop: 'description', key: '备注' }]
}
// 2. 是 拆分规则
else if (content.ruleType.toString() === '2') {
@@ -87,4 +81,4 @@ export default {
</div>
</template>
<style lang="css" scoped></style>
<style lang="css" scoped></style>

81
src/views/track/Index.vue
View File

@@ -1,6 +1,6 @@
<script>
import { getDocByPage } from "@/api/knowledge/task-page";
import KnowledgeInfo from "@/views/track/views/knowledge-info/Index.vue";
import { getDocByPage } from '@/api/knowledge/task-page'
import KnowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
export default {
components: {
@@ -13,13 +13,13 @@ export default {
tabList: [],
currentPage: 1,
form: {
knowledge: "",
knowledgeName: "",
uploadUser: "",
taskStatus: "",
taskTime: ""
knowledge: '',
knowledgeName: '',
uploadUser: '',
taskStatus: '',
taskTime: ''
}
};
}
},
computed: {},
methods: {
@@ -27,26 +27,26 @@ export default {
const payload = {
page: this.currentPage,
pageSize: 10,
docId: ""
};
docId: ''
}
getDocByPage(payload).then(res => {
this.tabList = res.content.content.list ? res.content.content.list : [];
console.log(res.content.content.list ? res.content.content.list : []);
});
this.tabList = res.content.content.list ? res.content.content.list : []
console.log(res.content.content.list ? res.content.content.list : [])
})
},
handleActiveInfo(scope) {
this.infoDialogVisible = true;
console.log(scope.row);
this.infoDialogVisible = true
console.log(scope.row)
this.activeForm = scope.row;
this.activeForm = scope.row
}
},
beforeMount() {
console.log(`onMounted`);
this.getTableData();
console.log(`onMounted`)
this.getTableData()
}
};
}
</script>
<template>
@@ -57,35 +57,37 @@ export default {
<el-row>
<el-col :span="8">
<el-form-item label="知识库">
<el-select v-model="form.knowledge">
</el-select>
<el-select v-model="form.knowledge"> </el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="知识文件名称">
<el-select v-model="form.knowledgeName">
</el-select>
<el-select v-model="form.knowledgeName"> </el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="上传用户">
<el-select v-model="form.uploadUser">
</el-select>
<el-select v-model="form.uploadUser"> </el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="任务状态">
<el-select v-model="form.taskStatus">
</el-select>
<el-select v-model="form.taskStatus"> </el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="任务时间">
<el-date-picker v-model="form.taskTime" type="daterange" unlink-panels range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
<el-date-picker
v-model="form.taskTime"
type="daterange"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
</el-col>
@@ -95,18 +97,12 @@ export default {
<!-- 任务列表 -->
<div>
<el-table :data="tabList" style="width: 100%">
<el-table-column prop="taskCode" label="任务号" width="180">
</el-table-column>
<el-table-column prop="docTypeName" label="知识库" width="180">
</el-table-column>
<el-table-column prop="fileName" label="知识文件名称">
</el-table-column>
<el-table-column prop="processStatus" label="上传状态">
</el-table-column>
<el-table-column prop="createdUser" label="上传用户">
</el-table-column>
<el-table-column prop="uploadDate" label="上传时间">
</el-table-column>
<el-table-column prop="taskCode" label="任务号" width="180"> </el-table-column>
<el-table-column prop="docTypeName" label="知识库" width="180"> </el-table-column>
<el-table-column prop="fileName" label="知识文件名称"> </el-table-column>
<el-table-column prop="processStatus" label="上传状态"> </el-table-column>
<el-table-column prop="createdUser" label="上传用户"> </el-table-column>
<el-table-column prop="uploadDate" label="上传时间"> </el-table-column>
<el-table-column prop="processStatus" label="操作">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleActiveInfo(scope)">查看详情</el-button>
@@ -114,8 +110,7 @@ export default {
</el-table-column>
</el-table>
<!-- 弹出提示框， 里面是各种详情内容 -->
<el-dialog title="上传任务详情" :visible.sync="infoDialogVisible" width="50%"
:before-close="() => infoDialogVisible = false">
<el-dialog title="上传任务详情" :visible.sync="infoDialogVisible" width="50%" :before-close="() => (infoDialogVisible = false)">
<knowledge-info :form="activeForm"></knowledge-info>
</el-dialog>
</div>