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-group v-model="index" direction="horizontal" @change="changeChart">
-        <van-radio v-for="(item, index) in tableData.option" icon-size="0.45rem" :name="index">{{
+        <van-radio
-          item.option
+          v-for="(item, index) in tableData.option"
-        }}</van-radio>
+          :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">{{
+      <el-tag type="success" size="small">
-        questionTypeMap.get(analysis.question_type as number)
+        {{ questionTypeMap.get(analysis.question_type as number) }}
-      }}</el-tag>
+      </el-tag>
       <el-text>{{ analysis.stem }}</el-text>
 
       <!-- 问题图表部分 -->
@@ -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
         });
       }
     });