suixy
/
portal_website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改菜单

Browse Source
master
夜笙歌 1 week ago
parent 64d97f6fad
commit 36442e6237
6 changed files with 162 additions and 35 deletions
Show Stats Download Patch File Download Diff File

1
src/api/menu.js
Unescape Escape View File

@ -1,4 +1,3 @@
import request from '@/utils/request'

56
src/components/menu/index.vue
Unescape Escape View File

@ -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

4
src/router/index.js
Unescape Escape View File

@ -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'),

3
src/views/index/carousel.vue
Unescape Escape View File

@ -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
})
}

11
src/views/productCenter/product/ultraHighFrequencyRFID.vue
Unescape Escape View File

@ -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
})
}

122
src/views/productInfo.vue
Unescape Escape View File

@ -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>
Write Preview
Loading…
Cancel
Save