122 lines
2.9 KiB
Vue
122 lines
2.9 KiB
Vue
<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 />
|
|
<div class="ip">
|
|
<IpConfiguration></IpConfiguration>
|
|
<PortConfiguration></PortConfiguration>
|
|
<NetProtocol></NetProtocol>
|
|
</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 NetProtocol from "./components/NetProtocol.vue";
|
|
import PolicyManagement from "./components/PolicyManagement.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,
|
|
NetProtocol,
|
|
PolicyManagement,
|
|
},
|
|
};
|
|
</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>
|