feat: 大量优化和bug修复

app/components/dashboard/QaRecordsTable.vue

@@ -146,7 +146,7 @@ const getQuestionTypeLabel = (type: string) => {
         <template #options="{ row }">
           <TooltipCom side="top" align="start">
             <template #trigger>
-              <div class="max-w-md cursor-default truncate">
+              <div class="max-w-md cursor-pointer truncate">
                 <template v-if="row.options">
                   <template
                     v-for="(line, i) in getOptionLines(
@@ -155,17 +155,18 @@ const getQuestionTypeLabel = (type: string) => {
                     )"
                     :key="i"
                   >
-                    <span v-if="i > 0" class="text-muted-foreground"
-                      >&nbsp;</span
-                    >
+                    <span v-if="i > 0" class="text-muted-foreground">
+                      &nbsp;
+                    </span>
                     <span
                       :class="
                         line.isCorrect
                           ? 'text-green-500 font-medium'
                           : 'text-muted-foreground'
                       "
-                      >{{ line.text }}</span
                     >
+                      {{ line.text }}
+                    </span>
                   </template>
                 </template>
                 <span v-else class="text-muted-foreground">-</span>
@@ -181,6 +182,7 @@ const getQuestionTypeLabel = (type: string) => {
                   row.answer ?? ''
                 )"
                 :key="i"
+                class="whitespace-pre-wrap mb-2 border rounded-lg px-2 py-1 last:mb-0 min-w-16"
                 :class="line.isCorrect ? 'text-green-500 font-medium' : ''"
               >
                 {{ line.text }}