<template>
  <div id="app">
    <div class="db_lite">
      <h2>db-Lite网关</h2>
      <DataView></DataView>
      <GateWay></GateWay>
      <DataAcquisition></DataAcquisition>
      <TreeView></TreeView>
      <SerialPort></SerialPort>
      <DeviceVIew></DeviceVIew>
      <CollectionView></CollectionView>
      <CloneView></CloneView>
    </div>
    <div class="chihou">
      <h2>斥候工业网关</h2>
      <ChiGate></ChiGate>
      <ChiWireld></ChiWireld>
      <ChiGateway></ChiGateway>
      <ChiDevice></ChiDevice>
      <ChiCollection></ChiCollection>
      <ChiClone></ChiClone>
    </div>
    <IpConfiguration></IpConfiguration>
    <PortConfiguration></PortConfiguration>
  </div>
</template>

<script>
import TreeView from "./components/TreeView.vue";
import GateWay from "./components/GateWay.vue";
import DataAcquisition from "./components/DataAcquisition.vue";
import DataView from "./components/DataView.vue";
import SerialPort from "./components/SerialPort.vue";
import DeviceVIew from "./components/DeviceVIew.vue";
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";
export default {
  name: "App",
  data() {
    return {};
  },
  methods: {},
  components: {
    GateWay,
    DataAcquisition,
    DataView,
    TreeView,
    SerialPort,
    DeviceVIew,
    CollectionView,
    CloneView,
    ChiGate,
    ChiWireld,
    ChiGateway,
    ChiDevice,
    ChiCollection,
    ChiClone,
    IpConfiguration,
    PortConfiguration,
  },
};
</script>

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

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

.db_lite,
.chihou {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
</style>
