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' import request from '@/utils/request'

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

@ -85,137 +85,137 @@ export default {
}, },
{ {
name: '产品中心', name: '产品中心',
path: '/productCenter/industrialInternet', path: '/productInfo',
type: 2, type: 2,
children: [ children: [
{ {
name: '轮胎RFID', name: '轮胎RFID',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
}, },
{ {
name: '超高频RFID', name: '超高频RFID',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
}, },
{ {
name: '高频RFID', name: '高频RFID',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
}, },
{ {
name: '传感器', name: '传感器',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
}, },
{ {
name: '物联终端', name: '物联终端',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
}, },
{ {
name: '工业软件', name: '工业软件',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz, icon: znzz,
children: [ children: [
{ {
name: '产品1', name: '产品1',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品2', name: '产品2',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
{ {
name: '产品3', name: '产品3',
path: '/productCenter/industrialInternet', path: '/productInfo',
icon: znzz icon: znzz
}, },
] ]
@ -413,7 +413,7 @@ export default {
} }
}, },
mounted() { mounted() {
// this.getMenu() this.getMenu()
let query = this.$route.path let query = this.$route.path
console.log(this.$route) console.log(this.$route)
}, },
@ -437,7 +437,7 @@ export default {
}, },
getMenu() { getMenu() {
getPortalConfigTypeList({ getPortalConfigTypeList({
configTypeClassfication: 1, configTypeClassfication: 4,
parentId: 0, parentId: 0,
pageNum: 1, pageNum: 1,
pageSize: 111 pageSize: 111
@ -452,7 +452,7 @@ export default {
}) })
}) })
getPortalConfigTypeList({ getPortalConfigTypeList({
configTypeClassfication: 2, configTypeClassfication: 3,
parentId: 0, parentId: 0,
pageNum: 1, pageNum: 1,
pageSize: 111 pageSize: 111

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

@ -11,6 +11,10 @@ export default new Router({
component: Layout, component: Layout,
redirect: '/index', redirect: '/index',
children: [ children: [
{
path: 'productInfo',
component: () => import('@/views/productInfo.vue'),
},
{ {
path: 'index', path: 'index',
component: () => import('@/views/index/index.vue'), component: () => import('@/views/index/index.vue'),

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

@ -16,7 +16,7 @@
</template> </template>
<script> <script>
import { getPortalList} from "@/api"; import {getPortalList} from "@/api";
export default { export default {
name: 'Carousel', name: 'Carousel',
@ -35,6 +35,7 @@ export default {
pageNum:1, pageNum:1,
pageSize:100 pageSize:100
}).then(e=>{ }).then(e=>{
console.log(e.rows)
this.bannerList = e.rows this.bannerList = e.rows
}) })
} }

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

@ -6,7 +6,8 @@
</TitleGroup> </TitleGroup>
<div class="tabs"> <div class="tabs">
<el-tabs v-model="activeName" @tab-click="handleClick"> <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"> <transition name="fade">
<div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;"> <div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;">
<div class="content"> <div class="content">
@ -49,19 +50,19 @@ export default {
data() { data() {
return { return {
banner, banner,
info:[], info: [],
activeName: '1' activeName: '1'
} }
}, },
mounted() { mounted() {
this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}` 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 this.info = v.data
}) })
}, },
methods: { methods: {
handleClick(e){ handleClick(e) {
getProductCenterProductDetailInfo({parentId:e.name}).then(v=>{ getProductCenterProductDetailInfo({parentId: e.name}).then(v => {
this.info = v.data 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