refactor(components): 优化分析组件的样式和布局

-调整了 Analysis 组件中 radio 组的样式，增加了换行和 key 属性
- 优化了 AnalysisInfo 组件中的标签和表格布局

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>
 

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
         });
       }
     });