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

修改显示

Browse Source
master
夜笙歌 6 months ago
parent 8acc412c44
commit 5478d96110
7 changed files with 55 additions and 21 deletions
Show Stats Download Patch File Download Diff File

7
src/api/index.js
Unescape Escape View File

@ -40,3 +40,10 @@ export function addContactUsInfo(query) {
data: query
})
}
export function getCaseCenterCaseInfo(query) {
return request({
url: '/portal/portal/getCaseCenterCaseInfo/'+query,
method: 'get',
data: query
})
}

10
src/layout/index.vue
Unescape Escape View File

@ -2,8 +2,8 @@
<div>
<div class="top">
<Menu class="menu"/>
<img :src="logo" alt="" class="logo">
<div class="experience">体验云平台</div>
<img :src="logo" alt="" class="logo" @click="toIndex">
<!-- <div class="experience">体验云平台</div>-->
</div>
<div class="shadow">
</div>
@ -22,6 +22,11 @@ export default {
components: {
Menu
},
methods:{
toIndex(){
this.$router.push('/index')
}
},
data() {
return {
logo,
@ -69,6 +74,7 @@ export default {
left: 2%;
transform: translateY(-50%);
height: 40%;
cursor: pointer;
}
.experience {

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

@ -5,8 +5,8 @@
style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;"
:src="banner"
fit="contain"></el-image>
<div class="bannerInfo">青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。</div>
<el-button type="primary" class="bannerBtn">免费体验</el-button>
<div class="bannerInfo">{{ bannerTitle }}</div>
<!-- <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':''}`"
@ -19,7 +19,7 @@
<div class="list">
<div v-for="(i,k) in contentList">
<div v-if="k%2 === 1" class="item1">
<div class="view">
<div class="view" @click="getCaseInfo(i)">
<span>
查看详情
</span>
@ -38,7 +38,7 @@
</div>
</div>
<div v-if="k%2 === 0" class="item2">
<div class="view">
<div class="view" @click="getCaseInfo(i)">
<span>
查看详情
</span>
@ -68,6 +68,7 @@ import banner from '@/assets/image/banner.png'
import ContactUs from '@/components/contactUs'
import Copyright from '@/components/copyright'
import {getCaseCenterCaseInfos, getPortalConfigTypeList} from "@/api/casesAndClients";
import {getPortalConfigList} from "@/api/productCenter";
export default {
name: 'IOT',
@ -77,7 +78,8 @@ export default {
},
data() {
return {
banner,
banner:'',
bannerTitle: '',
tabsList: [],
tabsActive: 0,
contentList: [],
@ -93,6 +95,10 @@ export default {
this.getData()
},
methods: {
getCaseInfo(e) {
console.log(e)
this.$router.push("/casesAndClients/more?id="+e.caseInfoId)
},
checkTabs(i, k) {
this.tabsActive = k
this.configTypeId = i.configTypeId
@ -115,6 +121,17 @@ export default {
this.tabsList = e.rows
this.configTypeId = e.rows?.[0]?.configTypeId
this.getContentList(e.rows?.[0]?.configTypeId)
getPortalConfigTypeList({
configTypeClassfication:2,
parentId: 0,
pageNum: 1,
pageSize: 10
}).then(v=>{
let nowTab = v.rows.find(vv=>vv.configTypeId === parseFloat(this.$route.query.portalConfigTypeId))
console.log(nowTab)
this.banner = nowTab?.homeConfigTypePic
// this.bannerTitle = e.rows?.[0]?.portalConfigDesc
})
})
}
}
@ -206,6 +223,9 @@ export default {
}
.itemInfo {
height: 10.7vw;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0.9vw;
font-size: 1.1vw;
line-height: 1.75vw;
@ -260,6 +280,9 @@ export default {
}
.itemInfo {
height: 10.7vw;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0.9vw;
font-size: 1.1vw;
line-height: 1.75vw;

13
src/views/casesAndClients/IOT/more.vue
Unescape Escape View File

@ -5,8 +5,8 @@
style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;"
:src="banner"
fit="contain"></el-image>
<div class="bannerInfo">青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。</div>
<el-button type="primary" class="bannerBtn">免费体验</el-button>
<!-- <div class="bannerInfo">青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。</div>-->
<!-- <el-button type="primary" class="bannerBtn">免费体验</el-button>-->
</div>
<div class="info">
<div v-html="info"></div>
@ -21,7 +21,7 @@ import banner from '@/assets/image/banner.png'
import ContactUs from '@/components/contactUs'
import Copyright from '@/components/copyright'
import {getCaseCenterCaseInfos, getPortalConfigTypeList} from "@/api/casesAndClients";
import {getTypicalHomeCaseInfo} from "@/api";
import {getCaseCenterCaseInfo, getTypicalHomeCaseInfo} from "@/api";
export default {
name: 'IOT',
@ -41,11 +41,8 @@ export default {
methods: {
getData() {
getTypicalHomeCaseInfo({
configTypeId:parseFloat(this.$route.query.configTypeId ||'')
}).then(v=>{
this.info = v.caseInfoHtml
console.log(v)
getCaseCenterCaseInfo(parseFloat(this.$route.query.id ||'')).then(v=>{
this.info = decodeURIComponent(v.data.caseInfoHtml)
})
}
}

7
src/views/index/classicCase.vue
Unescape Escape View File

@ -12,9 +12,9 @@
<div class="caseInfo">
{{info.caseInfoDesc}}
</div>
<div class="getCaseInfo" @click="getCaseInfo(i)">查看详情 >></div>
<div class="getCaseInfo" @click="getCaseInfo(info)">查看详情 >></div>
</div>
<div class="learnMore" @click="learnMore">
<div class="learnMore" @click="getCaseInfo(info)">
<span>
想了解更多？
</span>
@ -78,7 +78,8 @@ export default {
})
},
getCaseInfo(e) {
this.$router.push("casesAndClients/more?id="+e.configTypeId)
// console.log(e)
this.$router.push("casesAndClients/more?id="+e.caseInfoId)
},
learnMore() {

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

@ -6,7 +6,7 @@
:src="banner"
fit="contain"></el-image>
<div class="bannerInfo">{{ bannerTitle }}</div>
<el-button type="primary" class="bannerBtn">免费体验</el-button>
<!-- <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':''}`"

4
src/views/productCenter/technicalArchitecture.vue
Unescape Escape View File

@ -4,11 +4,11 @@
<template slot="title">{{ data.productInfoEtitle }}</template>
<template slot="subTitle">{{ data.productInfoCtitle }}</template>
</TitleGroup>
<div class="pageInfo">针对变配电场景下高压场/GIS组合电器、变压器、电容电抗蛋、避雷器、高压开关柜、隔离开关等电气设备采用不同的手段进行监测。</div>
<div class="pageInfo">{{ data.hwProductInfoDetailList[0].productInfoDetailDesc}}</div>
<div class="image">
<el-image
style="width: 100%;height: 100%"
:src="banner"
:src="data.hwProductInfoDetailList[0].productInfoDetailPic"
></el-image>
<!-- fit="contain"></el-image>-->
</div>

Write Preview
Loading…
Cancel
Save