fix 解决方案详情页接口结构修改联调

 <!--
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-04 16:24:25
+ * @LastEditTime: 2024-12-05 09:52:17
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
 -->
@@ -33,8 +33,7 @@
         </el-col>
         <el-col :span="12" class="brief-introduction">
           <div class="intro-box">
-            <p v-html="case_info.category_description"></p>
-            <!-- <i class="el-icon-right"></i> -->
+            <p v-html="category_description"></p>
           </div>
         </el-col>
       </el-row>
@@ -49,8 +48,8 @@
       </div>
       <div class="brief-introduction xs">
         <div class="intro-box xs">
-          <hager-h1 title="学校解决方案" sub="Electronic solutions"></hager-h1>
-          <p style="margin: 2rem 0;" v-html="case_info.post_description"></p>
+          <hager-h1 :title="case_info.category_name" :sub="case_info.category_name_en"></hager-h1>
+          <div style="margin: 2rem 0;" v-html="category_description"></div>
           <!-- <i class="el-icon-right"></i> -->
         </div>
       </div>
@@ -208,6 +207,7 @@ export default {
       productSlidesPerView: 4,
       case_list: [],
       current_id: '',
+      category_description: '',
     }
   },
   async mounted () {
@@ -215,10 +215,11 @@ export default {
     if (code) {
       this.case_info = data;
       this.case_banner = data.file?.banner ? data.file?.banner[0] : 'https://cdn.ipadbiz.cn/hager/banner/banner08.png';
-      this.case_img = data.file?.img ? data.file?.img : ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'];
       this.case_list = data.list;
       this.current_id = this.case_list[0]['id'];
       this.success_data_list = this.case_list[0].list ?? [];
+      this.category_description = this.case_list[0].category_description ?? '';
+      this.case_img = this.case_list[0].file?.img ? this.case_list[0].file?.img : ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'];
       this.product_list = this.case_list[0].product ?? [];
     }
     this.$nextTick(() => {
@@ -285,6 +286,8 @@ export default {
     changeCase (v, idx) {
       this.current_id = this.case_list[idx]['id'];
       this.success_data_list = this.case_list[idx].list ?? [];
+      this.category_description = this.case_list[idx].category_description ?? '';
+      this.case_img = this.case_list[idx].file?.img ? this.case_list[idx].file?.img : ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'];
       this.product_list = this.case_list[idx].product ?? [];
       this.activeSuccessIndex = 0
       this.activeProductIndex = 0
@@ -337,6 +340,7 @@ export default {
       margin-top: 2rem;
       &.xs {
         padding: 2rem;
+        display: block;
       }
       i {
         color: @primary-color;