<template>
  <div id="app">
    <div class="db_lite">
      <router-link to="/ipsetting">IP设置</router-link>
      <router-link to="/datacollect">数据采集配置</router-link>
    </div>
    <div class="chihou">
      <h2>斥候工业网关</h2>
      <ChiGate></ChiGate>
      <ChiWireld></ChiWireld>
      <ChiGateway></ChiGateway>
      <ChiDevice></ChiDevice>
      <ChiCollection></ChiCollection>
      <ChiClone></ChiClone>
    </div>
    <IpConfiguration></IpConfiguration>
    <PortConfiguration></PortConfiguration>

    <div>
      <!-- //串口及网络协议设置 -->
      <netConfiguration />
      <!-- 网口配置 -->
      <NetworkConfiguration />
      <!-- 无线配置 -->
      <Wireles />
      <!-- 网络管理 -->
      <NetworkManagement />
      <!-- 对象管理 -->
      <ObjectManagement />
      <!-- 策略管理 -->
      <PolicyManagement />
      <!-- 网关配置 -->
      <GatewayConfiguration />
      <!-- 网关维护 -->
      <GatewayMaintenance />
      <div class="ip">
        <IpConfiguration></IpConfiguration>
        <PortConfiguration></PortConfiguration>
      </div>

      <div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import CollectionView from "./components/CollectionView.vue";
import CloneView from "./components/CloneView.vue";
import ChiGate from "./components/ChiGate.vue";
import ChiWireld from "./components/ChiWireld.vue";
import ChiGateway from "./components/ChiGateway.vue";
import IpConfiguration from "./components/IpConfiguration.vue";
import PortConfiguration from "./components/PortConfiguration.vue";
import ChiDevice from "./components/ChiDevice.vue";
import ChiCollection from "./components/ChiCollection.vue";
import ChiClone from "./components/ChiClone.vue";
import netConfiguration from "./components/netConfiguration.vue";
import NetworkConfiguration from "./components/NetworkConfiguration.vue";
import Wireles from "./components/Wireles.vue";
import NetworkManagement from "./components/NetworkManagement.vue";
import ObjectManagement from "./components/ObjectManagement.vue";
import PolicyManagement from "./components/PolicyManagement.vue";
import GatewayConfiguration from "./components/GatewayConfiguration.vue";
import GatewayMaintenance from "./components/GatewayMaintenance.vue";
export default {
  name: "App",
  data() {
    return {};
  },
  methods: {},
  components: {
    // GateWay,
    // DataAcquisition,
    // DataView,
    // TreeView,
    // SerialPort,
    // DeviceVIew,
    CollectionView,
    CloneView,
    ChiGate,
    ChiWireld,
    ChiGateway,
    ChiDevice,
    ChiCollection,
    ChiClone,
    IpConfiguration,
    PortConfiguration,
    netConfiguration,
    NetworkConfiguration,
    Wireles,
    NetworkManagement,
    ObjectManagement,
    PolicyManagement,
    GatewayConfiguration,
    GatewayMaintenance,
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  height: 100vh;
  background-color: #2b2d38;
}

.db_lite,
.chihou,
.ip {
  font-size: 18px;
  width: 100%;
  color: white;
  text-decoration: none;
  height: 60px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
</style>
