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