fix: 【应用】简单配置中对过长名称知识库进行关联时有概率导致无法显示知识库全部名称(#1596)

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ai-chat__operate p-16-24">
     <slot name="operateBefore" />
-    <div class="operate-textarea flex chat-width">
+    <div class="operate-textarea flex">
       <el-input
         ref="quickInputRef"
         v-model="inputValue"
@@ -62,7 +62,7 @@
       </div>
     </div>
     <div
-      class="chat-width text-center"
+      class="text-center"
       v-if="applicationDetails.disclaimer"
       style="margin-top: 8px"
     >

ui/src/components/ai-chat/component/prologue-content/index.vue

@@ -29,8 +29,7 @@ const prologue = computed(() => {
   const temp = props.available
     ? props.application?.prologue
     : '抱歉，当前正在维护，无法提供服务，请稍后再试！'
-  return temp.replace(/-\s.+/g, toQuickQuestion)
+  return temp?.replace(/-\s.+/g, toQuickQuestion)
 })
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

ui/src/components/ai-chat/index.vue

@@ -8,7 +8,7 @@
       ref="userFormRef"
     ></UserForm>
     <el-scrollbar ref="scrollDiv" @scroll="handleScrollTop">
-      <div ref="dialogScrollbar" class="ai-chat__content p-24 chat-width">
+      <div ref="dialogScrollbar" class="ai-chat__content p-24">
         <PrologueContent
           :type="type"
           :application="applicationDetails"

ui/src/router/modules/application.ts

@@ -12,13 +12,6 @@ const applicationRouter = {
       name: 'application',
       component: () => import('@/views/application/index.vue')
     },
-    {
-      path: '/application/create',
-      name: 'CreateApplication',
-      meta: { activeMenu: '/application' },
-      component: () => import('@/views/application/CreateAndSetting.vue'),
-      hidden: true
-    },
     {
       path: '/application/:id/:type',
       name: 'ApplicationDetail',

ui/src/router/modules/dataset.ts

@@ -12,7 +12,7 @@ const datasetRouter = {
       component: () => import('@/views/dataset/index.vue')
     },
     {
-      path: '/dataset/:type', // create 或者 upload
+      path: '/dataset/:type', // upload
       name: 'UploadDocumentDataset',
       meta: { activeMenu: '/dataset' },
       component: () => import('@/views/dataset/UploadDocumentDataset.vue'),

ui/src/views/application/ApplicationSetting.vue

@@ -252,12 +252,13 @@
                             <AppAvatar v-else class="mr-8 avatar-blue" shape="square" :size="32">
                               <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                             </AppAvatar>
-                            <auto-tooltip
-                              :content="relatedObject(datasetList, item, 'id')?.name"
-                              style="width: 80%"
+
+                            <span
+                              class="ellipsis cursor"
+                              :title="relatedObject(datasetList, item, 'id')?.name"
+                            >
+                              {{ relatedObject(datasetList, item, 'id')?.name }}</span
                             >
-                              {{ relatedObject(datasetList, item, 'id')?.name }}
-                            </auto-tooltip>
                           </div>
                           <el-button text @click="removeDataset(item)">
                             <el-icon>
@@ -326,7 +327,11 @@
                         <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
                       </el-tooltip> -->
                     </div>
-                    <el-switch size="small" v-model="applicationForm.stt_model_enable" @change="sttModelEnableChange"/>
+                    <el-switch
+                      size="small"
+                      v-model="applicationForm.stt_model_enable"
+                      @change="sttModelEnableChange"
+                    />
                   </div>
                 </template>
                 <el-select
@@ -406,7 +411,11 @@
                         <el-icon class="mr-4"><Setting /></el-icon>
                         设置
                       </el-button>
-                      <el-switch size="small" v-model="applicationForm.tts_model_enable" @change="ttsModelEnableChange"/>
+                      <el-switch
+                        size="small"
+                        v-model="applicationForm.tts_model_enable"
+                        @change="ttsModelEnableChange"
+                      />
                     </div>
                   </div>
                 </template>
@@ -527,7 +536,7 @@
             </h4>
           </div>
           <div class="scrollbar-height">
-            <AiChat :data="applicationForm"></AiChat>
+            <AiChat :applicationDetails="applicationForm"></AiChat>
           </div>
         </div>
       </el-col>