|
|
@@ -1,106 +1,99 @@
|
|
|
<template>
|
|
|
- <div id="app">
|
|
|
- <Slider @select-nav="selectNav" :navId="navId" v-show="!closeOthers"></Slider>
|
|
|
- <div class="main">
|
|
|
- <div :class="{ 'history-wrap': true, 'history-wrap-open': !closeOthers && navId > -1 }">
|
|
|
- <History :list="historyList" @set-new="() => {
|
|
|
- showDialog = false;
|
|
|
- selectId = selectId;
|
|
|
- }
|
|
|
- " :selectId="selectId" @handle-click="selectHistory" />
|
|
|
- </div>
|
|
|
- <div class="wrap">
|
|
|
- <Index :number="swiperNumber" v-if="navId === -1" @select-nav="selectNav" />
|
|
|
- <div :class="{ 'border-wrap': true, 'border-no-wrap': navId === -2 }" v-else>
|
|
|
- <div>
|
|
|
- <header v-if="!showDialog">
|
|
|
- <div>
|
|
|
- <img src="@/assets/other/robot.gif" width="52" />
|
|
|
- <p>
|
|
|
- {{ SYSTEM_NAME }}<span>{{ slider.find(item => item.id === navId).title }}</span>
|
|
|
- </p>
|
|
|
- <span>{{ slider.find(item => item.id === navId).dialog }}</span>
|
|
|
- </div>
|
|
|
- </header>
|
|
|
- <section :class="{ 'section-padding': showDialog }">
|
|
|
- <!-- 报告生成 -->
|
|
|
- <DocumentCombine v-if="navId == 0 && !showDialog" />
|
|
|
- <!-- 报表合并 -->
|
|
|
- <Document v-if="navId === 1 && !showDialog" />
|
|
|
- <!-- 知识问答 -->
|
|
|
- <DocumentQuestion v-if="navId === 2 && !showDialog" />
|
|
|
- <!-- 文档智能 -->
|
|
|
- <DocumentAnswer v-if="navId === 3 && !showDialog" :agentId="selectId" />
|
|
|
- <!-- 智能问答 -->
|
|
|
- <Answer v-if="navId === 4 && !showDialog" />
|
|
|
- <!-- 文库详情 -->
|
|
|
- <DocumentDetail v-if="navId === -2" @go-back="goBack" />
|
|
|
- <dialog-wrap v-if="showDialog && initDialog" v-show="!hideDialog" :type="dialogType[navId]"
|
|
|
- :isSetting="false" :readonly="readonly" @setReadonly="setReadonly"
|
|
|
- @changeParse="changeParse" @goDocument="goDocument" :agentId="selectId"
|
|
|
- :dialogId="dialogId" :list="dialogList" />
|
|
|
- </section>
|
|
|
- <footer v-if="navId !== -2 && navId !== 0 && navId !== 3">
|
|
|
- <message-input :readonly="readonly" eventName="open-dialog" />
|
|
|
- </footer>
|
|
|
- <footer v-if="navId === 0 && !showDialog" class="upload-footer">
|
|
|
- <section v-for="(item, key) in variables" :key="key">
|
|
|
- <div>
|
|
|
- <p>
|
|
|
- <span>{{ item.variable_name }}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-input :style="{ flex: '1' }" :placeholder="`请输入${item.variable_name}`"
|
|
|
- allow-clear @change="(event) => {
|
|
|
- customChange(event, item.node_id, item.variable_name);
|
|
|
- }
|
|
|
- " v-if="item.value_type === 1" />
|
|
|
- <a-upload v-else :style="{ width: '300px' }" :multiple="false" :limit="1"
|
|
|
- :custom-request="(option) => {
|
|
|
- customRequest(option, item.node_id, item.variable_name);
|
|
|
- }
|
|
|
- " :show-upload-button="{ showOnExceedLimit: true }"
|
|
|
- accept=".pdf,.doc,.docx,.txt,.md,.ppt.pptx" />
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <a-textarea :max-length="maxLength" v-model="textValue"
|
|
|
- :show-word-limit="textValue.length > maxLength / 2" :auto-size="{ maxRows: 6 }"
|
|
|
- placeholder="输入您想了解的内容，Shift+Enter换行" :style="{
|
|
|
- flex: 1,
|
|
|
- borderRadius: '12px',
|
|
|
- marginTop: '20px',
|
|
|
- padding: '0px 30px 0 16px',
|
|
|
- background: 'transparent',
|
|
|
- border: '1px solid #e3e3e3',
|
|
|
- minHeight: '120px',
|
|
|
- paddingBottom: `${textValue.length > maxLength / 2 ? '20px' : ''}`
|
|
|
- }">
|
|
|
- </a-textarea>
|
|
|
- <a-button :style="{ width: '500px' }" type="primary" @click="beginCombine">开始</a-button>
|
|
|
- </footer>
|
|
|
- <footer v-if="navId === 3 && !showDialog" class="upload-footer">
|
|
|
- <section v-for="(item, key) in variables" :key="key">
|
|
|
- <div>
|
|
|
- <p>
|
|
|
- <span>{{ item.variable_name }}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-input :style="{ flex: '1' }" :placeholder="`请输入${item.variable_name}`"
|
|
|
- allow-clear @change="(event) => {
|
|
|
- customChange(event, item.node_id, item.variable_name);
|
|
|
- }
|
|
|
- " v-if="item.value_type === 1" />
|
|
|
- <a-upload v-else :style="{ width: '300px' }" :multiple="false" :limit="1"
|
|
|
- :custom-request="(option) => {
|
|
|
- customRequest(option, item.node_id, item.variable_name);
|
|
|
- }
|
|
|
- " :show-upload-button="{ showOnExceedLimit: true }"
|
|
|
- accept=".pdf,.doc,.docx,.txt,.md,.ppt.pptx" />
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- <a-textarea :max-length="maxLength" v-model="textValue"
|
|
|
+ <div id="app">
|
|
|
+ <Slider @select-nav="selectNav" :navId="navId" v-show="!closeOthers"></Slider>
|
|
|
+ <div class="main">
|
|
|
+ <div :class="{ 'history-wrap': true, 'history-wrap-open': !closeOthers && navId > -1 }">
|
|
|
+ <History :list="historyList" @set-new="() => {
|
|
|
+ showDialog = false;
|
|
|
+ selectId = selectId;
|
|
|
+ }
|
|
|
+ " :selectId="selectId" @handle-click="selectHistory" />
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <Index :number="swiperNumber" v-if="navId === -1" @select-nav="selectNav" />
|
|
|
+ <div :class="{ 'border-wrap': true, 'border-no-wrap': navId === -2 }" v-else>
|
|
|
+ <div>
|
|
|
+ <header v-if="!showDialog">
|
|
|
+ <div>
|
|
|
+ <img src="@/assets/other/robot.gif" width="52" />
|
|
|
+ <p>
|
|
|
+ {{ SYSTEM_NAME }}<span>{{ slider.find(item => item.id === navId).title }}</span>
|
|
|
+ </p>
|
|
|
+ <span>{{ slider.find(item => item.id === navId).dialog }}</span>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <section :class="{ 'section-padding': showDialog }">
|
|
|
+ <!-- 报告生成 -->
|
|
|
+ <DocumentCombine v-if="navId == 0 && !showDialog" />
|
|
|
+ <!-- 报表合并 -->
|
|
|
+ <Document v-if="navId === 1 && !showDialog" />
|
|
|
+ <!-- 知识问答 -->
|
|
|
+ <DocumentQuestion v-if="navId === 2 && !showDialog" />
|
|
|
+ <!-- 文档智能 -->
|
|
|
+ <DocumentAnswer v-if="navId === 3 && !showDialog" :agentId="selectId" />
|
|
|
+ <!-- 智能问答 -->
|
|
|
+ <Answer v-if="navId === 4 && !showDialog" />
|
|
|
+ <!-- 文库详情 -->
|
|
|
+ <DocumentDetail v-if="navId === -2" @go-back="goBack" />
|
|
|
+ <dialog-wrap v-if="showDialog && initDialog" v-show="!hideDialog" :type="dialogType[navId]"
|
|
|
+ :isSetting="false" :readonly="readonly" @setReadonly="setReadonly" @changeParse="changeParse"
|
|
|
+ @goDocument="goDocument" :agentId="selectId" :dialogId="dialogId" :list="dialogList" />
|
|
|
+ </section>
|
|
|
+ <footer v-if="navId !== -2 && navId !== 0 && navId !== 3 && !historyMode">
|
|
|
+ <message-input :readonly="readonly" eventName="open-dialog" />
|
|
|
+ </footer>
|
|
|
+ <footer v-if="navId === 0 && !showDialog" class="upload-footer">
|
|
|
+ <section v-for="(item, key) in variables" :key="key">
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ <span>{{ item.variable_name }}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <a-input :style="{ flex: '1' }" :placeholder="`请输入${item.variable_name}`" allow-clear @change="(event) => {
|
|
|
+ customChange(event, item.node_id, item.variable_name);
|
|
|
+ }
|
|
|
+ " v-if="item.value_type === 1" />
|
|
|
+ <a-upload v-else :style="{ width: '300px' }" :multiple="false" :limit="1" :custom-request="(option) => {
|
|
|
+ customRequest(option, item.node_id, item.variable_name);
|
|
|
+ }
|
|
|
+ " :show-upload-button="{ showOnExceedLimit: true }" accept=".pdf,.doc,.docx,.txt,.md,.ppt.pptx" />
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <a-textarea :max-length="maxLength" v-model="textValue"
|
|
|
+ :show-word-limit="textValue.length > maxLength / 2" :auto-size="{ maxRows: 6 }"
|
|
|
+ placeholder="输入您想了解的内容，Shift+Enter换行" :style="{
|
|
|
+ flex: 1,
|
|
|
+ borderRadius: '12px',
|
|
|
+ marginTop: '20px',
|
|
|
+ padding: '0px 30px 0 16px',
|
|
|
+ background: 'transparent',
|
|
|
+ border: '1px solid #e3e3e3',
|
|
|
+ minHeight: '120px',
|
|
|
+ paddingBottom: `${textValue.length > maxLength / 2 ? '20px' : ''}`
|
|
|
+ }">
|
|
|
+ </a-textarea>
|
|
|
+ <a-button :style="{ width: '500px' }" type="primary" @click="beginCombine">开始</a-button>
|
|
|
+ </footer>
|
|
|
+ <footer v-if="navId === 3 && !showDialog" class="upload-footer">
|
|
|
+ <section v-for="(item, key) in variables" :key="key">
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ <span>{{ item.variable_name }}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <a-input :style="{ flex: '1' }" :placeholder="`请输入${item.variable_name}`" allow-clear @change="(event) => {
|
|
|
+ customChange(event, item.node_id, item.variable_name);
|
|
|
+ }
|
|
|
+ " v-if="item.value_type === 1" />
|
|
|
+ <a-upload v-else :style="{ width: '300px' }" :multiple="false" :limit="1" :custom-request="(option) => {
|
|
|
+ customRequest(option, item.node_id, item.variable_name);
|
|
|
+ }
|
|
|
+ " :show-upload-button="{ showOnExceedLimit: true }" accept=".pdf,.doc,.docx,.txt,.md,.ppt.pptx" />
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- <a-textarea :max-length="maxLength" v-model="textValue"
|
|
|
:show-word-limit="textValue.length > maxLength / 2" :auto-size="{ maxRows: 6 }"
|
|
|
placeholder="输入您想了解的内容，Shift+Enter换行" :style="{
|
|
|
flex: 1,
|
|
|
@@ -113,36 +106,36 @@
|
|
|
paddingBottom: `${textValue.length > maxLength / 2 ? '20px' : ''}`
|
|
|
}">
|
|
|
</a-textarea> -->
|
|
|
- <a-button :style="{ width: '500px' }" type="primary" @click="beginCombine">开始</a-button>
|
|
|
- </footer>
|
|
|
- <footer v-if="navId === 3 && showDialog" class="upload-footer">
|
|
|
- <a-textarea :max-length="maxLength" v-model="textValue" :disabled="parseStatus"
|
|
|
- :show-word-limit="textValue.length > maxLength / 2" :auto-size="{ maxRows: 6 }"
|
|
|
- placeholder="输入您想了解的内容，Shift+Enter换行" :style="{
|
|
|
- flex: 1,
|
|
|
- borderRadius: '12px',
|
|
|
- marginTop: '20px',
|
|
|
- padding: '0px 30px 0 16px',
|
|
|
- background: 'transparent',
|
|
|
- border: '1px solid #e3e3e3',
|
|
|
- minHeight: '120px',
|
|
|
- paddingBottom: `${textValue.length > maxLength / 2 ? '20px' : ''}`
|
|
|
- }">
|
|
|
- </a-textarea>
|
|
|
- <a-button :style="{ width: '500px' }" type="primary" @click="continueCombine">开始</a-button>
|
|
|
- </footer>
|
|
|
- <a-tooltip :content="closeOthers ? '收起' : '展开'">
|
|
|
- <div @click="openAll" v-if="navId !== -2">
|
|
|
- <img src="@/assets/other/open.svg" width="20" v-if="closeOthers" />
|
|
|
- <img src="@/assets/other/close.svg" width="20" v-else />
|
|
|
- </div>
|
|
|
- </a-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <right v-if="navId === 0 || navId === 2" /> -->
|
|
|
+ <a-button :style="{ width: '500px' }" type="primary" @click="beginCombine">开始</a-button>
|
|
|
+ </footer>
|
|
|
+ <footer v-if="navId === 3 && showDialog && !historyMode" class="upload-footer">
|
|
|
+ <a-textarea :max-length="maxLength" v-model="textValue" :disabled="parseStatus"
|
|
|
+ :show-word-limit="textValue.length > maxLength / 2" :auto-size="{ maxRows: 6 }"
|
|
|
+ placeholder="输入您想了解的内容，Shift+Enter换行" :style="{
|
|
|
+ flex: 1,
|
|
|
+ borderRadius: '12px',
|
|
|
+ marginTop: '20px',
|
|
|
+ padding: '0px 30px 0 16px',
|
|
|
+ background: 'transparent',
|
|
|
+ border: '1px solid #e3e3e3',
|
|
|
+ minHeight: '120px',
|
|
|
+ paddingBottom: `${textValue.length > maxLength / 2 ? '20px' : ''}`
|
|
|
+ }">
|
|
|
+ </a-textarea>
|
|
|
+ <a-button :style="{ width: '500px' }" type="primary" @click="continueCombine">开始</a-button>
|
|
|
+ </footer>
|
|
|
+ <a-tooltip :content="closeOthers ? '收起' : '展开'">
|
|
|
+ <div @click="openAll" v-if="navId !== -2">
|
|
|
+ <img src="@/assets/other/open.svg" width="20" v-if="closeOthers" />
|
|
|
+ <img src="@/assets/other/close.svg" width="20" v-else />
|
|
|
+ </div>
|
|
|
+ </a-tooltip>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <!-- <right v-if="navId === 0 || navId === 2" /> -->
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Right from "../components/Right.vue";
|
|
|
@@ -161,415 +154,419 @@ import DocumentQuestion from "./DocumentQuestion.vue";
|
|
|
import Analysis from "./Analysis.vue";
|
|
|
import { defineComponent, ref, onMounted, inject, onBeforeUnmount } from "vue";
|
|
|
export default defineComponent({
|
|
|
- components: {
|
|
|
- Right,
|
|
|
- Slider,
|
|
|
- History,
|
|
|
- Index,
|
|
|
- Answer,
|
|
|
- MessageInput,
|
|
|
- DialogWrap,
|
|
|
- Document,
|
|
|
- PicArticle,
|
|
|
- DocumentAnswer,
|
|
|
- DocumentQuestion,
|
|
|
- Analysis,
|
|
|
- DocumentDetail,
|
|
|
- DocumentCombine
|
|
|
- },
|
|
|
- setup() {
|
|
|
- // nav对应的问答类型，4文库问答，对应的是knowledge类型
|
|
|
- // NOTE： 先把4文库问答的类型改成report类型，后续再改回来
|
|
|
- const dialogType = ["report", "excel", "knowledgeQuiz", "report", "normal", "normal", "normal", "normal"];
|
|
|
- const { config, helper, ajax } = inject("$global");
|
|
|
-
|
|
|
- const SYSTEM_NAME = config.defaultTitle
|
|
|
-
|
|
|
- const closeOthers = ref(false);
|
|
|
- const swiperNumber = ref(5);
|
|
|
- const navId = ref(-1);
|
|
|
- const readonly = ref(false);
|
|
|
- const showDialog = ref(false);
|
|
|
- const historyMode = ref(false);
|
|
|
- const dialogList = ref([]);
|
|
|
- const selectId = ref("");
|
|
|
- const initDialog = ref(false);
|
|
|
- const hideDialog = ref(false);
|
|
|
- const agentIds = ref([]);
|
|
|
- const dialogId = ref("");
|
|
|
- const historyList = ref([]);
|
|
|
- const variables = ref([]);
|
|
|
- const textValue = ref("");
|
|
|
- const parseStatus = ref(false);
|
|
|
- const maxLength = ref(6000);
|
|
|
- let reportData = {};
|
|
|
- let agents = {}
|
|
|
-
|
|
|
- const openAll = () => {
|
|
|
- closeOthers.value = !closeOthers.value;
|
|
|
- };
|
|
|
- const selectNav = async (node) => {
|
|
|
- navId.value = node.id;
|
|
|
- textValue.value = [];
|
|
|
- // 关闭历史模式
|
|
|
- historyMode.value = false;
|
|
|
- if (node.index === -1) {
|
|
|
- swiperNumber.value = 5;
|
|
|
- } else {
|
|
|
- swiperNumber.value = 4;
|
|
|
- }
|
|
|
- helper.$bus.emit("stop-writing");
|
|
|
- showDialog.value = false;
|
|
|
-
|
|
|
- selectId.value = (agents.find(agent => agent.name === node.title) || {}).id || null;
|
|
|
- const data = await ajax.message.getDialogs(selectId.value);
|
|
|
- if (navId.value === 0 || navId.value === 3) {
|
|
|
- const result = await ajax.agent.getVariables(selectId.value);
|
|
|
- variables.value = result;
|
|
|
- reportData = {};
|
|
|
- }
|
|
|
- historyList.value = data.map((value) => {
|
|
|
- return {
|
|
|
- content: value.name,
|
|
|
- id: value.id,
|
|
|
- time: new Date(value.updated_time).toLocaleString()
|
|
|
- };
|
|
|
- });
|
|
|
- };
|
|
|
- const setReadonly = (status) => {
|
|
|
- readonly.value = status;
|
|
|
- };
|
|
|
- const changeParse = (status) => {
|
|
|
- console.log('status', status)
|
|
|
- parseStatus.value = status;
|
|
|
- }
|
|
|
- const goDocument = () => {
|
|
|
- navId.value = -2;
|
|
|
- hideDialog.value = true;
|
|
|
- };
|
|
|
- const goBack = () => {
|
|
|
- navId.value = 0;
|
|
|
- hideDialog.value = false;
|
|
|
- };
|
|
|
- const selectHistory = async (id) => {
|
|
|
- showDialog.value = true;
|
|
|
- // 历史记录对话模式，不调用对话ID接口
|
|
|
- historyMode.value = true;
|
|
|
- selectId.value = id;
|
|
|
- helper.$bus.emit("set-loading", true);
|
|
|
- helper.$bus.emit("stop-writing");
|
|
|
- initDialog.value = false;
|
|
|
- // 历史记录 通过当前name取id
|
|
|
- const name = config.slider.find(item => item.id === navId.value).title
|
|
|
- const agentsId = agents.find(agent => agent.name === name).id;
|
|
|
- const data = await ajax.message.getHistoryLogs(agentsId, id);
|
|
|
- if (data.length > 0) {
|
|
|
- dialogList.value = data
|
|
|
- } else {
|
|
|
- dialogList.value = []
|
|
|
- }
|
|
|
- initDialog.value = true;
|
|
|
- helper.$bus.emit("set-loading", false);
|
|
|
+ components: {
|
|
|
+ Right,
|
|
|
+ Slider,
|
|
|
+ History,
|
|
|
+ Index,
|
|
|
+ Answer,
|
|
|
+ MessageInput,
|
|
|
+ DialogWrap,
|
|
|
+ Document,
|
|
|
+ PicArticle,
|
|
|
+ DocumentAnswer,
|
|
|
+ DocumentQuestion,
|
|
|
+ Analysis,
|
|
|
+ DocumentDetail,
|
|
|
+ DocumentCombine
|
|
|
+ },
|
|
|
+ setup() {
|
|
|
+ // nav对应的问答类型，4文库问答，对应的是knowledge类型
|
|
|
+ // NOTE： 先把4文库问答的类型改成report类型，后续再改回来
|
|
|
+ const dialogType = ["report", "excel", "knowledgeQuiz", "report", "normal", "normal", "normal", "normal"];
|
|
|
+ const { config, helper, ajax } = inject("$global");
|
|
|
|
|
|
- };
|
|
|
- const beginCombine = async () => {
|
|
|
- let report_name = "";
|
|
|
- let inputData = [];
|
|
|
- for (let key in reportData) {
|
|
|
- if (typeof reportData[key].value === "string") {
|
|
|
- report_name += `${reportData[key].key}：${reportData[key].value}\n`;
|
|
|
- inputData.push({
|
|
|
- id: key,
|
|
|
- name: reportData[key].key,
|
|
|
- file_path: "",
|
|
|
- value: reportData[key].value
|
|
|
- });
|
|
|
- } else {
|
|
|
- report_name += `${reportData[key].key}：${reportData[key].value.name}\n`;
|
|
|
- inputData.push({
|
|
|
- id: key,
|
|
|
- name: reportData[key].key,
|
|
|
- file_path: reportData[key].value.url,
|
|
|
- value: ""
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- // 如果不是历史记录对话模式，则创建对话
|
|
|
- if (!historyMode.value) {
|
|
|
- const data = await ajax.message.createDialog(selectId.value);
|
|
|
- dialogId.value = data.chat_id;
|
|
|
- }
|
|
|
- dialogList.value = [];
|
|
|
- showDialog.value = true;
|
|
|
- initDialog.value = true;
|
|
|
- const sendData = {
|
|
|
- chatHistory: [],
|
|
|
- message: textValue.value,
|
|
|
- name: "报告生成",
|
|
|
- description: "报告生成",
|
|
|
- inputs: {
|
|
|
- report_name,
|
|
|
- id: "Report-PRcYL",
|
|
|
- data: inputData
|
|
|
- }
|
|
|
- };
|
|
|
- setTimeout(() => {
|
|
|
- helper.$bus.emit("send-message", sendData);
|
|
|
- }, 500);
|
|
|
- };
|
|
|
- const continueCombine = async () => {
|
|
|
- const sendData = {
|
|
|
- chatHistory: [],
|
|
|
- name: "报告生成",
|
|
|
- description: "报告生成",
|
|
|
- inputs: {
|
|
|
- report_name: textValue.value,
|
|
|
- id: "Report-PRcYL",
|
|
|
- query: textValue.value,
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- setTimeout(() => {
|
|
|
- helper.$bus.emit("send-message", sendData);
|
|
|
- textValue.value = "";
|
|
|
- }, 500);
|
|
|
- };
|
|
|
+ const SYSTEM_NAME = config.defaultTitle
|
|
|
|
|
|
- const customChange = (event, key, value) => {
|
|
|
- reportData[key] = {
|
|
|
- key: value,
|
|
|
- value: event
|
|
|
- };
|
|
|
- };
|
|
|
- const customRequest = async (option, key, value) => {
|
|
|
- const { onSuccess, fileItem } = option;
|
|
|
- const { file, uid, name } = fileItem;
|
|
|
- const fileList = [];
|
|
|
- fileList.push({
|
|
|
- id: uid,
|
|
|
- file
|
|
|
- });
|
|
|
- onSuccess();
|
|
|
- const formData = new FormData();
|
|
|
- fileList.forEach((item) => {
|
|
|
- formData.append("file", item.file);
|
|
|
- });
|
|
|
- const data = await ajax.file.uploadFiles(selectId.value, formData);
|
|
|
- reportData[key] = {
|
|
|
- key: value,
|
|
|
- value: {
|
|
|
- name,
|
|
|
- url: data.file_path
|
|
|
- }
|
|
|
- };
|
|
|
- };
|
|
|
- onMounted(async () => {
|
|
|
- agents = await ajax.agent.getAgents();
|
|
|
- agentIds.value = agents.map((data) => data.id);
|
|
|
- helper.$bus.on("open-dialog", async (value) => {
|
|
|
- // 如果不是历史记录对话模式，则创建对话
|
|
|
- if (!historyMode.value) {
|
|
|
- const data = await ajax.message.createDialog(selectId.value);
|
|
|
- dialogId.value = data.chat_id;
|
|
|
- }
|
|
|
-
|
|
|
- dialogList.value = [];
|
|
|
- showDialog.value = true;
|
|
|
- initDialog.value = true;
|
|
|
- setTimeout(() => {
|
|
|
- helper.$bus.emit("send-message", value);
|
|
|
- }, 200);
|
|
|
- });
|
|
|
- });
|
|
|
- onBeforeUnmount(() => {
|
|
|
- helper.webSocket?.close();
|
|
|
- helper.$bus.off("open-dialog");
|
|
|
- });
|
|
|
+ const closeOthers = ref(false);
|
|
|
+ const swiperNumber = ref(5);
|
|
|
+ const navId = ref(-1);
|
|
|
+ const readonly = ref(false);
|
|
|
+ const showDialog = ref(false);
|
|
|
+ const historyMode = ref(false);
|
|
|
+ const dialogList = ref([]);
|
|
|
+ const selectId = ref("");
|
|
|
+ const initDialog = ref(false);
|
|
|
+ const hideDialog = ref(false);
|
|
|
+ const agentIds = ref([]);
|
|
|
+ const dialogId = ref("");
|
|
|
+ const historyList = ref([]);
|
|
|
+ const variables = ref([]);
|
|
|
+ const textValue = ref("");
|
|
|
+ const parseStatus = ref(false);
|
|
|
+ const maxLength = ref(6000);
|
|
|
+ let reportData = {};
|
|
|
+ let agents = {}
|
|
|
+
|
|
|
+ const openAll = () => {
|
|
|
+ closeOthers.value = !closeOthers.value;
|
|
|
+ };
|
|
|
+ const selectNav = async (node) => {
|
|
|
+ navId.value = node.id;
|
|
|
+ textValue.value = [];
|
|
|
+ // 关闭历史模式
|
|
|
+ historyMode.value = false;
|
|
|
+ readonly.value = false;
|
|
|
+
|
|
|
+ if (node.index === -1) {
|
|
|
+ swiperNumber.value = 5;
|
|
|
+ } else {
|
|
|
+ swiperNumber.value = 4;
|
|
|
+ }
|
|
|
+ helper.$bus.emit("stop-writing");
|
|
|
+ showDialog.value = false;
|
|
|
+
|
|
|
+ selectId.value = (agents.find(agent => agent.name === node.title) || {}).id || null;
|
|
|
+ const data = await ajax.message.getDialogs(selectId.value);
|
|
|
+ if (navId.value === 0 || navId.value === 3) {
|
|
|
+ const result = await ajax.agent.getVariables(selectId.value);
|
|
|
+ variables.value = result;
|
|
|
+ reportData = {};
|
|
|
+ }
|
|
|
+ historyList.value = data.map((value) => {
|
|
|
return {
|
|
|
- SYSTEM_NAME,
|
|
|
- customChange,
|
|
|
- customRequest,
|
|
|
- historyList,
|
|
|
- beginCombine,
|
|
|
- continueCombine,
|
|
|
- selectId,
|
|
|
- dialogId,
|
|
|
- navId,
|
|
|
- variables,
|
|
|
- selectNav,
|
|
|
- swiperNumber,
|
|
|
- slider: config.slider,
|
|
|
- readonly,
|
|
|
- setReadonly,
|
|
|
- showDialog,
|
|
|
- selectHistory,
|
|
|
- closeOthers,
|
|
|
- openAll,
|
|
|
- dialogType,
|
|
|
- dialogList,
|
|
|
- initDialog,
|
|
|
- goDocument,
|
|
|
- goBack,
|
|
|
- changeParse,
|
|
|
- hideDialog,
|
|
|
- agentIds,
|
|
|
- textValue,
|
|
|
- parseStatus,
|
|
|
- maxLength
|
|
|
+ content: value.name,
|
|
|
+ id: value.id,
|
|
|
+ time: new Date(value.updated_time).toLocaleString()
|
|
|
};
|
|
|
+ });
|
|
|
+ };
|
|
|
+ const setReadonly = (status) => {
|
|
|
+ readonly.value = status;
|
|
|
+ };
|
|
|
+ const changeParse = (status) => {
|
|
|
+ parseStatus.value = status;
|
|
|
}
|
|
|
+ const goDocument = () => {
|
|
|
+ navId.value = -2;
|
|
|
+ hideDialog.value = true;
|
|
|
+ };
|
|
|
+ const goBack = () => {
|
|
|
+ navId.value = 0;
|
|
|
+ hideDialog.value = false;
|
|
|
+ };
|
|
|
+ const selectHistory = async (id) => {
|
|
|
+ showDialog.value = true;
|
|
|
+ // 历史记录对话模式，不调用对话ID接口
|
|
|
+ historyMode.value = true;
|
|
|
+ readonly.value = true;
|
|
|
+
|
|
|
+ selectId.value = id;
|
|
|
+ helper.$bus.emit("set-loading", true);
|
|
|
+ helper.$bus.emit("stop-writing");
|
|
|
+ initDialog.value = false;
|
|
|
+ // 历史记录 通过当前name取id
|
|
|
+ const name = config.slider.find(item => item.id === navId.value).title
|
|
|
+ const agentsId = agents.find(agent => agent.name === name).id;
|
|
|
+ const data = await ajax.message.getHistoryLogs(agentsId, id);
|
|
|
+ if (data.length > 0) {
|
|
|
+ dialogList.value = data
|
|
|
+ } else {
|
|
|
+ dialogList.value = []
|
|
|
+ }
|
|
|
+ initDialog.value = true;
|
|
|
+ helper.$bus.emit("set-loading", false);
|
|
|
+
|
|
|
+ };
|
|
|
+ const beginCombine = async () => {
|
|
|
+ let report_name = "";
|
|
|
+ let inputData = [];
|
|
|
+ for (let key in reportData) {
|
|
|
+ if (typeof reportData[key].value === "string") {
|
|
|
+ report_name += `${reportData[key].key}：${reportData[key].value}\n`;
|
|
|
+ inputData.push({
|
|
|
+ id: key,
|
|
|
+ name: reportData[key].key,
|
|
|
+ file_path: "",
|
|
|
+ value: reportData[key].value
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ report_name += `${reportData[key].key}：${reportData[key].value.name}\n`;
|
|
|
+ inputData.push({
|
|
|
+ id: key,
|
|
|
+ name: reportData[key].key,
|
|
|
+ file_path: reportData[key].value.url,
|
|
|
+ value: ""
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 如果不是历史记录对话模式，则创建对话
|
|
|
+ if (!historyMode.value) {
|
|
|
+ const data = await ajax.message.createDialog(selectId.value);
|
|
|
+ dialogId.value = data.chat_id;
|
|
|
+ }
|
|
|
+ dialogList.value = [];
|
|
|
+ showDialog.value = true;
|
|
|
+ initDialog.value = true;
|
|
|
+ const sendData = {
|
|
|
+ chatHistory: [],
|
|
|
+ message: textValue.value,
|
|
|
+ name: "报告生成",
|
|
|
+ description: "报告生成",
|
|
|
+ inputs: {
|
|
|
+ report_name,
|
|
|
+ id: "Report-PRcYL",
|
|
|
+ data: inputData
|
|
|
+ }
|
|
|
+ };
|
|
|
+ setTimeout(() => {
|
|
|
+ helper.$bus.emit("send-message", sendData);
|
|
|
+ }, 500);
|
|
|
+ };
|
|
|
+ const continueCombine = async () => {
|
|
|
+ const sendData = {
|
|
|
+ chatHistory: [],
|
|
|
+ name: "报告生成",
|
|
|
+ description: "报告生成",
|
|
|
+ inputs: {
|
|
|
+ report_name: textValue.value,
|
|
|
+ id: "Report-PRcYL",
|
|
|
+ query: textValue.value,
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ helper.$bus.emit("send-message", sendData);
|
|
|
+ textValue.value = "";
|
|
|
+ }, 500);
|
|
|
+ };
|
|
|
+
|
|
|
+ const customChange = (event, key, value) => {
|
|
|
+ reportData[key] = {
|
|
|
+ key: value,
|
|
|
+ value: event
|
|
|
+ };
|
|
|
+ };
|
|
|
+ const customRequest = async (option, key, value) => {
|
|
|
+ const { onSuccess, fileItem } = option;
|
|
|
+ const { file, uid, name } = fileItem;
|
|
|
+ const fileList = [];
|
|
|
+ fileList.push({
|
|
|
+ id: uid,
|
|
|
+ file
|
|
|
+ });
|
|
|
+ onSuccess();
|
|
|
+ const formData = new FormData();
|
|
|
+ fileList.forEach((item) => {
|
|
|
+ formData.append("file", item.file);
|
|
|
+ });
|
|
|
+ const data = await ajax.file.uploadFiles(selectId.value, formData);
|
|
|
+ reportData[key] = {
|
|
|
+ key: value,
|
|
|
+ value: {
|
|
|
+ name,
|
|
|
+ url: data.file_path
|
|
|
+ }
|
|
|
+ };
|
|
|
+ };
|
|
|
+ onMounted(async () => {
|
|
|
+ agents = await ajax.agent.getAgents();
|
|
|
+ agentIds.value = agents.map((data) => data.id);
|
|
|
+ helper.$bus.on("open-dialog", async (value) => {
|
|
|
+ // 如果不是历史记录对话模式，则创建对话
|
|
|
+ if (!historyMode.value) {
|
|
|
+ const data = await ajax.message.createDialog(selectId.value);
|
|
|
+ dialogId.value = data.chat_id;
|
|
|
+ }
|
|
|
+
|
|
|
+ dialogList.value = [];
|
|
|
+ showDialog.value = true;
|
|
|
+ initDialog.value = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ helper.$bus.emit("send-message", value);
|
|
|
+ }, 200);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ onBeforeUnmount(() => {
|
|
|
+ helper.webSocket?.close();
|
|
|
+ helper.$bus.off("open-dialog");
|
|
|
+ });
|
|
|
+ return {
|
|
|
+ SYSTEM_NAME,
|
|
|
+ customChange,
|
|
|
+ customRequest,
|
|
|
+ historyList,
|
|
|
+ beginCombine,
|
|
|
+ continueCombine,
|
|
|
+ selectId,
|
|
|
+ dialogId,
|
|
|
+ navId,
|
|
|
+ variables,
|
|
|
+ selectNav,
|
|
|
+ swiperNumber,
|
|
|
+ slider: config.slider,
|
|
|
+ readonly,
|
|
|
+ setReadonly,
|
|
|
+ showDialog,
|
|
|
+ selectHistory,
|
|
|
+ historyMode,
|
|
|
+ closeOthers,
|
|
|
+ openAll,
|
|
|
+ dialogType,
|
|
|
+ dialogList,
|
|
|
+ initDialog,
|
|
|
+ goDocument,
|
|
|
+ goBack,
|
|
|
+ changeParse,
|
|
|
+ hideDialog,
|
|
|
+ agentIds,
|
|
|
+ textValue,
|
|
|
+ parseStatus,
|
|
|
+ maxLength
|
|
|
+ };
|
|
|
+ }
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.main {
|
|
|
- .upload-footer {
|
|
|
- margin-bottom: 50px;
|
|
|
- padding: 20px;
|
|
|
- width: 540px;
|
|
|
- border: 1px solid #eee;
|
|
|
-
|
|
|
- >section {
|
|
|
- >div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- width: 500px;
|
|
|
-
|
|
|
- >p {
|
|
|
- width: 150px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
+ .upload-footer {
|
|
|
+ margin-bottom: 50px;
|
|
|
+ padding: 20px;
|
|
|
+ width: 540px;
|
|
|
+ border: 1px solid #eee;
|
|
|
|
|
|
- p {
|
|
|
- span {
|
|
|
- position: relative;
|
|
|
-
|
|
|
- &:after {
|
|
|
- content: "*";
|
|
|
- display: block;
|
|
|
- color: red;
|
|
|
- position: absolute;
|
|
|
- right: -10px;
|
|
|
- top: -5px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ >section {
|
|
|
+ >div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 500px;
|
|
|
|
|
|
- >p,
|
|
|
- >div {
|
|
|
- margin: 10px 0;
|
|
|
- }
|
|
|
+ >p {
|
|
|
+ width: 150px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
|
|
|
- flex: 1;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
-
|
|
|
- .history-wrap {
|
|
|
- width: 0px;
|
|
|
- opacity: 0;
|
|
|
- overflow: hidden;
|
|
|
- transition-duration: 0.3s;
|
|
|
- transition-property: width;
|
|
|
+ p {
|
|
|
+ span {
|
|
|
+ position: relative;
|
|
|
|
|
|
- &-open {
|
|
|
- opacity: 1;
|
|
|
- width: 260px;
|
|
|
+ &:after {
|
|
|
+ content: "*";
|
|
|
+ display: block;
|
|
|
+ color: red;
|
|
|
+ position: absolute;
|
|
|
+ right: -10px;
|
|
|
+ top: -5px;
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ >p,
|
|
|
+ >div {
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .wrap {
|
|
|
- flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .history-wrap {
|
|
|
+ width: 0px;
|
|
|
+ opacity: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ transition-duration: 0.3s;
|
|
|
+ transition-property: width;
|
|
|
+
|
|
|
+ &-open {
|
|
|
+ opacity: 1;
|
|
|
+ width: 260px;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .border-wrap {
|
|
|
- position: relative;
|
|
|
- padding: 30px 16px 30px 40px;
|
|
|
- flex: 1;
|
|
|
- height: 100%;
|
|
|
+ .wrap {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
|
|
|
- &.border-no-wrap {
|
|
|
- padding: 0;
|
|
|
+ .border-wrap {
|
|
|
+ position: relative;
|
|
|
+ padding: 30px 16px 30px 40px;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
|
|
|
- >div {
|
|
|
- padding: 0;
|
|
|
+ &.border-no-wrap {
|
|
|
+ padding: 0;
|
|
|
|
|
|
- >section.section-padding {
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- }
|
|
|
+ >div {
|
|
|
+ padding: 0;
|
|
|
+
|
|
|
+ >section.section-padding {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ >div {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
|
|
|
+ border-radius: 14px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 0 32px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ >div {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -10px;
|
|
|
+ left: -10px;
|
|
|
+ z-index: 10;
|
|
|
+ width: 38px;
|
|
|
+ height: 38px;
|
|
|
+ border-radius: 20px;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ >header {
|
|
|
>div {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #fff;
|
|
|
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
|
|
|
- border-radius: 14px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- padding: 0 32px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- >div {
|
|
|
- position: absolute;
|
|
|
- bottom: -10px;
|
|
|
- left: -10px;
|
|
|
- z-index: 10;
|
|
|
- width: 38px;
|
|
|
- height: 38px;
|
|
|
- border-radius: 20px;
|
|
|
- background: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- >header {
|
|
|
- >div {
|
|
|
- display: inline-block;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- >img {
|
|
|
- transform: translateX(-12px);
|
|
|
- }
|
|
|
-
|
|
|
- >p {
|
|
|
- font-size: 36px;
|
|
|
- font-weight: bold;
|
|
|
- color: #000;
|
|
|
-
|
|
|
- >span {
|
|
|
- font-weight: bold;
|
|
|
- background: linear-gradient(180deg, #41d98c, #31c4c9);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- >span {
|
|
|
- display: block;
|
|
|
- color: #000;
|
|
|
- font-size: 15px;
|
|
|
- margin: 5px 0 32px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ >img {
|
|
|
+ transform: translateX(-12px);
|
|
|
+ }
|
|
|
|
|
|
- >section {
|
|
|
- flex: 1;
|
|
|
- overflow: hidden;
|
|
|
+ >p {
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
|
|
|
- &.section-padding {
|
|
|
- padding-bottom: 50px;
|
|
|
- }
|
|
|
+ >span {
|
|
|
+ font-weight: bold;
|
|
|
+ background: linear-gradient(180deg, #41d98c, #31c4c9);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ >span {
|
|
|
+ display: block;
|
|
|
+ color: #000;
|
|
|
+ font-size: 15px;
|
|
|
+ margin: 5px 0 32px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- >footer {}
|
|
|
+ >section {
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ &.section-padding {
|
|
|
+ padding-bottom: 50px;
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ >footer {}
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
张涛