From eccf205e65f12515e1839a80fc3d1c451e6d6b69 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Sun, 25 May 2025 20:43:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=88=86=E6=9E=90=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整了 Analysis 组件中 radio 组的样式，增加了换行和 key 属性
- 优化了 AnalysisInfo 组件中的标签和表格布局
---
 src/components/Analysis/Index.vue                   | 13 +++++++++----
 .../Analysis/components/AnalysisInfo/Index.vue      | 10 +++++-----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/Analysis/Index.vue b/src/components/Analysis/Index.vue
index 2b7c836..eb21420 100644
--- a/src/components/Analysis/Index.vue
+++ b/src/components/Analysis/Index.vue
@@ -71,10 +71,15 @@ const changeChart = (i: number) => {
 <template>
   <section>
     <div v-if="dimension" style="margin: 10px 0">
-      <van-radio-group v-model="index" @change="changeChart" direction="horizontal">
-        <van-radio v-for="(item, index) in tableData.option" icon-size="0.45rem" :name="index">{{
-          item.option
-        }}</van-radio>
+      <van-radio-group v-model="index" direction="horizontal" @change="changeChart">
+        <van-radio
+          v-for="(item, index) in tableData.option"
+          :key="index"
+          icon-size="0.45rem"
+          :name="index"
+        >
+          {{ item.option }}
+        </van-radio>
       </van-radio-group>
     </div>
 
diff --git a/src/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue b/src/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue
index 5bfa064..b04f159 100644
--- a/src/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue
+++ b/src/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue
@@ -4,9 +4,9 @@
     <section v-for="analysis in questionAnalysis" :key="analysis.stem" class="mt10">
       <!-- {{ analysis }} -->
       <!-- 问题标题 -->
-      <el-tag type="success" size="small">{{
-        questionTypeMap.get(analysis.question_type as number)
-      }}</el-tag>
+      <el-tag type="success" size="small">
+        {{ questionTypeMap.get(analysis.question_type as number) }}
+      </el-tag>
       <el-text>{{ analysis.stem }}</el-text>
 
       <!-- 问题图表部分 -->
@@ -27,7 +27,7 @@
         <empty-container :error-msg="'本题暂无有效答题数据'" :img-src="emptyImg" />
       </section>
     </section>
-    <!-- <section v-else>             
+    <!-- <section v-else>
       <empty-container />
     </section> -->
   </div>
@@ -61,7 +61,7 @@ const getTableHeadProps = (values: any[], option: any[]): TablePropsType[] => {
         head.push({
           label: item.title,
           prop: item.key,
-          width: values.length < 3 ? width.value / values.length : 120
+          width: values.length < 5 ? width.value / values.length : 100
         });
       }
     });