| | |
| | | <template>
|
| | | <div class="chartBox">
|
| | | <div class="ChartBox">
|
| | | <JwChat-index :taleList="list" @enter="bindEnter" v-model="inputMsg" :toolConfig="tool">
|
| | | <JwChat-index
|
| | | :taleList="list"
|
| | | @enter="bindEnter"
|
| | | v-model="inputMsg"
|
| | | :toolConfig="tool"
|
| | | >
|
| | | </JwChat-index>
|
| | | </div>
|
| | | </div>
|
| | |
| | | import msgData from "../../assets/js/msg/msgData";
|
| | | import store from "../../store";
|
| | | import bus from "./../../assets/js/bus.js";
|
| | | import { getAgentThistoryUpdate, getAgentIntention, getAgentLayerList, getAgentThistorySave } from "../../api/api.js";
|
| | | import {
|
| | | getAgentThistoryUpdate,
|
| | | getAgentIntention,
|
| | | getAgentLayerList,
|
| | | getAgentThistorySave,
|
| | | } from "../../api/api.js";
|
| | | import mapSetFunc from "../../assets/js/mapSetFunc.js";
|
| | | import { nanoid } from 'nanoid'
|
| | | import { nanoid } from "nanoid";
|
| | | import mapServer from "../../assets/js/map/mapServer.js";
|
| | | import mapImg from "../../assets/js/map/mapImg.js";
|
| | | import mapModel from "../../assets/js/map/mapModel.js";
|
| | |
| | | obj: null,
|
| | | tool: {
|
| | | show: ["file", "history", "img"],
|
| | | callback: this.toolEvent
|
| | | callback: this.toolEvent,
|
| | | },
|
| | | config: {
|
| | | img: "/image/cover.png",
|
| | | name: "JwChat",
|
| | | dept: "最简单、最便捷",
|
| | | callback: this.bindCover
|
| | | }
|
| | | callback: this.bindCover,
|
| | | },
|
| | | };
|
| | | },
|
| | | computed: {
|
| | | Obj() {
|
| | | return store.state.setMsgData;
|
| | | }
|
| | | },
|
| | | },
|
| | | watch: {
|
| | | Obj(newVal, oldVal) {
|
| | |
| | | this.list[this.list.length - 1].text = newVal;
|
| | | }
|
| | | }
|
| | | }
|
| | | },
|
| | | },
|
| | | mounted() {
|
| | | this.uuid = nanoid();
|
| | |
| | | // modelLayer.init();
|
| | | setTimeout(() => {
|
| | | this.getMsg("ai", "您好,请输入指令");
|
| | |
|
| | | }, 1000);
|
| | |
|
| | | bus.$on("mapInfo", (res) => {
|
| | |
| | | createSocket() {
|
| | | this.wsSocket = new WebSocket(config.wsHost);
|
| | | this.wsSocket.onopen = (event) => {
|
| | | console.log('WebSocket连接成功');
|
| | | console.log("WebSocket连接成功");
|
| | | //定时任务,由于使用nginx反向代理,60秒无数据传输会断开
|
| | | var timer = setInterval(() => {
|
| | | if ( this.wsSocket.readyState == 1) {
|
| | | if (this.wsSocket.readyState == 1) {
|
| | | this.wsSocket.send("心跳包检测");
|
| | | } else {
|
| | | //IM连接已断开
|
| | | }
|
| | | }, 50 * 1000);
|
| | |
|
| | | };
|
| | | this.wsSocket.onmessage = (event) => {
|
| | | // console.log('Received message:', event.data);
|
| | |
| | |
|
| | | if (event.data != "连接成功") {
|
| | | console.log(event.data);
|
| | | const val = JSON.parse(event.data)
|
| | | const val = JSON.parse(event.data);
|
| | | if (val.session_id == this.uuid) {
|
| | | this.setMapfunc(val, this.obj)
|
| | | this.setMapfunc(val, this.obj);
|
| | | }
|
| | | }
|
| | |
|
| | | }
|
| | | };
|
| | | },
|
| | | async getQueryLayerList() {
|
| | | getAgentLayerList().then(response => {
|
| | | getAgentLayerList().then((response) => {
|
| | | if (response.code != 200) return;
|
| | | const items = response.data;
|
| | | for (var i in items) {
|
| | | const name = items[i].name;
|
| | | if (
|
| | | name != "FW20" && name != "FW12"
|
| | | ) {
|
| | | mapServer.addServer(items[i])
|
| | | if (name != "FW20" && name != "FW12") {
|
| | | console.log("items[i]", items[i]);
|
| | | mapServer.addServer(items[i]);
|
| | | }
|
| | |
|
| | | }
|
| | |
|
| | | })
|
| | | });
|
| | | },
|
| | | bindEnter() {
|
| | | const msg = this.inputMsg;
|
| | |
| | | 2
|
| | | );
|
| | | mapImg.addImageLayer();
|
| | | var roleMsg1 = msgData.getAffairsData([{ type: "text", val: "相关信息已在地图展示" }]);
|
| | | var roleMsg1 = msgData.getAffairsData([
|
| | | { type: "text", val: "相关信息已在地图展示" },
|
| | | ]);
|
| | | this.refashMsg(roleMsg1.list);
|
| | | },
|
| | | getMsg(type, msg) {
|
| | |
| | | 2
|
| | | );
|
| | |
|
| | | const formData = new FormData();
|
| | | formData.append("message", res);
|
| | | formData.append("lib_id", "No1");
|
| | | formData.append("session_id", this.uuid.toString());
|
| | | // const formData = new FormData();
|
| | | // formData.append("message", res);
|
| | | // formData.append("lib_id", "No1");
|
| | | // formData.append("session_id", this.uuid.toString());
|
| | | const formData = {
|
| | | message: res,
|
| | | lib_id: "No1",
|
| | | session_id: this.uuid.toString(),
|
| | | };
|
| | |
|
| | | var obj = {
|
| | | "ai": "",
|
| | | "create_time": msgData.getDate1(),
|
| | | "human": res,
|
| | | "sessionid": this.uuid,
|
| | | "update_time": "",
|
| | | "userid": 0
|
| | | }
|
| | | ai: "",
|
| | | create_time: msgData.getDate1(),
|
| | | human: res,
|
| | | sessionid: this.uuid,
|
| | | update_time: "",
|
| | | userid: 0,
|
| | | };
|
| | |
|
| | | getAgentThistorySave(
|
| | | obj
|
| | | ).then(response => {
|
| | |
|
| | | getAgentThistorySave(obj).then((response) => {
|
| | | if (response.code == 200) {
|
| | | obj.id = response.id;
|
| | | this.obj = obj;
|
| | | }
|
| | |
|
| | | this.setAgentIntention(obj, formData)
|
| | | })
|
| | |
|
| | |
|
| | |
|
| | |
|
| | | this.setAgentIntention(obj, formData);
|
| | | });
|
| | | },
|
| | | async setAgentIntention(obj, formData) {
|
| | | getAgentIntention(formData).then((response) => {
|
| | |
|
| | | if (response.code != 200) {
|
| | | var rolMsg = [
|
| | | {
|
| | | type: "text",
|
| | | val: "未查询到相关信息。"
|
| | | }
|
| | | val: "未查询到相关信息。",
|
| | | },
|
| | | ];
|
| | | this.refashMsg(rolMsg);
|
| | | return;
|
| | | }
|
| | |
|
| | |
|
| | | const type = response.type;
|
| | | if (type == "Map") {
|
| | | this.setMapfunc(response.content, obj);
|
| | | } else if (type == "Rag") {
|
| | | this.setMapRag(response, obj);
|
| | | } else {
|
| | | this.setMapfunc(response.content, obj);
|
| | | }
|
| | | });
|
| | | },
|
| | | setMapfunc(res, obj) {
|
| | | this.$store.state.showLenged = false;
|
| | |
|
| | | switch (res.func) {
|
| | | case "queryRelationship":
|
| | |
|
| | | var roleMsg = null;
|
| | | if (res.data) {
|
| | | mapSetFunc.init(res)
|
| | | mapSetFunc.init(res);
|
| | | var a = `${res.msg}`;
|
| | | this.setUpdateHistoryInFor(obj, a);
|
| | | roleMsg = msgData.getMdData("markdown", a);
|
| | | } else {
|
| | | roleMsg = msgData.getAffairsData([{ type: "text", val: res.msg }]);
|
| | |
|
| | | }
|
| | |
|
| | | this.refashMsg(roleMsg.list);
|
| | | break;
|
| | | case "queryMeta":
|
| | | var a = `${res.data}`;
|
| | | // var a = `|数据类型 |数据量 |\n|------|------|\n|军事目标 |724|\n|`//`${res.data}`;
|
| | | const subData = res.data
|
| | | .filter((item) => item.subtype !== null)
|
| | | .map((item) => `| ${item.subtype} | ${item.count} |`)
|
| | | .join("\n");
|
| | | var a = `| 数据类型 | 数据量 |\n|------|------|\n` + subData;
|
| | | console.log("aaa", subData, a);
|
| | | this.setUpdateHistoryInFor(obj, a);
|
| | | var roleMsg = msgData.getMdData("markdown", a);
|
| | | this.refashMsg(roleMsg.list);
|
| | | mapSetFunc.init(res)
|
| | | mapSetFunc.init(res);
|
| | | break;
|
| | | case "combatSimulate":
|
| | | this.setMsgStart2();
|
| | |
| | | this.refashMsg(roleMsg1.list);
|
| | | break;
|
| | | case "batEnv":
|
| | |
|
| | | if (res.msg) {
|
| | | var a = `${res.msg}`;
|
| | | var roleMsg = msgData.getMdData("markdown", a);
|
| | |
|
| | |
|
| | | roleMsg.list[0].link = true;
|
| | |
|
| | |
| | |
|
| | | break;
|
| | | case "poiMap":
|
| | | case "aroundPoi":
|
| | | mapSetFunc.init(res)
|
| | | mapSetFunc.init(res);
|
| | | this.setUpdateHistoryInFor(obj, res.msg);
|
| | | var roleMsg = msgData.getAffairsData([{ type: "text", val: res.msg }]);
|
| | | var roleMsg = msgData.getAffairsData([
|
| | | { type: "text", val: "地图已显示" },
|
| | | ]);
|
| | | console.log("roleMsg----", roleMsg);
|
| | | this.refashMsg(roleMsg.list);
|
| | | break;
|
| | | case "aroundPoi":
|
| | | let dataList = [
|
| | | {
|
| | | type: "可打击目标",
|
| | | color:'#FF3366',
|
| | | list: [],
|
| | | },
|
| | | {
|
| | | type: "不可打击目标",
|
| | | color:'#33FF66',
|
| | | list: [],
|
| | | },
|
| | | {
|
| | | type: "其他",
|
| | | color:'#3366FF',
|
| | | list: [],
|
| | | },
|
| | | ];
|
| | | res.data.forEach((item) => {
|
| | | if (item.ifstrike === "1") {
|
| | | dataList[0].list.push(item.seid);
|
| | | } else if (item.ifstrike === "2") {
|
| | | dataList[1].list.push(item.seid);
|
| | | } else {
|
| | | dataList[2].list.push(item.seid);
|
| | | }
|
| | | });
|
| | | const resultData = dataList
|
| | | .map((item) => `| ${item.type} | ${item.list.length} |`)
|
| | | .join("\n");
|
| | | var a = `| 数据类型 | 数据量 |\n|------|------|\n`+resultData;
|
| | | console.log("aaa", a);
|
| | | this.setUpdateHistoryInFor(obj, a);
|
| | | var roleMsg = msgData.getMdData("markdown", a);
|
| | | this.refashMsg(roleMsg.list);
|
| | | const finalData = {
|
| | | func: "aroundPoi",
|
| | | data: dataList,
|
| | | }
|
| | | mapSetFunc.init(finalData);
|
| | | break;
|
| | | case "getParam":
|
| | | mapSetFunc.init(res);
|
| | | console.log("res.data.targetinfo", res);
|
| | | this.setUpdateHistoryInFor(obj, res.msg);
|
| | | var roleMsg = msgData.getAffairsData([
|
| | | { type: "text", val: res.data[0].targetinfo },
|
| | | ]);
|
| | | this.refashMsg(roleMsg.list);
|
| | | break;
|
| | | default:
|
| | | this.setUpdateHistoryInFor(obj, res.msg);
|
| | | var roleMsg1 = msgData.getAffairsData([{ type: "text", val: res.msg }]);
|
| | | var roleMsg1 = msgData.getAffairsData([
|
| | | { type: "text", val: res.msg },
|
| | | ]);
|
| | | this.refashMsg(roleMsg1.list);
|
| | | break;
|
| | | }
|
| | |
| | | setUpdateHistoryInFor(obj, message) {
|
| | | obj.ai = message;
|
| | | obj.update_time = msgData.getDate1();
|
| | | getAgentThistoryUpdate(obj).then(response => {
|
| | | getAgentThistoryUpdate(obj).then((response) => {
|
| | | console.log(response);
|
| | |
|
| | | })
|
| | | });
|
| | | },
|
| | | setMapRag(res, objRes) {
|
| | | const val = res.content.split("\n");
|
| | |
| | | if (val[i]) {
|
| | | obj.push({
|
| | | type: "text",
|
| | | val: val[i]
|
| | | })
|
| | | val: val[i],
|
| | | });
|
| | | }
|
| | | }
|
| | | var listData = [];
|
| | |
| | | var obj_file = res.fileSrource;
|
| | | for (var i = 0; i < obj_file.length; i++) {
|
| | | const file_name = obj_file[i].metadata.split("/");
|
| | | const name = file_name[file_name.length - 1]
|
| | | const name = file_name[file_name.length - 1];
|
| | | if (listData.length == 0) {
|
| | | listData.push({
|
| | | name: name,
|
| | | val: [
|
| | | obj_file[i].page_content
|
| | | ]
|
| | | })
|
| | | val: [obj_file[i].page_content],
|
| | | });
|
| | | } else {
|
| | | var boolen = false;
|
| | | for (var k in listData) {
|
| | | if (listData[k].name == name) {
|
| | | boolen = true;
|
| | | listData[k].val.push(obj_file[i].page_content)
|
| | | listData[k].val.push(obj_file[i].page_content);
|
| | | }
|
| | | }
|
| | | if (boolen == false) {
|
| | | listData.push({
|
| | | name: name,
|
| | | val: [
|
| | | obj_file[i].page_content
|
| | | ]
|
| | | })
|
| | | val: [obj_file[i].page_content],
|
| | | });
|
| | | }
|
| | |
|
| | | }
|
| | | }
|
| | | }
|
| | | if (listData.length > 0) {
|
| | | obj.push({
|
| | | type: "fileSrource",
|
| | | val: listData
|
| | | })
|
| | | val: listData,
|
| | | });
|
| | | }
|
| | |
|
| | | var roleMsg = msgData.getAffairsData(obj);
|
| | |
|
| | | this.setUpdateHistoryInFor(objRes, JSON.stringify(roleMsg.list));
|
| | | this.refashMsg(roleMsg.list);
|
| | |
|
| | | },
|
| | | refashMsg(res) {
|
| | | this.loading = false;
|
| | | this.list[this.list.length - 1].list = res;
|
| | | }
|
| | | }
|
| | | },
|
| | | },
|
| | | };
|
| | | </script>
|
| | | <style scoped>
|