|
|
@@ -0,0 +1,1680 @@
|
|
|
+<template>
|
|
|
+ <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">
|
|
|
+ <div
|
|
|
+ class="chat-msg-content"
|
|
|
+ id="rongqi"
|
|
|
+ v-for="content in chatContents"
|
|
|
+ :key="content.index"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="content.from == 1"
|
|
|
+ :key="content.id"
|
|
|
+ class="main_answer_right"
|
|
|
+ style="margin-top: 10px"
|
|
|
+ >
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-row v-else style="margin-top: 10px">
|
|
|
+ <el-col :span="10"> </el-col>
|
|
|
+ <el-col :span="14">
|
|
|
+ <div class="main_answer_left" style="float: right">
|
|
|
+ <div class="message-wrapper message-wrapper-right">
|
|
|
+ <div class="message">{{ content.answer }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="img-wrapper">
|
|
|
+ <img
|
|
|
+ width="60px"
|
|
|
+ heigth="60px"
|
|
|
+ class="img"
|
|
|
+ :src="from2"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="smart_line_class"></div>
|
|
|
+ <el-row v-show="inputFlag === 1" class="footSend">
|
|
|
+ <el-col :span="22">
|
|
|
+ <el-input
|
|
|
+ class="xl_input"
|
|
|
+ type="textarea"
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ v-model="desc"
|
|
|
+ show-word-limit
|
|
|
+ @keyup.enter.native="sendMsg"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" style="">
|
|
|
+
|
|
|
+ <!-- {{sendMsgFlag}}
|
|
|
+ {{desc.length>0}}
|
|
|
+ !((!sendMsgFlag)||(desc.length>0)) -->
|
|
|
+ <el-button
|
|
|
+ :disabled="desc.length == 0 || buttonFlag"
|
|
|
+ class="xl_d_send"
|
|
|
+ @click="sendMsg"
|
|
|
+ >发送</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row v-show="inputFlag === 2" class="footSendSelect">
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ <el-col :span="22" style="margin-top: 20px; margin-bottom: 20px">
|
|
|
+ <div>
|
|
|
+ <el-radio
|
|
|
+ style="margin-top: 10px"
|
|
|
+ v-for="(item, index) in scale_checkItems"
|
|
|
+ :key="index"
|
|
|
+ v-model="radio"
|
|
|
+ :label="item"
|
|
|
+ fill="#57ACBB"
|
|
|
+ @change="selectRadio(item)"
|
|
|
+ :disabled="!showPrintFlag"
|
|
|
+ >{{ item }}</el-radio
|
|
|
+ >
|
|
|
+ </div></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-show="inputFlag === 3" class="footSendSelect">
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ <el-col :span="22" style="margin-top: 20px; margin-bottom: 20px">
|
|
|
+ <div>
|
|
|
+ <el-radio
|
|
|
+ :disabled="!(scaleSelectFlag && showPrintFlag)"
|
|
|
+ style="margin-top: 10px"
|
|
|
+ v-for="(item, index) in scale_checkItems"
|
|
|
+ :key="index"
|
|
|
+ v-model="radio"
|
|
|
+ :label="item"
|
|
|
+ fill="#57ACBB"
|
|
|
+ @change="choiceTriger(item)"
|
|
|
+ >{{ item }}</el-radio
|
|
|
+ >
|
|
|
+ </div></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-show="inputFlag === 4" class="footSendSelect">
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ <el-col :span="22" style="margin-top: 20px; margin-bottom: 20px">
|
|
|
+ <div class="smart_mul_button">
|
|
|
+ <el-button @click="isMood(2)">抑郁</el-button>
|
|
|
+ <el-button @click="isMood(1)">焦虑</el-button>
|
|
|
+ <el-button @click="isMood(4)">应激</el-button>
|
|
|
+ <el-button @click="isMood(3)">睡眠</el-button>
|
|
|
+ <!-- <el-checkbox-group v-model="emotionMul">
|
|
|
+ <el-checkbox
|
|
|
+ @change="mulItem(item.name)"
|
|
|
+ v-for="item in scale_MulItems"
|
|
|
+ :label="item.name"
|
|
|
+ :disabled="item.disable"
|
|
|
+ :key="item.name"
|
|
|
+ >{{ item.name }}</el-checkbox
|
|
|
+ >
|
|
|
+ </el-checkbox-group>
|
|
|
+ <el-button
|
|
|
+ @click="selectionComplete"
|
|
|
+ size="mini"
|
|
|
+ class="smart_mul_button_select"
|
|
|
+ :disabled="emotionMul.length == 0"
|
|
|
+ >确认选择</el-button
|
|
|
+ > -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1"> </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import HeadImg from "@/assets/lion.png";
|
|
|
+import HeadImg1 from "@/assets/persion.png";
|
|
|
+import axios from "axios";
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ //是否已婚
|
|
|
+ ////已婚0 未婚 1 离异 2
|
|
|
+ married: "",
|
|
|
+ // this.scale_checkItems = ["抑郁", "焦虑", "压力", "睡眠问题", "无"];
|
|
|
+ emotionMul: [],
|
|
|
+ //多选复制体
|
|
|
+ emotionMulCopy: [],
|
|
|
+ scale_MulItems: [
|
|
|
+ { name: "抑郁", disable: false },
|
|
|
+ { name: "焦虑", disable: false },
|
|
|
+ { name: "压力", disable: false },
|
|
|
+ { name: "睡眠问题", disable: false },
|
|
|
+ { name: "无", disable: false },
|
|
|
+ ],
|
|
|
+ tmpRadio: "",
|
|
|
+ radio: "",
|
|
|
+ inputFlag: 1,
|
|
|
+ desc: "",
|
|
|
+ from1: HeadImg,
|
|
|
+ from2: HeadImg1,
|
|
|
+ chatContents: [],
|
|
|
+ //前三个问题
|
|
|
+ preList: [],
|
|
|
+ questionList: [
|
|
|
+ { index: 1, des: "能描述一下您最近训练的内容吗？", type: "1-2" },
|
|
|
+ { index: 2, des: "关于日常跳伞训练，能说说您的感受吗?", type: "1-2" },
|
|
|
+ {
|
|
|
+ index: 3,
|
|
|
+ des: "关于跨昼夜训练或夜间训练，能说说您的感受吗?",
|
|
|
+ type: "1-2",
|
|
|
+ },
|
|
|
+ { index: 4, des: "您对异地驻训有什么看法？", type: "1-2" },
|
|
|
+ {
|
|
|
+ index: 5,
|
|
|
+ des: "异地驻训对您的生活是否产生了较大影响？如果是的话，请您简单说说产生了哪些有影响。",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 6,
|
|
|
+ des: "能说说您对训练中难以避免受伤的看法吗？",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 7,
|
|
|
+ des: "您对您目前的训练成绩满意吗？有什么对工作安排或任务的意见吗？",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 8,
|
|
|
+ des: "回想一下初次跳伞，您现在的感受是什么？",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 9,
|
|
|
+ des: "您在训练中发生过事故吗？如果有，说说您的感受吧。",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 10,
|
|
|
+ des: "您觉得现在工作或训练强度大吗？说说您的感受吧。",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 11,
|
|
|
+ des: "您在训练中受过伤吗？受伤是否影响到您的职业发展了？简单说说吧、",
|
|
|
+ type: "2-2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 12,
|
|
|
+ des: "目前的生活工作环境您满意吗？能说说您的具体感受吗？",
|
|
|
+ type: "1-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 13,
|
|
|
+ des: "您对正常训练之外的其他日常保障工作有什么意见吗？说说您的感受吧。",
|
|
|
+ type: "2-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 14,
|
|
|
+ des: "您觉得正常训练之外的其他工作影响到你的正常训练了吗？如果是，说说具体原因吧。",
|
|
|
+ type: "2-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 15,
|
|
|
+ des: "工作中有什么让你觉得不高兴的事情吗？简单说说吧",
|
|
|
+ type: "2-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 16,
|
|
|
+ des: "能描述一下您对您目前职业的看法吗？",
|
|
|
+ type: "1-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 17,
|
|
|
+ des: "您在工作中能保持专注吗？描述一下您在工作中的精神状态吧。",
|
|
|
+ type: "1-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 18,
|
|
|
+ des: "您觉得您现在的职级和您付出的努力匹配吗？简单说说您的看法吧。",
|
|
|
+ type: "1-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 19,
|
|
|
+ des: "您觉得您的工作得到了上级的认可吗？简单说说您对上级的看法吧。",
|
|
|
+ type: "1-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 20,
|
|
|
+ des: "您对现在的职业晋升状态满意吗？有什么想法吗？",
|
|
|
+ type: "1-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 21,
|
|
|
+ des: "您觉得您在单位发挥了应有的价值吗？简单说说您的看法吧。",
|
|
|
+ type: "1-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 22,
|
|
|
+ des: "您跟同事之间的关系和谐吗？",
|
|
|
+ type: "1-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 23,
|
|
|
+ des: "能说说您对于同事的看法或者感受吗？",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 24,
|
|
|
+ des: "有什么引起您和同事之间不愉快的事情吗？简单描述一下吧。",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 25,
|
|
|
+ des: "您曾经在单位生过病吗?得到同事的照顾了吗？",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 26,
|
|
|
+ des: "能简单说说您对同事的评价吗？",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 27,
|
|
|
+ des: "能描述一下您对您所在集体的看法吗？",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 28,
|
|
|
+ des: "您对周围的同事有什么不满吗？如果有，说说原因吧。",
|
|
|
+ type: "2-3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 29,
|
|
|
+ des: "简单描述一下您的睡眠质量或者睡眠状况吧。",
|
|
|
+ type: "1-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 30,
|
|
|
+ des: "您的睡眠质量好吗？如果不好，说说原因吧。",
|
|
|
+ type: "1-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 31,
|
|
|
+ des: "您平时有情绪低落的时候吗？如果有的话简单描述一下让您情绪低落的事情吧。",
|
|
|
+ type: "2-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 32,
|
|
|
+ des: "能说说您的未来人生规划吗？",
|
|
|
+ type: "1-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 33,
|
|
|
+ des: "能描述一下您对未来的期望吗？或者对未来的看法。",
|
|
|
+ type: "2-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ //能描述一下您的精神恍状态或身体状态吗
|
|
|
+ index: 34,
|
|
|
+ des: "能描述一下您的精神状态或身体状态吗？",
|
|
|
+ type: "2-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 35,
|
|
|
+ des: "能说说您在工作之外的业余生活吗？",
|
|
|
+ type: "1-4",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 36,
|
|
|
+ des: "您有过在工作期间亲人生病无法照顾的经历吗？对此，您有什么想法呢。",
|
|
|
+ type: "1-5",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 37,
|
|
|
+ des: "您有过在工作期间亲人亡故的经历吗？对此，您有什么想法呢。",
|
|
|
+ type: "2-5",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 38,
|
|
|
+ des: "您对目前从事的工作满意吗？能简答说说您对目前从事工作的看法吗。",
|
|
|
+ type: "2-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 39,
|
|
|
+ des: "您现在的工作压力大吗？能描述一下给您带来压力的事情吗？",
|
|
|
+ type: "2-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 40,
|
|
|
+ des: "您考虑过调动单位吗？如果有，能说说原因吗。",
|
|
|
+ type: "1-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 41,
|
|
|
+ des: "您考虑过调动转业吗？如果有，能说说原因吗。",
|
|
|
+ type: "1-1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 42,
|
|
|
+ des: "能说说您的夫妻关系状况吗？作为一名空降兵，是否影响到您的夫妻关系了？",
|
|
|
+ type: "1-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 43,
|
|
|
+ des: "您的家庭亲子关系和谐吗？孩子能理解您的工作吗？",
|
|
|
+ type: "2-7",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 44,
|
|
|
+ des: "您现在是处于夫妻两地分居状态吗？如果是的话说说您对两地分居的看法吧。",
|
|
|
+ type: "1-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 45,
|
|
|
+ des: "您的工作得到妻子或家人的支持了吗？可以简答描述一下他们吗？",
|
|
|
+ type: "1-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 46,
|
|
|
+ des: "您和配偶之间的沟通顺畅吗？简单描述一下您和配偶之间的沟通状态吧。",
|
|
|
+ type: "1-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 47,
|
|
|
+ des: "配偶能够理解并支持您的工作吗？简单描述一下吧。",
|
|
|
+ type: "1-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 48,
|
|
|
+ des: "您怎么看待为了工作，夫妻两地分居这件事？",
|
|
|
+ type: "2-6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 49,
|
|
|
+ des: "能描述一下您在子女教育上的成就吗？",
|
|
|
+ type: "1-7",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: 50,
|
|
|
+ des: "对于如何平衡工作和家庭，您有什么看法？",
|
|
|
+ type: "2-6",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ //随机的4个数集合
|
|
|
+ radomNumList: [],
|
|
|
+ questionNum: 0,
|
|
|
+
|
|
|
+ //随机4个问题的集合
|
|
|
+ randomQuestion: [],
|
|
|
+ //随机4个答案的集合
|
|
|
+ randomAnswer: [],
|
|
|
+ //全部题目
|
|
|
+ scale_infos: [{ answer: "" }],
|
|
|
+ //题目总数
|
|
|
+ scale_all: 0,
|
|
|
+ scale_checkItems: [],
|
|
|
+ //进度参数
|
|
|
+ scale_percent: [],
|
|
|
+ //
|
|
|
+ scale_index: 0,
|
|
|
+ // 答案数据
|
|
|
+ scale_result: [],
|
|
|
+
|
|
|
+ //检测情绪前的发送数据条数
|
|
|
+ threeAnswers: [],
|
|
|
+
|
|
|
+ //负面情绪标志
|
|
|
+ moonNegative: 0,
|
|
|
+ scale_flag: "",
|
|
|
+ pressure_flag: "",
|
|
|
+ sendMsgFlag: true,
|
|
|
+ scaleSelectFlag: true,
|
|
|
+ printFlag: null,
|
|
|
+ printIndex: 1,
|
|
|
+ showPrintFlag: true,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ mounted() {
|
|
|
+ this.married = sessionStorage.getItem("isMarried");
|
|
|
+ this.init("start");
|
|
|
+
|
|
|
+ // this.selectScale("20220805135201");
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ isMood(id) {
|
|
|
+ this.$router.push({ path: "/menu/treatDepression", query: { id: id } });
|
|
|
+ },
|
|
|
+ mulItem(val) {
|
|
|
+ console.log(this.emotionMul);
|
|
|
+
|
|
|
+ //先判断是否是点击否，如果点击否
|
|
|
+ //则需要判断里边是否存在否
|
|
|
+ //如果里边不存在，选中后其他选项都置为空
|
|
|
+
|
|
|
+ if (val == "无") {
|
|
|
+ console.log(this.emotionMul.indexOf("无") == -1);
|
|
|
+ if (this.emotionMul.indexOf("无") == -1) {
|
|
|
+ //不存在
|
|
|
+ for (let i = 0; i < this.scale_MulItems.length; i++) {
|
|
|
+ this.scale_MulItems[i].disable = false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //存在
|
|
|
+ this.emotionMul = ["无"];
|
|
|
+
|
|
|
+ //scale_MulItems
|
|
|
+ //循环问题
|
|
|
+ for (let i = 0; i < this.scale_MulItems.length; i++) {
|
|
|
+ if (this.scale_MulItems[i].name !== "无") {
|
|
|
+ this.scale_MulItems[i].disable = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ init(val) {
|
|
|
+ if (val === "start") {
|
|
|
+ this.inputFlag = 1;
|
|
|
+ this.chatContents = [
|
|
|
+ {
|
|
|
+ from: 1,
|
|
|
+ question: "欢迎来到智能对话",
|
|
|
+ from1: HeadImg,
|
|
|
+ },
|
|
|
+ //接下来我们将进行测试
|
|
|
+ {
|
|
|
+ from: 1,
|
|
|
+ question: "接下来让我们聊一聊吧",
|
|
|
+ from1: HeadImg,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: "欢迎来到智能对话",
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: "接下来让我们聊一聊吧",
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.desc = "";
|
|
|
+ this.threeAnswers = [];
|
|
|
+ this.questionNum = 0;
|
|
|
+ this.scale_index = 0;
|
|
|
+ this.scale_result = [];
|
|
|
+
|
|
|
+ let contant1 = document.getElementById("contant1");
|
|
|
+ this.sleep(101).then(() => {
|
|
|
+ contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ });
|
|
|
+ this.preList = [];
|
|
|
+ this.getDom();
|
|
|
+ console.log(this.preList);
|
|
|
+
|
|
|
+ //然后根据返回的数字判断取决定取那个列表
|
|
|
+ //然后循环得到判断当前有几个数,
|
|
|
+ //然后取随机数
|
|
|
+ //算的到一个数值
|
|
|
+ //逻辑应该先取6个值
|
|
|
+ // this.radomNumList = this.questionFun();
|
|
|
+ // this.chatContents.push({
|
|
|
+ // from: 1,
|
|
|
+ // question: this.questionList[this.radomNumList[this.questionNum]].des,
|
|
|
+ // from1: HeadImg,
|
|
|
+ // });
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: this.preList[this.threeAnswers.length].des,
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ this.questionNum++;
|
|
|
+ },
|
|
|
+ sleep(time) {
|
|
|
+ return new Promise((resolve) => setTimeout(resolve, time));
|
|
|
+ },
|
|
|
+
|
|
|
+ sendMsg() {
|
|
|
+ //当判断总体上是true时，需要删除就不能发送信息
|
|
|
+
|
|
|
+ if (
|
|
|
+ !(this.sendMsgFlag && this.desc.trim().length > 0 && this.showPrintFlag)
|
|
|
+ ) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.sendMsgFlag = false;
|
|
|
+ let contant1 = document.getElementById("contant1");
|
|
|
+ let tmp = {
|
|
|
+ from: 2,
|
|
|
+ answer: this.desc,
|
|
|
+ from1: HeadImg,
|
|
|
+ };
|
|
|
+ this.chatContents.push(tmp);
|
|
|
+ // 让滚动条始终在最底部
|
|
|
+ this.sleep(101).then(() => {
|
|
|
+ contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ });
|
|
|
+
|
|
|
+ //第一个问题出来后先对答案进行解析
|
|
|
+ this.selectMood(this.desc);
|
|
|
+ this.desc = "";
|
|
|
+ },
|
|
|
+ //调用接口查询情绪
|
|
|
+ selectMood(val) {
|
|
|
+ // http://127.0.0.1:9998/sentiment
|
|
|
+ let that = this;
|
|
|
+ axios
|
|
|
+ .post(`http://192.168.219.88:9999/sentiment`, { text: [val] })
|
|
|
+ .then((res) => {
|
|
|
+ that.sendMsgFlag = true;
|
|
|
+ that.threeAnswers.push(res.data.sentiment);
|
|
|
+ //如果是已婚人员则判断七个中是否存在4个负面情绪
|
|
|
+ //0为已婚人员
|
|
|
+ if (this.married == "0") {
|
|
|
+ //判断当前答案是否够7个
|
|
|
+ //当问题答案等于7时判断当前有几个负面情绪
|
|
|
+ //如果负面情绪小于4则结束对话
|
|
|
+ //如果负面情绪大于等于4则接着问
|
|
|
+ //接着问的情况下当问题等于14是则需要判断后七个是否有4个负面情绪
|
|
|
+ // let num =that.preList.length-7
|
|
|
+ if (that.threeAnswers.length == 7) {
|
|
|
+ that.judgeMood();
|
|
|
+ } else if (that.threeAnswers.length == this.preList.length) {
|
|
|
+ that.judgeMood();
|
|
|
+ } else {
|
|
|
+ that.askQuestions();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (that.threeAnswers.length == 5) {
|
|
|
+ that.judgeMood();
|
|
|
+ } else if (that.threeAnswers.length == this.preList.length) {
|
|
|
+ that.judgeMood();
|
|
|
+ } else {
|
|
|
+ that.askQuestions();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //当回答的答案大于等于3时判断是否结束,当负面情绪大于等于2时
|
|
|
+ judgeMood() {
|
|
|
+ // this.moonNegative = 0;
|
|
|
+ // for (let i = 0; i < this.threeAnswers.length; i++) {
|
|
|
+ // if (
|
|
|
+ // this.threeAnswers[i] === "厌恶" ||
|
|
|
+ // this.threeAnswers[i] === "恐惧" ||
|
|
|
+ // this.threeAnswers[i] === "悲伤" ||
|
|
|
+ // this.threeAnswers[i] === "愤怒"
|
|
|
+ // ) {
|
|
|
+ // this.moonNegative += 1;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ //假如是已婚人员
|
|
|
+ if (this.married == "0") {
|
|
|
+ //根据数组长度判断，当数组长度为7时，需要判断负面情绪是否需要超过4个如果超过4个则继续提问
|
|
|
+ if (this.threeAnswers.length == 7) {
|
|
|
+ //判断有几个负面情绪
|
|
|
+ this.negativeEmo(-1);
|
|
|
+ if (this.moonNegative >= 4) {
|
|
|
+ this.supNegativeEmo();
|
|
|
+ this.askQuestions();
|
|
|
+ } else {
|
|
|
+ this.askEnd("您的心理状态良好请继续保持！");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ }
|
|
|
+ } else if (this.threeAnswers.length == this.preList.length) {
|
|
|
+ //判断有几个负面情绪
|
|
|
+ this.negativeEmo(6);
|
|
|
+
|
|
|
+ let num = Math.ceil((this.preList.length - 7) / 2);
|
|
|
+ if (this.moonNegative >= num) {
|
|
|
+ this.startScale();
|
|
|
+ } else {
|
|
|
+ this.askEnd("您的心理状态良好请继续保持！");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.threeAnswers.length == 5) {
|
|
|
+ //判断有几个负面情绪
|
|
|
+ this.negativeEmo(-1);
|
|
|
+ console.log(this.moonNegative);
|
|
|
+ if (this.moonNegative >= 3) {
|
|
|
+ this.supNegativeEmo();
|
|
|
+ this.askQuestions();
|
|
|
+ } else {
|
|
|
+ this.askEnd("您的心理状态良好请继续保持！");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ }
|
|
|
+ } else if (this.threeAnswers.length == this.preList.length) {
|
|
|
+ //判断有几个负面情绪
|
|
|
+ this.negativeEmo(4);
|
|
|
+ let num = Math.ceil((this.preList.length - 5) / 2);
|
|
|
+ if (this.moonNegative >= num) {
|
|
|
+ this.startScale();
|
|
|
+ } else {
|
|
|
+ this.askEnd("您的心理状态良好请继续保持！");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //根据数组长度判断，当数组长度为14时，需要判断后七个负面情绪是否超过4个如果超过4个则做量表，如果小于4个则不做量表
|
|
|
+
|
|
|
+ //假如时未婚人员
|
|
|
+ //根据数组长度判断，当数组长度为5时，需要判断负面情绪是否需要超过3个如果超过3个则继续提问
|
|
|
+ //根据数组长度判断，当数组长度为10时，需要判断后七个负面情绪是否超过3个如果超过3个则做量表，如果小于3个则不做量表
|
|
|
+
|
|
|
+ // if (this.moonNegative >= val) {
|
|
|
+ // if (val === 2) {
|
|
|
+ // //需要再拿根据情绪生成两个数据
|
|
|
+ // //如果是2个负面
|
|
|
+ // //循环情绪得到判断哪一个是负面情绪
|
|
|
+ // //this.supNegativeEmo()
|
|
|
+ // for (let j = 0; j < this.threeAnswers.length; j++) {
|
|
|
+ // if (
|
|
|
+ // this.threeAnswers[j] === "厌恶" ||
|
|
|
+ // this.threeAnswers[j] === "恐惧" ||
|
|
|
+ // this.threeAnswers[j] === "悲伤" ||
|
|
|
+ // this.threeAnswers[j] === "愤怒"
|
|
|
+ // ) {
|
|
|
+ // this.afterListFun(this.preList[j].type);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // this.askQuestions();
|
|
|
+ // } else {
|
|
|
+ // console.log("需要进行选择提");
|
|
|
+ // this.inputFlag = 4;
|
|
|
+ // //进行提问
|
|
|
+ // this.chatContents.push({
|
|
|
+ // from: 1,
|
|
|
+ // question: "请问您近期是否存在以下方面的困扰(请选择)",
|
|
|
+ // from1: HeadImg,
|
|
|
+ // });
|
|
|
+ // this.scale_MulItems = [
|
|
|
+ // { name: "抑郁", disable: false },
|
|
|
+ // { name: "焦虑", disable: false },
|
|
|
+ // { name: "压力", disable: false },
|
|
|
+ // { name: "睡眠问题", disable: false },
|
|
|
+ // { name: "无", disable: false },
|
|
|
+ // ];
|
|
|
+ // // this.scale_checkItems = ["抑郁", "焦虑", "压力", "睡眠问题", "无"];
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // //发送一条信息说你的心理状态良好
|
|
|
+ // this.askEnd("您的心理状态良好请继续保持！");
|
|
|
+ // this.inputFlag = 0;
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //判断负面负面情绪有几个
|
|
|
+ //当传输参数为-1时是判断全部的负面情绪
|
|
|
+ //当传输参数为6是则是判断的后七位数组的情绪判断
|
|
|
+ negativeEmo(val) {
|
|
|
+ this.moonNegative = 0;
|
|
|
+ for (let i = 0; i < this.threeAnswers.length; i++) {
|
|
|
+ if (
|
|
|
+ this.threeAnswers[i] === "厌恶" ||
|
|
|
+ this.threeAnswers[i] === "恐惧" ||
|
|
|
+ this.threeAnswers[i] === "悲伤" ||
|
|
|
+ this.threeAnswers[i] === "愤怒"
|
|
|
+ ) {
|
|
|
+ if (i > val) {
|
|
|
+ this.moonNegative += 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ supNegativeEmo() {
|
|
|
+ for (let j = 0; j < this.threeAnswers.length; j++) {
|
|
|
+ if (
|
|
|
+ this.threeAnswers[j] === "厌恶" ||
|
|
|
+ this.threeAnswers[j] === "恐惧" ||
|
|
|
+ this.threeAnswers[j] === "悲伤" ||
|
|
|
+ this.threeAnswers[j] === "愤怒"
|
|
|
+ ) {
|
|
|
+ //调用方法进行测试
|
|
|
+ this.afterListFun(this.preList[j].type);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ startScale() {
|
|
|
+ this.inputFlag = 4;
|
|
|
+ //进行提问
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: "请问您近期是否存在以下方面的困扰(请选择)",
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ this.scale_MulItems = [
|
|
|
+ { name: "抑郁", disable: false },
|
|
|
+ { name: "焦虑", disable: false },
|
|
|
+ { name: "压力", disable: false },
|
|
|
+ { name: "睡眠问题", disable: false },
|
|
|
+ { name: "无", disable: false },
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ selectRadio(val) {
|
|
|
+ // this.answerSelect(val);
|
|
|
+
|
|
|
+ //如果是包含 抑郁 焦虑 压力 在这其中，则
|
|
|
+ // if(this.emotionMulCopy.indexOf(val)!=-1){
|
|
|
+ // this.answerSelect(this.emotionMulCopy.toString());
|
|
|
+ // }else{
|
|
|
+ // this.answerSelect(val);
|
|
|
+ // }
|
|
|
+ if (val == "无") {
|
|
|
+ this.answerSelect("无");
|
|
|
+ }
|
|
|
+
|
|
|
+ if (val === "无") {
|
|
|
+ this.askEnd("您可能存在心理健康方面问题，建议寻求专业人员的指导");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ //隐藏选项框和输入框进行提示
|
|
|
+ } else if (val === "睡眠问题") {
|
|
|
+ this.inputFlag = 3;
|
|
|
+ this.askEnd(
|
|
|
+ "为了进一步判断您是否存在睡眠方面的问题,下面我会问您一些问题,请您选择作答"
|
|
|
+ );
|
|
|
+ // this.askEnd("睡眠问卷");
|
|
|
+ this.scale_checkItems = ["好的"];
|
|
|
+ this.inputFlag = 2;
|
|
|
+ this.scale_flag = "20210910163158";
|
|
|
+ // this.selectScale(this.scale_flag);
|
|
|
+ //调用接口睡眠量表
|
|
|
+ } else if (val === "抑郁" || val === "焦虑" || val === "压力") {
|
|
|
+ if (val === "抑郁") {
|
|
|
+ this.pressure_flag = "抑郁";
|
|
|
+ }
|
|
|
+ if (val === "焦虑") {
|
|
|
+ this.pressure_flag = "焦虑";
|
|
|
+ }
|
|
|
+ if (val === "压力") {
|
|
|
+ this.pressure_flag = "压力";
|
|
|
+ }
|
|
|
+ this.inputFlag = 3;
|
|
|
+ this.askEnd(
|
|
|
+ "为了进一步判断您是否存在心理健康方面的问题,下面我会问您一些问题,请您选择作答"
|
|
|
+ );
|
|
|
+ // this.askEnd("抑郁、焦虑、压力问卷");
|
|
|
+ this.scale_checkItems = ["好的"];
|
|
|
+ this.inputFlag = 2;
|
|
|
+ this.scale_flag = "20220805135201";
|
|
|
+ // this.selectScale(this.scale_flag);
|
|
|
+ //调用接口抑郁焦虑压力问卷
|
|
|
+ } else if (val === "好的") {
|
|
|
+ this.inputFlag = 3;
|
|
|
+ // if(this.scale_flag==='20210910163158'){
|
|
|
+
|
|
|
+ // }
|
|
|
+ this.selectScale(this.scale_flag);
|
|
|
+ } else if (val === "是") {
|
|
|
+ //从头开始
|
|
|
+ this.init("reStart");
|
|
|
+ this.inputFlag = 1;
|
|
|
+ } else if (val === "否") {
|
|
|
+ //结束测试
|
|
|
+ this.askEnd("对话结束");
|
|
|
+ this.inputFlag = 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //点击用户选择完毕
|
|
|
+ selectionComplete() {
|
|
|
+ console.log(this.emotionMul);
|
|
|
+ //应该先判断是否包含 抑郁，焦虑，压力
|
|
|
+ //如果包含的话，需要将其存进数组
|
|
|
+ this.emotionMulCopy = [];
|
|
|
+ if (this.emotionMul.indexOf("抑郁") != -1) {
|
|
|
+ this.emotionMulCopy.push("抑郁");
|
|
|
+ }
|
|
|
+ if (this.emotionMul.indexOf("焦虑") != -1) {
|
|
|
+ this.emotionMulCopy.push("焦虑");
|
|
|
+ }
|
|
|
+ if (this.emotionMul.indexOf("压力") != -1) {
|
|
|
+ this.emotionMulCopy.push("压力");
|
|
|
+ }
|
|
|
+ console.log(this.emotionMulCopy);
|
|
|
+ this.judgeNum();
|
|
|
+ //假如选择了一个--不管是无，还是睡眠，还是焦虑
|
|
|
+ },
|
|
|
+ judgeNum() {
|
|
|
+ if (this.emotionMul.length == 1) {
|
|
|
+ let a = this.emotionMul[0];
|
|
|
+ this.selectRadio(a);
|
|
|
+ //清空选项
|
|
|
+ this.emotionMul = [];
|
|
|
+ } else if (this.emotionMul.length > 1) {
|
|
|
+ //判断是否含有睡眠字段
|
|
|
+ //如果含有睡眠字段
|
|
|
+ //且长度大于2时
|
|
|
+ if (this.emotionMul.indexOf("睡眠问题") != -1) {
|
|
|
+ if (this.emotionMul.length > 2) {
|
|
|
+ this.emotionMul = ["抑郁", "睡眠问题"];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.emotionMul = ["抑郁"];
|
|
|
+ }
|
|
|
+
|
|
|
+ //选择的大于1
|
|
|
+ //假如选了两个抑郁，焦虑
|
|
|
+ let aLin = this.emotionMul[0];
|
|
|
+ this.selectRadio(aLin);
|
|
|
+ let a = [];
|
|
|
+ for (let i = 0; i < this.emotionMul.length; i++) {
|
|
|
+ if (i > 0) {
|
|
|
+ a.push(this.emotionMul[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.emotionMul = a;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ choiceTriger(item) {
|
|
|
+ let that = this;
|
|
|
+ that.radioChange(item);
|
|
|
+ },
|
|
|
+ // 选中选项
|
|
|
+ radioChange(item) {
|
|
|
+ this.tmpRadio = item;
|
|
|
+ var scaleInfoTemp = Object.assign({}, this.scale_infos[this.scale_index]);
|
|
|
+ this.radio = "";
|
|
|
+ scaleInfoTemp.checkItems = item;
|
|
|
+ this.scale_result.push(scaleInfoTemp);
|
|
|
+ // bbc测试判断是否展示20~24题
|
|
|
+ if (
|
|
|
+ item != "是" &&
|
|
|
+ this.scale_flag == "20211101163739" &&
|
|
|
+ this.scale_index == 19
|
|
|
+ ) {
|
|
|
+ this.scale_index = 24;
|
|
|
+ for (let i = 20; i < 24; i++) {
|
|
|
+ this.scale_result.push(this.scale_infos[i]);
|
|
|
+ }
|
|
|
+ this.scale_checkItems =
|
|
|
+ this.scale_infos[this.scale_index].checkItems.split("；");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ //如果是单选题
|
|
|
+
|
|
|
+ if (scaleInfoTemp.questionType == "0") {
|
|
|
+ if (this.scale_index <= this.scale_infos.length - 1)
|
|
|
+ this.scale_index += 1;
|
|
|
+ this.answerSelect(this.tmpRadio);
|
|
|
+ //scale_index == 题目总数，表示结束
|
|
|
+ if (this.scale_index == this.scale_infos.length) {
|
|
|
+ this.scale_index -= 1;
|
|
|
+ this.scaleSelectFlag = false;
|
|
|
+
|
|
|
+ //发送测试结果给后台
|
|
|
+ // this.$message({
|
|
|
+ // message: "测试完成，即将生成测试报告！",
|
|
|
+ // type: "success",
|
|
|
+ // });
|
|
|
+
|
|
|
+ // console.log("==--3--------->", this.testPlanId);
|
|
|
+ console.log(
|
|
|
+ "==---4-------->",
|
|
|
+ sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f")
|
|
|
+ );
|
|
|
+ this.$http.post(
|
|
|
+ `v1/result/${this.scale_flag}`,
|
|
|
+ {
|
|
|
+ scale_result: this.scale_result,
|
|
|
+
|
|
|
+ identifier: sessionStorage.getItem("num"),
|
|
|
+ },
|
|
|
+ (res) => {
|
|
|
+ this.next_and_last_button = false;
|
|
|
+
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.resultJson = res.data.data;
|
|
|
+
|
|
|
+ if (this.scale_flag == "20210725100704") {
|
|
|
+ } else {
|
|
|
+ this.getAnswerQuestionPaymentSuccess(this.resultJson);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("访问服务器失败！");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ // 我觉得很难让自己安静下来
|
|
|
+ let a = this.scale_infos[this.scale_index].answer + "";
|
|
|
+ console.log(a);
|
|
|
+ //this.askEnd(this.scale_infos[this.scale_index].answer);
|
|
|
+ this.askEnd(a);
|
|
|
+ this.scale_checkItems =
|
|
|
+ this.scale_infos[this.scale_index].checkItems.split("；");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getAnswerQuestionPaymentSuccess(id) {
|
|
|
+ // sessionStorage.setItem("back_page", "1");
|
|
|
+ let _this = this;
|
|
|
+ _this.$http.post(`v1/record/find/${id}`, {}, (res) => {
|
|
|
+ _this.scaleSelectFlag = true;
|
|
|
+ if (res.data.code == 200 && res.data.data) {
|
|
|
+ _this.resultJsonParams = res.data.data;
|
|
|
+
|
|
|
+ let testResult = JSON.parse(
|
|
|
+ res.data.data.userRecordEntity.testResult
|
|
|
+ )[0].version;
|
|
|
+ if (_this.scale_flag === "20210910163158") {
|
|
|
+ let sleep = JSON.parse(
|
|
|
+ _this.resultJsonParams.userRecordEntity.testResult
|
|
|
+ );
|
|
|
+ sleep = sleep[0].newTableContext.result[0].improvementSuggestions;
|
|
|
+ _this.askEndMul(sleep);
|
|
|
+ if (_this.emotionMul.length == 0) {
|
|
|
+ _this.askEndMul("谢谢使用");
|
|
|
+ _this.inputFlag = 0;
|
|
|
+ } else {
|
|
|
+ _this.judgeNum();
|
|
|
+ }
|
|
|
+ // _this.askEnd("您还想跟我再聊一聊吗?");
|
|
|
+ // this.scale_checkItems = ["是", "否"];
|
|
|
+ // this.inputFlag = 2;
|
|
|
+ } else if (_this.scale_flag === "20220805135201") {
|
|
|
+ let sleep = JSON.parse(
|
|
|
+ _this.resultJsonParams.userRecordEntity.testResult
|
|
|
+ );
|
|
|
+ sleep = sleep[0].tableContext;
|
|
|
+ console.log(sleep);
|
|
|
+ let str = "";
|
|
|
+ for (let i = 0; i < sleep.length; i++) {
|
|
|
+ //if (_this.pressure_flag === "压力") {
|
|
|
+ // if(){}
|
|
|
+ if (sleep[i].name === "压力指导语") {
|
|
|
+ if (_this.emotionMulCopy.indexOf("压力") != -1) {
|
|
|
+ //str = "压力建议:" + sleep[i].value[0] + " ";
|
|
|
+ _this.askEndMul("压力建议:" + sleep[i].value[0] + " ");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //}
|
|
|
+ // if (_this.pressure_flag === "焦虑") {
|
|
|
+ if (sleep[i].name === "焦虑指导语") {
|
|
|
+ if (_this.emotionMulCopy.indexOf("焦虑") != -1) {
|
|
|
+ // str = "焦虑建议:" + sleep[i].value[0] + " ";
|
|
|
+ this.askEndMul("焦虑建议:" + sleep[i].value[0] + " ");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //}
|
|
|
+ //if (_this.pressure_flag === "抑郁") {
|
|
|
+ if (sleep[i].name === "抑郁指导语") {
|
|
|
+ if (_this.emotionMulCopy.indexOf("抑郁") != -1) {
|
|
|
+ //str = "抑郁建议:" + sleep[i].value[0] + " ";
|
|
|
+ this.askEndMul("抑郁建议:" + sleep[i].value[0] + " ");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //}
|
|
|
+ }
|
|
|
+ console.log(sleep);
|
|
|
+ // _this.askEnd(str);
|
|
|
+ if (_this.emotionMul.length == 0) {
|
|
|
+ _this.askEndMul("谢谢使用");
|
|
|
+ _this.inputFlag = 0;
|
|
|
+ } else {
|
|
|
+ _this.judgeNum();
|
|
|
+ }
|
|
|
+ // _this.askEnd("您还想跟我再聊一聊吗?");
|
|
|
+ // this.scale_checkItems = ["是", "否"];
|
|
|
+ // this.inputFlag = 0;
|
|
|
+ // this.inputFlag = 2;
|
|
|
+ }
|
|
|
+ // let testResult = JSON.parse(
|
|
|
+ // res.data.data.userRecordEntity.testResult
|
|
|
+ // )[0].version;
|
|
|
+
|
|
|
+ // if (testResult == 2) {
|
|
|
+ // _this.$router.push({
|
|
|
+ // name: "scaleResultSCl",
|
|
|
+ // params: { tableData: _this.resultJsonParams }
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ // _this.$router.push({
|
|
|
+ // name: "scaleResult",
|
|
|
+ // params: { tableData: _this.resultJsonParams }
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //调用查询量表的接口
|
|
|
+ //20210910163158 睡眠状况自评量表
|
|
|
+ //20220805135201 抑郁-焦虑-压力量表简版（DASS-21）
|
|
|
+
|
|
|
+ selectScale(flag) {
|
|
|
+ this.$http.get(`v1/scale/${flag}`, {}, (res) => {
|
|
|
+ // this.desc = "";
|
|
|
+ // this.threeAnswers = [];
|
|
|
+ // this.questionNum = 0;
|
|
|
+ this.scale_index = 0;
|
|
|
+ this.scale_result = [];
|
|
|
+
|
|
|
+ this.scale_infos = res.data;
|
|
|
+ console.log(this.scale_infos);
|
|
|
+ this.scale_all = this.scale_infos.length;
|
|
|
+ this.askEnd(this.scale_infos[this.scale_index].answer);
|
|
|
+ this.scale_checkItems =
|
|
|
+ this.scale_infos[this.scale_index].checkItems.split("；");
|
|
|
+ console.log(this.scale_checkItems);
|
|
|
+ this.scale_percent = parseInt((this.scale_index + 1) / this.scale_all);
|
|
|
+ this.scale_percent = ((this.scale_index + 1) * 100) / this.scale_all;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ askEndMul(val) {
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: val,
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ this.downPage();
|
|
|
+ },
|
|
|
+
|
|
|
+ downPage() {
|
|
|
+ let contant1 = document.getElementById("contant1");
|
|
|
+ this.sleep(101).then(() => {
|
|
|
+ contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ answerSelect(val) {
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 2,
|
|
|
+ answer: val,
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ askEnd(val) {
|
|
|
+ // this.chatContents.push({
|
|
|
+ // from: 1,
|
|
|
+ // question: val,
|
|
|
+ // from1: HeadImg,
|
|
|
+ // });
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: "",
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ let a = val + "";
|
|
|
+ this.fun1(a);
|
|
|
+ console.log("askEnd");
|
|
|
+ // let contant1 = document.getElementById("contant1");
|
|
|
+ // this.sleep(101).then(() => {
|
|
|
+ // contant1.scrollTop = contant1.scrollHeight;
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ askQuestions() {
|
|
|
+ //每次询问时将回答的值传输给方法
|
|
|
+ //单字逐步显示
|
|
|
+ //调用方法
|
|
|
+
|
|
|
+ // this.chatContents.push({
|
|
|
+ // from: 1,
|
|
|
+ // question: this.preList[this.threeAnswers.length].des,
|
|
|
+ // from1: HeadImg,
|
|
|
+ // });
|
|
|
+ this.chatContents.push({
|
|
|
+ from: 1,
|
|
|
+ question: "",
|
|
|
+ from1: HeadImg,
|
|
|
+ });
|
|
|
+ let a = this.preList[this.threeAnswers.length].des + "";
|
|
|
+ this.fun1(a);
|
|
|
+ console.log("askQuestions");
|
|
|
+ this.questionNum++;
|
|
|
+ },
|
|
|
+ fun1(val) {
|
|
|
+ this.showPrintFlag = false;
|
|
|
+ //+val
|
|
|
+ let a = "...";
|
|
|
+ this.printIndex = 0;
|
|
|
+
|
|
|
+ //判断如果存在printFlag
|
|
|
+ //直接清除该定时器
|
|
|
+ //结果直接给
|
|
|
+ //则直接输出
|
|
|
+ // if (this.printFlag !== null) {
|
|
|
+ // clearInterval(this.printFlag);
|
|
|
+ // this.printFlag = null;
|
|
|
+ // this.chatContents[this.chatContents.length - 1].question = val;
|
|
|
+ // } else {
|
|
|
+ this.printFlag = setInterval(() => {
|
|
|
+ if (this.printIndex < a.length) {
|
|
|
+ this.chatContents[this.chatContents.length - 1].question += a.charAt(
|
|
|
+ this.printIndex
|
|
|
+ );
|
|
|
+ this.printIndex++;
|
|
|
+ } else {
|
|
|
+ clearInterval(this.printFlag);
|
|
|
+ this.chatContents[this.chatContents.length - 1].question = "";
|
|
|
+ this.fun2(val);
|
|
|
+ }
|
|
|
+ }, 300);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ fun2(val) {
|
|
|
+ //+val
|
|
|
+ let a = val;
|
|
|
+ this.printIndex = 0;
|
|
|
+ this.printFlag = setInterval(() => {
|
|
|
+ if (this.printIndex < a.length) {
|
|
|
+ this.chatContents[this.chatContents.length - 1].question += a.charAt(
|
|
|
+ this.printIndex
|
|
|
+ );
|
|
|
+ this.printIndex++;
|
|
|
+ this.downPage();
|
|
|
+ } else {
|
|
|
+ clearInterval(this.printFlag);
|
|
|
+ this.printFlag = null;
|
|
|
+ this.showPrintFlag = true;
|
|
|
+ }
|
|
|
+ }, 60);
|
|
|
+ },
|
|
|
+
|
|
|
+ goBack() {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ //判断是否是是已婚
|
|
|
+ //如果是已婚
|
|
|
+ //取随机数1-5否则取1-7
|
|
|
+ //格式为需要新加一个情绪判断
|
|
|
+ getDom() {
|
|
|
+ //判断是否是已婚
|
|
|
+ ////已婚0 未婚 1 离异 2
|
|
|
+
|
|
|
+ if (this.married == "0") {
|
|
|
+ //从7个中抽取3个
|
|
|
+ this.getDomList([1, 2, 3, 4, 5, 6, 7]);
|
|
|
+ } else {
|
|
|
+ //从5个中抽取三个
|
|
|
+ this.getDomList([1, 2, 3, 4, 5]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //val抽取几个,totol总共数据
|
|
|
+ getDomList(arr) {
|
|
|
+ let stack = [];
|
|
|
+ while (arr.length) {
|
|
|
+ let index = parseInt(Math.random() * arr.length);
|
|
|
+ stack.push(arr[index]);
|
|
|
+ arr.splice(index, 1);
|
|
|
+ }
|
|
|
+ //循环的数组的到想要的那三个问题
|
|
|
+ for (let i = 0; i < stack.length; i++) {
|
|
|
+ this.switchFun(stack[i]);
|
|
|
+ }
|
|
|
+ return stack;
|
|
|
+ },
|
|
|
+
|
|
|
+ afterListFun(val) {
|
|
|
+ let listLin = [];
|
|
|
+ //this.preList[val].type
|
|
|
+ switch (val) {
|
|
|
+ case "1-1":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-1") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-2":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-2") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-3":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-3") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-4":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-4") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-5":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-5") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-6":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-6") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "1-7":
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "2-7") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ console.log(this.preList);
|
|
|
+ },
|
|
|
+ switchFun(val) {
|
|
|
+ let listLin = [];
|
|
|
+ console.log(val);
|
|
|
+ // let listOne = [];
|
|
|
+ // if (numKey == 1) {
|
|
|
+ // listOne = ["1-1", "1-2", "1-3", "1-4", "1-5", "1-6", "1-7"];
|
|
|
+ // } else {
|
|
|
+ // listOne = ["2-1", "2-2", "2-3", "2-4", "2-5", "2-6", "2-7"];
|
|
|
+ // }
|
|
|
+ switch (val) {
|
|
|
+ case 1:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-1") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-2") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-3") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-4") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-5") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 6:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-6") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 7:
|
|
|
+ {
|
|
|
+ for (let i = 0; i < this.questionList.length; i++) {
|
|
|
+ if (this.questionList[i].type == "1-7") {
|
|
|
+ listLin.push(this.questionList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //根据获数组长度获取随机数
|
|
|
+ let len = parseInt(Math.random() * listLin.length);
|
|
|
+ this.preList.push(listLin[len]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ questionFun() {
|
|
|
+ let tmp = [];
|
|
|
+ let value = null;
|
|
|
+ let flag = true;
|
|
|
+ while (flag) {
|
|
|
+ if (tmp.length === 0) {
|
|
|
+ value = Math.floor(Math.random() * 49);
|
|
|
+ tmp.push(value);
|
|
|
+ } else {
|
|
|
+ value = Math.floor(Math.random() * 49);
|
|
|
+ let repeat = false; //是否重复
|
|
|
+ for (let i = 0; i < tmp.length; i++) {
|
|
|
+ if (value == tmp[i]) {
|
|
|
+ repeat = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!repeat && tmp.length < 5) {
|
|
|
+ tmp.push(value);
|
|
|
+ if (tmp.length === 5) {
|
|
|
+ flag = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return tmp;
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+.mainTable-top {
|
|
|
+ margin-top: 5%;
|
|
|
+}
|
|
|
+.mainTable-top-two {
|
|
|
+ margin-top: 10%;
|
|
|
+}
|
|
|
+.mainTable-tab {
|
|
|
+ cursor: pointer;
|
|
|
+ margin-left: 100px;
|
|
|
+ margin-right: 100px;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 1px solid #000000;
|
|
|
+ text-align: center;
|
|
|
+ height: 150px;
|
|
|
+ margin-bottom: 100px;
|
|
|
+}
|
|
|
+.mainTable-tab-p {
|
|
|
+ padding-top: 40px;
|
|
|
+}
|
|
|
+.musicTitle {
|
|
|
+ display: block;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #57acbb;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+.main_answer_left {
|
|
|
+ display: flex;
|
|
|
+ /* text-align: left; */
|
|
|
+}
|
|
|
+.main_answer_right {
|
|
|
+ display: flex;
|
|
|
+ /* text-align: right; */
|
|
|
+}
|
|
|
+.message-wrapper {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+.message-wrapper-left {
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ /* border-radius: 0 1rem 1rem 1rem; */
|
|
|
+ max-width: 20.86667rem;
|
|
|
+ display: inline-table;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.message-wrapper-right {
|
|
|
+ /* border-radius: 1rem 0 1rem 1rem; */
|
|
|
+ margin-right: 10px;
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ max-width: 20.86667rem;
|
|
|
+ display: inline-table;
|
|
|
+ background-color: #1fd18e;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.message {
|
|
|
+ word-break: break-all;
|
|
|
+ padding: 10px;
|
|
|
+ /* font-size: 20px; */
|
|
|
+}
|
|
|
+.main_right_height {
|
|
|
+ height: 100vh !important;
|
|
|
+ display: block !important;
|
|
|
+ overflow-y: auto !important;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.xl_d_button {
|
|
|
+ background: rgb(87, 172, 187);
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ width: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.xl_d_button:hover {
|
|
|
+ background: rgb(87, 172, 187);
|
|
|
+ opacity: 1;
|
|
|
+ /* border-radius: 18px; */
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+.xl_d_button:focus {
|
|
|
+ background: rgb(87, 172, 187);
|
|
|
+ opacity: 1;
|
|
|
+ /* border-radius: 18px; */
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+.refrshSmart {
|
|
|
+ float: right;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.xl_input >>> .el-input__inner {
|
|
|
+ border: 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: #f4f4f4;
|
|
|
+}
|
|
|
+.footSend {
|
|
|
+ background: #ffffff;
|
|
|
+ position: absolute;
|
|
|
+ height: 80px;
|
|
|
+ margin-left: 2%;
|
|
|
+ width: 90%;
|
|
|
+ border-radius: 14px;
|
|
|
+ bottom: 50px;
|
|
|
+}
|
|
|
+.footSend >>> .el-textarea__inner {
|
|
|
+ border: 0px solid #ffffff !important;
|
|
|
+ border-radius: 14px !important;
|
|
|
+}
|
|
|
+.footSendSelect {
|
|
|
+ background: #ffffff;
|
|
|
+
|
|
|
+ padding-bottom: 40px;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0px;
|
|
|
+}
|
|
|
+.xl_d_send {
|
|
|
+ margin-top: 18px;
|
|
|
+ color: #087b50;
|
|
|
+ background: #c6f0ed !important;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: center;
|
|
|
+ border: 0px;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+.xl_d_send:hover {
|
|
|
+ margin-top: 18px;
|
|
|
+ color: #087b50;
|
|
|
+ background: #c6f0ed !important;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+.xl_d_send:focus {
|
|
|
+ margin-top: 18px;
|
|
|
+ color: #087b50;
|
|
|
+ background: #c6f0ed !important;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+.xl_d_send.is-disabled,
|
|
|
+.xl_d_send.is-disabled:hover,
|
|
|
+.xl_d_send.is-disabled:focus {
|
|
|
+ margin-top: 18px;
|
|
|
+ color: #087b50;
|
|
|
+ background: #c6f0ed !important;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.smart_mul_button {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.smart_mul_button_select {
|
|
|
+ background: rgb(87, 172, 187) !important;
|
|
|
+ opacity: 1;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ /* font-size: 20px; */
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.smart_mul_button_select:hover {
|
|
|
+ background: rgb(87, 172, 187) !important;
|
|
|
+ opacity: 1;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ /* font-size: 20px; */
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.smart_mul_button_select:focus {
|
|
|
+ background: rgb(87, 172, 187) !important;
|
|
|
+ opacity: 1;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ /* font-size: 20px; */
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.smart_line_class {
|
|
|
+ /* background: #BBC5D4; */
|
|
|
+ position: absolute;
|
|
|
+ height: 1px;
|
|
|
+ margin-left: 2%;
|
|
|
+ width: 90%;
|
|
|
+ border-radius: 14px;
|
|
|
+ bottom: 150px;
|
|
|
+ border-bottom: 1px solid #bbc5d4;
|
|
|
+}
|
|
|
+.smart_content {
|
|
|
+ height: 88%;
|
|
|
+ margin-top: 5%;
|
|
|
+ width: 94%;
|
|
|
+ margin-left: 3%;
|
|
|
+ border-radius: 40px;
|
|
|
+ background: #f6f6f6;
|
|
|
+}
|
|
|
+.chat-window {
|
|
|
+ height: 70vh;
|
|
|
+ overflow: auto;
|
|
|
+ /* overflow-y:hidden; */
|
|
|
+}
|
|
|
+</style>
|
