Browse Source

修改样式

yangg 1 month ago
parent
commit
e2247193e6
1 changed files with 51 additions and 16 deletions
  1. 51 16
      src/views/JobApplication/report/report.vue

+ 51 - 16
src/views/JobApplication/report/report.vue

@@ -531,9 +531,23 @@
                  :key="fIndex" 
                  class="">
                  <div class="flex items-start  space-x-2 pb-4" >
-                  <div class="px-2 py-1 rounded text-sm" style="font-size: 14px; font-weight: 600; font-family: 微软雅黑;">提问回答{{ fIndex + 1 }}:</div>
+                 <!--  {{ JSON.stringify(followUp.user_text) }} -->
+                  <div class="px-2 py-1 rounded text-sm" style="font-size: 14px; font-weight: 600; font-family: 微软雅黑;">候选人提问:</div>
                   <div class="flex-1">
-                    <span class="text-gray-800 color-black " style="font-size: 14px;">{{ followUp.ai_reply }}</span>
+                    <span class="text-gray-800 color-black " style="font-size: 14px;">{{ followUp.user_text }}</span>
+                  </div>
+                </div>
+                <div class="bg-white p-4 rounded-xl mb-4">
+                  <div class="">
+                    <div class="flex flex-col space-x-2">
+                      <div class="px-2 py-1 rounded text-sm" id="candidate-answer" style="font-size: 14px;">智能体回答:</div>
+                      <div class="flex-1">
+                        <p class="text-gray-700 mb-0" style="font-size: 14px; line-height: 20px;  color: #808080;">{{ followUp.ai_reply }}</p>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div>
                   </div>
                 </div>
                  <!-- <div class="flex-1">
@@ -1239,7 +1253,24 @@ export default {
             }
           }
           // 更新追问题列表
-          this.followUpQuestions = applicationData.follow_up_records || []
+          this.followUpQuestions = applicationData.follow_up_records.map(item => {
+            let parsedUserText = null;
+            try {
+              // 尝试解析user_text字符串为对象
+              parsedUserText = JSON.parse(item.user_text.replace(/'/g, '"'));
+            } catch (error) {
+              console.error('Failed to parse user_text:', error);
+            }
+            
+            // 获取text值并去除双引号
+            const textValue = parsedUserText?.text || item.user_text;
+            const cleanText = textValue.replace(/^"|"$/g, ''); // 去除开头和结尾的双引号
+            
+            return {
+              ...item,
+              user_text: cleanText
+            }
+          });
           console.log(this.followUpQuestions)
           // 添加获取问答记录的逻辑
           if (data.data?.interview_progress) {
@@ -2095,8 +2126,21 @@ export default {
             padding: 2px 8px;
             font-size: 12px;
             color: #fff;
-            background: #F56C6C;
+            background: #F56C6C;  // 默认背景色
             border-radius: 2px;
+
+            // 添加打印时的特殊样式
+            @media print {
+              background: none !important;  // 移除打印时的背景色
+              color: #F56C6C !important;   // 使用对应的文字颜色
+              border: 1px solid #F56C6C;   // 添加边框来区分
+
+              &[style*="background:#67C23A"] {
+                background: none !important;
+                color: #67C23A !important;
+                border: 1px solid #67C23A;
+              }
+            }
           }
         }
 
@@ -2326,9 +2370,8 @@ export default {
         height: 91%;
         border-left: 1px solid #e1e1e1;
         position: absolute;
-        left: 10%;
-        
-        margin-left: 20px;
+        left: 12%;
+    margin-left: 16px;
       }
         .line_left {
           width: 1px;
@@ -2381,7 +2424,7 @@ export default {
           :deep(.el-progress) {
             .el-progress-bar__outer {
               background-color: #E5E5E5 !important;
-              height: 6px !important;
+              /* height: 6px !important; */
             }
 
             .el-progress-bar__inner {
@@ -2390,14 +2433,9 @@ export default {
             }
             
             .el-progress__text {
-              position: absolute;
-              right: -45px;
-              top: 50%;
-              transform: translateY(-50%);
               color: #666;
               font-size: 14px !important;
               white-space: nowrap;
-              min-width: 40px;
               margin-left: 5px; // 增加与进度条的间距
             }
           }
@@ -3398,7 +3436,6 @@ export default {
 .qa-section {
   margin-top: 30px;
   padding: 20px;
-  padding-bottom:0px;
   background: #f8f8f8;
   border-radius: 8px;
 
@@ -3579,8 +3616,6 @@ export default {
   .el-progress__text {
     font-size: 12px !important;
     color: #808080 !important;
-    position: absolute !important;
-    right: -45px !important;
     margin-left: 5px !important;
   }