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

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

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

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

@ -6,7 +6,7 @@
:src="banner" :src="banner"
fit="contain"></el-image> fit="contain"></el-image>
<div class="bannerInfo">{{ bannerTitle }}</div> <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="tabs">
<div class="content"> <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':''}`"

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

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

Write Preview
Loading…
Cancel
Save