This commit is contained in:
lll
parent
35c4c58b16
commit
f5a17b3395
|
|
@ -124,7 +124,7 @@ export default {
|
|||
// console.log(this.getAllGrades(newArr, newArr, arr[9].r1));
|
||||
// // this.getAllGrades(arr[9].answer, newArr, arr[9].r1);
|
||||
// },
|
||||
//obj1:答案对象 obj：用户对象 r1 模块分数
|
||||
// obj1:答案对象 obj：用户对象 r1 模块分数
|
||||
// getAllGrades(obj1, obj2, r1) {
|
||||
// var arr = [];
|
||||
// let grade = 0;
|
||||
|
|
@ -185,7 +185,7 @@ export default {
|
|||
// );
|
||||
// },
|
||||
},
|
||||
mounted() { },
|
||||
mounted() {},
|
||||
components: {},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -216,7 +216,7 @@ export default {
|
|||
.el-dialog__body {
|
||||
/* border-top: 0 !important; */
|
||||
/* background-color: rgba(19, 31, 59, 0); */
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
background-image: url(./assets/image/bg.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
|
@ -246,7 +246,7 @@ export default {
|
|||
}
|
||||
|
||||
.el-dialog__header {
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
background-image: url(./assets/image/bg.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,40 +50,98 @@
|
|||
</el-select>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="入口网关:" prop="clgl_rkwg">
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkwg1"></el-input>
|
||||
<el-row>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="入口网关:" prop="clgl_rkwg1">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkwg1"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">. </el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkwg2"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkwg2">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkwg2"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkwg3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkwg3">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkwg3"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkwg4"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkwg4">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkwg4"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="出口网关:" prop="clgl_ckwg">
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckwg1"></el-input>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="出口网关:" prop="clgl_ckwg1">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckwg1"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">. </el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckwg2"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckwg2">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckwg2"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckwg3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckwg3">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckwg3"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckwg4"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckwg4">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckwg4"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="协议:" prop="clgl_xy">
|
||||
|
|
@ -159,40 +217,98 @@
|
|||
<el-input v-model="ruleForm1.clgl_mddx"></el-input>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="入口IP:" prop="clgl_rkip">
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkip1" :maxlength="3"></el-input>
|
||||
<el-row>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="入口IP:" prop="clgl_rkip1">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkip1"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">. </el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkip2" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkip2">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkip2"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkip3" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkip3">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkip3"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_rkip4" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_rkip4">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_rkip4"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="出口IP:" prop="clgl_ckip">
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckip1" :maxlength="3"></el-input>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="出口IP:" prop="clgl_ckip1">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckip1"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">. </el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckip2" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckip2">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckip2"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckip3" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckip3">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckip3"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
<el-col :span="5">
|
||||
<el-input v-model="clgl_ckip4" :maxlength="3"></el-input>
|
||||
<el-col :span="3">
|
||||
<el-form-item label="" prop="clgl_ckip4">
|
||||
<el-col :span="5">
|
||||
<el-input
|
||||
v-model="ruleForm1.clgl_ckip4"
|
||||
:maxlength="3"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="1">.</el-col>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="目的端口:" prop="clgl_mddk">
|
||||
|
|
@ -225,7 +341,7 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span>记录日志：</span>
|
||||
<span style="color: #fff">记录日志：</span>
|
||||
<el-switch style="margin-left: 6%" v-model="switchvalue"> </el-switch>
|
||||
<div
|
||||
class="title"
|
||||
|
|
@ -235,7 +351,9 @@
|
|||
margin-top: 10px;
|
||||
"
|
||||
>
|
||||
<h3 style="margin-top: 10px; margin-bottom: 3px">命令列表</h3>
|
||||
<h3 style="margin-top: 10px; margin-bottom: 3px; color: #fff">
|
||||
命令列表
|
||||
</h3>
|
||||
<el-button @click="flag = true">新增命令</el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
|
|
@ -366,26 +484,6 @@ export default {
|
|||
return {
|
||||
switchvalue: false,
|
||||
clgl_qidong: true,
|
||||
// 入口IP
|
||||
clgl_rkip1: "",
|
||||
clgl_rkip2: "",
|
||||
clgl_rkip3: "",
|
||||
clgl_rkip4: "",
|
||||
// 出口ip
|
||||
clgl_ckip1: "",
|
||||
clgl_ckip2: "",
|
||||
clgl_ckip3: "",
|
||||
clgl_ckip4: "",
|
||||
// 入口网关
|
||||
clgl_rkwg1: "",
|
||||
clgl_rkwg2: "",
|
||||
clgl_rkwg3: "",
|
||||
clgl_rkwg4: "",
|
||||
// 出口网关
|
||||
clgl_ckwg1: "",
|
||||
clgl_ckwg2: "",
|
||||
clgl_ckwg3: "",
|
||||
clgl_ckwg4: "",
|
||||
options1: [
|
||||
{
|
||||
label: "有线区策略",
|
||||
|
|
@ -530,6 +628,10 @@ export default {
|
|||
clgl_ckwg: "",
|
||||
clgl_mddx: "无限区路由器",
|
||||
clgl_mddk: "",
|
||||
clgl_rkip1: "",
|
||||
clgl_rkip2: "",
|
||||
clgl_rkip3: "",
|
||||
clgl_rkip4: "",
|
||||
},
|
||||
],
|
||||
tableData1: [
|
||||
|
|
@ -560,6 +662,22 @@ export default {
|
|||
clgl_wdyml: "拒绝",
|
||||
dlport: "",
|
||||
wdyml: "",
|
||||
clgl_rkip1: "",
|
||||
clgl_rkip2: "",
|
||||
clgl_rkip3: "",
|
||||
clgl_rkip4: "",
|
||||
clgl_ckip1: "",
|
||||
clgl_ckip2: "",
|
||||
clgl_ckip3: "",
|
||||
clgl_ckip4: "",
|
||||
clgl_rkwg1: "",
|
||||
clgl_rkwg2: "",
|
||||
clgl_rkwg3: "",
|
||||
clgl_rkwg4: "",
|
||||
clgl_ckwg1: "",
|
||||
clgl_ckwg2: "",
|
||||
clgl_ckwg3: "",
|
||||
clgl_ckwg4: "",
|
||||
},
|
||||
rules1: {
|
||||
clgl_name: [
|
||||
|
|
@ -584,10 +702,166 @@ export default {
|
|||
clgl_ckwk: [
|
||||
{ required: true, trigger: "change", message: "选择一个出口网卡" },
|
||||
],
|
||||
clgl_rkip: [{ required: true, message: "IP地址不能为空" }],
|
||||
clgl_rkip1: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[1-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkip2: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkip3: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkip4: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
|
||||
clgl_ckip: [
|
||||
{ required: true, trigger: "change", message: "IP地址不能为空" },
|
||||
clgl_ckip1: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[1-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckip2: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckip3: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckip4: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkwg1: [
|
||||
{ trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[1-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkwg2: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkwg3: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_rkwg4: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckwg1: [
|
||||
{ trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[1-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckwg2: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckwg3: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ckwg4: [
|
||||
{ required: true, trigger: "blur", message: "片段为空" },
|
||||
{
|
||||
min: 0,
|
||||
max: 10,
|
||||
message: "片段无效",
|
||||
trigger: "blur",
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
|
||||
},
|
||||
],
|
||||
clgl_ydx: [
|
||||
{ required: true, trigger: "change", message: "选择一个源对象" },
|
||||
|
|
@ -715,4 +989,10 @@ export default {
|
|||
height: 30px;
|
||||
}
|
||||
}
|
||||
/deep/ .el-form-item__error {
|
||||
min-width: 50px;
|
||||
}
|
||||
/deep/.el-col-1 {
|
||||
height: 10px !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,183 +1,228 @@
|
|||
<!-- 斥候无线数据采集——网关配置 -->
|
||||
<template>
|
||||
<div>
|
||||
<!-- <el-button type="info" plain @click="getShow">斥候数据采集网关配置</el-button> -->
|
||||
<div class="gateway" v-show="isShow">
|
||||
<div class="title">
|
||||
<p class="title_l">新建网关</p>
|
||||
<i class="el-icon-close title_r" @click="isShow = false"></i>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="content">
|
||||
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关名称:" :label-width="formLabelWidth" prop="wgpz_wgmc">
|
||||
<el-select v-model="wgpz_wgmc" 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>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关ID:" :label-width="formLabelWidth" prop="wgpz_wgid">
|
||||
<el-select v-model="wgpz_wgid" placeholder="请选择" style="width: 200px;">
|
||||
<el-option v-for="item in options2" :key="item.value" :label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="footer">
|
||||
<el-button type="primary" @click="innerVisible = true">保 存</el-button>
|
||||
<div>
|
||||
<!-- <el-button type="info" plain @click="getShow">斥候数据采集网关配置</el-button> -->
|
||||
<div class="gateway" v-show="isShow">
|
||||
<div class="title">
|
||||
<p class="title_l">新建网关</p>
|
||||
<i class="el-icon-close title_r" @click="isShow = false"></i>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="content">
|
||||
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="网关名称:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="wgpz_wgmc"
|
||||
>
|
||||
<el-select
|
||||
v-model="wgpz_wgmc"
|
||||
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>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="网关ID:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="wgpz_wgid"
|
||||
>
|
||||
<el-select
|
||||
v-model="wgpz_wgid"
|
||||
placeholder="请选择"
|
||||
style="width: 200px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options2"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="footer">
|
||||
<el-button type="primary" @click="innerVisible = true"
|
||||
>保 存</el-button
|
||||
>
|
||||
|
||||
<el-button @click="isShow = false">取 消</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px">
|
||||
<p class="inner_content">请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关</p>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="innerVisible = false">确定</el-button>
|
||||
<el-button @click="innerVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<el-button @click="isShow = false">取 消</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="系统提示"
|
||||
:visible.sync="innerVisible"
|
||||
append-to-body
|
||||
width="382px"
|
||||
>
|
||||
<p class="inner_content" style="color: #fff">
|
||||
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
|
||||
</p>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="innerVisible = false"
|
||||
>确定</el-button
|
||||
>
|
||||
<el-button @click="innerVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'TestChiGate',
|
||||
name: "TestChiGate",
|
||||
|
||||
data() {
|
||||
return {
|
||||
options1: [{
|
||||
value: "有线区网关2",
|
||||
label: "有线区网关2"
|
||||
}, {
|
||||
value: "无线区网关2",
|
||||
label: "无线区网关2"
|
||||
}],
|
||||
options2: [{
|
||||
value: "LAN-BOX2",
|
||||
label: "LAN-BOX2"
|
||||
}, {
|
||||
value: "WLAN-BOX2",
|
||||
label: "WLAN-BOX2"
|
||||
}],
|
||||
wgpz_wgmc: "有线区网关2",
|
||||
wgpz_wgid: "LAN-BOX2",
|
||||
innerVisible: false,
|
||||
labelPosition: "left",
|
||||
formLabelWidth: "96px",
|
||||
count: 0,
|
||||
isShow: true,
|
||||
options: [{
|
||||
value: '选项1',
|
||||
label: '测试1'
|
||||
}, {
|
||||
value: '选项2',
|
||||
label: '测试2'
|
||||
}, {
|
||||
value: '选项3',
|
||||
label: '测试3'
|
||||
}, {
|
||||
value: '选项4',
|
||||
label: '测试4'
|
||||
}, {
|
||||
value: '选项5',
|
||||
label: '测试5'
|
||||
}],
|
||||
rules: {
|
||||
gateway_id: [
|
||||
{ required: true, message: '请输入网关ID', trigger: 'blur' },
|
||||
],
|
||||
gateway_name: [
|
||||
{ required: true, message: '请输入网关名称', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
options1: [
|
||||
{
|
||||
value: "有线区网关2",
|
||||
label: "有线区网关2",
|
||||
},
|
||||
{
|
||||
value: "无线区网关2",
|
||||
label: "无线区网关2",
|
||||
},
|
||||
],
|
||||
options2: [
|
||||
{
|
||||
value: "LAN-BOX2",
|
||||
label: "LAN-BOX2",
|
||||
},
|
||||
{
|
||||
value: "WLAN-BOX2",
|
||||
label: "WLAN-BOX2",
|
||||
},
|
||||
],
|
||||
wgpz_wgmc: "有线区网关2",
|
||||
wgpz_wgid: "LAN-BOX2",
|
||||
innerVisible: false,
|
||||
labelPosition: "left",
|
||||
formLabelWidth: "96px",
|
||||
count: 0,
|
||||
isShow: true,
|
||||
options: [
|
||||
{
|
||||
value: "选项1",
|
||||
label: "测试1",
|
||||
},
|
||||
{
|
||||
value: "选项2",
|
||||
label: "测试2",
|
||||
},
|
||||
{
|
||||
value: "选项3",
|
||||
label: "测试3",
|
||||
},
|
||||
{
|
||||
value: "选项4",
|
||||
label: "测试4",
|
||||
},
|
||||
{
|
||||
value: "选项5",
|
||||
label: "测试5",
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
gateway_id: [
|
||||
{ required: true, message: "请输入网关ID", trigger: "blur" },
|
||||
],
|
||||
gateway_name: [
|
||||
{ required: true, message: "请输入网关名称", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
mounted() {},
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
// getShow() {
|
||||
// this.count++;
|
||||
// if (this.count % 2 == 0) {
|
||||
// this.isShow = false;
|
||||
// } else {
|
||||
// this.isShow = true;
|
||||
// }
|
||||
// }
|
||||
},
|
||||
methods: {
|
||||
// getShow() {
|
||||
// this.count++;
|
||||
// if (this.count % 2 == 0) {
|
||||
// this.isShow = false;
|
||||
// } else {
|
||||
// this.isShow = true;
|
||||
// }
|
||||
// }
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/ .gateway {
|
||||
position: absolute;
|
||||
left: 694px;
|
||||
top: 188px;
|
||||
width: 382px;
|
||||
height: 309px;
|
||||
line-height: 20px;
|
||||
// background-color: rgba(255, 255, 255, 1);
|
||||
background: url(../assets/image/bg.png);
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
border: 1px solid rgba(187, 187, 187, 1);
|
||||
position: absolute;
|
||||
left: 694px;
|
||||
top: 188px;
|
||||
width: 382px;
|
||||
height: 309px;
|
||||
line-height: 20px;
|
||||
// background-color: rgba(255, 255, 255, 1);
|
||||
background: url(../assets/image/bg.png);
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
border: 1px solid rgba(187, 187, 187, 1);
|
||||
|
||||
.el-divider--horizontal {
|
||||
margin: 8px 0;
|
||||
.el-divider--horizontal {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 13px 11px 0px 21px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.title_l {
|
||||
width: 72px;
|
||||
height: 26px;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 13px 11px 0px 21px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.title_l {
|
||||
width: 72px;
|
||||
height: 26px;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.title_r {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
color: rgba(111, 103, 103, 1);
|
||||
}
|
||||
.title_r {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
color: rgba(111, 103, 103, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
.content {
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
|
||||
.el-input__inner {
|
||||
width: 200px;
|
||||
height: 30px;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 200px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .footer {
|
||||
.el-button {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 0.5;
|
||||
}
|
||||
/deep/ .footer {
|
||||
.el-button {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -236,8 +236,4 @@ export default {
|
|||
.el-table {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/deep/.el-form-item label {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -238,7 +238,7 @@ export default {
|
|||
},
|
||||
//删除
|
||||
handleDelete(a, b) {
|
||||
this.wgwh.splice(a, 1);
|
||||
this.tableData.splice(a, 1);
|
||||
localStorage.setItem("wgwh", JSON.stringify(this.tableData));
|
||||
this.$message({
|
||||
message: "删除成功",
|
||||
|
|
|
|||
Loading…
Reference in New Issue