243 lines
6.9 KiB
Vue
243 lines
6.9 KiB
Vue
<template>
|
|
<div id="app">
|
|
<!-- 所有路由跳转链接 -->
|
|
|
|
<div class="db_lite" style="background-color: aqua; height: 100px">
|
|
<router-link to="/cockpit">驾驶舱</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="/dbcollectdevice"
|
|
>db有线网关-数据采集配置-网口设备配置</router-link
|
|
>
|
|
<router-link to="/dbcollect"
|
|
>db有线网关-数据采集配置-网口采集点配置</router-link
|
|
>
|
|
<router-link to="/mqttconfig"
|
|
>db有线网关-MQTT上云-网口MQTT1配置</router-link
|
|
>
|
|
<!--db无线网关配置 -->
|
|
<router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
|
|
<router-link to="/dbcollectionwifi"
|
|
>db无线网关-数据采集配置-网关配置配置</router-link
|
|
>
|
|
<router-link to="/dbcollectserial"
|
|
>db无线网关-数据采集配置-串口通道配置</router-link
|
|
>
|
|
<router-link to="/dbserialdevice"
|
|
>db无线网关-数据采集配置-串口设备配置</router-link
|
|
>
|
|
<router-link to="/dbwificollect"
|
|
>db无线网关-数据采集配置-网口采集点配置</router-link
|
|
>
|
|
<router-link to="/mqttconfigwifi"
|
|
>db无线网关-MQTT上云-网口MQTT1配置</router-link
|
|
>
|
|
</div>
|
|
<div class="chihou" style="background-color: aqua; height: 100px">
|
|
<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="/chwirelessgatewayip"
|
|
>斥候工业网关-ip配置-无线网关</router-link
|
|
>
|
|
<router-link to="/chiwifigate"
|
|
>斥候无线工业网关-数据采集配置-网关配置</router-link
|
|
>
|
|
<router-link to="/chiwifidevice"
|
|
>斥候无线工业网关-数据采集配置-设备配置</router-link
|
|
>
|
|
<router-link to="/chiwificollect"
|
|
>斥候无线工业网关-数据采集配置-采集点配置</router-link
|
|
>
|
|
<router-link to="/chiwifimqtt"
|
|
>斥候无线工业网关-数据上云配置-MQTT上云</router-link
|
|
>
|
|
</div>
|
|
<div class="serial" style="background-color: aqua; height: 100px">
|
|
<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>
|
|
<!-- <ceshi></ceshi> -->
|
|
</div>
|
|
</template>
|
|
<script>
|
|
// import Ceshi from '@/components/ceshi.vue';
|
|
// import ceshi from '@/components/ceshi.vue';
|
|
export default {
|
|
name: "App",
|
|
// components: {
|
|
// ceshi
|
|
// },
|
|
data() {
|
|
return {
|
|
tmDisplay: false,
|
|
rightMenu: {},
|
|
};
|
|
},
|
|
created() {
|
|
// localStorage.setItem(
|
|
// "tree",
|
|
// JSON.stringify([
|
|
// {
|
|
// label: "Gateway",
|
|
// id: 1,
|
|
// editing: true,
|
|
// children: [
|
|
// {
|
|
// label: "数据采集",
|
|
// id: 11,
|
|
// children: [
|
|
// {
|
|
// label: "I/O点",
|
|
// id: 111,
|
|
// },
|
|
// {
|
|
// label: "用户点",
|
|
// id: 112,
|
|
// },
|
|
// {
|
|
// label: "计算点",
|
|
// id: 113,
|
|
// },
|
|
// {
|
|
// label: "系统点",
|
|
// id: 114,
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// label: "数据服务",
|
|
// id: 12,
|
|
// children: [
|
|
// {
|
|
// label: "Modbus",
|
|
// id: 121,
|
|
// },
|
|
// ],
|
|
// },
|
|
// {
|
|
// label: "IOT",
|
|
// id: 13,
|
|
// children: [
|
|
// {
|
|
// label: "Mqtt Client",
|
|
// id: 131,
|
|
// },
|
|
// {
|
|
// label: "Alink",
|
|
// id: 132,
|
|
// },
|
|
// {
|
|
// label: "Tlink",
|
|
// id: 133,
|
|
// },
|
|
// {
|
|
// label: "loTDDC",
|
|
// id: 134,
|
|
// },
|
|
// {
|
|
// label: "Ulink",
|
|
// id: 135,
|
|
// },
|
|
// ],
|
|
// },
|
|
// ],
|
|
// },
|
|
// ])
|
|
// );
|
|
// let that = this;
|
|
// window.getParameter = that.getParameter;
|
|
},
|
|
methods: {
|
|
// getParameter(data) {
|
|
// this.$router.push(`/${data}`);
|
|
// },
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#app {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.db_lite,
|
|
.chihou,
|
|
.serial {
|
|
font-size: 18px;
|
|
width: 100%;
|
|
color: white;
|
|
text-decoration: none;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.tree_menu {
|
|
position: fixed;
|
|
display: block;
|
|
z-index: 20000;
|
|
background-color: #fff;
|
|
padding: 5px 0;
|
|
border: 1px solid #ebeef5;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0 15px;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
ul li:hover {
|
|
background-color: #ebeef5;
|
|
}
|
|
}
|
|
</style>
|