100 lines
2.4 KiB
Vue
100 lines
2.4 KiB
Vue
<template>
|
|
<div id="app">
|
|
<div class="db_lite">
|
|
<router-link to="/">Home</router-link> |
|
|
<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>
|
|
<div class="ip">
|
|
<IpConfiguration></IpConfiguration>
|
|
<PortConfiguration></PortConfiguration>
|
|
<NetProtocol></NetProtocol>
|
|
</div>
|
|
|
|
</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";
|
|
import NetProtocol from "./components/NetProtocol.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,
|
|
NetProtocol
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#app {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background-color: #2b2d38;
|
|
}
|
|
|
|
.db_lite,
|
|
.chihou,
|
|
.ip {
|
|
width: 100%;
|
|
height: 60px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
}
|
|
</style>
|