From 5478d96110ea7c8236ad5b434d430bdba1d979c9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Fri, 27 Dec 2024 17:43:15 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index.js | 7 ++++ src/layout/index.vue | 10 ++++-- src/views/casesAndClients/IOT/index.vue | 33 ++++++++++++++++--- src/views/casesAndClients/IOT/more.vue | 13 +++----- src/views/index/classicCase.vue | 7 ++-- src/views/productCenter/index.vue | 2 +- .../productCenter/technicalArchitecture.vue | 4 +-- 7 files changed, 55 insertions(+), 21 deletions(-) diff --git a/src/api/index.js b/src/api/index.js index 651e1d0..75c5c22 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -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 + }) +} diff --git a/src/layout/index.vue b/src/layout/index.vue index 6e2d522..0f36653 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -2,8 +2,8 @@
- -
体验云平台
+ +
@@ -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 { diff --git a/src/views/casesAndClients/IOT/index.vue b/src/views/casesAndClients/IOT/index.vue index 6a39914..9175ebc 100644 --- a/src/views/casesAndClients/IOT/index.vue +++ b/src/views/casesAndClients/IOT/index.vue @@ -5,8 +5,8 @@ style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;" :src="banner" fit="contain"> -
青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。
- 免费体验 +
{{ bannerTitle }}
+
-
+
查看详情 @@ -38,7 +38,7 @@
-
+
查看详情 @@ -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; diff --git a/src/views/casesAndClients/IOT/more.vue b/src/views/casesAndClients/IOT/more.vue index 1f45c10..fc56120 100644 --- a/src/views/casesAndClients/IOT/more.vue +++ b/src/views/casesAndClients/IOT/more.vue @@ -5,8 +5,8 @@ style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;" :src="banner" fit="contain"> -
青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。
- 免费体验 + +
@@ -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) }) } } diff --git a/src/views/index/classicCase.vue b/src/views/index/classicCase.vue index 0f2253b..8176ccc 100644 --- a/src/views/index/classicCase.vue +++ b/src/views/index/classicCase.vue @@ -12,9 +12,9 @@
{{info.caseInfoDesc}}
-
查看详情 >>
+
查看详情 >>
-
+
想了解更多？ @@ -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() { diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue index 2140461..7b8a480 100644 --- a/src/views/productCenter/index.vue +++ b/src/views/productCenter/index.vue @@ -6,7 +6,7 @@ :src="banner" fit="contain">
{{ bannerTitle }}
- 免费体验 +
{{ data.productInfoEtitle }} -
针对变配电场景下高压场/GIS组合电器、变压器、电容电抗蛋、避雷器、高压开关柜、隔离开关等电气设备采用不同的手段进行监测。
+
{{ data.hwProductInfoDetailList[0].productInfoDetailDesc}}