241 lines
7.9 KiB
Vue
241 lines
7.9 KiB
Vue
<script lang="ts" setup>
|
||
import {onMounted} from "vue";
|
||
|
||
definePageMeta({
|
||
layout: 'no-new'
|
||
})
|
||
onMounted(() => {
|
||
// 加载CSS样式文件
|
||
loadCSSFiles()
|
||
|
||
// 加载JavaScript文件
|
||
loadJSFiles()
|
||
})
|
||
|
||
const loadJSFiles = () => {
|
||
const jsFiles = [
|
||
'/js/jquery.1.11.3.min.js',
|
||
'/js/bootstrap.min.js',
|
||
'/js/index.js',
|
||
|
||
'/js/gopcOm.js'
|
||
|
||
|
||
]
|
||
|
||
jsFiles.forEach(src => {
|
||
// 检查是否已经加载过该JS文件
|
||
const existingScript = document.querySelector(`script[src="${src}"]`)
|
||
if (!existingScript) {
|
||
const script = document.createElement('script')
|
||
script.src = src
|
||
script.type = 'text/javascript'
|
||
document.head.appendChild(script)
|
||
}
|
||
})
|
||
}
|
||
|
||
const loadCSSFiles = () => {
|
||
const cssFiles = [
|
||
'/css/bootstrap.min.css',
|
||
'/css/main2.css',
|
||
'/css/about.css',
|
||
'/css/computer_public.css',
|
||
'/css/headORfooter.css',
|
||
'/css/yuxi2019.css',
|
||
'/css/Internet_Things.css',
|
||
]
|
||
|
||
cssFiles.forEach(href => {
|
||
// 检查是否已经加载过该CSS文件
|
||
const existingLink = document.querySelector(`link[href="${href}"]`)
|
||
if (!existingLink) {
|
||
const link = document.createElement('link')
|
||
link.rel = 'stylesheet'
|
||
link.href = href
|
||
link.type = 'text/css'
|
||
document.head.appendChild(link)
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
|
||
<view>
|
||
|
||
|
||
<div class="internet_Things_IOT">
|
||
<!-- item1 物联网IOT云平台 -->
|
||
<div class="item1">
|
||
<h2>物联网IOT云平台 </h2>
|
||
<h4>
|
||
帮助开发者快速将设备进行智能化改造，通过简明易懂的DEMO程序与开源项目，最大限度降低了物联网开发的技术门槛，降低研发成本，提升产品投产速度，服务最终消费者。</h4>
|
||
</div>
|
||
|
||
|
||
<!--item2 APP/微信/小程序用户端 -->
|
||
<div class="container">
|
||
<div class="row item2">
|
||
<!-- -->
|
||
<div class="col-xs-6 col-md-3">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-3"><img
|
||
alt="适配模块" class="center-block"
|
||
src="/img/internet_thinks/icon_iot11.png"></div>
|
||
<div class="col-xs-12 col-md-9">
|
||
<h4>适配模块</h4>
|
||
<h6>帮助您的设备快速智能化</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-3"><img
|
||
alt="多协议" class="center-block"
|
||
src="/img/internet_thinks/icon_iot11.png"></div>
|
||
<div class="col-xs-12 col-md-9">
|
||
<h4>多协议</h4>
|
||
<h6>支持多种行业的标准协议</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-3"><img
|
||
alt="规则引擎"
|
||
class="img-responsive center-block" src="/img/internet_thinks/icon_iot11.png"></div>
|
||
<div class="col-xs-12 col-md-9">
|
||
<h4>规则引擎</h4>
|
||
<h6>灵活适配，助力业务升级</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-3"><img
|
||
alt="安全"
|
||
class="img-responsive center-block" src="/img/internet_thinks/icon_iot11.png"></div>
|
||
<div class="col-xs-12 col-md-9">
|
||
<h4>安全</h4>
|
||
<h6>全链路高级别验证和授权机制</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- item3 平台架构 -->
|
||
<div class="container-fluid">
|
||
<div class="row item3 text-center">
|
||
<!-- -->
|
||
<div class="col-xs-12">
|
||
<h2>平台架构</h2>
|
||
<img alt="平台架构" class="img-responsive center-block" src="/img/internet_thinks/group_ito.png">
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- item4 APP移动运维端 -->
|
||
<div class="container">
|
||
<div class="row item4">
|
||
<!-- -->
|
||
<h2 class="text-center">接入优势</h2>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3 col-md-offset-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot21.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>低成本快速接入</h4>
|
||
<h6>
|
||
无需投入巨大精力构架复杂的网络构架，可在最短一周内进行对接成功接入先进的物流网云平台，降低研发投入、云端部署及运维成本</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot22.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>兼容多协议</h4>
|
||
<h6>平台支持不同的终端接入，通信协议支持MQTT、WebScoket、Http等，平台提供RESTFUL
|
||
API，支持第三方业务应用系统的接入</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3 col-md-offset-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot23.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>高并发量</h4>
|
||
<h6>
|
||
高度扩展的平台架构支持从几万到几百万的设备并发连接，采用分布式的NOSQL数据库，支持海量级别的数据存储</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot24.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>大数据分析</h4>
|
||
<h6>每天自动备份数据，数据分析，并使用可视化、易用的数据分析界面定制数据报告</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3 col-md-offset-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot25.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>可视化运维管理</h4>
|
||
<h6>设置产品生命周期管理、设备管理日志、消息分发推送、远程监控、数据分析等多维度运营能力</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-12 col-md-6 item4-index">
|
||
<div class="row">
|
||
<div class="col-xs-5 col-md-3">
|
||
<img alt="接入优势" class="img-responsive center-block" src="/img/internet_thinks/icon_iot26.png">
|
||
</div>
|
||
<div class="col-xs-7 col-md-5">
|
||
<h4>安全可靠</h4>
|
||
<h6>
|
||
监控系统7*24小时不间断服务，所有的设备数据和用户数据都采用加密传输、细化的权限管理、管理员和普通用户权限清晰，实现数据的安全存储和访问</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!--
|
||
//////////////
|
||
-->
|
||
</div>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
|