[feat][环境探索][对比功能]

src/api/xjc-integratedmachine/environment/common.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+// 获取对比实体
+export function getCompareList(data) {
+    return request({
+        url: '/integratedmachine/smo/compare/list',
+        method: 'get',
+        params : data
+    })
+}
+
+// 添加对比
+export function addCompare(data) {
+    return request({
+        url: '/integratedmachine/smo/compare/add',
+        method: 'post',
+        data : data
+    })
+}
+
+// 获取对比数量
+export function getCompareSize(data) {
+    return request({
+        url: '/integratedmachine/smo/compare/size',
+        method: 'get',
+        params : data
+    })
+}

src/views/xjc-integratedmachine/environment/ai_interview/ai_career_interview_chat.vue

@@ -75,6 +75,19 @@
                     </div>
                 </div>
             </div>
+            <div class="question-tip-box" ref="questionTipBoxRef" v-if="showQuestionTipBoxFlag">
+                <div>
+                    <div style="display: flex;justify-content: space-between;align-items: center">
+                        <div class="tip-title">你可以选择以下问题</div>
+                        <div>X</div>
+                    </div>
+                    <div style="display: flex;align-items: center;flex-wrap: wrap">
+                        <div class="tip-item">
+                            1.心理抑郁了怎么办？
+                        </div>
+                    </div>
+                </div>
+            </div>
             <div class="input-component">
                 <div class="input-search">
                     <el-input
@@ -150,6 +163,9 @@
     // 推荐问题
     let questionBankList = ref([])
 
+    // 显示提示
+    let showQuestionTipBoxFlag = ref(true)
+    //
     const HELLO_MSG = '你是谁？'
     // 查看所有聊天记录
     function list() {
@@ -1028,7 +1044,38 @@
             width: 150px;
         }
     }
-    .iat-box-active{
-
+    .question-tip-box{
+        width: 1346px;
+        height: 100px;
+        z-index: 10;
+        position: absolute;
+        right: 68px;
+        bottom: 100px;
+
+        .tip-title{
+            font-weight: 400;
+            font-size: 24px;
+            color: #000000;
+            line-height: 40px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+        }
+        .tip-item{
+            height: 41px;
+            background: #E9FBFF;
+            border-radius: 35px 35px 35px 35px;
+            border: 1px solid #8CE349;
+            padding: 0 20px;
+            font-weight: 400;
+            font-size: 24px;
+            color: #7D7C7C;
+            line-height: 40px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+            cursor: pointer;
+        }
     }
+
 </style>