<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>
