fix: 修改bug

zhangxiao

2024-08-30 d50a7bc02d89e14beeab83a28f0d3677dbd9f0ef

 src/views/sessionManager/components/seniorAgentSession.vue

@@ -37,7 +37,7 @@
  </div>
  <a-scrollbar
    ref="scrollbar"
    id="agentHome"
    id="chatAgentHome"
    class="chat-list"
    style="
      width: 80%;
@@ -125,8 +125,17 @@
            <div class="codeStle">
              <div class="language">python</div>
              <pre
                style="
                  background: #2c2c36;
                  padding: 10px;
                  margin-top: 0;
                  margin-bottom: 0;
                "
              ><code class="language-js line-numbers">{{ sessionDetail.code}}</code></pre>
              <div class="language">SQL</div>
              <pre
                style="background: #2c2c36; padding: 10px; margin-top: 0"
              ><code class="language-js line-numbers">{{ sessionDetail.code+ sessionDetail.sql}}</code></pre>
              ><code class="language-js line-numbers">{{sessionDetail.sql}}</code></pre>
            </div>

            <a-image
@@ -134,7 +143,10 @@
              :src="getImg(sessionDetail)"
              alt=""
            />
            <div class="uploadFileList fileList">
            <div
              class="uploadFileList fileList"
              v-if="sessionDetail?.excel_name"
            >
              <a-comment
                :content="sessionDetail.excel_name"
                style="
@@ -219,17 +231,19 @@
          />
        </template>
        <template #content>
          <a-textarea
            readonly
            auto-size
            v-model="displayedText"
            :class="{ chatItemAnswer: theme === 'light' }"
            :style="{
              backgroundColor: theme === 'light' ? '#ffffff' : '#000000',
            }"
            style="border: none"
          >
          </a-textarea>
          <a-spin :loading="loading" dot style="width: 100%">
            <a-textarea
              readonly
              auto-size
              v-model="displayedText"
              :class="{ chatItemAnswer: theme === 'light' }"
              :style="{
                backgroundColor: theme === 'light' ? '#ffffff' : '#000000',
              }"
              style="border: none"
            >
            </a-textarea>
          </a-spin>
        </template>
        <template #actions>
          <div
@@ -281,9 +295,10 @@
        ></updataFile> -->
        <span v-if="getAent"></span>
        <uploadFile
          v-if="agentObj.id == 'excel_talk' || dialog_id == 'excel_talk'"
          v-if="!getAent"
          ref="fileInput"
          :sessionId="activeSessionId"
          :handleRemove="handleRemove"
          @selectFileCallback="selectFileCallback"
        ></uploadFile>
        <a-button
@@ -335,14 +350,14 @@
        >
          <template #avatar>
            <a-spin
              :loading="onFileSelectedLoading"
              v-if="onFileSelectedLoading"
              :loading="item.onFileSelectedLoading"
              v-if="item.onFileSelectedLoading"
            >
              <template #icon>
                <icon-sync />
              </template>
              <template #tip>
                <div style="font-size: 12px">{{ textName }}</div>
                <div style="font-size: 12px">{{ item.textName }}</div>
              </template>
            </a-spin>
            <!--                    <a-button type="text" :loading="onFileSelectedLoading" v-if="onFileSelectedLoading"></a-button>-->
@@ -350,6 +365,7 @@
            <!--                      <icon-file style="color: #0960bd" />-->
            <!--                    </a-avatar>-->
            <img :src="getIconByExtension(item.name)" alt="" />
            <div style="font-size: 12px">{{ item.textName }}</div>
          </template>
        </a-comment>
        <icon-close-circle-fill
@@ -594,6 +610,7 @@
        id: agentObj.id,
      }),
    });
    refreshScroll();

    const reader = response?.body
      ?.pipeThrough(new TextDecoderStream())
@@ -610,7 +627,11 @@
          const d = val?.data;
          if (typeof d !== 'boolean') {
            console.info('data:', d);
            streamStr.value = d.content;
            if (d?.content) {
              streamStr.value = d.content;
            } else {
              streamStr.value = d.code + d.sql;
            }
            startDisplayStr();
          }
        } catch (e) {
@@ -627,6 +648,7 @@
    chatDis.value = false;
    loading.value = false;
    inputMsg.value = '';
    uploaditemList.value = [];
  };

  //渲染文字
@@ -674,11 +696,9 @@

  const getAentId = (id) => {
    if (id == 'excel_talk') {
      console.log(1);
      getAent.value = false;
    }
    if (id == 'questions_talk') {
      console.log(2);
      getAent.value = true;
    }
  };
@@ -688,7 +708,8 @@
    conversation_id.value = session.id;
    activeSessionId.value = session.id;
    dialog_id.value = session.dialog_id;
    console.log(4554);

    uploaditemList.value = [];
    getAentId(session.dialog_id);
    from.name = session.name;
    const { code, data } = await getSessionDetailsApi(session.id);
@@ -713,6 +734,7 @@

  const sentClick = () => {
    sendMessage('click');

    uploaditemList.value = [];
  };

@@ -731,44 +753,9 @@
          event.preventDefault(); // 阻止默认行为，即不换行
        }

        // chatDis.value = true;
        // loading.value = true;
        // if (!agentObj.id) {
        //   Message.warning('请选择会话');
        //   chatDis.value = false;
        //   loading.value = false;
        //   return;
        // }

        // if (displayedText.value) {
        //   querySessionList();
        // }

        if (inputMsg.value) {
          //   const res = await addSessionApi({
          //     dialog_id: '',
          //     conversation_desc: inputMsg.value,
          //   });
          //   // console.log(res, "res");
          //   if (res.code == 200) {
          //     // console.log(res.data.conversation_id);
          //     activeSessionId.value = res.data?.conversation_id;
          //     const { code, data } = await getSessionDetailsApi(
          //       res.data?.conversation_id
          //     );
          //     if (code === 200) {
          //       console.log(data, '新建会话详情');
          //       Object.assign(chatObj, data);
          //       startChat(inputMsg.value);
          //       inputMsg.value = '';
          //     }
          //   } else {
          //     Message.error('创建会话失败，请重试');
          //   }

          //   startChat(inputMsg.value);
          //   inputMsg.value = '';
          createSession('');
          uploaditemList.value = [];
        } else {
          Message.warning('消息不能为空');
          chatDis.value = false;
@@ -782,6 +769,11 @@
    try {
      loading.value = true;
      chatDis.value = true;
      let name = inputMsg.value;

      if (val) {
        name = val[0].name.split('.')[0];
      }

      if (!activeSessionId.value) {
        let message = [
@@ -789,15 +781,11 @@
            content: sessionDetailList.value[0].content,
            role: 'assistant',
          },
          {
            content: inputMsg.value,
            role: 'user',
          },
        ];
        const res = await agentConversationSetApi({
          id: '',
          app_id: agentObj.id,
          name: inputMsg.value,
          name: name,
          message: message,
        });
        // console.log(res, "res");
@@ -808,6 +796,7 @@
          if (!val) {
            startChat(inputMsg.value);
            inputMsg.value = '';
            uploaditemList.value = [];
          } else {
            loading.value = false;
            chatDis.value = false;
@@ -848,29 +837,42 @@
    try {
      const formData = new FormData();
      uploaditemList.value = resData;
      uploaditemList.value.map((item) => {
        if (item.name == file[0].file.name) {
          item.onFileSelectedLoading = true;
          item.textName = '上传中';
        }
        return item;
      });
      if (!activeSessionId.value) {
        await createSession(1);
        await createSession(resData);
      }

      onFileSelectedLoading.value = true;
      textName.value = '上传中';
      //   for (let i = 0; i < file.length; i++) {
      //     formData.append('files', file[i].file);
      //     formData.append('conversation_id', activeSessionId.value);
      //     formData.append('app_id', agentObj.id);
      //   }
      // onFileSelectedLoading.value = true;
      // textName.value = '上传中';

      formData.append('files', file[0].file);
      formData.append('conversation_id', activeSessionId.value);
      formData.append('app_id', agentObj.id);
      console.log(formData, 'formData');
      const { data, code } = await agentUploadApi(formData);
      if (code === 200) {
        onFileSelectedLoading.value = false;
        textName.value = '上传成功';
        uploaditemList.value.map((item) => {
          item.onFileSelectedLoading = false;
          item.textName = '上传成功';
          return item;
        });
        // onFileSelectedLoading.value = false;
        // textName.value = '上传成功';
      }
    } catch (err) {
      onFileSelectedLoading.value = false;
      textName.value = '上传失败';
      uploaditemList.value.map((item) => {
        item.onFileSelectedLoading = false;
        item.textName = '上传失败';
        return item;
      });
      // onFileSelectedLoading.value = false;
      // textName.value = '上传失败';
      Message.error('上传失败');
    }
  };
@@ -888,13 +890,15 @@
    return type;
  };

  let onFileSelectedLoading = ref(true);
  const textName = ref('上传成功');
  // let onFileSelectedLoading = ref(true);
  // const textName = ref('上传成功');

  const deleteFile = (item) => {
    console.log(uploaditemList.value);
    uploaditemList.value.splice(item.index, 1);
    EventBus.emit('queryAgent', item);
  };

  const getIconByExtension = computed(() => (extension) => {
    const fileExtension = ref('');
    fileExtension.value = extension.split('.').pop();
@@ -960,7 +964,13 @@

            if (typeof d !== 'boolean') {
              console.info('data:', d);
              streamStr.value = d.content;

              if (d?.content) {
                streamStr.value = d.content;
              } else {
                streamStr.value = d.code;
              }

              startDisplayStr();
            }
          } catch (e) {
@@ -1041,6 +1051,7 @@
    if (timer) {
      clearTimeout(timer!);
    }

    const res = streamStr.value;
    // 将数组中的字符串拼接起来

@@ -1061,7 +1072,7 @@
  const scrollbar = ref(null);
  const refreshScroll = () => {
    nextTick(() => {
      const container = document.getElementById('agentHome');
      const container = document.getElementById('chatAgentHome');
      scrollbar.value.scrollTop(container.scrollHeight);
    });
  };