|
|
@@ -2,9 +2,17 @@
|
|
|
<div class="main_right_height">
|
|
|
<div class="smart_content">
|
|
|
<el-row>
|
|
|
- <el-col :span="1"> </el-col>
|
|
|
- <el-col :span="22">
|
|
|
- <div class="chat-window" id="contant1">
|
|
|
+ <!-- <el-col :span="1"> </el-col> -->
|
|
|
+ <el-col :span="24">
|
|
|
+ <div
|
|
|
+ class="chat-window"
|
|
|
+ id="contant1"
|
|
|
+ ref="scrollview"
|
|
|
+ style="margin-top: 20px"
|
|
|
+ >
|
|
|
+ <div v-if="echoFlag" style="text-align: center">
|
|
|
+ <i class="el-icon-loading"></i>
|
|
|
+ </div>
|
|
|
<div
|
|
|
class="chat-msg-content"
|
|
|
id="rongqi"
|
|
|
@@ -15,16 +23,17 @@
|
|
|
v-if="content.from == 1"
|
|
|
:key="content.id"
|
|
|
class="main_answer_right"
|
|
|
- style="margin-top: 10px"
|
|
|
+ style="margin-top: 10px; padding-left: 20px"
|
|
|
>
|
|
|
<div class="img-wrapper">
|
|
|
<img width="60px" heigth="60px" class="img" :src="from1" />
|
|
|
</div>
|
|
|
<div class="message-wrapper message-wrapper-left">
|
|
|
- <div class="message">{{ content.question }}</div>
|
|
|
+ <!-- {{ content.question }} -->
|
|
|
+ <div class="message" v-html="content.question"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-row v-else style="margin-top: 10px">
|
|
|
+ <el-row v-else style="margin-top: 10px; padding-right: 20px">
|
|
|
<el-col :span="10"> </el-col>
|
|
|
<el-col :span="14">
|
|
|
<div class="main_answer_left" style="float: right">
|
|
|
@@ -45,7 +54,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="1"> </el-col>
|
|
|
+ <!-- <el-col :span="1"> </el-col> -->
|
|
|
</el-row>
|
|
|
<div class="smart_line_class"></div>
|
|
|
<el-row v-show="inputFlag === 1" class="footSend">
|
|
|
@@ -215,18 +224,51 @@ export default {
|
|
|
|
|
|
flagTime: null,
|
|
|
printIndex: 0,
|
|
|
+ //当回显接口正在调用时为true
|
|
|
+ echoFlag: false,
|
|
|
+ //当前返回历史记录
|
|
|
+ currenRecordTotol: 0,
|
|
|
};
|
|
|
},
|
|
|
created() {},
|
|
|
|
|
|
mounted() {
|
|
|
+ window.jumpPage = this.jumpPage;
|
|
|
+ const scrollview = this.$refs["scrollview"];
|
|
|
this.init();
|
|
|
//获取编号
|
|
|
this.identifier = sessionStorage.getItem("num");
|
|
|
this.userName = sessionStorage.getItem("name");
|
|
|
// this.selectScale("20220805135201");
|
|
|
+ scrollview.addEventListener("scroll", this.handleScroll, true);
|
|
|
+ this.askEndMul(
|
|
|
+ ' 轻度：建议您使用系统中的虚拟现实、生物反馈训练<span onclick="jumpPage(1)" style="color:blue;cursor:pointer">（点击跳转）</span>、认知行为干预<span onclick="jumpPage(2)" style="color:blue;cursor:pointer">（点击跳转--走出抑郁）</span>功能进行心理状态调'
|
|
|
+ );
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ let that = this;
|
|
|
+ const scrollview = this.$refs["scrollview"];
|
|
|
+ scrollview.removeEventListener("scroll", that.handleScroll, true);
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleScroll() {
|
|
|
+ let scrollview = this.$refs["scrollview"];
|
|
|
+ if (scrollview.scrollTop == 0) {
|
|
|
+ //当前没有调接口的时候
|
|
|
+ if (!this.echoFlag) {
|
|
|
+ //判断上一次的页面是否足够10条如果不够就不查询了
|
|
|
+ //页面页数加1
|
|
|
+ if (this.currenRecordTotol == this.pageSize) {
|
|
|
+ this.pageNum++;
|
|
|
+ this.selectPage();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //当等于0时需要调用加载上一页
|
|
|
+ }
|
|
|
+ // console.log("qlkhdeqj1");
|
|
|
+ //滚动监听事件
|
|
|
+ },
|
|
|
//上来就监听数据变化 如果有变化就保存最后一条数据
|
|
|
//如果保存保存后
|
|
|
|
|
|
@@ -318,7 +360,7 @@ export default {
|
|
|
_this.scaleSelectFlag = true;
|
|
|
if (res.data.code == 200 && res.data.data) {
|
|
|
_this.resultJsonParams = res.data.data;
|
|
|
-
|
|
|
+ debugger;
|
|
|
let testResult = JSON.parse(
|
|
|
res.data.data.userRecordEntity.testResult
|
|
|
)[0].version;
|
|
|
@@ -369,6 +411,17 @@ export default {
|
|
|
this.askEndMul("抑郁建议:" + sleep[i].value[0] + " ");
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ if (sleep[i].name === "总分") {
|
|
|
+ let score = JSON.parseInt(sleep[i].value[0]);
|
|
|
+ if (score >= 0 || score <= 20) {
|
|
|
+ this.askEndMul(
|
|
|
+ ' 轻度：建议您使用系统中的虚拟现实、生物反馈训练<span onclick="jumpPage(1)" style="color:blue;cursor:pointer">（点击跳转）</span>、认知行为干预<span onclick="jumpPage(2)" style="color:blue;cursor:pointer">（点击跳转--走出抑郁）</span>功能进行心理状态调'
|
|
|
+ );
|
|
|
+ }
|
|
|
+ //str = "抑郁建议:" + sleep[i].value[0] + " ";
|
|
|
+ }
|
|
|
+
|
|
|
//}
|
|
|
}
|
|
|
console.log(sleep);
|
|
|
@@ -402,6 +455,24 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ jumpPage(val) {
|
|
|
+ console.log(val);
|
|
|
+ if (val == 1) {
|
|
|
+
|
|
|
+ //跳转到生物反馈
|
|
|
+ // this.$router.push(c)
|
|
|
+ this.$router.push({ path: "/menu/animation" });
|
|
|
+ this.$emit('updateProjectId','swfk')
|
|
|
+ }
|
|
|
+ if (val == 2) {
|
|
|
+ // this.$router.push({ path: "/menu/intervene/treatDepression", query: { id: 2 } });
|
|
|
+ // this.$router.push({ path: "/menu/intervene", query: { id: 2 } });
|
|
|
+ this.$router.push({ path: "/menu/treatDepression", query: { id: 2 } });
|
|
|
+ // this.$router.push({ path: "/menu/animation" });
|
|
|
+ this.$emit('updateProjectId','rzgy')
|
|
|
+ //跳转到//认知干预
|
|
|
+ }
|
|
|
+ },
|
|
|
askEndMul(val) {
|
|
|
this.chatContents.push({
|
|
|
from: 1,
|
|
|
@@ -579,35 +650,62 @@ export default {
|
|
|
},
|
|
|
init() {
|
|
|
//进入页面后先执行查询前50条数据的接口
|
|
|
- // this.selectPage();
|
|
|
+
|
|
|
+ //查询前5条数据
|
|
|
+ this.selectPage();
|
|
|
+ let contant1 = document.getElementById("contant1");
|
|
|
+ this.sleep(300).then(() => {
|
|
|
+ contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ });
|
|
|
},
|
|
|
//查询记录的方法
|
|
|
selectPage() {
|
|
|
- this.$http.post(
|
|
|
- `///`,
|
|
|
- {
|
|
|
- pageNum: this.pageNum,
|
|
|
- pageSize: this.pageSize,
|
|
|
- },
|
|
|
+ let that = this;
|
|
|
+ that.echoFlag = true;
|
|
|
+ this.$http.get(
|
|
|
+ `/intelligent/dialogueRecords?identifier=${sessionStorage.getItem(
|
|
|
+ "num"
|
|
|
+ )}&pageNum=${that.pageNum}&pageSize=${that.pageSize}&type=0`,
|
|
|
+ {},
|
|
|
(res) => {
|
|
|
- if (res.data.code == 200) {
|
|
|
+ if (res.code == 200) {
|
|
|
+ that.echoFlag = false;
|
|
|
+ // res.data.
|
|
|
+
|
|
|
+ if (res.data.intelligentDialogueEntities.content.length > 0) {
|
|
|
+ that.currenRecordTotol =
|
|
|
+ res.data.intelligentDialogueEntities.content.length;
|
|
|
+ //判断当前是第几页
|
|
|
+ //如果是第一个
|
|
|
+ for (
|
|
|
+ let i = 0;
|
|
|
+ i < res.data.intelligentDialogueEntities.content.length;
|
|
|
+ i++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ res.data.intelligentDialogueEntities.content[i].label == "0"
|
|
|
+ ) {
|
|
|
+ this.chatContents.unshift({
|
|
|
+ from: 1,
|
|
|
+ question:
|
|
|
+ res.data.intelligentDialogueEntities.content[i].content,
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.chatContents.unshift({
|
|
|
+ from: 2,
|
|
|
+ answer:
|
|
|
+ res.data.intelligentDialogueEntities.content[i].content,
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // console.log(this.chatContents);
|
|
|
+ }
|
|
|
} else {
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
- for (let i = 0; i < 5; i++) {
|
|
|
- this.chatContents.push({
|
|
|
- from: 1,
|
|
|
- question: "对话内容" + i,
|
|
|
- from1: HeadImg,
|
|
|
- });
|
|
|
- this.chatContents.push({
|
|
|
- from: 2,
|
|
|
- answer: "对话内容" + i,
|
|
|
- from1: HeadImg,
|
|
|
- });
|
|
|
- }
|
|
|
- //手动加10条
|
|
|
},
|
|
|
sleep(time) {
|
|
|
return new Promise((resolve) => setTimeout(resolve, time));
|
|
|
@@ -648,7 +746,7 @@ export default {
|
|
|
// http://127.0.0.1:9999/sentiment
|
|
|
let that = this;
|
|
|
axios
|
|
|
- .post(`http://127.0.0.1:9999/sentiment`, { text: val })
|
|
|
+ .post(`http://192.168.245.88:9999/sentiment`, { text: val })
|
|
|
.then((res) => {
|
|
|
console.log(res.data.sentiment);
|
|
|
if (
|
|
|
@@ -696,7 +794,7 @@ export default {
|
|
|
//`http://127.0.0.1:9998/chat`
|
|
|
HTTP_AXIOS({
|
|
|
method: "post",
|
|
|
- url: `http://127.0.0.1:9998/chat`,
|
|
|
+ url: `http://192.168.245.88:9998/chat`,
|
|
|
data: { text: list },
|
|
|
timeout: 300000,
|
|
|
})
|
|
|
@@ -761,10 +859,12 @@ export default {
|
|
|
this.chatContents[this.chatContents.length - 1].question +=
|
|
|
a.charAt(this.printIndex);
|
|
|
this.printIndex++;
|
|
|
- let contant1 = document.getElementById("contant1");
|
|
|
- this.sleep(101).then(() => {
|
|
|
- contant1.scrollTop = contant1.scrollHeight;
|
|
|
- });
|
|
|
+ if (flag) {
|
|
|
+ let contant1 = document.getElementById("contant1");
|
|
|
+ this.sleep(101).then(() => {
|
|
|
+ contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ });
|
|
|
+ }
|
|
|
} else {
|
|
|
if (flag) {
|
|
|
that.buttonFlag = false;
|
|
|
@@ -802,6 +902,8 @@ export default {
|
|
|
label: val.label,
|
|
|
content: val.content,
|
|
|
userName: this.userName,
|
|
|
+ questionNo: "",
|
|
|
+ type: "0",
|
|
|
};
|
|
|
console.log(data);
|
|
|
// this.$message.success("保存成功");
|
|
|
@@ -1082,6 +1184,7 @@ export default {
|
|
|
background: #f6f6f6;
|
|
|
}
|
|
|
.chat-window {
|
|
|
+ /* overflow-y: scroll; */
|
|
|
height: 70vh;
|
|
|
overflow: auto;
|
|
|
/* overflow-y:hidden; */
|
