11-1 zyh second

.history/src/main_20231101182022.js

@@ -0,0 +1,11 @@
+import Vue from "vue";
+import App from "./App.vue";
+import ElementUI from "element-ui";
+import router from "./router";
+import "element-ui/lib/theme-chalk/index.css";
+Vue.config.productionTip = false;
+Vue.use(ElementUI);
+new Vue({
+  router,
+  render: (h) => h(App),
+}).$mount("#app");

.history/src/views/Index_20231101182023.vue

@@ -0,0 +1,155 @@
+<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="/datacollect">数据采集配置</router-link>
+
+      <router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
+      <router-link to="/wiredgatewayip">db网关-ip配置-有线网关</router-link>
+      <router-link to="/mqttconfig">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 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 />
+      <!-- 网关配置 -->
+      <GatewayConfiguration />
+      <!-- 网关维护 -->
+      <GatewayMaintenance />
+      <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 PolicyManagement from "../components/PolicyManagement.vue";
+import GatewayConfiguration from "../components/GatewayConfiguration.vue";
+import GatewayMaintenance from "../components/GatewayMaintenance.vue";
+export default {
+  name: "App",
+  data() {
+    return {};
+  },
+  methods: {},
+  components: {
+    CollectionView,
+    CloneView,
+    ChiGate,
+    ChiWireld,
+    ChiGateway,
+    ChiDevice,
+    ChiCollection,
+    ChiClone,
+    IpConfiguration,
+    PortConfiguration,
+    netConfiguration,
+    NetworkConfiguration,
+    Wireles,
+    NetworkManagement,
+    ObjectManagement,
+    PolicyManagement,
+    GatewayConfiguration,
+    GatewayMaintenance,
+  },
+};
+</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>

src/router/index.js

@@ -22,6 +22,128 @@ const routes = [
         name: "channelconfig",
         component: () => import("../views/ChannelConfig.vue"),
       },
+
+      // 刘龙龙新加的全部路由
+      //db网关-ip配置-无线网关
+      {
+        path: "/wirelessgatewayip",
+        name: "wirelessgatewayip",
+        component: () => import("../views/WirelessGatewayIP.vue"),
+      },
+      //db网关-ip配置-有线网关
+      {
+        path: "/wiredgatewayip",
+        name: "wiredgatewayip",
+        component: () => import("../views/WiredGatewayIP.vue"),
+      },
+      //MQTT上云-MQTT1配置
+      {
+        path: "/mqttconfig",
+        name: "mqttconfig",
+        component: () => import("../views/MqttConfig.vue"),
+      },
+      //斥候工业网关-ip配置-无线网关
+      {
+        path: "/chwirelessgatewayip",
+        name: "chwirelessgatewayip",
+        component: () => import("../views/ChWirelessGatewayIP.vue"),
+      },
+      //斥候工业网关-ip配置-有线网关
+      {
+        path: "/chwiredgatewayip",
+        name: "chwiredgatewayip",
+        component: () => import("../views/ChWiredGatewayIP.vue"),
+      },
+      //斥候工业网关-数据采集配置-网关配置
+      {
+        path: "/gatewayconfiguration",
+        name: "gatewayconfiguration",
+        component: () => import("../views/GatewayConfiguration.vue"),
+      },
+      //斥候工业网关-数据采集配置-设备配置
+      {
+        path: "/configuration",
+        name: "configuration",
+        component: () => import("../views/Configuration.vue"),
+      },
+      //斥候工业网关-数据采集配置-采集点配置
+      {
+        path: "collectionpoint",
+        name: "collectionpoint",
+        component: () => import("../views/CollectionPoint.vue"),
+      },
+      //斥候工业网关-数据上云配置-MQTT上云
+      {
+        path: "chmqtt",
+        name: "chmqtt",
+        component: () => import("../views/ChMqtt.vue"),
+      },
+      //串口服务器-Ip配置
+      {
+        path: "/ckipconfig",
+        name: "ckipconfig",
+        component: () => import("../views/CkIpConfig.vue"),
+      },
+      //串口服务器-端口配置
+      {
+        path: "/ckportconfig",
+        name: "ckportconfig",
+        component: () => import("../views/CkPortConfig.vue"),
+      },
+      //串口服务器-485towifi-串口及网络协议设置
+      {
+        path: "/towifi",
+        name: "towifi",
+        component: () => import("../views/ToWifi.vue"),
+      },
+      //串口服务器-485towifi-网口配置
+      {
+        path: "/cknet",
+        name: "cknet",
+        component: () => import("../views/CkNet.vue"),
+      },
+      //串口服务器-485towifi-无线配置
+      {
+        path: "/ckwireless",
+        name: "ckwireless",
+        component: () => import("../views/CkWireless.vue"),
+      },
+      //工业网闸配置-网络管理
+      {
+        path: "/networkmanagement",
+        name: "networkmanagement",
+        component: () => import("../views/NetworkManagement.vue"),
+      },
+      //工业网闸配置-对象管理
+      {
+        path: "/objmanagement",
+        name: "objmanagement",
+        component: () => import("../views/ObjManagement.vue"),
+      },
+      //工业网闸配置-策略管理
+      {
+        path: "/strategyManagement",
+        name: "strategyManagement",
+        component: () => import("../views/StrategyManagement.vue"),
+      },
+      //工业网闸配置-策略管理-添加策略
+      {
+        path: "/addstrategy",
+        name: "addstrategy",
+        component: () => import("../views/AddStrategy.vue"),
+      },
+      //网络优化-网关配置
+      {
+        path: "/ntconfig",
+        name: "ntconfig",
+        component: () => import("../views/NtConfig.vue"),
+      },
+      //网络优化-网关维护
+      {
+        path: "/ntmaintenance",
+        name: "ntmaintenance",
+        component: () => import("../views/NtMaintenance.vue"),
+      },
     ],
   },
   {

src/util/request.js

@@ -1,35 +1,41 @@
-import axios from 'axios';
+import axios from "axios";
 // import store from '@/store/index.js';
-import { Message } from 'element-ui';
+import { Message } from "element-ui";
 
 // 创建 axios 实例
 const service = axios.create({
-    baseURL: process.env.BASE_API, // api 的 base_url
-    withCredentials: true,
-    // withCredentials: true,
-    timeout: 600000
+  baseURL: process.env.BASE_API, // api 的 base_url
+  withCredentials: true,
+  // withCredentials: true,
+  timeout: 600000,
 });
 
 // 请求拦截器
-service.interceptors.request.use(config => {
+service.interceptors.request.use(
+  (config) => {
     // config.headers['authToken'] = store.state.authToken;
-    config.headers['ms_username'] = localStorage.getItem('ms_username');
+    config.headers["ms_username"] = localStorage.getItem("ms_username");
     return config;
-}, error => {
-    console.log('request error', error);
+  },
+  (error) => {
+    console.log("request error", error);
     return Promise.reject(error);
-});
+  }
+);
 
 // 响应拦截器
-service.interceptors.response.use(response => {
+service.interceptors.response.use(
+  (response) => {
     return response;
-}, error => {
-    console.log('response error', error);
+  },
+  (error) => {
+    console.log("response error", error);
     Message({
-        message: error.message,
-        type: 'error'
+      message: error.message,
+      type: "error",
     });
     return Promise.reject(error);
-});
+  }
+);
 
-export default service;
+export default service;

src/views/AddStrategy.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>工业网闸配置-策略管理-添加策略</div>
+</template>

src/views/ChMqtt.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-数据上云配置-MQTT上云</div>
+</template>

src/views/ChWiredGatewayIP.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-ip配置-有线网关</div>
+</template>

src/views/ChWirelessGatewayIP.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-ip配置-无线网关</div>
+</template>

src/views/CkIpConfig.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>串口服务器-Ip配置</div>
+</template>

src/views/CkNet.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>串口服务器-485towifi-网口配置</div>
+</template>

src/views/CkPortConfig.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>串口服务器-端口配置</div>
+</template>

src/views/CkWireless.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>串口服务器-485towifi-无线配置</div>
+</template>

src/views/CollectionPoint.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-数据采集配置-采集点配置</div>
+</template>

src/views/Configuration.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-数据采集配置-设备配置</div>
+</template>

src/views/GatewayConfiguration.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>斥候工业网关-数据采集配置-网关配置</div>
+</template>

src/views/Index.vue

@@ -1,9 +1,48 @@
 <template>
   <div id="app">
-    <div class="db_lite">
+    <!-- 所有路由跳转链接 -->
+
+    <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="/datacollect">数据采集配置</router-link>
-      <router-link to="/cockpit">驾驶舱</router-link>
+
+      <router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
+      <router-link to="/wiredgatewayip">db网关-ip配置-有线网关</router-link>
+      <router-link to="/mqttconfig">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 class="chihou">
       <h2>斥候工业网关</h2>
@@ -34,8 +73,6 @@
       <GatewayConfiguration />
       <!-- 网关维护 -->
       <GatewayMaintenance />
-      <div class="ip">
-      </div>
       <div>
         <router-view></router-view>
       </div>
@@ -69,7 +106,6 @@ export default {
   },
   methods: {},
   components: {
-
     CollectionView,
     CloneView,
     ChiGate,

src/views/MqttConfig.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>MQTT上云-MQTT1配置</div>
+</template>

src/views/NetworkManagement.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>工业网闸配置-网络管理</div>
+</template>

src/views/NtConfig.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>网络优化-网关配置</div>
+</template>

src/views/NtMaintenance.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>网络优化-网关维护</div>
+</template>

src/views/ObjManagement.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>工业网闸配置-对象管理</div>
+</template>

src/views/StrategyManagement.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>工业网闸配置-策略管理</div>
+</template>

src/views/ToWifi.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>串口服务器-485towifi-串口及网络协议设置</div>
+</template>

src/views/WiredGatewayIP.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>ip配置-有线网关</div>
+</template>

src/views/WirelessGatewayIP.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>ip配置-无线网关</div>
+</template>