修改菜单

src/views/productInfo.vue

@@ -9,13 +9,16 @@
       <div class="name">技术参数</div>
     </div>
     <div class="left">
-      <div v-for="i in contentList" style="margin-bottom: 40px;width: 100%">
+      <div
+          v-for="i in ((contentList||{}).hwProductInfoDetailList||[]).filter(v => v.configModel === '13').sort((a, b) => a.productInfoOrder - b.productInfoOrder)"
+          style="margin-bottom: 40px;width: 100%">
         <div class="info2">
           <div class="name2">{{ i.productInfoDetailTitle }}</div>
         </div>
         <div style="height: auto">
-          <div style="width: calc(50% - 2px);display: inline-block;height: 100%;" v-if="ii in i.children">
+          <div style="width: calc(50% - 2px);display: inline-block;height: 100%;" v-for="ii in i.children">
-            <div class="tabl">{{ ii.productInfoDetailTitle }}</div>
+            <div class="tabl">
+              {{ ii.productInfoDetailTitle }}
             </div>
             <div class="tabr">
               <span>
@@ -25,11 +28,13 @@
           </div>
         </div>
       </div>
+    </div>
     <div class="right">
       <div class="info2">
         <div class="name2">产品图示</div>
       </div>
-      <div v-for=" i  in (contentList||[]).map(e=>e.productInfoDetailPic)">
+      <div
+          v-for=" i  in contentList1">
         <img :src="i.productInfoDetailPic" alt=""
              style="width: 100%">
       </div>
@@ -83,7 +88,8 @@ export default {
       tabsActive: 0,
       tabsList: [],
       configTypeId: 0,
-      contentList: []
+      contentList: {},
+      contentList1: {}
     }
   },
   mounted() {
@@ -101,8 +107,10 @@ export default {
         configTypeId: this.$route.query.id,
         // parentId: 0
       }).then(e => {
-        this.contentList = e.data?.[0]?.hwProductInfoDetailList.filter(v => v.configModal === '13').sort((a, b) => a.productInfoOrder - b.productInfoOrder)?.[0]
+        this.contentList = e.data?.[0];
+        this.contentList1 = e.data?.[0]?.hwProductInfoDetailList.filter(v => v.configModel === '13').sort((a, b) => a.productInfoOrder - b.productInfoOrder)
         console.log(this.contentList)
+        console.log(this.contentList1)
       })
     },
     getData() {
@@ -183,7 +191,7 @@ export default {
   }
 
   .tabr {
-    width: calc(50% - 2px);
+    width: 100%;
     display: inline-block;
     text-align: center;
     line-height: 44px;