11-2
This commit is contained in:
lll
parent
a7b110d6e8
commit
bc01ac6b00
|
|
@ -5,14 +5,22 @@
|
|||
<div v-click-outside="closeMenu">
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<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 class="pas_params" v-show="add_passage">
|
||||
<div class="content">
|
||||
<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-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -22,23 +30,38 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<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-col :span="5">
|
||||
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px;"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="mqtt_ip2" style="width: 43px; height: 30px;"></el-input>
|
||||
<el-input
|
||||
v-model="mqtt_ip1"
|
||||
style="width: 43px; height: 30px"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">. </el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="mqtt_ip3" style="width: 43px; height: 30px;"></el-input>
|
||||
<el-input
|
||||
v-model="mqtt_ip2"
|
||||
style="width: 43px; height: 30px"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="mqtt_ip4" style="width: 43px; height: 30px;"></el-input>
|
||||
<el-input
|
||||
v-model="mqtt_ip3"
|
||||
style="width: 43px; height: 30px"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="mqtt_ip4"
|
||||
style="width: 43px; height: 30px"
|
||||
></el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
|
|
@ -46,39 +69,68 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="mqtt_wgsn" placeholder=""
|
||||
style="width: 200px;height:30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="mqtt_port" placeholder=""
|
||||
style="width: 200px;height:30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="mqtt_keepalive" placeholder="64"
|
||||
style="width: 200px;height:30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<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-form-item>
|
||||
</el-col>
|
||||
|
|
@ -91,11 +143,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :label-width="formLabelWidth"
|
||||
prop="upload_week">
|
||||
<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-form-item
|
||||
label="Qos(MQTT):"
|
||||
:label-width="formLabelWidth"
|
||||
prop="upload_week"
|
||||
>
|
||||
<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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -125,22 +188,27 @@
|
|||
</el-col>
|
||||
</el-row> -->
|
||||
<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>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<div>
|
||||
<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="2">保存</el-menu-item>
|
||||
<el-menu-item index="3">删除</el-menu-item>
|
||||
</el-menu>
|
||||
</div>
|
||||
<el-table ref="singleTable" :data="tableData" style="width: 100%">
|
||||
<el-table-column type="index">
|
||||
</el-table-column>
|
||||
<el-table-column type="index"> </el-table-column>
|
||||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
|
|
@ -152,11 +220,19 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<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>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
|
@ -174,9 +250,9 @@ import "prismjs/components/prism-javascript";
|
|||
import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
|
||||
|
||||
export default {
|
||||
name: 'ChiClone',
|
||||
name: "ChiClone",
|
||||
components: {
|
||||
PrismEditor
|
||||
PrismEditor,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -198,40 +274,48 @@ export default {
|
|||
points: [
|
||||
{
|
||||
id: 1,
|
||||
label: 'Device1',
|
||||
label: "Device1",
|
||||
children: [
|
||||
{
|
||||
id: 3,
|
||||
label: 'tag0001',
|
||||
}, {
|
||||
id: 4,
|
||||
label: 'tag0002',
|
||||
label: "tag0001",
|
||||
},
|
||||
]
|
||||
}, {
|
||||
{
|
||||
id: 4,
|
||||
label: "tag0002",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
label: 'Device1',
|
||||
label: "Device1",
|
||||
children: [
|
||||
{
|
||||
id: 5,
|
||||
label: 'tag0003',
|
||||
}, {
|
||||
id: 6,
|
||||
label: 'tag0004',
|
||||
label: "tag0003",
|
||||
},
|
||||
]
|
||||
},],
|
||||
{
|
||||
id: 6,
|
||||
label: "tag0004",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
choose_point: false,
|
||||
options1: [{
|
||||
value: '0',
|
||||
label: '0'
|
||||
}, {
|
||||
value: '1',
|
||||
label: '1'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '2'
|
||||
}],
|
||||
options1: [
|
||||
{
|
||||
value: "0",
|
||||
label: "0",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "1",
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
label: "2",
|
||||
},
|
||||
],
|
||||
labelPosition: "left",
|
||||
formLabelWidth: "114px",
|
||||
input1: 192,
|
||||
|
|
@ -239,72 +323,78 @@ export default {
|
|||
rightMenu: "",
|
||||
dialogVisible: true,
|
||||
menuShow: false,
|
||||
datas: [{
|
||||
label: 'Gateway',
|
||||
children: [{
|
||||
label: '数据采集',
|
||||
children: [{
|
||||
label: 'I/O点'
|
||||
datas: [
|
||||
{
|
||||
label: "Gateway",
|
||||
children: [
|
||||
{
|
||||
label: "数据采集",
|
||||
children: [
|
||||
{
|
||||
label: "I/O点",
|
||||
},
|
||||
{
|
||||
label: '用户点',
|
||||
label: "用户点",
|
||||
},
|
||||
{
|
||||
label: '计算点',
|
||||
label: "计算点",
|
||||
},
|
||||
{
|
||||
label: '系统点',
|
||||
label: "系统点",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "上云服务",
|
||||
children: [
|
||||
{
|
||||
label: "标准 MQTT"
|
||||
label: "标准 MQTT",
|
||||
},
|
||||
{
|
||||
label: "AWS loT"
|
||||
}]
|
||||
}]
|
||||
}],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
label: "AWS loT",
|
||||
},
|
||||
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: {
|
||||
server_ip: [
|
||||
{ required: true, message: '请输入服务器IP', trigger: 'blur' },
|
||||
{ required: true, message: "请输入服务器IP", trigger: "blur" },
|
||||
],
|
||||
port_number: [
|
||||
{ required: true, message: '请输入端口', trigger: 'blur' },
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
gateway_id: [
|
||||
{ required: true, message: '请输入网关ID', trigger: 'blur' },
|
||||
{ required: true, message: "请输入网关ID", trigger: "blur" },
|
||||
],
|
||||
data_theme: [
|
||||
{ required: true, message: '请输入主题', trigger: 'blur' },
|
||||
{ required: true, message: "请输入主题", trigger: "blur" },
|
||||
],
|
||||
upload_mode: [
|
||||
{ required: true, message: '请输入上传模式', trigger: 'blur' },
|
||||
{ required: true, message: "请输入上传模式", trigger: "blur" },
|
||||
],
|
||||
upload_week: [
|
||||
{ required: true, message: '请输入上传周期', trigger: 'blur' },
|
||||
{ required: true, message: "请输入上传周期", trigger: "blur" },
|
||||
],
|
||||
data_filter: [
|
||||
{ required: true, message: '请输入数据过滤', trigger: 'blur' },
|
||||
{ required: true, message: "请输入数据过滤", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
methods: {
|
||||
treeNodeClick() {
|
||||
|
|
@ -325,12 +415,12 @@ export default {
|
|||
closeMenu(ev) {
|
||||
console.log({ ev });
|
||||
this.dialogVisible = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
directives: {
|
||||
'click-outside': {
|
||||
"click-outside": {
|
||||
bind: function (el, binding, vnode) {
|
||||
console.log('el', el);
|
||||
console.log("el", el);
|
||||
console.log("binding", binding);
|
||||
el.event = function (event) {
|
||||
// 检查点击是否发生在节点之内（包括子节点）
|
||||
|
|
@ -338,18 +428,18 @@ export default {
|
|||
// 如果没有，则触发调用
|
||||
// 若绑定值为函数，则执行
|
||||
// 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
|
||||
if (typeof vnode.context[binding.expression] == 'function') {
|
||||
vnode.context[binding.expression](event)
|
||||
}
|
||||
if (typeof vnode.context[binding.expression] == "function") {
|
||||
vnode.context[binding.expression](event);
|
||||
}
|
||||
}
|
||||
};
|
||||
// 绑定事件
|
||||
// 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
|
||||
document.body.addEventListener('click', el.event, true)
|
||||
document.body.addEventListener("click", el.event, true);
|
||||
},
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
left: 362px;
|
||||
|
|
|
|||
|
|
@ -12,8 +12,15 @@
|
|||
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="客户端SSID:" :label-width="formLabelWidth" prop="ippz_ssid">
|
||||
<el-input v-model="ippz_ssid" placeholder="请输入WIFI名字"></el-input>
|
||||
<el-form-item
|
||||
label="客户端SSID:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="ippz_ssid"
|
||||
>
|
||||
<el-input
|
||||
v-model="ippz_ssid"
|
||||
placeholder="请输入WIFI名字"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -21,8 +28,12 @@
|
|||
<el-col :span="24">
|
||||
<el-form-item label="认证方式:" :label-width="formLabelWidth">
|
||||
<el-select v-model="ippz_rzfs" placeholder="开放式">
|
||||
<el-option v-for="item in options1" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
<el-option
|
||||
v-for="item in options1"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
|
@ -32,8 +43,12 @@
|
|||
<el-col :span="24">
|
||||
<el-form-item label="加密方式:" :label-width="formLabelWidth">
|
||||
<el-select v-model="ippz_jmfs" placeholder="NONE">
|
||||
<el-option v-for="item in options2" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
<el-option
|
||||
v-for="item in options2"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
|
@ -41,8 +56,15 @@
|
|||
</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
|
||||
label="密码:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="ippz_mm"
|
||||
>
|
||||
<el-input
|
||||
v-model="ippz_mm"
|
||||
placeholder="请输入wifi密码"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -58,8 +80,7 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ChiGate',
|
||||
|
||||
name: "ChiGate",
|
||||
data() {
|
||||
return {
|
||||
ippz_ssid: "",
|
||||
|
|
@ -68,39 +89,47 @@ export default {
|
|||
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'
|
||||
}
|
||||
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'
|
||||
}
|
||||
value: "NONE",
|
||||
label: "NONE",
|
||||
},
|
||||
{
|
||||
value: "WEP40",
|
||||
label: "WEP40",
|
||||
},
|
||||
{
|
||||
value: "WEP104",
|
||||
label: "WEP104",
|
||||
},
|
||||
{
|
||||
value: "AES",
|
||||
label: "AES",
|
||||
},
|
||||
],
|
||||
labelPosition: "left",
|
||||
formLabelWidth: "116px",
|
||||
|
|
@ -109,21 +138,16 @@ export default {
|
|||
isShow: true,
|
||||
rules: {
|
||||
ippz_ssid: [
|
||||
{ required: true, message: '请输入客户端SSID', trigger: 'blur' },
|
||||
],
|
||||
ippz_mm: [
|
||||
{ required: true, message: '请输入密码', trigger: 'blur' },
|
||||
{ required: true, message: "请输入客户端SSID", trigger: "blur" },
|
||||
],
|
||||
ippz_mm: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
mounted() {},
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
},
|
||||
methods: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,12 +6,18 @@ const routes = [
|
|||
{
|
||||
path: "/",
|
||||
component: () => import("../views/Index.vue"),
|
||||
children: [
|
||||
},
|
||||
{
|
||||
path: "/cockpit",
|
||||
name: "cockpit",
|
||||
component: () => import("../views/Cockpit.vue"),
|
||||
},
|
||||
{
|
||||
path: "/datacollect",
|
||||
name: "datacollect",
|
||||
component: () => import("../views/DataCollect.vue"),
|
||||
},
|
||||
|
||||
// 刘龙龙新加的全部路由
|
||||
//db网关-ip配置-无线网关
|
||||
{
|
||||
|
|
@ -87,13 +93,13 @@ const routes = [
|
|||
},
|
||||
//斥候工业网关-数据采集配置-采集点配置
|
||||
{
|
||||
path: "collectionpoint",
|
||||
path: "/collectionpoint",
|
||||
name: "collectionpoint",
|
||||
component: () => import("../views/CollectionPoint.vue"),
|
||||
},
|
||||
//斥候工业网关-数据上云配置-MQTT上云
|
||||
{
|
||||
path: "chmqtt",
|
||||
path: "/chmqtt",
|
||||
name: "chmqtt",
|
||||
component: () => import("../views/ChMqtt.vue"),
|
||||
},
|
||||
|
|
@ -163,13 +169,6 @@ const routes = [
|
|||
name: "ntmaintenance",
|
||||
component: () => import("../views/NtMaintenance.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/cockpit",
|
||||
name: "cockpit",
|
||||
component: () => import("../views/Cockpit.vue"),
|
||||
},
|
||||
];
|
||||
|
||||
const router = new VueRouter({
|
||||
|
|
|
|||
|
|
@ -8,28 +8,20 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import ChiClone from '@/components/ChiClone.vue';
|
||||
import ChiClone from "@/components/ChiClone.vue";
|
||||
export default {
|
||||
name: 'InternetCompetitionChMqtt',
|
||||
name: "InternetCompetitionChMqtt",
|
||||
components: {
|
||||
ChiClone
|
||||
ChiClone,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
return {};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
mounted() {},
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
},
|
||||
methods: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
|
|
|||
|
|
@ -8,113 +8,63 @@
|
|||
|
||||
<router-link to="/wirelessgatewayip">db网关-ip配置-无线网关</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="/dbcollectserial">db网关-数据采集配置-串口通道配置</router-link>
|
||||
<router-link to="/dbcollectdevice">db网关-数据采集配置-设备配置</router-link>
|
||||
<router-link to="/dbcollectiongate"
|
||||
>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="/mqttconfig">db-网关-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="/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="/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="/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,
|
||||
},
|
||||
components: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue