11-2
This commit is contained in:
lll
parent
a7b110d6e8
commit
bc01ac6b00
File diff suppressed because it is too large
Load Diff
|
|
@ -1,185 +1,209 @@
|
||||||
<!-- 斥候IP设置——无线网关页面 -->
|
<!-- 斥候IP设置——无线网关页面 -->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- <el-button type="info" plain @click="getShow">斥候IP设置——无线网关</el-button> -->
|
<!-- <el-button type="info" plain @click="getShow">斥候IP设置——无线网关</el-button> -->
|
||||||
<div class="gateway" v-show="isShow">
|
<div class="gateway" v-show="isShow">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<p class="title_l">IP配置</p>
|
<p class="title_l">IP配置</p>
|
||||||
<i class="el-icon-close title_r" @click="isShow = false"></i>
|
<i class="el-icon-close title_r" @click="isShow = false"></i>
|
||||||
</div>
|
</div>
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
|
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="客户端SSID:" :label-width="formLabelWidth" prop="ippz_ssid">
|
<el-form-item
|
||||||
<el-input v-model="ippz_ssid" placeholder="请输入WIFI名字"></el-input>
|
label="客户端SSID:"
|
||||||
</el-form-item>
|
:label-width="formLabelWidth"
|
||||||
</el-col>
|
prop="ippz_ssid"
|
||||||
</el-row>
|
>
|
||||||
<el-row>
|
<el-input
|
||||||
<el-col :span="24">
|
v-model="ippz_ssid"
|
||||||
<el-form-item label="认证方式:" :label-width="formLabelWidth">
|
placeholder="请输入WIFI名字"
|
||||||
<el-select v-model="ippz_rzfs" placeholder="开放式">
|
></el-input>
|
||||||
<el-option v-for="item in options1" :key="item.value" :label="item.label"
|
</el-form-item>
|
||||||
:value="item.value">
|
</el-col>
|
||||||
</el-option>
|
</el-row>
|
||||||
</el-select>
|
<el-row>
|
||||||
</el-form-item>
|
<el-col :span="24">
|
||||||
</el-col>
|
<el-form-item label="认证方式:" :label-width="formLabelWidth">
|
||||||
</el-row>
|
<el-select v-model="ippz_rzfs" placeholder="开放式">
|
||||||
<el-row>
|
<el-option
|
||||||
<el-col :span="24">
|
v-for="item in options1"
|
||||||
<el-form-item label="加密方式:" :label-width="formLabelWidth">
|
:key="item.value"
|
||||||
<el-select v-model="ippz_jmfs" placeholder="NONE">
|
:label="item.label"
|
||||||
<el-option v-for="item in options2" :key="item.value" :label="item.label"
|
:value="item.value"
|
||||||
:value="item.value">
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="密码:" :label-width="formLabelWidth" prop="ippz_mm">
|
<el-form-item label="加密方式:" :label-width="formLabelWidth">
|
||||||
<el-input v-model="ippz_mm" placeholder="请输入wifi密码"></el-input>
|
<el-select v-model="ippz_jmfs" placeholder="NONE">
|
||||||
</el-form-item>
|
<el-option
|
||||||
</el-col>
|
v-for="item in options2"
|
||||||
</el-row>
|
:key="item.value"
|
||||||
<div class="footer">
|
:label="item.label"
|
||||||
<el-button type="primary">保 存</el-button>
|
:value="item.value"
|
||||||
<el-button @click="isShow = false">取 消</el-button>
|
>
|
||||||
</div>
|
</el-option>
|
||||||
</el-form>
|
</el-select>
|
||||||
</div>
|
</el-form-item>
|
||||||
</div>
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item
|
||||||
|
label="密码:"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
prop="ippz_mm"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="ippz_mm"
|
||||||
|
placeholder="请输入wifi密码"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="footer">
|
||||||
|
<el-button type="primary">保 存</el-button>
|
||||||
|
<el-button @click="isShow = false">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'ChiGate',
|
name: "ChiGate",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
ippz_ssid: "",
|
||||||
|
ippz_rzfs: "开放式", //答案：WPA2-PSK
|
||||||
|
ippz_jmfs: "NONE", //答案：AES
|
||||||
|
ippz_mm: "",
|
||||||
|
options1: [
|
||||||
|
{
|
||||||
|
value: "开放式",
|
||||||
|
label: "开放式",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "共享式",
|
||||||
|
label: "共享式",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WPA-PSK",
|
||||||
|
label: "WPA-PSK",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WPA",
|
||||||
|
label: "WPA",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WPA2-PSK",
|
||||||
|
label: "WPA2-PSK",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WPA2",
|
||||||
|
label: "WPA2",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
options2: [
|
||||||
|
{
|
||||||
|
value: "NONE",
|
||||||
|
label: "NONE",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WEP40",
|
||||||
|
label: "WEP40",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "WEP104",
|
||||||
|
label: "WEP104",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "AES",
|
||||||
|
label: "AES",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
labelPosition: "left",
|
||||||
|
formLabelWidth: "116px",
|
||||||
|
value: "测试",
|
||||||
|
count: 0,
|
||||||
|
isShow: true,
|
||||||
|
rules: {
|
||||||
|
ippz_ssid: [
|
||||||
|
{ required: true, message: "请输入客户端SSID", trigger: "blur" },
|
||||||
|
],
|
||||||
|
ippz_mm: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
data() {
|
mounted() {},
|
||||||
return {
|
|
||||||
ippz_ssid:"",
|
|
||||||
ippz_rzfs: "开放式", //答案：WPA2-PSK
|
|
||||||
ippz_jmfs: "NONE",//答案：AES
|
|
||||||
ippz_mm:"",
|
|
||||||
options1: [
|
|
||||||
{
|
|
||||||
value: '开放式',
|
|
||||||
label: '开放式'
|
|
||||||
}, {
|
|
||||||
value: '共享式',
|
|
||||||
label: '共享式'
|
|
||||||
}, {
|
|
||||||
value: 'WPA-PSK',
|
|
||||||
label: 'WPA-PSK'
|
|
||||||
}, {
|
|
||||||
value: 'WPA',
|
|
||||||
label: 'WPA'
|
|
||||||
}, {
|
|
||||||
value: 'WPA2-PSK',
|
|
||||||
label: 'WPA2-PSK'
|
|
||||||
}, {
|
|
||||||
value: 'WPA2',
|
|
||||||
label: 'WPA2'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
options2: [
|
|
||||||
{
|
|
||||||
value: 'NONE',
|
|
||||||
label: 'NONE'
|
|
||||||
}, {
|
|
||||||
value: 'WEP40',
|
|
||||||
label: 'WEP40'
|
|
||||||
}, {
|
|
||||||
value: 'WEP104',
|
|
||||||
label: 'WEP104'
|
|
||||||
}, {
|
|
||||||
value: 'AES',
|
|
||||||
label: 'AES'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
labelPosition: "left",
|
|
||||||
formLabelWidth: "116px",
|
|
||||||
value: "测试",
|
|
||||||
count: 0,
|
|
||||||
isShow: true,
|
|
||||||
rules: {
|
|
||||||
ippz_ssid: [
|
|
||||||
{ required: true, message: '请输入客户端SSID', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
ippz_mm: [
|
|
||||||
{ required: true, message: '请输入密码', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
mounted() {
|
methods: {},
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.gateway {
|
.gateway {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 648px;
|
left: 648px;
|
||||||
top: 226px;
|
top: 226px;
|
||||||
width: 470px;
|
width: 470px;
|
||||||
height: 384px;
|
height: 384px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid rgba(187, 187, 187, 1);
|
border: 1px solid rgba(187, 187, 187, 1);
|
||||||
|
|
||||||
.el-divider--horizontal {
|
.el-divider--horizontal {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin: 13px 6px 0px 25px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.title_l {
|
||||||
|
width: 53px;
|
||||||
|
height: 26px;
|
||||||
|
color: rgba(16, 16, 16, 1);
|
||||||
|
font-size: 18px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title_r {
|
||||||
margin: 13px 6px 0px 25px;
|
width: 24px;
|
||||||
display: flex;
|
height: 24px;
|
||||||
justify-content: space-between;
|
cursor: pointer;
|
||||||
|
color: rgba(111, 103, 103, 1);
|
||||||
.title_l {
|
|
||||||
width: 53px;
|
|
||||||
height: 26px;
|
|
||||||
color: rgba(16, 16, 16, 1);
|
|
||||||
font-size: 18px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title_r {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: rgba(111, 103, 103, 1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/deep/ .content {
|
/deep/ .content {
|
||||||
margin-left: 62px;
|
margin-left: 62px;
|
||||||
margin-right: 114px;
|
margin-right: 114px;
|
||||||
|
|
||||||
.el-input__inner {
|
.el-input__inner {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/deep/ .footer {
|
/deep/ .footer {
|
||||||
.el-button {
|
.el-button {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 0.5;
|
line-height: 0.5;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -6,170 +6,169 @@ const routes = [
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
component: () => import("../views/Index.vue"),
|
component: () => import("../views/Index.vue"),
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: "/datacollect",
|
|
||||||
name: "datacollect",
|
|
||||||
component: () => import("../views/DataCollect.vue"),
|
|
||||||
},
|
|
||||||
// 刘龙龙新加的全部路由
|
|
||||||
//db网关-ip配置-无线网关
|
|
||||||
{
|
|
||||||
path: "/wirelessgatewayip",
|
|
||||||
name: "wirelessgatewayip",
|
|
||||||
component: () => import("../views/WirelessGatewayIP.vue"),
|
|
||||||
},
|
|
||||||
//db网关-ip配置-有线网关
|
|
||||||
{
|
|
||||||
path: "/wiredgatewayip",
|
|
||||||
name: "wiredgatewayip",
|
|
||||||
component: () => import("../views/WiredGatewayIP.vue"),
|
|
||||||
},
|
|
||||||
//db网关-数据采集配置-网关配置
|
|
||||||
{
|
|
||||||
path: "/dbcollectiongate",
|
|
||||||
name: "dbcollectiongate",
|
|
||||||
component: () => import("../views/DbCollectiongate.vue"),
|
|
||||||
},
|
|
||||||
// db网关-数据采集配置-网口配置
|
|
||||||
{
|
|
||||||
path: "/channelconfig",
|
|
||||||
name: "channelconfig",
|
|
||||||
component: () => import("../views/ChannelConfig.vue"),
|
|
||||||
},
|
|
||||||
// db网关-数据采集配置-串口配置
|
|
||||||
{
|
|
||||||
path: "/dbcollectserial",
|
|
||||||
name: "dbcollectserial",
|
|
||||||
component: () => import("../views/DbCollectserial.vue"),
|
|
||||||
},
|
|
||||||
// db网关-数据采集配置-设备配置
|
|
||||||
{
|
|
||||||
path: "/dbcollectdevice",
|
|
||||||
name: "dbcollectdevice",
|
|
||||||
component: () => import("../views/DbCollectdevice.vue"),
|
|
||||||
},
|
|
||||||
// db网关-数据采集配置-采集点配置
|
|
||||||
{
|
|
||||||
path: "/dbcollect",
|
|
||||||
name: "dbcollect",
|
|
||||||
component: () => import("../views/DbCollection.vue"),
|
|
||||||
},
|
|
||||||
//db网关-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"),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/cockpit",
|
path: "/cockpit",
|
||||||
name: "cockpit",
|
name: "cockpit",
|
||||||
component: () => import("../views/Cockpit.vue"),
|
component: () => import("../views/Cockpit.vue"),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: "/datacollect",
|
||||||
|
name: "datacollect",
|
||||||
|
component: () => import("../views/DataCollect.vue"),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 刘龙龙新加的全部路由
|
||||||
|
//db网关-ip配置-无线网关
|
||||||
|
{
|
||||||
|
path: "/wirelessgatewayip",
|
||||||
|
name: "wirelessgatewayip",
|
||||||
|
component: () => import("../views/WirelessGatewayIP.vue"),
|
||||||
|
},
|
||||||
|
//db网关-ip配置-有线网关
|
||||||
|
{
|
||||||
|
path: "/wiredgatewayip",
|
||||||
|
name: "wiredgatewayip",
|
||||||
|
component: () => import("../views/WiredGatewayIP.vue"),
|
||||||
|
},
|
||||||
|
//db网关-数据采集配置-网关配置
|
||||||
|
{
|
||||||
|
path: "/dbcollectiongate",
|
||||||
|
name: "dbcollectiongate",
|
||||||
|
component: () => import("../views/DbCollectiongate.vue"),
|
||||||
|
},
|
||||||
|
// db网关-数据采集配置-网口配置
|
||||||
|
{
|
||||||
|
path: "/channelconfig",
|
||||||
|
name: "channelconfig",
|
||||||
|
component: () => import("../views/ChannelConfig.vue"),
|
||||||
|
},
|
||||||
|
// db网关-数据采集配置-串口配置
|
||||||
|
{
|
||||||
|
path: "/dbcollectserial",
|
||||||
|
name: "dbcollectserial",
|
||||||
|
component: () => import("../views/DbCollectserial.vue"),
|
||||||
|
},
|
||||||
|
// db网关-数据采集配置-设备配置
|
||||||
|
{
|
||||||
|
path: "/dbcollectdevice",
|
||||||
|
name: "dbcollectdevice",
|
||||||
|
component: () => import("../views/DbCollectdevice.vue"),
|
||||||
|
},
|
||||||
|
// db网关-数据采集配置-采集点配置
|
||||||
|
{
|
||||||
|
path: "/dbcollect",
|
||||||
|
name: "dbcollect",
|
||||||
|
component: () => import("../views/DbCollection.vue"),
|
||||||
|
},
|
||||||
|
//db网关-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"),
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
|
|
|
||||||
|
|
@ -8,28 +8,20 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ChiClone from '@/components/ChiClone.vue';
|
import ChiClone from "@/components/ChiClone.vue";
|
||||||
export default {
|
export default {
|
||||||
name: 'InternetCompetitionChMqtt',
|
name: "InternetCompetitionChMqtt",
|
||||||
components:{
|
components: {
|
||||||
ChiClone
|
ChiClone,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
|
||||||
};
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {},
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {},
|
||||||
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -8,113 +8,63 @@
|
||||||
|
|
||||||
<router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
|
<router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</router-link>
|
||||||
<router-link to="/wiredgatewayip">db网关-ip配置-有线网关</router-link>
|
<router-link to="/wiredgatewayip">db网关-ip配置-有线网关</router-link>
|
||||||
<router-link to="/dbcollectiongate">db网关-数据采集配置-网关配置</router-link>
|
<router-link to="/dbcollectiongate"
|
||||||
<router-link to="/channelconfig">db网关-数据采集配置-网口通道配置</router-link>
|
>db网关-数据采集配置-网关配置</router-link
|
||||||
<router-link to="/dbcollectserial">db网关-数据采集配置-串口通道配置</router-link>
|
>
|
||||||
<router-link to="/dbcollectdevice">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="/dbcollect">db网关-数据采集配置-采集点配置</router-link>
|
||||||
<router-link to="/mqttconfig">db-网关-MQTT上云-MQTT1配置</router-link>
|
<router-link to="/mqttconfig">db-网关-MQTT上云-MQTT1配置</router-link>
|
||||||
<router-link to="/chwirelessgatewayip">斥候工业网关-ip配置-无线网关</router-link>
|
<router-link to="/chwirelessgatewayip"
|
||||||
<router-link to="/chwiredgatewayip">斥候工业网关-ip配置-有线网关</router-link>
|
>斥候工业网关-ip配置-无线网关</router-link
|
||||||
<router-link to="/gatewayconfiguration">斥候工业网关-数据采集配置-网关配置</router-link>
|
>
|
||||||
<router-link to="/configuration">斥候工业网关-数据采集配置-设备配置</router-link>
|
<router-link to="/chwiredgatewayip"
|
||||||
<router-link to="/collectionpoint">斥候工业网关-数据采集配置-采集点配置</router-link>
|
>斥候工业网关-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="/chmqtt">斥候工业网关-数据上云配置-MQTT上云</router-link>
|
||||||
<router-link to="/ckipconfig">串口服务器-Ip配置</router-link>
|
<router-link to="/ckipconfig">串口服务器-Ip配置</router-link>
|
||||||
<router-link to="/ckportconfig">串口服务器-端口配置</router-link>
|
<router-link to="/ckportconfig">串口服务器-端口配置</router-link>
|
||||||
<router-link to="/towifi">串口服务器-485towifi-串口及网络协议设置</router-link>
|
<router-link to="/towifi"
|
||||||
|
>串口服务器-485towifi-串口及网络协议设置</router-link
|
||||||
|
>
|
||||||
<router-link to="/cknet">串口服务器-485towifi-网口配置</router-link>
|
<router-link to="/cknet">串口服务器-485towifi-网口配置</router-link>
|
||||||
<router-link to="/ckwireless">串口服务器-485towifi-无线配置</router-link>
|
<router-link to="/ckwireless">串口服务器-485towifi-无线配置</router-link>
|
||||||
<router-link to="/networkmanagement">工业网闸配置-网络管理</router-link>
|
<router-link to="/networkmanagement">工业网闸配置-网络管理</router-link>
|
||||||
<router-link to="/objmanagement">工业网闸配置-对象管理</router-link>
|
<router-link to="/objmanagement">工业网闸配置-对象管理</router-link>
|
||||||
<router-link to="/strategyManagement">工业网闸配置-策略管理</router-link>
|
<router-link to="/strategyManagement">工业网闸配置-策略管理</router-link>
|
||||||
<router-link to="/addstrategy">工业网闸配置-策略管理-添加策略</router-link>
|
<router-link to="/addstrategy"
|
||||||
|
>工业网闸配置-策略管理-添加策略</router-link
|
||||||
|
>
|
||||||
<router-link to="/ntconfig">网络优化-网关配置</router-link>
|
<router-link to="/ntconfig">网络优化-网关配置</router-link>
|
||||||
<router-link to="/ntmaintenance">网络优化-网关维护</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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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 {
|
export default {
|
||||||
name: "App",
|
name: "App",
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
methods: {},
|
methods: {},
|
||||||
components: {
|
components: {},
|
||||||
CollectionView,
|
|
||||||
CloneView,
|
|
||||||
ChiGate,
|
|
||||||
ChiWireld,
|
|
||||||
ChiGateway,
|
|
||||||
ChiDevice,
|
|
||||||
ChiCollection,
|
|
||||||
ChiClone,
|
|
||||||
IpConfiguration,
|
|
||||||
PortConfiguration,
|
|
||||||
netConfiguration,
|
|
||||||
NetworkConfiguration,
|
|
||||||
Wireles,
|
|
||||||
NetworkManagement,
|
|
||||||
ObjectManagement,
|
|
||||||
PolicyManagement,
|
|
||||||
GatewayConfiguration,
|
|
||||||
GatewayMaintenance,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue