优化了样式

src/views/DetailView.vue

@@ -13,7 +13,7 @@ const selectedNature = ref(null);
 const selectedRounds = ref(0);
 
 const roleOptions = [
-  { text: "销售经理", value: "销售经理" },
+  { text: "20岁年轻人", value: "20岁年轻人" },
 ];
 
 const roundsOptions = [
@@ -81,12 +81,7 @@ onMounted(() => {
         <div class="p_content">
           <span class="bg">背景：</span>
           <span
-            >由于人员变动，晨会上高级将一直没有入网的吉利直营店分配给你维护。
-            初次拜访时，店里的金融负责人吴经理不在，打听得知直营店向来只和银行合作，过不了的单子才会找外部金融消化。
-            店里主推低价格产品方案，为了提升市场竞争力，有的车型降价幅度非常大，大大减少了单车的利润。
-            虽然店里的单子有金融专员跟进客户处理，但金融订单都是吴经理负责分配，提报银行通过的订单，吴经理有额外的激励。
-            旺季来了，吴经理想要提升店端的利润，让销售出谋划策。
-            于是，你计划再次拜访吴经理。
+            >客户是一名20岁在昆明务工人员，户籍云南昭通镇雄县。近期通过刷抖音平台汽车直播时，注意我们云南二网汽贸店的直播，听到直播间内的车型车价介绍后十分感兴趣，因此选择在直播间内留资。店内将线索分配给你，现在你需要在前期的电话及微信等渠道与客户沟通，在过程中解答客户疑问，建立基木信任并发觉客户真实购车需求。
           </span>
         </div>
       </div>

src/views/HomeView.vue

@@ -89,12 +89,16 @@ p {
   margin: 0;
   padding: 0;
 }
+
 html {
-  touch-action: manipulation; /* 禁止双指缩放 */
+  touch-action: manipulation;
+  /* 禁止双指缩放 */
 }
+
 @media (max-width: 767px) {
   html {
-    touch-action: pan-y; /* 允许垂直滚动，禁止水平滚动和缩放 */
+    touch-action: pan-y;
+    /* 允许垂直滚动，禁止水平滚动和缩放 */
   }
 }
 
@@ -208,7 +212,7 @@ html {
     }
 
     .card_item {
-      width: 9.88rem;
+      width: 47%;
       height: 13.75rem;
       background-color: rgba(255, 255, 255, 1);
       box-shadow: 0rem 0.06rem 0.88rem 0rem rgba(0, 1, 130, 0.08);
@@ -240,6 +244,12 @@ html {
         margin-left: 0.63rem;
       }
     }
+    // @media (min-width: 600px) {
+    //   .card {
+    //     width: 50%;
+    //     height: 400px;
+    //   }
+    // }
   }
 }
 </style>

src/views/ResultView.vue

@@ -60,7 +60,7 @@ const handleResult = async () => {
       //   }
       return acc;
     }, {});
-
+    console.log(scoresList.value,'000000000');
     const obj = extractScores(scoresList.value);
     randarlist.value = Object.values(obj);
   }
@@ -69,8 +69,12 @@ const handleResult = async () => {
 // 处理“分”字
 const extractScores = (data) => {
   return Object.values(data).map((item) => {
-    // 去除可能的"分"字，然后转换为整数
-    return parseInt(item.score.replace("分", ""), 10);
+    // 确保 score 是一个字符串，并且去除可能的 "分" 字
+    let scoreStr = String(item.score).replace("分", "");
+    
+    // 将 score 转换为整数，如果转换失败则返回 0
+    const score = parseInt(scoreStr, 10);
+    return isNaN(score) ? 0 : score;
   });
 };