修改菜单

src/api/menu.js

@@ -8,3 +8,12 @@ export function getPortalConfigTypeList(query) {
     params: query
   })
 }
+
+export function selectConfigTypeList(query) {
+  return request({
+    url: '/portal/portal/selectConfigTypeList',
+    method: 'get',
+    params: query
+  })
+}
+

src/components/menu/index.vue

@@ -49,7 +49,7 @@ import wlw from "@/assets/icon/wlw.png";
 import znzz from "@/assets/icon/znzz.png";
 import kdwl from "@/assets/icon/kdwl.png";
 import znlt from "@/assets/icon/znlt.png";
-import {getPortalConfigTypeList} from "@/api/menu";
+import {selectConfigTypeList} from "@/api/menu";
 
 export default {
   name: 'Index',
@@ -126,25 +126,25 @@ export default {
       this.subMenuPath = ''
     },
     getMenu() {
-      getPortalConfigTypeList({
+      selectConfigTypeList({
         configTypeClassfication: 3,
         parentId: 0,
       }).then(e => {
         this.menuList[1].children = e.rows
       })
-      getPortalConfigTypeList({
+      selectConfigTypeList({
         configTypeClassfication: 4,
         parentId: 0,
       }).then(e => {
         this.menuList[2].children = e.rows
       })
-      getPortalConfigTypeList({
+      selectConfigTypeList({
         configTypeClassfication: 5,
         parentId: 0,
       }).then(e => {
         this.menuList[3].children = e.rows
       })
-      getPortalConfigTypeList({
+      selectConfigTypeList({
         configTypeClassfication: 6,
         parentId: 0,
       }).then(e => {

src/router/index.js

@@ -22,20 +22,23 @@ export default new Router({
         {
           path: '/productCenter',
           component: () => import('@/views/productCenter.vue'),
-        }, {
-          path: '/productCenter/detail', component: () => import('@/views/productInfo.vue'),
+        },
+        {
+          path: '/productCenter/detail',
+          component: () => import('@/views/productInfo.vue'),
         },
         {
           path: '/industryPlan',
           component: () => import('@/views/industryPlan.vue'),
-        }, {
-          path: '/industryPlan/detail', component: () => import('@/views/productInfo.vue'),
+        },
+        {
+          path: '/industryPlan/detail',
+          component: () => import('@/views/productInfo.vue'),
         },
         {
           path: '/serviceSupport',
           component: () => import('@/views/serviceSupport.vue'),
         },
-
         {
           path: '/newsCenter/details',
           component: () => import('@/views/newsCenter/details.vue'),

src/views/index/productCenter.vue

@@ -40,9 +40,8 @@ export default {
     this.getData()
   },
   methods:{
-
     toLink(e){
-      this.$router.push('/productCenter/industrialInternet?portalConfigTypeId='+e.configTypeId)
+      this.$router.push('/productCenter?id=' + e.configTypeId)
       console.log(e.configTypeId)
     },
     getData(){
@@ -52,7 +51,6 @@ export default {
         pageNum:1,
         pageSize:111
       }).then(e=>{
-        console.log(e)
         this.productList = e.rows
       })
     }

src/views/productInfo.vue

@@ -1,5 +1,10 @@
 <template>
   <div>
+    <TitleGroup>
+      <template slot="title">{{ contentList.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ contentList.productInfoCtitle }}</template>
+    </TitleGroup>
+
     <div class="info1">
       <div class="name">技术参数</div>
     </div>
@@ -29,18 +34,104 @@
              style="width: 100%">
       </div>
     </div>
+    <ContactUs class="contactUs"/>
+    <Copyright class="copyright"/>
   </div>
 </template>
+
 <script>
+import EL1 from '@/components/element/el1.vue'
+import EL2 from '@/components/element/el2.vue'
+import EL3 from '@/components/element/el3.vue'
+import EL4 from '@/components/element/el4.vue'
+import EL5 from '@/components/element/el5.vue'
+import EL6 from '@/components/element/el6.vue'
+import EL7 from '@/components/element/el7.vue'
+import EL8 from '@/components/element/el8.vue'
+import EL9 from '@/components/element/el9.vue'
+// import EL10 from '@/components/element/el10.vue'
+import EL11 from '@/components/element/el11.vue'
+import EL12 from '@/components/element/el12.vue'
+import ContactUs from '@/components/contactUs'
+import Copyright from '@/components/copyright'
+import {getPortalConfigList, getPortalConfigTypeList, getProductCenterProductInfos} from "@/api/productCenter";
+import TitleGroup from "@/components/TitleGroup.vue";
 
 export default {
-  name: 'ProductInfo',
-  data() {
-    return {}
+  name: 'ProductCenter',
+  components: {
+    TitleGroup,
+    EL1,
+    EL2,
+    EL3,
+    EL4,
+    EL5,
+    EL6,
+    EL7,
+    EL8,
+    EL9,
+    // EL10,
+    EL11,
+    EL12,
+    ContactUs,
+    Copyright,
   },
-  methods: {}
+  data() {
+    return {
+      banner: '',
+      bannerTitle: '',
+      tabsActive: 0,
+      tabsList: [],
+      configTypeId: 0,
+      contentList: {}
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  watch: {
+    '$route'() {
+      this.getData()
+    }
+  },
+  methods: {
+    getContentList(id) {
+      getProductCenterProductInfos({
+        configTypeId: id,
+        // parentId: 0
+      }).then(e => {
+        this.contentList = e.data.filter(v => v.configModal === '13').sort((a, b) => a.productInfoOrder - b.productInfoOrder)?.[0]
+        console.log(this.contentList)
+      })
+    },
+    getData() {
+      getPortalConfigList({
+        portalConfigType: 2,
+        portalConfigTypeId: this.$route.query.id,
+        pageNum: 1,
+        pageSize: 5
+      }).then(e => {
+        this.banner = e.rows?.[0]?.portalConfigPic
+        this.bannerTitle = e.rows?.[0]?.portalConfigDesc
+      })
+      getPortalConfigTypeList({
+        parentId: this.$route.query.id,
+        pageNum: 1,
+        pageSize: 50
+      }).then(e => {
+        this.tabsList = e.rows
+        this.configTypeId = e.rows?.[0]?.configTypeId
+        if (e.rows?.[0]?.configTypeId) {
+          this.getContentList(e.rows?.[0]?.configTypeId)
+        } else {
+          this.contentList = []
+        }
+      })
+    }
+  }
 }
 </script>
+
 <style lang="less" scoped>
 .info1 {
   width: 100%;
@@ -48,6 +139,7 @@ export default {
   line-height: 150px;
   text-align: left;
   background-color: #E5EDFE;
+  margin-top: 8px;
 
   .name {
     margin-left: 10vw;

src/views/productInfo1.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <div class="info1">
+      <div class="name">技术参数</div>
+    </div>
+    <div class="left">
+      <div v-for="i in 5" style="margin-bottom: 40px;width: 100%">
+        <div class="info2">
+          <div class="name2">物理参数</div>
+        </div>
+        <div style="height: auto">
+          <div style="width: calc(50% - 2px);display: inline-block;height: 100%;">
+            <div class="tabl">尺寸</div>
+          </div>
+          <div class="tabr">
+            <span>
+              215.0mm×144.5mm×36.5mm
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right">
+      <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=""
+             style="width: 100%">
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'ProductInfo',
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+<style lang="less" scoped>
+.info1 {
+  width: 100%;
+  height: 150px;
+  line-height: 150px;
+  text-align: left;
+  background-color: #E5EDFE;
+
+  .name {
+    margin-left: 10vw;
+    font-size: 40px;
+    font-weight: 800;
+  }
+}
+
+.left {
+  display: inline-block;
+  margin-top: 12px;
+  width: 35vw;
+  margin-right: 5vw;
+  text-align: left;
+
+  .info2 {
+    width: 100%;
+    height: 80px;
+    line-height: 80px;
+    text-align: left;
+    background-color: #EFEFEF;
+
+    .name2 {
+      margin-left: 8px;
+      font-size: 30px;
+      font-weight: 800;
+    }
+  }
+
+  .tabl {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    line-height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #EFEFEF;
+  }
+
+  .tabr {
+    width: calc(50% - 2px);
+    display: inline-block;
+    text-align: center;
+    line-height: 44px;
+    border: 1px solid #EFEFEF;
+  }
+
+}
+
+.right {
+  display: inline-block;
+  margin-top: 12px;
+  margin-left: 5vw;
+  width: 35vw;
+  vertical-align: top;
+
+  .info2 {
+    width: 100%;
+    height: 80px;
+    line-height: 80px;
+    text-align: left;
+    background-color: #EFEFEF;
+
+    .name2 {
+      margin-left: 8px;
+      font-size: 30px;
+      font-weight: 800;
+    }
+  }
+}
+</style>