diff --git a/src/components/element/el4.vue b/src/components/element/el4.vue
index b52053a..82acc84 100644
--- a/src/components/element/el4.vue
+++ b/src/components/element/el4.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
     <div class="content">
-      <div class="left">
-        <template slot="title">{{ data.productInfoEtitle }}</template>
-        <template slot="subTitle">{{ data.productInfoCtitle }}</template>
+      <div class="left" :style="{backgroundImage:`url(${data.hwProductInfoDetailList[0].productInfoDetailPic})`}">
+        <!--        <template slot="title">{{ data.productInfoEtitle }}</template>-->
+        <!--        <template slot="subTitle">{{ data.productInfoCtitle }}</template>-->
       </div>
       <div class="right">
         <div class="list">
-          <div class="item" v-for="i in 4">
-            <div class="itemTitle">质量问题早发现</div>
+          <div class="item" v-for="i in data.hwProductInfoDetailList">
+            <div class="itemTitle">{{ i.productInfoDetailTitle }}</div>
             <div class="itemInfo">
-              针对变配电场景下高压场/GIS组合电器、变压器、电容电抗蛋、避雷器、高压开关柜、隔离开关等电气设备采用不同的手段进行监测。
+              {{ i.productInfoDetailDesc }}
             </div>
           </div>
         </div>
@@ -22,13 +22,13 @@
 <script>
 import TitleGroup from "@/components/TitleGroup";
 import wlw from "@/assets/icon/wlw.png";
-
-let map = null
+ 
 export default {
   name: 'PlatformAdvantages3',
   components: {
     TitleGroup
   },
+  props: ['data'],
   data() {
     return {
       wlw
@@ -60,6 +60,8 @@ export default {
     display: inline-block;
     vertical-align: top;
     background-color: #0378f9;
+    background-repeat: no-repeat;
+    background-size: contain;
 
     .leftTitle {
       color: #fff;
diff --git a/src/views/productInfo.vue b/src/views/productInfo.vue
index c332ae1..211a07d 100644
--- a/src/views/productInfo.vue
+++ b/src/views/productInfo.vue
@@ -9,17 +9,17 @@
       <div class="name">技术参数</div>
     </div>
     <div class="left">
-      <div v-for="i in 5" style="margin-bottom: 40px;width: 100%">
+      <div v-for="i in contentList.hwProductInfoDetailList" style="margin-bottom: 40px;width: 100%">
         <div class="info2">
-          <div class="name2">物理参数</div>
+          <div class="name2">{{ i.productInfoDetailTitle }}</div>
         </div>
         <div style="height: auto">
-          <div style="width: calc(50% - 2px);display: inline-block;height: 100%;">
-            <div class="tabl">尺寸</div>
+          <div style="width: calc(50% - 2px);display: inline-block;height: 100%;" v-if="ii in i.children">
+            <div class="tabl">{{ ii.productInfoDetailTitle }}</div>
           </div>
           <div class="tabr">
             <span>
-              215.0mm×144.5mm×36.5mm
+              {{ ii.productInfoDetailDesc }}
             </span>
           </div>
         </div>
@@ -29,8 +29,8 @@
       <div class="info2">
         <div class="name2">产品图示</div>
       </div>
-      <div v-for=" i in 5">
-        <img src="http://1.13.177.47:9665/statics/2024/12/23/1首页-典型案例_20241223164058A036.png" alt=""
+      <div v-for=" i  in contentList.hwProductInfoDetailList.map(e=>e.productInfoDetailPic)">
+        <img :src="i.productInfoDetailPic" alt=""
              style="width: 100%">
       </div>
     </div>