修改菜单显示

src/views/contactUs/companyProfile.vue

@@ -63,7 +63,7 @@ export default {
 .content {
   display: inline-block;
   width: 62vw;
-  //height: 20.1vw;
+  height: 20.1vw;
   border: 1px solid #ccc3;
   margin-top: 3.7vw;
   margin-bottom: 5.2vw;
@@ -97,12 +97,13 @@ export default {
 
     .contentInfo {
       text-align: left;
-      //position: absolute;
-      margin-top: 16.5%;
+      position: absolute;
+      top: 34.6%;
       width: 78%;
-      margin-left: 50%;
-      //height: 11vw;
-      //overflow: hidden;
+      left: 50%;
+      height: 11vw;
+      overflow: hidden;
+      -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       letter-spacing: 2.5px;
       font-size: 0.8vw;
@@ -115,9 +116,6 @@ export default {
     display: inline-block;
     width: 35%;
     height: 100%;
-    margin-top: 50%;
-    transform: translateY(-50%);
-    vertical-align: top;
   }
 }
 </style>

src/views/productCenter/index.vue

@@ -32,8 +32,8 @@
                                :data="i"/>
         <platformFeatures class="platformFeatures" :configTypeId="configTypeId" v-if="i.configModal === '7'" :data="i"/>
         <HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8'  " :data="i"/>
-        <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/>
-        <!--        <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9' && k===2" :data="i"/>-->
+        <!--        <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/>-->
+        <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9'" :data="i"/>
       </div>
     </div>
     <!--    <div v-if="tabsActive === 1">-->
@@ -98,7 +98,7 @@ export default {
     getContentList(id) {
       getProductCenterProductInfos({
         configTypeId: id,
-        parentId: 0
+        // parentId: 0
       }).then(e => {
         this.contentList = e.data.sort((a, b) => a.productInfoOrder - b.productInfoOrder)
         console.log(this.contentList)
@@ -129,6 +129,8 @@ export default {
         this.configTypeId = e.rows?.[0]?.configTypeId
         if (e.rows?.[0]?.configTypeId) {
           this.getContentList(e.rows?.[0]?.configTypeId)
+        }else{
+          this.contentList = []
         }
       })
     }

src/views/productCenter/platformAdvantages.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <TitleGroup>
-      <template slot="title">PLATFORM ADVANTAGES</template>
-      <template slot="subTitle">平台优势</template>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
     </TitleGroup>
     <div class="list">
       <div v-for="ii in groupByCount(data.hwProductInfoDetailList)">

src/views/productCenter/platformAdvantages2.vue

@@ -2,19 +2,19 @@
 <template>
   <div>
     <TitleGroup>
-      <template slot="title">PLATFORM ADVANTAGES</template>
-      <template slot="subTitle">平台优势</template>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
     </TitleGroup>
     <div class="list">
-      <div class="item" v-for="i in 4">
+      <div class="item" v-for="i in data.hwProductInfoDetailList">
         <div class="icon">
           <el-image
             style="width: 100%;height: 100%"
-            :src="wlw"
+            :src="i.productInfoDetailPic"
             fit="contain"></el-image>
         </div>
-        <div class="itemTitle">质量问题早发现</div>
-        <div class="itemInfo">获得采购商对质量管理的认可，从而获得采购商对质量管理的</div>
+        <div class="itemTitle">{{ i.productInfoDetailTitle }}</div>
+        <div class="itemInfo">{{ i.productInfoDetailDesc }}</div>
       </div>
     </div>
   </div>
@@ -30,12 +30,14 @@ export default {
   components: {
     TitleGroup
   },
+  props:['data'],
   data() {
     return {
       wlw
     }
   },
   mounted() {
+    console.log('data',this.data)
   },
   methods: {}
 }

src/views/productCenter/platformAdvantages3.vue

@@ -2,8 +2,8 @@
   <div>
     <div class="content">
       <div class="left">
-        <div class="leftTitle">平台优势</div>
-        <div class="leftSubTitle">PLATFORM ADVANTA-GES</div>
+        <template slot="title">{{ data.productInfoEtitle }}</template>
+        <template slot="subTitle">{{ data.productInfoCtitle }}</template>
       </div>
       <div class="right">
         <div class="list">

src/views/productCenter/product/highFrequencyRFID.vue

@@ -6,7 +6,7 @@
     </TitleGroup>
     <div class="tabs">
       <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane :name="`${i.productInfoDetailId}`" :label="i.productInfoDetailTitle" v-for="(i,k) in data.hwProductInfoDetailList">
+        <el-tab-pane :name="`${i.productInfoDetailId}`" :label="i.productInfoDetailTitle" v-for="(i,k) in data.hwProductInfoDetailList.filter(e=>e.parentId ===0)">
           <transition name="fade">
             <div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;">
               <div class="content">
@@ -54,9 +54,8 @@ export default {
     }
   },
   mounted() {
-    this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}`
-    console.log(this.data.hwProductInfoDetailList)
-    getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v=>{
+    this.activeName = `${this.data.hwProductInfoDetailList.filter(e=>e.parentId ===0)[0].productInfoDetailId}`
+    getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList.filter(e=>e.parentId ===0)[0].productInfoDetailId}).then(v=>{
       this.info = v.data
     })
   },

src/views/productCenter/technicalArchitecture.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <TitleGroup>
-      <template slot="title">TECHNICAL ARCHITECTURE</template>
-      <template slot="subTitle">技术架构</template>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
     </TitleGroup>
     <div class="pageInfo">针对变配电场景下高压场/GIS组合电器、变压器、电容电抗蛋、避雷器、高压开关柜、隔离开关等电气设备采用不同的手段进行监测。</div>
     <div class="image">
@@ -25,6 +25,7 @@ export default {
   components: {
     TitleGroup
   },
+  props:['data'],
   data() {
     return {
       banner,