This commit is contained in:
lll 2023-11-02 14:40:18 +08:00
parent a7b110d6e8
commit bc01ac6b00
5 changed files with 914 additions and 861 deletions

View File

@ -5,14 +5,22 @@
<div v-click-outside="closeMenu"> <div v-click-outside="closeMenu">
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
<div v-show="dialogVisible" class="tree_menu"> <div v-show="dialogVisible" class="tree_menu">
<el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick"></el-tree> <el-tree
:data="datas"
:props="defaultProps"
@node-click="treeNodeClick"
></el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
</div> </div>
</div> </div>
<div class="pas_params" v-show="add_passage"> <div class="pas_params" v-show="add_passage">
<div class="content"> <div class="content">
<div class="con_left"> <div class="con_left">
<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> <el-form-item>
@ -22,23 +30,38 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip"> <el-form-item
label="服务器IP:"
:label-width="formLabelWidth"
prop="mqtt_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px;"></el-input> <el-input
</el-col> v-model="mqtt_ip1"
<el-col :span="1">. style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip2" style="width: 43px; height: 30px;"></el-input> <el-input
v-model="mqtt_ip2"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip3" style="width: 43px; height: 30px;"></el-input> <el-input
v-model="mqtt_ip3"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip4" style="width: 43px; height: 30px;"></el-input> <el-input
v-model="mqtt_ip4"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -46,39 +69,68 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn"> <el-form-item
<el-input v-model="mqtt_wgsn" placeholder="" label="网关SN:"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_wgsn"
>
<el-input
v-model="mqtt_wgsn"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</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="mqtt_port"> <el-form-item
<el-input v-model="mqtt_port" placeholder="" label="端口:"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_port"
>
<el-input
v-model="mqtt_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="mqtt_keepalive" placeholder="64" label="Keep Alive(s):"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="mqtt_keepalive"
placeholder="64"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div> <div class="infos">2-60000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls"> <el-form-item
label="TLS加密:"
:label-width="formLabelWidth"
prop="mqtt_tls"
>
<el-switch v-model="mqtt_tls"></el-switch> <el-switch v-model="mqtt_tls"></el-switch>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession"> <el-form-item
label="清除Session:"
:label-width="formLabelWidth"
prop="mqtt_clearsession"
>
<el-switch v-model="mqtt_clearsession"></el-switch> <el-switch v-model="mqtt_clearsession"></el-switch>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -91,11 +143,22 @@
<el-form-item> <el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" <el-form-item
prop="upload_week"> label="Qos(MQTT):"
<el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px;"> :label-width="formLabelWidth"
<el-option v-for="item in options1" :key="item.value" prop="upload_week"
:label="item.label" :value="item.value"> >
<el-select
v-model="mqtt_qos"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -125,22 +188,27 @@
</el-col> </el-col>
</el-row> --> </el-row> -->
<div class="con_left_footer"> <div class="con_left_footer">
<el-button type="primary" @click="add_passage = false"> </el-button> <el-button type="primary" @click="add_passage = false"
> </el-button
>
<el-button @click="add_passage = false"> </el-button> <el-button @click="add_passage = false"> </el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
<div> <div>
<div class="con_right"> <div class="con_right">
<el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
>
<el-menu-item index="1">添加</el-menu-item> <el-menu-item index="1">添加</el-menu-item>
<el-menu-item index="2">保存</el-menu-item> <el-menu-item index="2">保存</el-menu-item>
<el-menu-item index="3">删除</el-menu-item> <el-menu-item index="3">删除</el-menu-item>
</el-menu> </el-menu>
</div> </div>
<el-table ref="singleTable" :data="tableData" style="width: 100%"> <el-table ref="singleTable" :data="tableData" style="width: 100%">
<el-table-column type="index"> <el-table-column type="index"> </el-table-column>
</el-table-column>
<el-table-column property="mqtt_cjd_sbmc" label="设备名称"> <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
</el-table-column> </el-table-column>
<el-table-column property="mqtt_cjd_tagid" label="TagID"> <el-table-column property="mqtt_cjd_tagid" label="TagID">
@ -152,11 +220,19 @@
<!-- 添加按钮下显示出来的弹框信息 --> <!-- 添加按钮下显示出来的弹框信息 -->
<div> <div>
<el-dialog title="选择点" :visible.sync="choose_point" width="30%"> <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]" <el-tree
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps"> :data="points"
show-checkbox
node-key="id"
:default-expanded-keys="[1, 2]"
:default-checked-keys="[3, 4, 5, 6]"
:props="defaultProps"
>
</el-tree> </el-tree>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="choose_point = false"> </el-button> <el-button type="primary" @click="choose_point = false"
> </el-button
>
<el-button @click="choose_point = false"> </el-button> <el-button @click="choose_point = false"> </el-button>
</span> </span>
</el-dialog> </el-dialog>
@ -174,9 +250,9 @@ import "prismjs/components/prism-javascript";
import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
export default { export default {
name: 'ChiClone', name: "ChiClone",
components: { components: {
PrismEditor PrismEditor,
}, },
data() { data() {
return { return {
@ -198,40 +274,48 @@ export default {
points: [ points: [
{ {
id: 1, id: 1,
label: 'Device1', label: "Device1",
children: [ children: [
{ {
id: 3, id: 3,
label: 'tag0001', label: "tag0001",
}, {
id: 4,
label: 'tag0002',
}, },
] {
}, { id: 4,
label: "tag0002",
},
],
},
{
id: 2, id: 2,
label: 'Device1', label: "Device1",
children: [ children: [
{ {
id: 5, id: 5,
label: 'tag0003', label: "tag0003",
}, {
id: 6,
label: 'tag0004',
}, },
] {
},], id: 6,
label: "tag0004",
},
],
},
],
choose_point: false, choose_point: false,
options1: [{ options1: [
value: '0', {
label: '0' value: "0",
}, { label: "0",
value: '1', },
label: '1' {
}, { value: "1",
value: '2', label: "1",
label: '2' },
}], {
value: "2",
label: "2",
},
],
labelPosition: "left", labelPosition: "left",
formLabelWidth: "114px", formLabelWidth: "114px",
input1: 192, input1: 192,
@ -239,72 +323,78 @@ export default {
rightMenu: "", rightMenu: "",
dialogVisible: true, dialogVisible: true,
menuShow: false, menuShow: false,
datas: [{ datas: [
label: 'Gateway', {
children: [{ label: "Gateway",
label: '数据采集', children: [
children: [{ {
label: 'I/O点' label: "数据采集",
children: [
{
label: "I/O点",
}, },
{ {
label: '用户点', label: "用户点",
}, },
{ {
label: '计算点', label: "计算点",
}, },
{ {
label: '系统点', label: "系统点",
}, },
] ],
}, },
{ {
label: "上云服务", label: "上云服务",
children: [ children: [
{ {
label: "标准 MQTT" label: "标准 MQTT",
}, },
{ {
label: "AWS loT" label: "AWS loT",
}]
}]
}],
defaultProps: {
children: 'children',
label: 'label'
}, },
tableData: [{ ],
mqtt_cjd_sbmc: 'Device1', },
mqtt_cjd_tagid: 'Device1.tag0001', ],
}], },
],
defaultProps: {
children: "children",
label: "label",
},
tableData: [
{
mqtt_cjd_sbmc: "Device1",
mqtt_cjd_tagid: "Device1.tag0001",
},
],
rules: { rules: {
server_ip: [ server_ip: [
{ required: true, message: '请输入服务器IP', trigger: 'blur' }, { required: true, message: "请输入服务器IP", trigger: "blur" },
], ],
port_number: [ port_number: [
{ required: true, message: '请输入端口', trigger: 'blur' }, { required: true, message: "请输入端口", trigger: "blur" },
], ],
gateway_id: [ gateway_id: [
{ required: true, message: '请输入网关ID', trigger: 'blur' }, { required: true, message: "请输入网关ID", trigger: "blur" },
], ],
data_theme: [ data_theme: [
{ required: true, message: '请输入主题', trigger: 'blur' }, { required: true, message: "请输入主题", trigger: "blur" },
], ],
upload_mode: [ upload_mode: [
{ required: true, message: '请输入上传模式', trigger: 'blur' }, { required: true, message: "请输入上传模式", trigger: "blur" },
], ],
upload_week: [ upload_week: [
{ required: true, message: '请输入上传周期', trigger: 'blur' }, { required: true, message: "请输入上传周期", trigger: "blur" },
], ],
data_filter: [ data_filter: [
{ required: true, message: '请输入数据过滤', trigger: 'blur' }, { required: true, message: "请输入数据过滤", trigger: "blur" },
], ],
}, },
}; };
}, },
mounted() { mounted() {},
},
methods: { methods: {
treeNodeClick() { treeNodeClick() {
@ -325,12 +415,12 @@ export default {
closeMenu(ev) { closeMenu(ev) {
console.log({ ev }); console.log({ ev });
this.dialogVisible = false; this.dialogVisible = false;
} },
}, },
directives: { directives: {
'click-outside': { "click-outside": {
bind: function (el, binding, vnode) { bind: function (el, binding, vnode) {
console.log('el', el); console.log("el", el);
console.log("binding", binding); console.log("binding", binding);
el.event = function (event) { el.event = function (event) {
// //
@ -338,18 +428,18 @@ export default {
// //
// //
// vnode.context // vnode.context
if (typeof vnode.context[binding.expression] == 'function') { if (typeof vnode.context[binding.expression] == "function") {
vnode.context[binding.expression](event) vnode.context[binding.expression](event);
}
} }
} }
};
// //
// trueDOMlistener // trueDOMlistener
document.body.addEventListener('click', el.event, true) document.body.addEventListener("click", el.event, true);
}, },
unbind: function (el) { unbind: function (el) {
// //
document.body.removeEventListener('click', el.event, true) document.body.removeEventListener("click", el.event, true);
}, },
}, },
}, },
@ -421,8 +511,6 @@ export default {
padding: 0px 8px; padding: 0px 8px;
} }
.content { .content {
position: absolute; position: absolute;
left: 362px; left: 362px;

View File

@ -12,8 +12,15 @@
<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:"
:label-width="formLabelWidth"
prop="ippz_ssid"
>
<el-input
v-model="ippz_ssid"
placeholder="请输入WIFI名字"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -21,8 +28,12 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="认证方式:" :label-width="formLabelWidth"> <el-form-item label="认证方式:" :label-width="formLabelWidth">
<el-select v-model="ippz_rzfs" placeholder="开放式"> <el-select v-model="ippz_rzfs" placeholder="开放式">
<el-option v-for="item in options1" :key="item.value" :label="item.label" <el-option
:value="item.value"> v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -32,8 +43,12 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="加密方式:" :label-width="formLabelWidth"> <el-form-item label="加密方式:" :label-width="formLabelWidth">
<el-select v-model="ippz_jmfs" placeholder="NONE"> <el-select v-model="ippz_jmfs" placeholder="NONE">
<el-option v-for="item in options2" :key="item.value" :label="item.label" <el-option
:value="item.value"> v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -41,8 +56,15 @@
</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
<el-input v-model="ippz_mm" placeholder="请输入wifi密码"></el-input> label="密码:"
:label-width="formLabelWidth"
prop="ippz_mm"
>
<el-input
v-model="ippz_mm"
placeholder="请输入wifi密码"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -58,49 +80,56 @@
<script> <script>
export default { export default {
name: 'ChiGate', name: "ChiGate",
data() { data() {
return { return {
ippz_ssid:"", ippz_ssid: "",
ippz_rzfs: "开放式", //WPA2-PSK ippz_rzfs: "开放式", //WPA2-PSK
ippz_jmfs: "NONE",//AES ippz_jmfs: "NONE", //AES
ippz_mm:"", ippz_mm: "",
options1: [ options1: [
{ {
value: '开放式', value: "开放式",
label: '开放式' label: "开放式",
}, { },
value: '共享式', {
label: '共享式' value: "共享式",
}, { label: "共享式",
value: 'WPA-PSK', },
label: 'WPA-PSK' {
}, { value: "WPA-PSK",
value: 'WPA', label: "WPA-PSK",
label: 'WPA' },
}, { {
value: 'WPA2-PSK', value: "WPA",
label: 'WPA2-PSK' label: "WPA",
}, { },
value: 'WPA2', {
label: 'WPA2' value: "WPA2-PSK",
} label: "WPA2-PSK",
},
{
value: "WPA2",
label: "WPA2",
},
], ],
options2: [ options2: [
{ {
value: 'NONE', value: "NONE",
label: 'NONE' label: "NONE",
}, { },
value: 'WEP40', {
label: 'WEP40' value: "WEP40",
}, { label: "WEP40",
value: 'WEP104', },
label: 'WEP104' {
}, { value: "WEP104",
value: 'AES', label: "WEP104",
label: 'AES' },
} {
value: "AES",
label: "AES",
},
], ],
labelPosition: "left", labelPosition: "left",
formLabelWidth: "116px", formLabelWidth: "116px",
@ -109,21 +138,16 @@ export default {
isShow: true, isShow: true,
rules: { rules: {
ippz_ssid: [ ippz_ssid: [
{ required: true, message: '请输入客户端SSID', trigger: 'blur' }, { required: true, message: "请输入客户端SSID", trigger: "blur" },
],
ippz_mm: [
{ required: true, message: '请输入密码', trigger: 'blur' },
], ],
ippz_mm: [{ required: true, message: "请输入密码", trigger: "blur" }],
}, },
}; };
}, },
mounted() { mounted() {},
}, methods: {},
methods: {
},
}; };
</script> </script>

View File

@ -6,12 +6,18 @@ const routes = [
{ {
path: "/", path: "/",
component: () => import("../views/Index.vue"), component: () => import("../views/Index.vue"),
children: [ },
{
path: "/cockpit",
name: "cockpit",
component: () => import("../views/Cockpit.vue"),
},
{ {
path: "/datacollect", path: "/datacollect",
name: "datacollect", name: "datacollect",
component: () => import("../views/DataCollect.vue"), component: () => import("../views/DataCollect.vue"),
}, },
// 刘龙龙新加的全部路由 // 刘龙龙新加的全部路由
//db网关-ip配置-无线网关 //db网关-ip配置-无线网关
{ {
@ -87,13 +93,13 @@ const routes = [
}, },
//斥候工业网关-数据采集配置-采集点配置 //斥候工业网关-数据采集配置-采集点配置
{ {
path: "collectionpoint", path: "/collectionpoint",
name: "collectionpoint", name: "collectionpoint",
component: () => import("../views/CollectionPoint.vue"), component: () => import("../views/CollectionPoint.vue"),
}, },
//斥候工业网关-数据上云配置-MQTT上云 //斥候工业网关-数据上云配置-MQTT上云
{ {
path: "chmqtt", path: "/chmqtt",
name: "chmqtt", name: "chmqtt",
component: () => import("../views/ChMqtt.vue"), component: () => import("../views/ChMqtt.vue"),
}, },
@ -163,13 +169,6 @@ const routes = [
name: "ntmaintenance", name: "ntmaintenance",
component: () => import("../views/NtMaintenance.vue"), component: () => import("../views/NtMaintenance.vue"),
}, },
],
},
{
path: "/cockpit",
name: "cockpit",
component: () => import("../views/Cockpit.vue"),
},
]; ];
const router = new VueRouter({ const router = new VueRouter({

View File

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

View File

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