<script lang="ts" setup>
import {useHead} from "#app";

definePageMeta({
  layout: 'no-new'
})

// 使用 Nuxt 3 的 useHead 来管理头部资源
useHead({
  link: [
    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
    {rel: 'stylesheet', href: '/css/main2.css'},
    {rel: 'stylesheet', href: '/css/about.css'},
    {rel: 'stylesheet', href: '/css/computer_public.css'},
    {rel: 'stylesheet', href: '/css/headORfooter.css'},
    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
    {rel: 'stylesheet', href: '/css/Internet_Things.css'}
  ],
  script: [
   
    {src: '/js/index.js'},
    {src: '/js/gopcOm.js'}
  ]
})
</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>


