feat(knowledge): 添加知识库名称编辑功能并优化知识库详情页面

- 在知识库详情页面添加编辑知识库名称的功能
- 实现知识库名称的保存和取消编辑功能
- 添加修改知识库和上传知识的跳转按钮- 新增 datasetUpdate 函数用于更新知识库内容
- 更新开发环境配置，修改 API 地址

.env.dev

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

src/api/generatedApi/index.js

@@ -17,3 +17,11 @@ export function getDatasetById(params) {
     params: params
   })
 }
+// 知识库内容修改
+export function datasetUpdate(data) {
+  return request({
+    url: getUrl('/datasets/update'),
+    method: 'get',
+    data
+  })
+}

src/views/knowledge/detail/index.vue

@@ -4,18 +4,22 @@
       <div slot="header" class="clearfix">
         <div class="flex align-items-c">
           <h3 class="mr20" v-if="!editKnowledge">{{ knowledgeName }}</h3>
-          <el-input class="mr20" v-else v-model="knowledgeName">{{ knowledgeName }}</el-input>
+          <el-input class="mr20 w400"  size='medium' v-else v-model="copyKnowledgeName">{{ knowledgeName }}</el-input>
-          <el-icon class="el-icon-edit cursor-pointer" @click.native="editKnowledge = true" v-if="!editKnowledge"></el-icon>
+          <el-icon class="el-icon-edit cursor-pointer" @click.native="editKnowledgeName" v-if="!editKnowledge"></el-icon>
+          <div v-else>
+            <el-button type='primary' size='medium' @click='saveKnowledgeName'>保存</el-button>
+            <el-button size='medium' @click="cancelKnowledgeName">取消</el-button>
+          </div>
         </div>
         <p class="mt10 fs14" style="line-height: 20px">描述：{{ knowledgeDesc }}</p>
         <p class="mt10 fs14" style="line-height: 20px">分段模式：{{ segmentedMode | filterSegmentedMode }}</p>
-        <el-button type="text" class="mt10">修改知识库</el-button>
+        <el-button type="text" class="mt10" @click='jumpEditKnowledge'>修改知识库</el-button>
-        <el-button type="text" class="mt10">上传知识</el-button>
+        <el-button type="text" class="mt10" @click='jumpAddKnowledge'>上传知识</el-button>
       </div>
       <div class="card-body">
         <el-empty v-if="!list || list.length <= 0">
           <div class="mt20">
-            <el-button type="primary" size="medium" class="fs14" @click="handleAddKnowledge">立即添加</el-button>
+            <el-button type="primary" size="medium" class="fs14" @click="jumpAddKnowledge">立即添加</el-button>
           </div>
         </el-empty>
 
@@ -63,7 +67,7 @@
   </div>
 </template>
 <script>
-import { getDatasetById } from '@/api/generatedApi/index'
+import { getDatasetById,datasetUpdate } from '@/api/generatedApi/index'
 export default {
   name: 'index',
   data() {
@@ -72,6 +76,7 @@ export default {
       form: {},
       //知识库名称
       knowledgeName: '监管',
+      copyKnowledgeName: '监管',
       knowledgeDesc: '监管',
       segmentedMode: '分段模式',
       list: []
@@ -81,13 +86,44 @@ export default {
   watch: {},
   components: {},
   methods: {
-    // 跳转
+    //  开启编辑 知识库标题
-    handleAddKnowledge() {
+    editKnowledgeName(){
-      this.$router.push({
+      this.editKnowledge = true
-        path: '/knowledge/detail/create'
+      this.copyKnowledgeName = this.knowledgeName
+    },
+    // 保存知识库标题
+    saveKnowledgeName(){
+      this.knowledgeName = this.copyKnowledgeName
+      // 调用update接口
+      datasetUpdate({
+
+      }).then(res=>{
+        this.editKnowledge = false
       })
     },
+    // 取消保存
+    cancelKnowledgeName(){
+      this.editKnowledge = false
+    },
 
+    // 跳转去上传文件
+    jumpAddKnowledge() {
+      this.$router.push({
+        path: '/knowledge/detail/create',
+        query: {
+          datasetId: ''
+        }
+      })
+    },
+    // 跳转到知识库编辑
+    jumpEditKnowledge(){
+      this.$router.push({
+        path: '/knowledge/knowledge-create',
+        query: {
+          datasetId: ''
+        }
+      })
+    },
     /**
      * @name 根据id 获取知识内容详情
      * @author Chen Yuda