From 36442e623783effd1acad9af719f281d0272eed2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 17 Jun 2025 17:58:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/menu.js                               |   1 -
 src/components/menu/index.vue                 |  56 ++++----
 src/router/index.js                           |   4 +
 src/views/index/carousel.vue                  |   3 +-
 .../product/ultraHighFrequencyRFID.vue        |  11 +-
 src/views/productInfo.vue                     | 122 ++++++++++++++++++
 6 files changed, 162 insertions(+), 35 deletions(-)
 create mode 100644 src/views/productInfo.vue

diff --git a/src/api/menu.js b/src/api/menu.js
index 2046a03..54ca1f4 100644
--- a/src/api/menu.js
+++ b/src/api/menu.js
@@ -1,4 +1,3 @@
-
 import request from '@/utils/request'
 
 
diff --git a/src/components/menu/index.vue b/src/components/menu/index.vue
index c865f18..20deb80 100644
--- a/src/components/menu/index.vue
+++ b/src/components/menu/index.vue
@@ -85,137 +85,137 @@ export default {
         },
         {
           name: '产品中心',
-          path: '/productCenter/industrialInternet',
+          path: '/productInfo',
           type: 2,
           children: [
             {
               name: '轮胎RFID',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
             },
             {
               name: '超高频RFID',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
             },
             {
               name: '高频RFID',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
             },
             {
               name: '传感器',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
             },
             {
               name: '物联终端',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
             },
             {
               name: '工业软件',
-              path: '/productCenter/industrialInternet',
+              path: '/productInfo',
               icon: znzz,
               children: [
                 {
                   name: '产品1',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品2',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
                 {
                   name: '产品3',
-                  path: '/productCenter/industrialInternet',
+                  path: '/productInfo',
                   icon: znzz
                 },
               ]
@@ -413,7 +413,7 @@ export default {
     }
   },
   mounted() {
-    // this.getMenu()
+    this.getMenu()
     let query = this.$route.path
     console.log(this.$route)
   },
@@ -437,7 +437,7 @@ export default {
     },
     getMenu() {
       getPortalConfigTypeList({
-        configTypeClassfication: 1,
+        configTypeClassfication: 4,
         parentId: 0,
         pageNum: 1,
         pageSize: 111
@@ -452,7 +452,7 @@ export default {
         })
       })
       getPortalConfigTypeList({
-        configTypeClassfication: 2,
+        configTypeClassfication: 3,
         parentId: 0,
         pageNum: 1,
         pageSize: 111
diff --git a/src/router/index.js b/src/router/index.js
index da27f1a..eab878a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,10 @@ export default new Router({
       component: Layout,
       redirect: '/index',
       children: [
+        {
+          path: 'productInfo',
+          component: () => import('@/views/productInfo.vue'),
+        },
         {
           path: 'index',
           component: () => import('@/views/index/index.vue'),
diff --git a/src/views/index/carousel.vue b/src/views/index/carousel.vue
index fdb79b1..448ca5f 100644
--- a/src/views/index/carousel.vue
+++ b/src/views/index/carousel.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { getPortalList} from "@/api";
+import {getPortalList} from "@/api";
 
 export default {
   name: 'Carousel',
@@ -35,6 +35,7 @@ export default {
         pageNum:1,
         pageSize:100
       }).then(e=>{
+        console.log(e.rows)
         this.bannerList = e.rows
       })
     }
diff --git a/src/views/productCenter/product/ultraHighFrequencyRFID.vue b/src/views/productCenter/product/ultraHighFrequencyRFID.vue
index c4b41f8..8ae74de 100644
--- a/src/views/productCenter/product/ultraHighFrequencyRFID.vue
+++ b/src/views/productCenter/product/ultraHighFrequencyRFID.vue
@@ -6,7 +6,8 @@
     </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">
           <transition name="fade">
             <div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;">
               <div class="content">
@@ -49,19 +50,19 @@ export default {
   data() {
     return {
       banner,
-      info:[],
+      info: [],
       activeName: '1'
     }
   },
   mounted() {
     this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}`
-    getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v=>{
+    getProductCenterProductDetailInfo({parentId: this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v => {
       this.info = v.data
     })
   },
   methods: {
-    handleClick(e){
-      getProductCenterProductDetailInfo({parentId:e.name}).then(v=>{
+    handleClick(e) {
+      getProductCenterProductDetailInfo({parentId: e.name}).then(v => {
         this.info = v.data
       })
     }
diff --git a/src/views/productInfo.vue b/src/views/productInfo.vue
new file mode 100644
index 0000000..a75cf46
--- /dev/null
+++ b/src/views/productInfo.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>