解析块和解析方法的页面开发和功能开发

src/api/kbList.ts

@@ -161,5 +161,31 @@ export const downloadFile = ({
   downloadElement.click();
   document.body.removeChild(downloadElement);
 };
+
+
+// 新增解析块
+export function achunkCreate(params) {
+  return axios.post("/api/v1/chunk/create", params);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 

src/views/dmx/knowledgeLib/addDetails.vue

@@ -5,11 +5,42 @@
       <icon-plus />
     </template>
   </a-button>
-  <a-modal v-model:visible="visible" title="创建知识库" @before-open="handleOpened" @cancel="handleCancel" :footer="false" title-align="start">
-    <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" >
-      <a-form-item field="name" label="名称">
-        <a-input v-model="form.name" placeholder="请输入名称"/>
+  <a-modal v-model:visible="visible" title="创建解析块" @before-open="handleOpened" @cancel="handleCancel" :footer="false" title-align="start">
+    <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" layout="vertical" >
+      <a-form-item field="content_with_weight" label="解析块">
+        <a-textarea v-model="form.content_with_weight" placeholder="" style="height: 100px"  auto-size />
       </a-form-item>
+      <a-form-item field="important_kwd_key" label="关键词 *">
+        <div style="width: auto">
+          <a-tag
+            v-for="(item,index) in form.important_kwd"
+            :key="index"
+            closable
+            bordered
+            @close="form.important_kwd.splice(index,1)"
+            style="margin-right: 10px"
+          >
+            {{item}}
+          </a-tag>
+
+
+          <a-input
+            ref="formInput"
+            v-show="keyVisible"
+            v-model="form.important_kwd_key"
+            placeholder=""
+            size="small"
+            style="width: 80px;margin-right: 16px"
+            @blur="inputChange"
+          />
+          <a-button type="dashed" shape="circle" size="small" @click="addKey">
+            <icon-plus />
+          </a-button>
+        </div>
+
+      </a-form-item>
+
+
       <a-form-item>
         <div style="width: 100%;text-align: right">
           <a-button @click="visible = false">取消</a-button>
@@ -22,29 +53,39 @@
 
 <script lang="ts" setup>
 import { onMounted ,onBeforeMount, reactive, ref } from "vue";
+import { achunkCreate } from "@/api/kbList";
+
+const props = defineProps(['item'])
 
 const visible = ref(false);
+const keyVisible = ref(false);
 const loading = ref(false);
 const form = reactive({
-  name: '',// 用户名
-  nameJoin: '',// 昵称
-  post: '',// 岗位
-  txt: '',// 备注
+  content_with_weight: '',
+  important_kwd: [],
+  important_kwd_key: '',
 });
 const formRef = ref(null);
-
+const formInput = ref(null);
 const rules = {
-  name: [
+  content_with_weight: [
     {
       required: true,
-      message:'名称不允许为空',
+      message:'请输入值！',
     },
   ],
 }
 
 
-const handleSubmit = ({values, errors}) => {
-  console.log('values:', values, '\nerrors:', errors)
+const handleSubmit = async ({values, errors}) => {
+  console.log(props.item.id);
+  if(!errors){
+    const res = await achunkCreate({
+      content_with_weight: values.content_with_weight,
+      important_kwd: values.important_kwd,
+      doc_id: props.item.id,
+    })
+  }
 }
 
 const handleClick = () => {
@@ -53,12 +94,6 @@ const handleClick = () => {
 const handleBeforeOk = (done) => {
     formRef.value.validate().then(res => {
       console.log('form:', form)
-      if (!form.name) {
-        done(false)
-      }else {
-        console.log('请求数据');
-
-      }
     })
 };
 const handleCancel = () => {
@@ -67,14 +102,33 @@ const handleCancel = () => {
 
 const handleOpened =(el) => {
   Object.assign(form,{
-    name: '',// 用户名
-    nameJoin: '',// 昵称
-    post: '',// 岗位
-    txt: '',// 备注
+    content_with_weight: '',
+    important_kwd: [],
+    important_kwd_key: '',
   });
   formRef.value.resetFields();
+  keyVisible.value= false;
+}
+
+const addKey = () => {
+  form.important_kwd_key = '';
+  formInput.value.focus();
+  keyVisible.value= true;
 }
 
+const inputChange = (e) => {
+  if (!form.important_kwd.includes(form.important_kwd_key) && form.important_kwd_key){
+    form.important_kwd.push(form.important_kwd_key)
+  }else {
+
+  }
+  keyVisible.value= false;
+}
+
+
+
+
+
 onBeforeMount(()=>{
 
 })
@@ -82,13 +136,4 @@ onMounted(()=>{
 
 
 })
-</script>
-
-<script lang="ts">
-export default {
-  name: 'add',
-  methods: {
-
-  }
-};
 </script>

src/views/dmx/knowledgeLib/eidtDetails.vue

@@ -0,0 +1,146 @@
+
+<template>
+  <a-modal v-model:visible="visible" title="编辑解析块" @before-open="handleOpened" @cancel="handleCancel" :footer="false" title-align="start">
+    <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" layout="vertical" >
+      <a-form-item field="content_with_weight" label="解析块">
+        <a-textarea v-model="form.content_with_weight" placeholder="" style="height: 100px"  auto-size />
+      </a-form-item>
+      <a-form-item field="important_kwd_key" label="关键词 *">
+        <div style="width: auto">
+          <a-tag
+            v-for="(item,index) in form.important_kwd"
+            :key="index"
+            closable
+            bordered
+            @close="form.important_kwd.splice(index,1)"
+            style="margin-right: 10px"
+          >
+            {{item}}
+          </a-tag>
+
+
+          <a-input
+            ref="formInput"
+            v-show="keyVisible"
+            v-model="form.important_kwd_key"
+            placeholder=""
+            size="small"
+            style="width: 80px;margin-right: 16px"
+            @blur="inputChange"
+          />
+          <a-button type="dashed" shape="circle" size="small" @click="addKey">
+            <icon-plus />
+          </a-button>
+        </div>
+      </a-form-item>
+
+      <div>
+        <a-divider style="margin: 10px 0" />
+        <a-switch size="small"/> <span style="color: var(--color-text-2);">启用</span>
+        <a-button type="text" style="color: var(--color-text-2);">
+          <template #icon>
+            <icon-delete />
+          </template>
+          删除
+        </a-button>
+      </div>
+      <a-form-item>
+        <div style="width: 100%;text-align: right">
+          <a-button @click="visible = false">取消</a-button>
+          <a-button style="margin-left: 10px" type="primary" html-type="submit">确定</a-button>
+        </div>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+import { onMounted ,onBeforeMount, reactive, ref } from "vue";
+import { achunkCreate } from "@/api/kbList";
+
+const props = defineProps(['item'])
+
+const visible = ref(false);
+const keyVisible = ref(false);
+const loading = ref(false);
+const form = reactive({
+  content_with_weight: '',
+  important_kwd: [],
+  important_kwd_key: '',
+});
+const formRef = ref(null);
+const formInput = ref(null);
+const rules = {
+  content_with_weight: [
+    {
+      required: true,
+      message:'请输入值！',
+    },
+  ],
+}
+
+
+const handleSubmit = async ({values, errors}) => {
+  console.log(props.item.id);
+  if(!errors){
+    const res = await achunkCreate({
+      content_with_weight: values.content_with_weight,
+      important_kwd: values.important_kwd,
+      doc_id: props.item.id,
+    })
+  }
+}
+
+const handleClick = () => {
+  visible.value = true;
+};
+
+defineExpose({
+  handleClick
+})
+const handleBeforeOk = (done) => {
+    formRef.value.validate().then(res => {
+      console.log('form:', form)
+    })
+};
+const handleCancel = () => {
+  visible.value = false;
+}
+
+const handleOpened =(el) => {
+  Object.assign(form,{
+    content_with_weight: '',
+    important_kwd: [],
+    important_kwd_key: '',
+  });
+  formRef.value.resetFields();
+  keyVisible.value= false;
+}
+
+const addKey = () => {
+  form.important_kwd_key = '';
+  formInput.value.focus();
+  keyVisible.value= true;
+}
+
+const inputChange = (e) => {
+  if (!form.important_kwd.includes(form.important_kwd_key) && form.important_kwd_key){
+    form.important_kwd.push(form.important_kwd_key)
+  }else {
+
+  }
+  keyVisible.value= false;
+}
+
+
+
+
+
+onBeforeMount(()=>{
+
+})
+onMounted(()=>{
+
+
+})
+</script>

src/views/dmx/knowledgeLib/tool.vue

@@ -143,7 +143,7 @@
                     </a-radio-group>
                   </template>
                 </a-popover>
-                <addDetails></addDetails>
+                <addDetails :item="item"></addDetails>
               </div>
             </div>
             <a-divider style="margin-top: 10px" />
@@ -151,7 +151,7 @@
               <a-checkbox-group v-model="data" @change="handleChange" >
                 <div class="groupList" :style="{background:keyBg=='1'?'#eff8ff':'white'}">
                   <a-checkbox  value="1"></a-checkbox>
-                  <div class="groupList-content" @click="groupListContentClick('1')">
+                  <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick()">
                     而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
                     适合用于生产环境。其版本号通常为双数，如 1.26。legacy versions
                     则是之前发布的稳定版，对于需要
@@ -179,11 +179,9 @@
               </a-checkbox-group>
             </div>
           </div>
+          <eidtDetails ref="eidtDil"></eidtDetails>
         </a-tab-pane>
       </a-tabs>
-
-
-
   </a-modal>
 </template>
 
@@ -192,10 +190,12 @@ import { onMounted, onBeforeMount, reactive, ref, computed } from "vue";
 import { Message } from "@arco-design/web-vue";
 import {kbdocumentchangeparser} from "@/api/kbList";
 import addDetails from '@/views/dmx/knowledgeLib/addDetails.vue'
+import eidtDetails from '@/views/dmx/knowledgeLib/eidtDetails.vue'
 const visible = ref(false);
 const loading = ref(false);
 const radio = ref('1');
 const keyBg = ref('');
+const eidtDil = ref();
 
 const props =  defineProps(['kbtenantInfo','item','kbdetail'])
 // const emit =  defineEmits(['upTabdateItem'])
@@ -229,7 +229,6 @@ const form = reactive({
     '以上就是你需要总结的内容。',
 });
 const formRef = ref(null);
-
 const rules = {
   prompt: [
     {
@@ -284,6 +283,9 @@ const handleCancel = () => {
   visible.value = false;
 }
 
+const contentClick = (done) => {
+  eidtDil.value.handleClick();
+}
 const handleOpened =(el) => {
   // console.log('props',props.kbtenantInfo);
   // console.log('props',props.item);
@@ -296,6 +298,7 @@ const handleOpened =(el) => {
   //   txt: '',// 备注
   // });
   // formRef.value.resetFields();
+  console.log(props.item.id);
 }