修改菜单显示

master
夜笙歌 8 months ago
parent a7cd20f912
commit 9d4a01b49f

@ -63,7 +63,7 @@ export default {
.content { .content {
display: inline-block; display: inline-block;
width: 62vw; width: 62vw;
//height: 20.1vw; height: 20.1vw;
border: 1px solid #ccc3; border: 1px solid #ccc3;
margin-top: 3.7vw; margin-top: 3.7vw;
margin-bottom: 5.2vw; margin-bottom: 5.2vw;
@ -97,12 +97,13 @@ export default {
.contentInfo { .contentInfo {
text-align: left; text-align: left;
//position: absolute; position: absolute;
margin-top: 16.5%; top: 34.6%;
width: 78%; width: 78%;
margin-left: 50%; left: 50%;
//height: 11vw; height: 11vw;
//overflow: hidden; overflow: hidden;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); transform: translateX(-50%);
letter-spacing: 2.5px; letter-spacing: 2.5px;
font-size: 0.8vw; font-size: 0.8vw;
@ -115,9 +116,6 @@ export default {
display: inline-block; display: inline-block;
width: 35%; width: 35%;
height: 100%; height: 100%;
margin-top: 50%;
transform: translateY(-50%);
vertical-align: top;
} }
} }
</style> </style>

@ -32,8 +32,8 @@
:data="i"/> :data="i"/>
<platformFeatures class="platformFeatures" :configTypeId="configTypeId" v-if="i.configModal === '7'" :data="i"/> <platformFeatures class="platformFeatures" :configTypeId="configTypeId" v-if="i.configModal === '7'" :data="i"/>
<HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8' " :data="i"/> <HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8' " :data="i"/>
<UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/> <!-- <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/>-->
<!-- <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9' && k===2" :data="i"/>--> <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9'" :data="i"/>
</div> </div>
</div> </div>
<!-- <div v-if="tabsActive === 1">--> <!-- <div v-if="tabsActive === 1">-->
@ -98,7 +98,7 @@ export default {
getContentList(id) { getContentList(id) {
getProductCenterProductInfos({ getProductCenterProductInfos({
configTypeId: id, configTypeId: id,
parentId: 0 // parentId: 0
}).then(e => { }).then(e => {
this.contentList = e.data.sort((a, b) => a.productInfoOrder - b.productInfoOrder) this.contentList = e.data.sort((a, b) => a.productInfoOrder - b.productInfoOrder)
console.log(this.contentList) console.log(this.contentList)
@ -129,6 +129,8 @@ export default {
this.configTypeId = e.rows?.[0]?.configTypeId this.configTypeId = e.rows?.[0]?.configTypeId
if (e.rows?.[0]?.configTypeId) { if (e.rows?.[0]?.configTypeId) {
this.getContentList(e.rows?.[0]?.configTypeId) this.getContentList(e.rows?.[0]?.configTypeId)
}else{
this.contentList = []
} }
}) })
} }

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<TitleGroup> <TitleGroup>
<template slot="title">PLATFORM ADVANTAGES</template> <template slot="title">{{ data.productInfoEtitle }}</template>
<template slot="subTitle">平台优势</template> <template slot="subTitle">{{ data.productInfoCtitle }}</template>
</TitleGroup> </TitleGroup>
<div class="list"> <div class="list">
<div v-for="ii in groupByCount(data.hwProductInfoDetailList)"> <div v-for="ii in groupByCount(data.hwProductInfoDetailList)">

@ -2,19 +2,19 @@
<template> <template>
<div> <div>
<TitleGroup> <TitleGroup>
<template slot="title">PLATFORM ADVANTAGES</template> <template slot="title">{{ data.productInfoEtitle }}</template>
<template slot="subTitle">平台优势</template> <template slot="subTitle">{{ data.productInfoCtitle }}</template>
</TitleGroup> </TitleGroup>
<div class="list"> <div class="list">
<div class="item" v-for="i in 4"> <div class="item" v-for="i in data.hwProductInfoDetailList">
<div class="icon"> <div class="icon">
<el-image <el-image
style="width: 100%;height: 100%" style="width: 100%;height: 100%"
:src="wlw" :src="i.productInfoDetailPic"
fit="contain"></el-image> fit="contain"></el-image>
</div> </div>
<div class="itemTitle">质量问题早发现</div> <div class="itemTitle">{{ i.productInfoDetailTitle }}</div>
<div class="itemInfo">获得采购商对质量管理的认可从而获得采购商对质量管理的</div> <div class="itemInfo">{{ i.productInfoDetailDesc }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -30,12 +30,14 @@ export default {
components: { components: {
TitleGroup TitleGroup
}, },
props:['data'],
data() { data() {
return { return {
wlw wlw
} }
}, },
mounted() { mounted() {
console.log('data',this.data)
}, },
methods: {} methods: {}
} }

@ -2,8 +2,8 @@
<div> <div>
<div class="content"> <div class="content">
<div class="left"> <div class="left">
<div class="leftTitle">平台优势</div> <template slot="title">{{ data.productInfoEtitle }}</template>
<div class="leftSubTitle">PLATFORM ADVANTA-GES</div> <template slot="subTitle">{{ data.productInfoCtitle }}</template>
</div> </div>
<div class="right"> <div class="right">
<div class="list"> <div class="list">

@ -6,7 +6,7 @@
</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.filter(e=>e.parentId ===0)">
<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">
@ -54,9 +54,8 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = `${this.data.hwProductInfoDetailList[0].productInfoDetailId}` this.activeName = `${this.data.hwProductInfoDetailList.filter(e=>e.parentId ===0)[0].productInfoDetailId}`
console.log(this.data.hwProductInfoDetailList) getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList.filter(e=>e.parentId ===0)[0].productInfoDetailId}).then(v=>{
getProductCenterProductDetailInfo({parentId:this.data.hwProductInfoDetailList[0].productInfoDetailId}).then(v=>{
this.info = v.data this.info = v.data
}) })
}, },

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<TitleGroup> <TitleGroup>
<template slot="title">TECHNICAL ARCHITECTURE</template> <template slot="title">{{ data.productInfoEtitle }}</template>
<template slot="subTitle">技术架构</template> <template slot="subTitle">{{ data.productInfoCtitle }}</template>
</TitleGroup> </TitleGroup>
<div class="pageInfo">针对变配电场景下高压场/GIS组合电器变压器电容电抗蛋避雷器高压开关柜隔离开关等电气设备采用不同的手段进行监测</div> <div class="pageInfo">针对变配电场景下高压场/GIS组合电器变压器电容电抗蛋避雷器高压开关柜隔离开关等电气设备采用不同的手段进行监测</div>
<div class="image"> <div class="image">
@ -25,6 +25,7 @@ export default {
components: { components: {
TitleGroup TitleGroup
}, },
props:['data'],
data() { data() {
return { return {
banner, banner,

Loading…
Cancel
Save