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

修改菜单显示

Browse Source
master
夜笙歌 6 months ago
parent d79b37f455
commit 34cf02acaf
8 changed files with 134 additions and 41 deletions
Show Stats Download Patch File Download Diff File

8
src/api/productCenter.js
Unescape Escape View File

@ -24,3 +24,11 @@ export function getProductCenterProductInfos(query) {
params: query
})
}
export function getProductCenterProductDetailInfo(query) {
return request({
url: '/portal/portal/getProductCenterProductDetailInfos',
method: 'get',
params: query
})
}

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

@ -131,13 +131,29 @@ export default {
pageNum: 1,
pageSize: 111
}).then(e => {
// this.menuList[1].children = e.rows.map(v => {
// return {
// name: v.configTypeName,
// icon: v.homeConfigTypePic,
// path: ''
// }
// })
console.log(e)
this.menuList[1].children = e.rows.map(v => {
return {
name: v.configTypeName,
icon: v.configTypeIcon,
path: '/productCenter/industrialInternet?portalConfigTypeId='+v.configTypeId
}
})
})
getPortalConfigTypeList({
configTypeClassfication: 2,
parentId: 0,
pageNum: 1,
pageSize: 111
}).then(e => {
console.log(e)
this.menuList[2].children = e.rows.map(v => {
return {
name: v.configTypeName,
icon: v.configTypeIcon,
path: '/casesAndClients/IOT?portalConfigTypeId='+v.configTypeId
}
})
})
}
}

12
src/views/casesAndClients/IOT/index.vue
Unescape Escape View File

@ -9,7 +9,8 @@
<el-button type="primary" class="bannerBtn">免费体验</el-button>
<div class="tabs">
<div class="content">
<div v-for="(i,k) in tabsList" @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`">
<div v-for="(i,k) in tabsList" @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`"
:style="`width:${tabsActive === k ? `calc(${100/tabsList.length}% - 3px)`:`${100/tabsList.length}%`}`">
{{ i.configTypeName }}
</div>
</div>
@ -36,7 +37,7 @@
</span>
</div>
</div>
<div v-if="i%2 === 0" class="item2">
<div v-if="k%2 === 0" class="item2">
<div class="left">
<el-image
style="width: 100%; height: 100%;"
@ -83,6 +84,11 @@ export default {
configTypeId: 0,
}
},
watch: {
'$route'() {
this.getData()
}
},
mounted() {
this.getData()
},
@ -102,7 +108,7 @@ export default {
},
getData() {
getPortalConfigTypeList({
parentId: 8,
parentId: this.$route.query.portalConfigTypeId,
pageNum: 1,
pageSize: 10
}).then(e => {

2
src/views/contactUs/companyProfile.vue
Unescape Escape View File

@ -102,7 +102,7 @@ export default {
width: 78%;
left: 50%;
height: 11vw;
overflow: hidden;
//overflow: hidden;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
letter-spacing: 2.5px;

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

@ -2,10 +2,14 @@
<div>
<el-carousel trigger="click" style="height:100%">
<el-carousel-item v-for="item in bannerList" :key="item">
<div style="position: relative">
<el-image
style="width: 100%;height: 100%"
:src="item"
:src="item.portalConfigPic"
fit="contain"></el-image>
<div class="title">{{ item.portalConfigTitle }}</div>
<div class="subTitle">{{ item.portalConfigDesc }}</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
@ -31,7 +35,7 @@ export default {
pageNum:1,
pageSize:100
}).then(e=>{
this.bannerList = e.rows.map(v=>v.portalConfigPic)
this.bannerList = e.rows
})
}
},
@ -39,6 +43,7 @@ export default {
</script>
<style lang="less" scoped>
@import "~@/style.less";
/deep/ .el-carousel__container {
height: 100%;
@ -63,4 +68,24 @@ export default {
/deep/ .el-carousel__indicators--horizontal {
bottom: 5%;
}
.title{
position: absolute;
top: 43.7%;
left: 37.7%;
transform: translate(-50%, -50%);
font-weight: 700;
color: #3372ff;
font-size: 2.2vw;
letter-spacing: 6.1px;
}
.subTitle{
position: absolute;
top: 56%;
left: 38.7%;
transform: translate(-50%, -50%);
color: #3372ff;
font-size: 1.3vw;
letter-spacing: 2.3px;
white-space: nowrap;
}
</style>

26
src/views/productCenter/index.vue
Unescape Escape View File

@ -7,9 +7,10 @@
fit="contain"></el-image>
<div class="bannerInfo">{{ bannerTitle }}</div>
<el-button type="primary" class="bannerBtn">免费体验</el-button>
<div class="tabs">
<div class="tabs" v-if="$route.query.portalConfigTypeId === '4'">
<div class="content">
<div v-for="(i,k) in tabsList" @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`">
<div v-for="(i,k) in tabsList" @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`"
:style="`width:${tabsActive === k ? `calc(${100/tabsList.length}% - 3px)`:`${100/tabsList.length}%`}`">
{{ i.configTypeName }}
</div>
</div>
@ -33,10 +34,10 @@
</div>
</div>
<div v-if="tabsActive === 1">
<div v-for="i in contentList">
<HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8'" :data="i"/>
<UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9'" :data="i"/>
<DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '10'" :data="i"/>
<div v-for="(i, k) in contentList">
<HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8' && k===0" :data="i"/>
<UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' && k===1" :data="i"/>
<DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9' && k===2" :data="i"/>
</div>
</div>
<ContactUs class="contactUs"/>
@ -88,10 +89,16 @@ export default {
mounted() {
this.getData()
},
watch: {
'$route'() {
this.getData()
}
},
methods: {
getContentList(id) {
getProductCenterProductInfos({
configTypeId: id
configTypeId: id,
parentId: 0
}).then(e => {
this.contentList = e.data.sort((a, b) => a.productInfoOrder - b.productInfoOrder)
console.log(this.contentList)
@ -103,9 +110,10 @@ export default {
this.getContentList(i.configTypeId)
},
getData() {
console.log(this.$route.query)
getPortalConfigList({
portalConfigType: 2,
portalConfigTypeId: 4,
portalConfigTypeId: this.$route.query.portalConfigTypeId,
pageNum: 1,
pageSize: 5
}).then(e => {
@ -113,7 +121,7 @@ export default {
this.bannerTitle = e.rows?.[0]?.portalConfigDesc
})
getPortalConfigTypeList({
parentId: 4,
parentId: this.$route.query.portalConfigTypeId,
pageNum: 1,
pageSize: 50
}).then(e => {

35
src/views/productCenter/product/highFrequencyRFID.vue
Unescape Escape View File

@ -6,24 +6,24 @@
</TitleGroup>
<div class="tabs">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :name="`${k}`" :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 === `${k}`" style="position:relative;">
<div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;">
<div class="content">
<div class="left">
<div class="itemTitle">{{ i.productInfoDetailDesc }}</div>
<div class="itemCode">HW-RFR-050-B-003-B1204S</div>
<div class="itemTitle">{{ (info[0]||{}).productInfoDetailTitle }}</div>
<div class="itemCode">{{ (info[0]||{}).productInfoDetailDesc }}</div>
<div class="image">
<el-image
style="width: 100%; height: 100%"
:src="i.productInfoDetailPic"
:src="(info[0]||{}).productInfoDetailPic"
fit="contain"></el-image>
</div>
</div>
<div class="right">
<div class="infos" v-for="i in 7">
<div class="infoTitle">射频协议</div>
<div class="infoNum">符合ISO/IEC 13.56MHZ</div>
<div class="infos" v-for="i in info.filter(e=>!e.productInfoDetailPic)">
<div class="infoTitle">{{ i.productInfoDetailTitle }}</div>
<div class="infoNum">{{ i.productInfoDetailDesc }}</div>
</div>
</div>
</div>
@ -38,6 +38,7 @@
<script>
import TitleGroup from "@/components/TitleGroup";
import banner from '@/assets/image/banner.png'
import {getProductCenterProductDetailInfo} from "@/api/productCenter";
export default {
name: 'HighFrequencyRFID',
@ -48,10 +49,24 @@ export default {
data() {
return {
banner,
activeName: '0'
activeName: '0',
info:[]
}
},
methods: {}
mounted() {
this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}`
console.log(this.data.hwProductInfoDetailList)
getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v=>{
this.info = v.data
})
},
methods: {
handleClick(e){
getProductCenterProductDetailInfo({parentId:e.name}).then(v=>{
this.info = v.data
})
}
}
}
</script>

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

@ -5,16 +5,16 @@
<template slot="subTitle">{{ data.productInfoCtitle }}</template>
</TitleGroup>
<div class="tabs">
<el-tabs v-model="activeName">
<el-tab-pane :name="`${k}`" :label="i.productInfoDetailTitle" v-for="(i,k) in data.hwProductInfoDetailList">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :name="`${i.productInfoDetailId}`" :label="i.productInfoDetailTitle" v-for="(i,k) in data.hwProductInfoDetailList">
<transition name="fade">
<div v-if="activeName === `${k}`" style="position:relative;">
<div v-if="activeName === `${i.productInfoDetailId}`" style="position:relative;">
<div class="content">
<div class="contentInfo">
{{ i.productInfoDetailDesc }}
</div>
<div class="list">
<div class="item" v-for=" i in 8">
<div class="item" v-for=" i in info">
<div class="image">
<el-image
style="width: 100%; height: 100%;"
@ -22,7 +22,7 @@
fit="contain"></el-image>
</div>
<div class="info">
RFID通道门具有窄波束、高增益特点，适用于超高频门禁通道类、物流仓储、人员、图书、档案馆、医疗系统、设备资产等应用。
{{ i.productInfoDetailDesc }}
</div>
</div>
</div>
@ -38,6 +38,7 @@
<script>
import TitleGroup from "@/components/TitleGroup";
import banner from '@/assets/image/banner.png'
import {getProductCenterProductDetailInfo} from "@/api/productCenter";
export default {
name: 'HighFrequencyRFID',
@ -48,10 +49,23 @@ export default {
data() {
return {
banner,
info:[],
activeName: '1'
}
},
methods: {}
mounted() {
this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}`
getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v=>{
this.info = v.data
})
},
methods: {
handleClick(e){
getProductCenterProductDetailInfo({parentId:e.name}).then(v=>{
this.info = v.data
})
}
}
}
</script>
@ -117,6 +131,7 @@ export default {
display: inline-block;
box-shadow: 0 0 3px #0002;
margin-bottom: 1.4vw;
vertical-align: top;
.image {
width: 100%;

Write Preview
Loading…
Cancel
Save