InternetCompetition/src/views/Index.vue

96 lines
3.1 KiB
Vue

<template>
<div id="app">
<!-- 所有路由跳转链接 -->
<div class="db_lite" style="background-color: aqua; height: 200px">
<router-link to="/cockpit">驾驶舱</router-link>
<!-- <router-link to="/ipsetting">IP设置</router-link> -->
<router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
<router-link to="/wiredgatewayip">db网关-ip配置-有线网关</router-link>
<router-link to="/dbcollectiongate"
>db网关-数据采集配置-网关配置</router-link
>
<router-link to="/channelconfig"
>db网关-数据采集配置-网口通道配置</router-link
>
<router-link to="/dbcollectserial"
>db网关-数据采集配置-串口通道配置</router-link
>
<router-link to="/dbcollectdevice"
>db网关-数据采集配置-设备配置</router-link
>
<router-link to="/dbcollect">db网关-数据采集配置-采集点配置</router-link>
<router-link to="/mqttconfig">db-网关-MQTT上云-MQTT1配置</router-link>
<router-link to="/chwirelessgatewayip"
>斥候工业网关-ip配置-无线网关</router-link
>
<router-link to="/chwiredgatewayip"
>斥候工业网关-ip配置-有线网关</router-link
>
<router-link to="/gatewayconfiguration"
>斥候工业网关-数据采集配置-网关配置</router-link
>
<router-link to="/configuration"
>斥候工业网关-数据采集配置-设备配置</router-link
>
<router-link to="/collectionpoint"
>斥候工业网关-数据采集配置-采集点配置</router-link
>
<router-link to="/chmqtt">斥候工业网关-数据上云配置-MQTT上云</router-link>
<router-link to="/ckipconfig">串口服务器-Ip配置</router-link>
<router-link to="/ckportconfig">串口服务器-端口配置</router-link>
<router-link to="/towifi"
>串口服务器-485towifi-串口及网络协议设置</router-link
>
<router-link to="/cknet">串口服务器-485towifi-网口配置</router-link>
<router-link to="/ckwireless">串口服务器-485towifi-无线配置</router-link>
<router-link to="/networkmanagement">工业网闸配置-网络管理</router-link>
<router-link to="/objmanagement">工业网闸配置-对象管理</router-link>
<router-link to="/strategyManagement">工业网闸配置-策略管理</router-link>
<router-link to="/addstrategy"
>工业网闸配置-策略管理-添加策略</router-link
>
<router-link to="/ntconfig">网络优化-网关配置</router-link>
<router-link to="/ntmaintenance">网络优化-网关维护</router-link>
</div>
</div>
</template>
<script>
export default {
name: "App",
data() {
return {};
},
methods: {},
components: {},
};
</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>