刘龙龙10-30
This commit is contained in:
lll
parent
34e6ac48a6
commit
8a4358987c
23
src/App.vue
23
src/App.vue
|
|
@ -22,6 +22,19 @@
|
||||||
</div>
|
</div>
|
||||||
<IpConfiguration></IpConfiguration>
|
<IpConfiguration></IpConfiguration>
|
||||||
<PortConfiguration></PortConfiguration>
|
<PortConfiguration></PortConfiguration>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<!-- //串口及网络协议设置 -->
|
||||||
|
<netConfiguration />
|
||||||
|
<!-- 网口配置 -->
|
||||||
|
<NetworkConfiguration />
|
||||||
|
<!-- 无线配置 -->
|
||||||
|
<Wireles />
|
||||||
|
<!-- 网络管理 -->
|
||||||
|
<NetworkManagement />
|
||||||
|
<!-- 对象管理 -->
|
||||||
|
<ObjectManagement />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -42,6 +55,11 @@ import PortConfiguration from "./components/PortConfiguration.vue";
|
||||||
import ChiDevice from "./components/ChiDevice.vue";
|
import ChiDevice from "./components/ChiDevice.vue";
|
||||||
import ChiCollection from "./components/ChiCollection.vue";
|
import ChiCollection from "./components/ChiCollection.vue";
|
||||||
import ChiClone from "./components/ChiClone.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";
|
||||||
export default {
|
export default {
|
||||||
name: "App",
|
name: "App",
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -65,6 +83,11 @@ export default {
|
||||||
ChiClone,
|
ChiClone,
|
||||||
IpConfiguration,
|
IpConfiguration,
|
||||||
PortConfiguration,
|
PortConfiguration,
|
||||||
|
netConfiguration,
|
||||||
|
NetworkConfiguration,
|
||||||
|
Wireles,
|
||||||
|
NetworkManagement,
|
||||||
|
ObjectManagement,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,271 +1,316 @@
|
||||||
<!-- 采集点收集 -->
|
<!-- 采集点收集 -->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 设置树形控件 -->
|
<!-- 设置树形控件 -->
|
||||||
<el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button>
|
<el-button type="info" plain @click="dialogVisible = true"
|
||||||
<div v-show="dialogVisible" class="tree_menu">
|
>斥候采集点设置</el-button
|
||||||
<el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick"></el-tree>
|
>
|
||||||
<!-- 树形控件右键组件 -->
|
<div v-show="dialogVisible" class="tree_menu">
|
||||||
</div>
|
<el-tree
|
||||||
<div class="pas_params" v-show="add_passage">
|
:data="datas"
|
||||||
<div>
|
:props="defaultProps"
|
||||||
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
|
@node-click="treeNodeClick"
|
||||||
<el-menu-item index="1">添加</el-menu-item>
|
></el-tree>
|
||||||
<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 property="tag_id" label="TagID">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="name" label="名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="datas" label="地址">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.datas" placeholder="0X">
|
|
||||||
<el-option v-for="option in selectOptions" :key="option" :label="option"
|
|
||||||
:value="option"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="address" label="寄存地址(十进制)" width="150px">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.address" placeholder="1">
|
|
||||||
<el-option v-for="option in selectOptions" :key="option" :label="option"
|
|
||||||
:value="option"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="type" label="采集数据类型">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.type" placeholder="bool">
|
|
||||||
<el-option v-for="option in selectOptions" :key="option" :label="option"
|
|
||||||
:value="option"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column property="attribute" label="读写属性">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.attribute" placeholder="读写">
|
|
||||||
<el-option v-for="option in selectOptions" :key="option" :label="option"
|
|
||||||
:value="option"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="order" label="上传模式">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column property="count" label="单位">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="pas_params" v-show="add_passage">
|
||||||
|
<div>
|
||||||
|
<el-menu
|
||||||
|
:default-active="activeIndex"
|
||||||
|
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 property="tag_id" label="TagID"> </el-table-column>
|
||||||
|
<el-table-column property="name" label="名称"> </el-table-column>
|
||||||
|
<el-table-column property="datas" label="地址">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-model="scope.row.datas" placeholder="0X">
|
||||||
|
<el-option
|
||||||
|
v-for="option in selectOptions"
|
||||||
|
:key="option"
|
||||||
|
:label="option"
|
||||||
|
:value="option"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
property="address"
|
||||||
|
label="寄存地址(十进制)"
|
||||||
|
width="150px"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-model="scope.row.address" placeholder="1">
|
||||||
|
<el-option
|
||||||
|
v-for="option in selectOptions"
|
||||||
|
:key="option"
|
||||||
|
:label="option"
|
||||||
|
:value="option"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column property="type" label="采集数据类型">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-model="scope.row.type" placeholder="bool">
|
||||||
|
<el-option
|
||||||
|
v-for="option in selectOptions"
|
||||||
|
:key="option"
|
||||||
|
:label="option"
|
||||||
|
:value="option"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column property="attribute" label="读写属性">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-model="scope.row.attribute" placeholder="读写">
|
||||||
|
<el-option
|
||||||
|
v-for="option in selectOptions"
|
||||||
|
:key="option"
|
||||||
|
:label="option"
|
||||||
|
:value="option"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column property="order" label="上传模式"> </el-table-column>
|
||||||
|
<el-table-column property="count" label="单位"> </el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'ChiCollection',
|
name: "ChiCollection",
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
activeIndex: "1",
|
||||||
activeIndex: '1',
|
value1: 1,
|
||||||
value1: 1,
|
checked: "",
|
||||||
checked: "",
|
labelPosition: "left",
|
||||||
labelPosition: "left",
|
formLabelWidth: "116px",
|
||||||
formLabelWidth: "116px",
|
input1: 192,
|
||||||
input1: 192,
|
add_passage: false,
|
||||||
add_passage: false,
|
rightMenu: "",
|
||||||
rightMenu: "",
|
dialogVisible: false,
|
||||||
dialogVisible: false,
|
menuShow: false,
|
||||||
menuShow: false,
|
datas: [
|
||||||
datas: [{
|
{
|
||||||
label: '一级 1',
|
label: "一级 1",
|
||||||
children: [{
|
children: [
|
||||||
label: '二级 1-1',
|
{
|
||||||
children: [{
|
label: "二级 1-1",
|
||||||
label: '三级 1-1-1'
|
children: [
|
||||||
}]
|
{
|
||||||
}]
|
label: "三级 1-1-1",
|
||||||
}, {
|
},
|
||||||
label: '一级 2',
|
],
|
||||||
children: [{
|
|
||||||
label: '二级 2-1',
|
|
||||||
children: [{
|
|
||||||
label: '三级 2-1-1'
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
label: '二级 2-2',
|
|
||||||
children: [{
|
|
||||||
label: '三级 2-2-1'
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
label: '一级 3',
|
|
||||||
children: [{
|
|
||||||
label: '二级 3-1',
|
|
||||||
children: [{
|
|
||||||
label: '三级 3-1-1'
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
label: '二级 3-2',
|
|
||||||
children: [{
|
|
||||||
label: '三级 3-2-1'
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}],
|
|
||||||
defaultProps: {
|
|
||||||
children: 'children',
|
|
||||||
label: 'label'
|
|
||||||
},
|
},
|
||||||
selectOptions: [],
|
],
|
||||||
tableData: [{
|
|
||||||
tag_id: 'tag0001',
|
|
||||||
name: '测试',
|
|
||||||
datas: "",
|
|
||||||
address: '1',
|
|
||||||
order: 'NUll',
|
|
||||||
type: "boolean",
|
|
||||||
attribute: "读写",
|
|
||||||
count: 1,
|
|
||||||
}],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
mounted() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
treeNodeClick() {
|
|
||||||
this.add_passage = true;
|
|
||||||
},
|
},
|
||||||
getDriveName() {
|
{
|
||||||
this.diag_drive = true;
|
label: "一级 2",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "二级 2-1",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "三级 2-1-1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "二级 2-2",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "三级 2-2-1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
handleSelect(key, keyPath) {
|
{
|
||||||
console.log(key, keyPath);
|
label: "一级 3",
|
||||||
}
|
children: [
|
||||||
|
{
|
||||||
|
label: "二级 3-1",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "三级 3-1-1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "二级 3-2",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "三级 3-2-1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
defaultProps: {
|
||||||
|
children: "children",
|
||||||
|
label: "label",
|
||||||
|
},
|
||||||
|
selectOptions: [],
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
tag_id: "tag0001",
|
||||||
|
name: "测试",
|
||||||
|
datas: "",
|
||||||
|
address: "1",
|
||||||
|
order: "NUll",
|
||||||
|
type: "boolean",
|
||||||
|
attribute: "读写",
|
||||||
|
count: 1,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
treeNodeClick() {
|
||||||
|
this.add_passage = true;
|
||||||
},
|
},
|
||||||
|
getDriveName() {
|
||||||
|
this.diag_drive = true;
|
||||||
|
},
|
||||||
|
handleSelect(key, keyPath) {
|
||||||
|
console.log(key, keyPath);
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.tree_menu {
|
.tree_menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 286px;
|
width: 286px;
|
||||||
height: 753px;
|
height: 753px;
|
||||||
left: 64px;
|
left: 64px;
|
||||||
top: 104px;
|
top: 104px;
|
||||||
width: 286px;
|
width: 286px;
|
||||||
height: 753px;
|
height: 753px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid rgba(220, 220, 220, 1);
|
border: 1px solid rgba(220, 220, 220, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .pas_params {
|
/deep/ .pas_params {
|
||||||
|
position: absolute;
|
||||||
|
left: 362px;
|
||||||
|
top: 95px;
|
||||||
|
width: 1066px;
|
||||||
|
height: 752px;
|
||||||
|
line-height: 20px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: rgba(255, 255, 255, 1);
|
||||||
|
// text-align: center;
|
||||||
|
border: 1px solid rgba(220, 220, 220, 1);
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width: 80px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-col-12:last-child {
|
||||||
|
padding-right: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-col-12:first-child {
|
||||||
|
padding-right: 54px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-row {
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.el-col-1 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-col-9 {
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input__inner {
|
||||||
|
height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 362px;
|
left: 377px;
|
||||||
top: 95px;
|
top: 69px;
|
||||||
width: 1066px;
|
width: 1220px;
|
||||||
height: 752px;
|
height: 836px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: 3px;
|
padding-left: 36px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
// text-align: center;
|
color: rgba(16, 16, 16, 1);
|
||||||
border: 1px solid rgba(220, 220, 220, 1);
|
font-size: 14px;
|
||||||
|
border: 1px solid rgba(187, 187, 187, 1);
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
.el-button {
|
.el-form-item {
|
||||||
width: 80px;
|
margin-bottom: 0px;
|
||||||
height: 30px;
|
|
||||||
line-height: 0.5;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-col-12:last-child {
|
/deep/ .con_left {
|
||||||
padding-right: 150px;
|
.el-con-5 {
|
||||||
|
width: 43px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-col-12:first-child {
|
.con_left {
|
||||||
padding-right: 54px;
|
width: 709px;
|
||||||
}
|
position: relative;
|
||||||
|
|
||||||
.el-row {
|
.con_left_footer {
|
||||||
height: 40px;
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
|
|
||||||
.el-col-1 {
|
|
||||||
text-align: center;
|
|
||||||
line-height: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-col-9 {
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-input__inner {
|
|
||||||
height: 30px;
|
|
||||||
text-align: left;
|
|
||||||
padding: 0px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.content {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 377px;
|
left: 499px;
|
||||||
top: 69px;
|
top: 777px;
|
||||||
width: 1220px;
|
}
|
||||||
height: 836px;
|
|
||||||
line-height: 20px;
|
|
||||||
padding-left: 36px;
|
|
||||||
background-color: rgba(255, 255, 255, 1);
|
|
||||||
color: rgba(16, 16, 16, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
border: 1px solid rgba(187, 187, 187, 1);
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: flex-start;
|
|
||||||
|
|
||||||
.el-form-item {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .con_left {
|
|
||||||
.el-con-5 {
|
|
||||||
width: 43px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.con_left {
|
|
||||||
width: 709px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.con_left_footer {
|
|
||||||
position: absolute;
|
|
||||||
left: 499px;
|
|
||||||
top: 777px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.con_right {
|
|
||||||
width: 480px;
|
|
||||||
|
|
||||||
.dialog-footer {
|
|
||||||
.el-button {
|
|
||||||
width: 80px;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 0.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.con_right {
|
||||||
|
width: 480px;
|
||||||
|
|
||||||
|
.dialog-footer {
|
||||||
|
.el-button {
|
||||||
|
width: 80px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -11,56 +11,175 @@
|
||||||
:label-position="labelPosition"
|
:label-position="labelPosition"
|
||||||
>
|
>
|
||||||
<el-form-item label="IP获取方式" prop="ipGetMethod">
|
<el-form-item label="IP获取方式" prop="ipGetMethod">
|
||||||
<el-select v-model="ruleForm.ipGetMethod">
|
<el-col :span="10">
|
||||||
<el-option label="区域一" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.ipGetMethod">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="DNS获取方式" prop="DnsGetMethod">
|
<el-form-item label="DNS获取方式" prop="DnsGetMethod">
|
||||||
<el-select v-model="ruleForm.DnsGetMethod">
|
<el-col :span="10">
|
||||||
<el-option label="区域一" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.DnsGetMethod">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="本机IP" prop="ipAddress">
|
<el-form-item label="本机IP" prop="ipAddress">
|
||||||
<el-col :span="10">
|
<el-row>
|
||||||
<el-input
|
<el-col :span="5">
|
||||||
v-model="ruleForm.ipAddress"
|
<el-input
|
||||||
placeholder="请输入IP地址"
|
v-model="input1"
|
||||||
></el-input>
|
style="width: 43px; height: 30px"
|
||||||
</el-col>
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="子网掩码" prop="subnetMaskRules">
|
<el-form-item label="子网掩码" prop="subnetMaskRules">
|
||||||
<el-col :span="10">
|
<el-row>
|
||||||
<el-input
|
<el-col :span="5">
|
||||||
v-model="ruleForm.subnetMaskRules"
|
<el-input
|
||||||
placeholder="请输入子网掩码"
|
v-model="input1"
|
||||||
></el-input>
|
style="width: 43px; height: 30px"
|
||||||
</el-col>
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="网关地址" prop="gateway">
|
<el-form-item label="网关地址" prop="gateway">
|
||||||
<el-col :span="10">
|
<el-row>
|
||||||
<el-input
|
<el-col :span="5">
|
||||||
v-model="ruleForm.gateway"
|
<el-input
|
||||||
placeholder="请输入网关地址"
|
v-model="input1"
|
||||||
></el-input>
|
style="width: 43px; height: 30px"
|
||||||
</el-col>
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主DNS服务器" prop="primaryDNS">
|
<el-form-item label="主DNS服务器" prop="primaryDNS">
|
||||||
<el-col :span="10">
|
<el-row>
|
||||||
<el-input
|
<el-col :span="5">
|
||||||
v-model="ruleForm.primaryDNS"
|
<el-input
|
||||||
placeholder="请输入服务器号码"
|
v-model="input1"
|
||||||
></el-input>
|
style="width: 43px; height: 30px"
|
||||||
</el-col>
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备用DNS服务器" prop="bprimaryDNS">
|
<el-form-item label="备用DNS服务器" prop="bprimaryDNS">
|
||||||
<el-col :span="10">
|
<el-row>
|
||||||
<el-input
|
<el-col :span="5">
|
||||||
v-model="ruleForm.bprimaryDNS"
|
<el-input
|
||||||
placeholder="请输入服务器号码"
|
v-model="input1"
|
||||||
></el-input>
|
style="width: 43px; height: 30px"
|
||||||
</el-col>
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input
|
||||||
|
v-model="input1"
|
||||||
|
style="width: 43px; height: 30px"
|
||||||
|
></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-button @click="dialogVisible = true">网口设置</el-button>
|
||||||
|
<el-dialog
|
||||||
|
title="网口设置"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<h3>以太网功能</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="开启网口:" prop="kqwk">
|
||||||
|
<el-select v-model="ruleForm.kqwk">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="网口工作方式:" prop="wkgzfs">
|
||||||
|
<el-select v-model="ruleForm.wkgzfs">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<h3>网口模式设置</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="网口模式:" prop="wkms">
|
||||||
|
<el-select v-model="ruleForm.wkms">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="dialogVisible = false"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
labelPosition: "left",
|
||||||
|
ruleForm: {
|
||||||
|
kqwk: "",
|
||||||
|
wkgzfs: "",
|
||||||
|
wkms: "",
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
kqwk: [{ required: true, trigger: "change" }],
|
||||||
|
wkgzfs: [{ required: true, trigger: "change" }],
|
||||||
|
wkms: [{ required: true, trigger: "change" }],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,164 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-button @click="dialogVisible = true">网络管理</el-button>
|
||||||
|
<el-dialog
|
||||||
|
title="网络管理"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="40%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<h3>内网网卡</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<el-table :data="tableData" style="width: 100%" border>
|
||||||
|
<el-table-column prop="name" label="网卡名称"> </el-table-column>
|
||||||
|
<el-table-column prop="ipv4Address" label="IPV4地址">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="ipv4Code" label="IPV4掩码">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row> </template
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<h3>外网网卡</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<el-table :data="tableData1" style="width: 100%" border>
|
||||||
|
<el-table-column prop="name" label="网卡名称"> </el-table-column>
|
||||||
|
<el-table-column prop="ipv4Address" label="IPV4地址">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="ipv4Code" label="IPV4掩码">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">. </el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1">.</el-col>
|
||||||
|
<el-col :span="5">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row> </template
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="dialogVisible = false"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
name: "内网网卡1",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "内网网卡2",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "内网网卡3",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "内网网卡4",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
tableData1: [
|
||||||
|
{
|
||||||
|
name: "外网网卡1",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "外网网卡2",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "外网网卡3",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "外网网卡4",
|
||||||
|
ipv4Address: "",
|
||||||
|
ipv4Code: "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style></style>
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-button @click="dialogVisible = true">对象管理</el-button>
|
||||||
|
<el-dialog
|
||||||
|
title="对象管理"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="50%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-button style="margin-bottom: 10px" @click="dialogVisible1 = true"
|
||||||
|
>新增对象</el-button
|
||||||
|
>
|
||||||
|
<el-table :data="tableData" style="width: 100%" border>
|
||||||
|
<el-table-column label="序号">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.$index + 1 }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="name" label="对象名称"> </el-table-column>
|
||||||
|
<el-table-column prop="address" label="IP地址信息"> </el-table-column>
|
||||||
|
<el-table-column fixed="right" label="操作" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button @click="handleClick(scope.row)" type="text" size="small"
|
||||||
|
>编辑</el-button
|
||||||
|
>
|
||||||
|
<el-button type="text" size="small">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
title="新增对象"
|
||||||
|
:visible.sync="dialogVisible1"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="IP类型:" prop="iplx">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-select v-model="ruleForm.iplx">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="对象名称:" prop="dxmc">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-input v-model="ruleForm.dxmc"> </el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="IP地址:" prop="ipdz">
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="2">. </el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="2">. </el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="2">. </el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-input v-model="input1"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="dialogVisible1 = false"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="dialogVisible1 = false">取 消</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
dialogVisible1: false,
|
||||||
|
labelPosition: "left",
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
name: "数来服务器",
|
||||||
|
address: "192.168.89.21",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "网关1",
|
||||||
|
address: "192.168.89.16",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
ruleForm: {
|
||||||
|
iplx: "",
|
||||||
|
dxmc: "",
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
iplx: [{ required: true, trigger: "change" }],
|
||||||
|
dxmc: [{ required: true, trigger: "blur" }],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleClick() {},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style></style>
|
||||||
|
|
@ -22,37 +22,47 @@
|
||||||
:label-position="labelPosition"
|
:label-position="labelPosition"
|
||||||
>
|
>
|
||||||
<el-form-item label="波特率(bps)" prop="btl">
|
<el-form-item label="波特率(bps)" prop="btl">
|
||||||
<el-select v-model="ruleForm.btl">
|
<el-col :span="15">
|
||||||
<el-option label="9600" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.btl">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="9600" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="数据位(bit)" prop="data">
|
<el-form-item label="数据位(bit)" prop="data">
|
||||||
<el-select v-model="ruleForm.data">
|
<el-col :span="15">
|
||||||
<el-option label="8" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.data">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="8" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="检验位" prop="check">
|
<el-form-item label="检验位" prop="check">
|
||||||
<el-select v-model="ruleForm.check">
|
<el-col :span="15">
|
||||||
<el-option label="无校验(None)" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.check">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="无校验(None)" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="停止位" prop="stop">
|
<el-form-item label="停止位" prop="stop">
|
||||||
<el-select v-model="ruleForm.stop">
|
<el-col :span="15">
|
||||||
<el-option label="1" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.stop">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="1" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="流控模式" prop="waterContorl">
|
<el-form-item label="流控模式" prop="waterContorl">
|
||||||
<el-select v-model="ruleForm.waterContorl">
|
<el-col :span="15">
|
||||||
<el-option label="None" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.waterContorl">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="None" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="打包长度(bytes)" prop="bagLength">
|
<el-form-item label="打包长度(bytes)" prop="bagLength">
|
||||||
<el-col :span="10">
|
<el-col :span="15">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="ruleForm.bagLength"
|
v-model="ruleForm.bagLength"
|
||||||
placeholder="0-1460"
|
placeholder="0-1460"
|
||||||
|
|
@ -60,15 +70,17 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="打包时间(ms)" prop="time">
|
<el-form-item label="打包时间(ms)" prop="time">
|
||||||
<el-col :span="10">
|
<el-col :span="15">
|
||||||
<el-input v-model="ruleForm.time" placeholder="0-255"></el-input>
|
<el-input v-model="ruleForm.time" placeholder="0-255"></el-input>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="同步波特率(RF2217)" prop="RFbtl">
|
<el-form-item label="同步波特率(RF2217)" prop="RFbtl">
|
||||||
<el-select v-model="ruleForm.RFbtl">
|
<el-col :span="15">
|
||||||
<el-option label="None" value="shanghai"></el-option>
|
<el-select v-model="ruleForm.RFbtl">
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
<el-option label="None" value="shanghai"></el-option>
|
||||||
</el-select>
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-checkbox
|
<el-checkbox
|
||||||
label="使能串口心跳包"
|
label="使能串口心跳包"
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,96 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-button @click="dialogVisible = true">无线设置</el-button>
|
||||||
|
<el-dialog
|
||||||
|
title="无线设置"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="工作模式:" prop="gzms">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-select v-model="ruleForm.gzms">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="网络名称:" prop="wlmc">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-select v-model="ruleForm.wlmc">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="MAC地址:" prop="mac">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-input v-model="ruleForm.mac"> </el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="加密模式:" prop="jmms">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-select v-model="ruleForm.jmms">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="加密算法:" prop="jmsf">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-select v-model="ruleForm.jmsf">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密码:" prop="mm">
|
||||||
|
<el-col :span="10">
|
||||||
|
<el-input v-model="ruleForm.mm"> </el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="dialogVisible = false"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
labelPosition: "left",
|
||||||
|
ruleForm: {
|
||||||
|
gzms: "",
|
||||||
|
wlmc: "",
|
||||||
|
mac: "",
|
||||||
|
jmms: "",
|
||||||
|
jmsf: "",
|
||||||
|
mm: "",
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
gzms: [{ required: true, trigger: "change" }],
|
||||||
|
wlmc: [{ required: true, trigger: "change" }],
|
||||||
|
mac: [{ trigger: "blur" }],
|
||||||
|
jmms: [{ required: true, trigger: "blur" }],
|
||||||
|
jmsf: [{ required: true, trigger: "blur" }],
|
||||||
|
mm: [{ required: true, trigger: "blur" }],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,167 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-button @click="dialogVisible = true">串口及网络协议设置</el-button>
|
||||||
|
<el-dialog
|
||||||
|
title="串口及网络协议设置"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<h3>串口参数设置</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div class="formOne">
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="波特率(bps):" prop="btl">
|
||||||
|
<el-select v-model="ruleForm.btl" placeholder="请选择波特率">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="检验位:" prop="jyw">
|
||||||
|
<el-select v-model="ruleForm.jyw" placeholder="请选择检验位">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="流控:" prop="lk">
|
||||||
|
<el-select v-model="ruleForm.lk" placeholder="请选择流控">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="自适应波特率(类RFC2117):" prop="rfc">
|
||||||
|
<el-select v-model="ruleForm.rfc" placeholder="请选择自适应波特率">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="数据位(bit):" prop="sjw">
|
||||||
|
<el-select v-model="ruleForm.sjw" placeholder="请选择数据位">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="停止位:" prop="tzw">
|
||||||
|
<el-select v-model="ruleForm.tzw" placeholder="请选择停止位">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="485功能:" prop="gn">
|
||||||
|
<el-select v-model="ruleForm.gn" placeholder="请选择485功能">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<h3>其他设置</h3>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div class="formOne">
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="150px"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
>
|
||||||
|
<el-form-item label="串口自动成频:" prop="ckzdcp">
|
||||||
|
<el-select v-model="ruleForm.ckzdcp">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="注册包类型:" prop="zcblx">
|
||||||
|
<el-select v-model="ruleForm.zcblx">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="自定义心跳包:" prop="zdyxtb">
|
||||||
|
<el-select v-model="ruleForm.zdyxtb">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="套接字分发功能:" prop="tjz">
|
||||||
|
<el-select v-model="ruleForm.tjz">
|
||||||
|
<el-option label="区域一" value="shanghai"></el-option>
|
||||||
|
<el-option label="区域二" value="beijing"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div>
|
||||||
|
注意：开启后，模块主动向服务器发送注册包，此功能用于辨识设备。
|
||||||
|
first:模块建议时发送注册包,every:每次发送数据时发送注册包
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="dialogVisible = false"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
labelPosition: "left",
|
||||||
|
ruleForm: {
|
||||||
|
btl: "",
|
||||||
|
jyw: "",
|
||||||
|
lk: "",
|
||||||
|
rfc: "",
|
||||||
|
sjw: "",
|
||||||
|
tzw: "",
|
||||||
|
gn: "",
|
||||||
|
ckzdcp: "",
|
||||||
|
zcblx: "",
|
||||||
|
zdyxtb: "",
|
||||||
|
tjz: "",
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
btl: [{ required: true, trigger: "change" }],
|
||||||
|
jyw: [{ required: true, trigger: "change" }],
|
||||||
|
lk: [{ required: true, trigger: "change" }],
|
||||||
|
rfc: [{ required: true, trigger: "change" }],
|
||||||
|
sjw: [{ required: true, trigger: "change" }],
|
||||||
|
tzw: [{ required: true, trigger: "change" }],
|
||||||
|
gn: [{ required: true, trigger: "change" }],
|
||||||
|
ckzdcp: [{ required: true, trigger: "change" }],
|
||||||
|
zcblx: [{ required: true, trigger: "change" }],
|
||||||
|
zdyxtb: [{ required: true, trigger: "change" }],
|
||||||
|
tjz: [{ required: true, trigger: "change" }],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.formOne {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
.demo-ruleForm {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue