fix(report):修复基因风格展示逻辑

- 将基因风格相关属性从 styleType 切换为 collect 数据源
-修复性别字段绑定不一致的问题- 统一使用可选链操作符避免潜在的 undefined 错误
- 确保图片 URL 和风格类型正确传递给子组件
-修复底部图片组件中的性别属性绑定问题

pages/report/index.vue

@@ -28,13 +28,13 @@
         <view class="style-type">
           <!--          基因风格-->
           <genetic-style
-            :gender="styleType.gender"
+            :gender="collect?.sex"
             :pic-list="[
-              styleType.eye_img_url ?? '',
+              collect?.eye_img_url ?? '',
-              styleType.triangular_area_img_url ?? '',
+              collect?.triangular_area_img_url ?? '',
-              styleType.full_face_img_url ?? '',
+              collect?.full_face_img_url ?? '',
             ]"
-            :styleType="styleType.type"
+            :styleType="collect?.基因风格"
           />
           <!--          肤色-->
           <SkinColor :skinColor="styleType?.complexion" />
@@ -76,7 +76,7 @@
           <BottomPic
             :style-type="styleType?.type"
             :psychological-style="styleType?.psychological_style"
-            :gender="styleType.gender"
+            :gender="styleType?.gender"
           />
         </view>
       </view>