From 8ab183fe7d48a4f93ed44f287bb599b1ed9f2e88 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期一, 05 八月 2024 17:56:19 +0800
Subject: [PATCH] 智能体管理的测试助手页面的bug修改

---
 src/views/dmx/IntelligentAgent/components/editAgent.vue |  181 ++++++++++++++++++++-------------------------
 1 files changed, 81 insertions(+), 100 deletions(-)

diff --git a/src/views/dmx/IntelligentAgent/components/editAgent.vue b/src/views/dmx/IntelligentAgent/components/editAgent.vue
index 6e140ad..f10b761 100644
--- a/src/views/dmx/IntelligentAgent/components/editAgent.vue
+++ b/src/views/dmx/IntelligentAgent/components/editAgent.vue
@@ -19,53 +19,27 @@
     title-align="start"
     fullscreen
   >
-    <div class="main-container">
-      <div class="main-container-lf">
-        <div style="padding: 10px; font-size: 16px; background: #eeeeee"
-          >鏅鸿兘浣撻厤缃�</div
-        >
-        <div style="display: flex; width: 100%" :style="{ height: height }">
-          <div style="width: 50%; height: 100%">
-            <div style="padding: 10px; font-size: 12px; color: #2a2a2b"
-              >鏅鸿兘浣撶敾鍍�</div
-            >
-            <div>
-              <a-textarea
-                v-model="system"
-                placeholder=""
-                disabled
-                style="height: 400px; background: #ffffff; color: #666666"
-              />
-            </div>
+  <div class="main-container">
+    <div class="main-container-lf">
+      <div style="padding: 10px;font-size: 16px;background: var(--color-neutral-3);">鏅鸿兘浣撻厤缃�</div>
+      <div style="display: flex;width: 100%;" :style="{height:height}">
+        <div style="width: 50%;height: 100%">
+          <div style="padding: 10px;font-size: 12px;color: #2a2a2b;">鏅鸿兘浣撶敾鍍�</div>
+          <div>
+            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;"  />
           </div>
-          <div style="background: #eeeeee; width: 50%">
-            <a-form
-              ref="formRef"
-              :rules="rules"
-              :model="form"
-              @submit="handleSubmit"
-              layout="vertical"
-            >
-              <a-collapse :default-active-key="['1']">
-                <a-collapse-item
-                  header="鍩虹淇℃伅"
-                  key="0"
-                  v-if="typeAngint == 'edit'"
-                >
-                  <a-input
-                    v-model="form.name"
-                    placeholder="璇疯緭鍏ユ櫤鑳戒綋鍚嶇О"
-                    style="width: 200px; margin-top: 10px"
-                  />
-                </a-collapse-item>
-                <a-collapse-item header="AI妯″瀷閰嶇疆" key="1">
+
+        </div>
+        <div style="width: 50%;border: 1px solid var(--color-neutral-3);background:  var(--color-neutral-3)">
+          <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit"  layout="vertical" >
+            <a-collapse :default-active-key="['1']">
+              <a-collapse-item header="鍩虹淇℃伅" key="0" v-if="typeAngint == 'edit'">
+                <a-input v-model="form.name" placeholder="璇疯緭鍏ユ櫤鑳戒綋鍚嶇О"  style="width:200px;margin-top: 10px" />
+              </a-collapse-item>
+              <a-collapse-item header="AI妯″瀷閰嶇疆" key="1">
+                <a-form-item field="llm_id" label="妯″瀷">
                   <a-space direction="vertical" size="large">
-                    <a-select
-                      :size="'large'"
-                      v-model="form.llm_id"
-                      :style="{ width: '25rem' }"
-                      placeholder="璇烽�夋嫨 ..."
-                    >
+                    <a-select :size="'large'" field="llm_id" v-model="form.llm_id" :style="{width:'25rem'}" placeholder="璇烽�夋嫨 ...">
                       <a-optgroup
                         :label="index"
                         v-for="(item, index) in modelList"
@@ -74,6 +48,7 @@
                         <a-option
                           v-for="obj in item"
                           :key="obj.fid"
+                          :disabled="!obj.available"
                           :value="obj.llm_id"
                         >
                           {{ obj.llm_name }}
@@ -81,23 +56,26 @@
                       </a-optgroup>
                     </a-select>
                   </a-space>
+                </a-form-item>
                 </a-collapse-item>
                 <a-collapse-item header="寮�鍦哄紩瀵�" :key="'2'" disabled>
                 </a-collapse-item>
-                <a-collapse-item header="鐭ヨ瘑搴�" key="3">
-                  <a-select
-                    v-model="form.kb_ids"
-                    :style="{ width: '25rem' }"
-                    placeholder="璇烽�夋嫨 ..."
-                    multiple
-                  >
-                    <a-option
-                      v-for="item in tabs"
-                      :key="item.id"
-                      :value="item.id"
-                      >{{ item.name }}</a-option
+                <a-collapse-item  header="鐭ヨ瘑搴�" key="3">
+                  <a-form-item field="kb_ids" label="鐭ヨ瘑搴�">
+                    <a-select
+                      v-model="form.kb_ids"
+                      :style="{ width: '25rem' }"
+                      placeholder="璇烽�夋嫨 ..."
+                      multiple
                     >
-                  </a-select>
+                      <a-option
+                        v-for="item in tabs"
+                        :key="item.id"
+                        :value="item.id"
+                      >{{ item.name }}</a-option
+                      >
+                    </a-select>
+                  </a-form-item>
                 </a-collapse-item>
                 <a-collapse-item header="宸ュ叿" key="4" disabled>
                 </a-collapse-item>
@@ -128,29 +106,7 @@
         </div>
       </div>
       <div class="main-container-rt">
-        <div :style="{ height: heightrg }">
-          <div style="padding: 10px">
-            <a-avatar :style="{ backgroundColor: '#3370ff' }">
-              <img
-                :style="{ width: '100%' }"
-                alt="dessert"
-                src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp"
-              />
-            </a-avatar>
-            璋冭瘯棰勮
-          </div>
-          <a-divider style="margin: 0; margin-left: 10px" />
-
-          <div class="bottom">
-            <div class="input">
-              <a-input placeholder="杈撳叆鎮ㄦ兂浜嗚В鐨勫唴瀹癸紝鎸塃nter鍙戦��">
-                <template #suffix>
-                  <icon-send style="cursor: pointer" />
-                </template> </a-input
-            ></div>
-            <div class="text">鍐呭鐢盇I鐢熸垚锛屼粎渚涘弬鑰�</div>
-          </div>
-        </div>
+        <sessionAction></sessionAction>
       </div>
     </div>
   </a-modal>
@@ -163,6 +119,8 @@
   import useLoading from '@/hooks/loading';
   import { dialogSet } from '@/api/Agent';
   import { Message } from '@arco-design/web-vue';
+  import EventBus from "@/utils/EventBus";
+  import sessionAction  from "@/views/dmx/IntelligentAgent/components/sessionAction.vue";
   const { setLoading } = useLoading(true);
   const props = defineProps(['typeAngint', 'formData']);
   const visible = ref(false);
@@ -182,7 +140,8 @@
         '浣犵殑浠诲姟鏄� XX 锛岄渶瑕佹寜鐓т互涓嬫楠ゆ墽琛岋細\n' +
         '1. XX\n' +
         '2. XX\n' +
-        '3. 鈥n',
+        '3. 鈥n' +
+        '{knowlege}',
       parameters: [
         {
           key: 'knowledge',
@@ -190,7 +149,7 @@
         },
       ],
     },
-    kb_ids: ['985eda244efc11ef9a7a0242ac120006'],
+    kb_ids: [],
     llm_id: 'qwen-plus',
     llm_setting: {
       temperature: 0.1,
@@ -210,7 +169,6 @@
   const formRef = ref(null);
   let tabs = ref([]);
   const height = ref('calc(100vh - 150px)');
-  const heightrg = ref('calc(100vh - 100px)');
   const emit = defineEmits(['cancelModal']);
   const rules = {
     name: [
@@ -219,23 +177,37 @@
         message: '鍚嶇О涓嶅厑璁镐负绌�',
       },
     ],
+    llm_id: [
+      {
+        required: true,
+        message: '妯″瀷涓嶈兘涓虹┖',
+      },
+    ],
+    kb_ids: [
+      {
+        required: true,
+        message: '鐭ヨ瘑搴撲笉鑳戒负绌�',
+      },
+    ],
   };
 
   const handleSubmit = async ({ values, errors }) => {
     // console.log('values:', values, '\nerrors:', errors)
-    let title = '鍒涘缓鎴愬姛';
-    let formNew = { ...form };
-    if (props.typeAngint == 'edit') {
-      formNew.dialog_id = form.id;
-      delete formNew.id;
-      delete formNew.off;
-      title = '淇敼鎴愬姛';
-    }
-
-    const data = await dialogSet(formNew);
-    if (data.code == 0) {
-      Message.success(title);
-      handleCancel();
+    if(!errors){
+      let title = '鍒涘缓鎴愬姛';
+      let formNew = { ...form };
+      if (props.typeAngint == 'edit') {
+        formNew.dialog_id = form.id;
+        delete formNew.id;
+        delete formNew.off;
+        title = '淇敼鎴愬姛';
+      }
+      const data = await dialogSet(formNew);
+      if (data.code == 0) {
+        Message.success(title);
+        handleCancel();
+        EventBus.emit('queryList');
+      }
     }
   };
 
@@ -252,8 +224,11 @@
     visible.value = true;
     nextTick(() => {
       Object.assign(form, data);
-      console.log(form);
+      console.log(form,'浼犲��');
       system.value = form.prompt_config.system;
+      if(tabs.value && tabs.value.length>0){
+        form.kb_ids = [tabs.value[0].id];
+      }
     });
   };
   defineExpose({
@@ -304,8 +279,10 @@
     try {
       const { data } = await queryKbList(params);
       console.log(data, 'data');
-      tabs.value = data;
-      console.log(tabs.value, 'tabs');
+      nextTick(() => {
+        tabs.value = data;
+        console.log(tabs.value, 'tabs');
+      });
     } catch (err) {
       // you can report use errorHandler or other
     } finally {
@@ -348,4 +325,8 @@
       line-height: 40px;
     }
   }
+  :deep(.arco-textarea-wrapper.arco-textarea-disabled){
+      background: var(--color-bg-2);
+      color: var(--color-text-1);
+  }
 </style>

--
Gitblit v1.8.0