From b668b16a5f82220f51b97f27f907d6f6663cbfed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Thu, 19 Dec 2024 18:02:00 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=95=B0=E6=8D=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + src/api/casesAndClients.js | 25 ++++ src/api/contactUs.js | 18 +++ src/main.js | 1 + src/views/casesAndClients/IOT/index.vue | 53 +++++-- src/views/contactUs/companyProfile.vue | 26 +++- .../contactUs/enterpriseQualification.vue | 137 +++++++++++++----- src/views/contactUs/index.vue | 40 +++-- .../product/highFrequencyRFID.vue | 87 +---------- .../product/ultraHighFrequencyRFID.vue | 37 +---- 10 files changed, 254 insertions(+), 171 deletions(-) create mode 100644 src/api/casesAndClients.js create mode 100644 src/api/contactUs.js diff --git a/package.json b/package.json index 19b8558..9d10227 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "js-cookie": "^3.0.5", "less": "^4.2.0", "less-loader": "5.0.0", + "swiper": "^11.1.15", "vue": "^2.5.2", "vue-router": "^3.0.1" }, diff --git a/src/api/casesAndClients.js b/src/api/casesAndClients.js new file mode 100644 index 0000000..6d879ae --- /dev/null +++ b/src/api/casesAndClients.js @@ -0,0 +1,25 @@ +import request from '@/utils/request' + + +export function getPortalConfigTypeList(query) { + return request({ + url: '/portal/portal/getPortalConfigTypeList', + method: 'get', + params: query + }) +} + +export function getCaseCenterCaseInfos(query) { + return request({ + url: '/portal/portal/getCaseCenterCaseInfos', + method: 'get', + params: query + }) +} + +export function getCaseCenterCaseInfo(query) { + return request({ + url: '/portal/portal/getCaseCenterCaseInfo/' + query, + method: 'get', + }) +} diff --git a/src/api/contactUs.js b/src/api/contactUs.js new file mode 100644 index 0000000..b0c771a --- /dev/null +++ b/src/api/contactUs.js @@ -0,0 +1,18 @@ +import request from '@/utils/request' + + +export function getAboutUsInfo(query) { + return request({ + url: '/portal/portal/getAboutUsInfo', + method: 'get', + params: query + }) +} + +export function getAboutUsInfoDetails(query) { + return request({ + url: '/portal/portal/getAboutUsInfoDetails', + method: 'get', + params: query + }) +} diff --git a/src/main.js b/src/main.js index 013e754..ad97433 100644 --- a/src/main.js +++ b/src/main.js @@ -7,6 +7,7 @@ import router from './router' import 'element-ui/lib/theme-chalk/index.css'; import 'animate.css' import AMapLoader from "@amap/amap-jsapi-loader"; +import 'swiper/css/bundle'; Vue.config.productionTip = false Vue.use(ElementUI); diff --git a/src/views/casesAndClients/IOT/index.vue b/src/views/casesAndClients/IOT/index.vue index b1f89c0..d1f53cc 100644 --- a/src/views/casesAndClients/IOT/index.vue +++ b/src/views/casesAndClients/IOT/index.vue @@ -9,26 +9,25 @@ 免费体验
-
智慧电网
-
智慧工业
-
智慧农业
+
+ {{ i.configTypeName }} +
-
- -
+
+
-
智慧变电站
+
{{ i.caseInfoTitle }}
- 针对变配电场景下高压场/GIS组合电器、变压器、电容电抗蛋、避雷器、高压开关柜、隔离开关等电气设备采用不同的手段进行监测，系统可对实时监测的数据进行智能化多维度分机和诊断，评估设备运行状态，捕捉设备运行中的异常。通过对采集的设备图像、温度、环境参数等进行分析，使用户可以 + {{ i.caseInfoDesc }}
@@ -67,6 +66,7 @@ import banner from '@/assets/image/banner.png' import ContactUs from '@/components/contactUs' import Copyright from '@/components/copyright' +import {getCaseCenterCaseInfos, getPortalConfigTypeList} from "@/api/casesAndClients"; export default { name: 'IOT', @@ -76,7 +76,40 @@ export default { }, data() { return { - banner + banner, + tabsList: [], + tabsActive: 0, + contentList: [], + configTypeId: 0, + } + }, + mounted() { + this.getData() + }, + methods: { + checkTabs(i, k) { + this.tabsActive = k + this.configTypeId = i.configTypeId + this.getContentList(i.configTypeId) + }, + getContentList(id) { + getCaseCenterCaseInfos({ + configTypeId: id + }).then(e => { + this.contentList = e.data.sort((a, b) => a.productInfoOrder - b.productInfoOrder) + console.log(this.contentList) + }) + }, + getData() { + getPortalConfigTypeList({ + parentId: 8, + pageNum: 1, + pageSize: 10 + }).then(e => { + this.tabsList = e.rows + this.configTypeId = e.rows?.[0]?.configTypeId + this.getContentList(e.rows?.[0]?.configTypeId) + }) } } } diff --git a/src/views/contactUs/companyProfile.vue b/src/views/contactUs/companyProfile.vue index 2bb2f45..e9cef73 100644 --- a/src/views/contactUs/companyProfile.vue +++ b/src/views/contactUs/companyProfile.vue @@ -6,17 +6,16 @@
-
海威物联
+
{{ data.usInfoDetailTitle }}
HIGHWAY IOT
- 作为轮胎用RFID电子标签相关4项IS0国际标准与国家标准的制定者，公司具备全球最先进的RFID智能轮胎整体解决方案，包括系列化轮胎用RFID电子标签产品、RFID轮胎生产配套自动化设备、RFID轮胎应用信息化管理系统及数据平台。同时，公司大力推进基于RFID、传感、边缘采集计算、数据传输等技术的工业互联网解决方案在轮胎产业链中的深入应用，为轮胎生产管理、仓储物流、销售跟踪、车队管理、轮胎翻新等环节提供一站式解决方案。所有核心技术及产品均具有自主知识产权。 -
公司承担山东省科技型中小企业创新能力提升工程项目、青岛市第四批“人才特区”人才计划等各级政府项目;主要研发成果获技术发明一等奖、专利金奖等多项省部级科学技术奖励。 + {{ data.usInfoDetailDesc }}
@@ -27,21 +26,34 @@ import banner from '@/assets/image/banner.png' import TitleGroup from "@/components/TitleGroup"; import wlw from "@/assets/icon/wlw.png"; +import {getAboutUsInfoDetails} from "@/api/contactUs"; let map = null export default { name: 'PlatformIntroduction', + props:['aboutUsInfoId'], components: { TitleGroup }, data() { return { - banner + banner, + data:{} } }, mounted() { + this.getData() }, - methods: {} + methods: { + getData(){ + getAboutUsInfoDetails({ + aboutUsInfoId:this.aboutUsInfoId + }).then(e=>{ + console.log(e) + this.data = e.data[0] + }) + } + } } @@ -89,6 +101,8 @@ export default { top: 34.6%; width: 78%; left: 50%; + height: 11vw; + overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: 2.5px; diff --git a/src/views/contactUs/enterpriseQualification.vue b/src/views/contactUs/enterpriseQualification.vue index 3ba688a..3bb5f11 100644 --- a/src/views/contactUs/enterpriseQualification.vue +++ b/src/views/contactUs/enterpriseQualification.vue @@ -1,41 +1,97 @@ @@ -79,7 +135,6 @@ export default { top: 100%; left: 50%; width: 24.8vw; - height: 20.8vw; border-radius: 5px; background-color: #fff; transform: translate(calc(-100% - 2vw), -9.5vw); @@ -91,15 +146,17 @@ export default { top: 100%; left: 50%; width: 24.8vw; - height: 20.8vw; border-radius: 5px; background-color: #fff; transform: translate(2vw, -9.5vw); } - .list1,.list2{ + + .list1, .list2 { text-align: left; - padding: 1.1vw 2.1vw ; - .item{ + padding: 1.1vw 2.1vw; + height: auto; + + .item { width: 100%; line-height: 2.5vw; font-size: 1vw; @@ -108,4 +165,18 @@ export default { } } +.carousel { + width: 62vw; + margin: 32vw auto 0 auto; + position: relative; + + .swiper { + width: 58vw; + margin: 0 auto; + } +} + +.swiper-slide { + height: 30vw; +} diff --git a/src/views/contactUs/index.vue b/src/views/contactUs/index.vue index 968f39e..d2367fd 100644 --- a/src/views/contactUs/index.vue +++ b/src/views/contactUs/index.vue @@ -8,28 +8,30 @@
青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。
-
公司简介
-
企业资质
-
团队风貌
-
联系我们
+
+ {{ i.aboutUsInfoTitle }} +
- - - +
+ + + +