chengdandan
/
InternetCompetition
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

lll

This commit is contained in:
lll 2023-11-13 15:51:45 +08:00
parent 131835201a
commit 6080d13047
16 changed files with 669 additions and 285 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.vue
View File

@ -26,7 +26,6 @@ export default {
},
created() {
// this.queryallanswer();
console.log(this.$annswerObj, "变化没用");
},
methods: {
// 请求正确答案
@ -241,7 +240,6 @@ export default {
#app {
width: 100%;
height: 100vh;
/* background-color: white !important; */
}
.v-modal {
@ -306,25 +304,11 @@ export default {
.el-form-item label {
color: white;
}
// .el-button {
// width: 80px;
// height: 30px;
// line-height: 0.5 !important;
// }
/* .el-tree-node__content:hover {
background-image: url(./assets/image/bg.png);
background-size: cover;
.el-dialog__wrapper {
pointer-events: none;
}
.el-tree-node.is-current>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: cover;
}
.el-tree-node:focus>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: cover;
} */
/* 弹窗 */
.el-dialog {
pointer-events: auto;
}
</style>

221
src/components/AddPolicy.vue
View File

@ -300,12 +300,7 @@
</el-dialog>
</div>
<div>
<el-dialog
title="新增命令"
:visible.sync="flag"
width="30%"
:before-close="handleClose"
>
<el-dialog title="新增命令" :visible.sync="flag" width="30%">
<el-form
center
:model="ruleForm2"
@ -396,8 +391,8 @@ export default {
clgl_qidong: true,
options1: [
{
label: "",
value: "",
label: "有线区策略",
value: "有线区策略",
},
{
label: "无线区策略",
@ -554,7 +549,36 @@ export default {
// cmdlist_dz: "",
// },
],
clgl_name: "数来服务器",
cmdlist_qsdz: "192.168.89.21",
clgl_xy: "Modbus(TCP)",
clgl_gzms: "透明模式",
clgl_ydx: "有线区交换机",
clgl_ydk: "5200",
clgl_rkwk: "有线区网闸（内网）",
clgl_rkip: "",
clgl_rkwg: "",
clgl_ckwk: "有线区网闸（外网）",
clgl_ckip: "",
clgl_ckwg: "",
clgl_mddx: "无限区路由器",
clgl_mddk: "",
clgl_dldk: "",
wlgl_nw_name: "",
wlgl_nw_ip: "",
wlgl_nw_zwym: "",
wlgl_ww_name: "",
wlgl_ww_ip: "",
wlgl_ww_zwym: "",
dxgl: [],
cmdlist_ml: "",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
ruleForm1: {
wlgl_nw_name: "",
clgl_name: "",
clgl_xy: [],
clgl_gzms: "",
@ -570,8 +594,6 @@ export default {
clgl_ckwk: "",
clgl_ckip: "",
clgl_wdyml: "拒绝",
dlport: "",
wdyml: "",
clgl_rkip1: "",
clgl_rkip2: "",
clgl_rkip3: "",
@ -748,12 +770,12 @@ export default {
async SaveUserAnswer() {
var obj = {
clgl_name: this.ruleForm1.clgl_name,
cmdlist_qsdz: this.ruleForm1.cmdlist_qsdz,
clgl_xy: this.ruleForm1.clgl_xy,
clgl_gzms: this.ruleForm1.clgl_gzms,
clgl_ydx: this.ruleForm1.clgl_ydx,
clgl_ydk: this.ruleForm1.clgl_ydk,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_rkip:
this.ruleForm1.clgl_rkip1 +
"." +
@ -790,19 +812,29 @@ export default {
clgl_mddx: this.ruleForm1.clgl_mddx,
clgl_mddk: this.ruleForm1.clgl_mddk,
clgl_wdyml: this.ruleForm1.clgl_wdyml,
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_nw_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
dxgl: this.dxgl,
cmdlist_ml: this.ruleForm2.cmdlist_ml,
cmdlist_sbid: this.ruleForm2.cmdlist_sbid,
cmdlist_qsdz: this.ruleForm2.cmdlist_qsdz,
cmdlist_dzcd: this.ruleForm2.cmdlist_dzcd,
cmdlist_ms: this.ruleForm2.cmdlist_ms,
cmdlist_dz: this.ruleForm2.cmdlist_dz,
};
//拿缓存数据
var json = JSON.parse(sessionStorage.getItem(this.$store.state.type));
console.log(obj);
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`,
mark_value: JSON.stringify({ ...json, ...obj }),
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj),
});
if (data.state) {
sessionStorage.setItem(
this.$store.state.type,
JSON.stringify({ ...json, ...obj })
);
this.$message({
message: "缓存成功",
type: "success",
@ -817,48 +849,36 @@ export default {
let { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
});
if (data.data && data.state) {
let res = JSON.parse(data.data.mark_value);
if (res.clgl_ckip) {
this.ruleForm1.clgl_ckip1 = res.clgl_ckip.split(".")[0];
this.ruleForm1.clgl_ckip2 = res.clgl_ckip.split(".")[1];
this.ruleForm1.clgl_ckip3 = res.clgl_ckip.split(".")[2];
this.ruleForm1.clgl_ckip4 = res.clgl_rkip.split(".")[3];
this.ruleForm1.clgl_rkip1 = res.clgl_rkip.split(".")[0];
this.ruleForm1.clgl_rkip2 = res.clgl_rkip.split(".")[1];
this.ruleForm1.clgl_rkip3 = res.clgl_rkip.split(".")[2];
this.ruleForm1.clgl_rkip4 = res.clgl_rkip.split(".")[3];
this.ruleForm1.clgl_rkwg1 = res.clgl_rkwg.split(".")[0];
this.ruleForm1.clgl_rkwg2 = res.clgl_rkwg.split(".")[1];
this.ruleForm1.clgl_rkwg3 = res.clgl_rkwg.split(".")[2];
this.ruleForm1.clgl_rkwg4 = res.clgl_rkwg.split(".")[3];
this.ruleForm1.clgl_ckwg1 = res.clgl_ckwg.split(".")[0];
this.ruleForm1.clgl_ckwg2 = res.clgl_ckwg.split(".")[1];
this.ruleForm1.clgl_ckwg3 = res.clgl_ckwg.split(".")[2];
this.ruleForm1.clgl_ckwg4 = res.clgl_ckwg.split(".")[3];
this.ruleForm1.clgl_name = res.clgl_name;
this.ruleForm1.clgl_xy = res.clgl_xy;
this.ruleForm1.clgl_gzms = res.clgl_gzms;
this.ruleForm1.clgl_mddk = res.clgl_mddk;
this.ruleForm1.clgl_ydx = res.clgl_ydx;
this.ruleForm1.clgl_ydk = res.clgl_ydk;
this.ruleForm1.clgl_mddk = res.clgl_mddk;
this.ruleForm1.clgl_dldk = res.clgl_dldk;
this.ruleForm1.clgl_rkwk = res.clgl_rkwk;
this.ruleForm1.clgl_wdyml = res.clgl_wdyml;
this.ruleForm1.clgl_ckwk = res.clgl_ckwk;
this.tableData1 = [
{
cmdlist_ml: res.cmdlist_ml,
cmdlist_sbid: res.cmdlist_sbid,
cmdlist_qsdz: res.cmdlist_qsdz,
cmdlist_dzcd: res.cmdlist_dzcd,
cmdlist_ms: res.cmdlist_ms,
cmdlist_dz: res.cmdlist_dz,
},
];
}
console.log(res);
this.clgl_name = res.clgl_name;
this.clgl_xy = res.clgl_xy;
this.clgl_gzms = res.clgl_gzms;
this.clgl_mddk = res.clgl_mddk;
this.clgl_ydx = res.clgl_ydx;
this.clgl_ydk = res.clgl_ydk;
this.clgl_mddk = res.clgl_mddk;
this.clgl_dldk = res.clgl_dldk;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_wdyml = res.clgl_wdyml;
this.clgl_ckwk = res.clgl_ckwk;
this.wlgl_nw_name = res.wlgl_nw_name;
this.wlgl_nw_ip = res.wlgl_nw_ip;
this.wlgl_nw_zwym = res.wlgl_nw_zwym;
this.wlgl_ww_name = res.wlgl_ww_name;
this.wlgl_ww_ip = res.wlgl_ww_ip;
this.wlgl_ww_zwym = res.wlgl_ww_zwym;
this.dxgl = [].concat(res.dxgl);
this.cmdlist_ml = res.cmdlist_ml;
this.cmdlist_sbid = res.cmdlist_sbid;
this.cmdlist_qsdz = res.cmdlist_qsdz;
this.cmdlist_dzcd = res.cmdlist_dzcd;
this.cmdlist_ms = res.cmdlist_ms;
this.cmdlist_dz = res.cmdlist_dz;
}
},
//新增命令-保存
@ -880,20 +900,47 @@ export default {
cmdlist_dzcd: this.ruleForm2.cmdlist_dzcd,
cmdlist_ms: this.ruleForm2.cmdlist_ms,
cmdlist_dz: this.ruleForm2.cmdlist_dz,
clgl_name: this.ruleForm1.clgl_name,
clgl_xy: this.ruleForm1.clgl_xy,
clgl_gzms: this.ruleForm1.clgl_gzms,
clgl_ydx: this.ruleForm1.clgl_ydx,
clgl_ydk: this.ruleForm1.clgl_ydk,
clgl_mddx: this.ruleForm1.clgl_mddx,
clgl_mddk: this.ruleForm1.clgl_mddk,
clgl_rkwg: this.ruleForm1.clgl_rkwg,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_rkip: this.ruleForm1.clgl_rkip,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_ckwg: this.ruleForm1.clgl_ckwg,
clgl_ckwk: this.ruleForm1.clgl_ckwk,
clgl_ckip: this.ruleForm1.clgl_ckip,
clgl_wdyml: this.ruleForm1.clgl_wdyml,
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_nw_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
dxgl: this.dxgl,
};
//拿缓存数据
var json = JSON.parse(sessionStorage.getItem(this.$store.state.type));
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`,
mark_value: JSON.stringify({ ...json, ...obj }),
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj),
});
if (data.state) {
this.tableData1 = [obj];
sessionStorage.setItem(
this.$store.state.type,
JSON.stringify({ ...json, ...obj })
);
this.tableData1 = [
{
cmdlist_ml: this.ruleForm2.cmdlist_ml,
cmdlist_sbid: this.ruleForm2.cmdlist_sbid,
cmdlist_qsdz: this.ruleForm2.cmdlist_qsdz,
cmdlist_dzcd: this.ruleForm2.cmdlist_dzcd,
cmdlist_ms: this.ruleForm2.cmdlist_ms,
cmdlist_dz: this.ruleForm2.cmdlist_dz,
},
];
this.flag = false;
this.$message({
message: "新增成功",
@ -906,17 +953,41 @@ export default {
//删除命令
async handleDel(index, row) {
this.tableData1 = [];
let obj = JSON.parse(sessionStorage.getItem(this.$store.state.type));
obj.cmdlist_ml = "";
obj.cmdlist_sbid = "";
obj.cmdlist_qsdz = "";
obj.cmdlist_dzcd = "";
obj.cmdlist_ms = "";
obj.cmdlist_dz = "";
localStorage.setItem(this.$store.state.type, JSON.stringify(obj));
var obj = {
cmdlist_ml: "",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
clgl_name: this.ruleForm1.clgl_name,
clgl_xy: this.ruleForm1.clgl_xy,
clgl_gzms: this.ruleForm1.clgl_gzms,
clgl_ydx: this.ruleForm1.clgl_ydx,
clgl_ydk: this.ruleForm1.clgl_ydk,
clgl_mddx: this.ruleForm1.clgl_mddx,
clgl_mddk: this.ruleForm1.clgl_mddk,
clgl_rkwg: this.ruleForm1.clgl_rkwg,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_rkip: this.ruleForm1.clgl_rkip,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_ckwg: this.ruleForm1.clgl_ckwg,
clgl_ckwk: this.ruleForm1.clgl_ckwk,
clgl_ckip: this.ruleForm1.clgl_ckip,
clgl_wdyml: this.ruleForm1.clgl_wdyml,
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_nw_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
dxgl: this.dxgl,
};
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`,
mark: this.$store.state.type,
user_id: this.$route.query.id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj),
});
if (data.state) {

57
src/components/ChiGateway.vue
View File

@ -1,19 +1,37 @@
<!-- 斥候数据采集——有线网关配置 -->
<template>
<div>
<div class="gateway" v-show="isShow" v-loading="loading">
<div class="gateway" v-loading="loading">
<div class="title">
<p class="title_l" style="color: #fff">新建网关</p>
<i class="el-icon-close title_r" @click="isShow = false"></i>
</div>
<el-divider></el-divider>
<div class="content">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
<el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="formData"
>
<el-row>
<el-col :span="24">
<el-form-item label="网关名称:" :label-width="formLabelWidth" prop="wgpz_wgmc">
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="网关名称:"
:label-width="formLabelWidth"
prop="wgpz_wgmc"
>
<el-select
v-model="formData.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>
@ -21,9 +39,22 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="网关ID:" :label-width="formLabelWidth" prop="wgpz_wgid">
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="网关ID:"
:label-width="formLabelWidth"
prop="wgpz_wgid"
>
<el-select
v-model="formData.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>
@ -37,7 +68,12 @@
</div>
</div>
<div>
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px">
<el-dialog
title="系统提示"
:visible.sync="innerVisible"
append-to-body
width="382px"
>
<p class="inner_content">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p>
@ -141,7 +177,6 @@ export default {
});
}
// console.log(res);
},
async GetUserAnswer() {
this.loading = true;
@ -165,8 +200,8 @@ export default {
}
}
},
},
created() {},
};
</script>

10
src/components/GatewayConfiguration.vue
View File

@ -173,10 +173,8 @@ export default {
created() {
this.user_id = window.location.href.split("?")[1];
this.GetUserAnswer();
// this.wgpz = JSON.parse(localStorage.getItem("wgpz")) || [];
},
methods: {
handleSelectionChange() {},
//新建网关保存
saveinfo() {
this.$refs["ruleForm"].validate((valid) => {
@ -203,7 +201,7 @@ export default {
localStorage.setItem("wgpz", JSON.stringify(this.wgpz));
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgpz",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.wgpz),
});
@ -237,7 +235,7 @@ export default {
localStorage.setItem("wgpz", JSON.stringify(this.wgpz));
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgpz",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.wgpz),
});
@ -260,7 +258,7 @@ export default {
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "YDPZYM_wgpz",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
console.log(data.data);
@ -278,7 +276,7 @@ export default {
});
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgpz",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.wgpz),
});

21
src/components/GatewayMaintenance.vue
View File

@ -274,7 +274,6 @@ export default {
if (valid) {
if (this.tableData.length < 4) {
this.SaveUserAnswer();
localStorage.setItem("wgwh", JSON.stringify(this.tableData));
this.flag = false;
} else {
this.$message({
@ -292,7 +291,6 @@ export default {
//删除
async handleDelete(a, b) {
this.tableData.splice(a, 1);
localStorage.setItem("wgwh", JSON.stringify(this.tableData));
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgwh",
user_id: this.user_id,
@ -325,7 +323,6 @@ export default {
(row) => !this.multipleSelection.includes(row)
);
this.multipleSelection = [];
localStorage.setItem("wgwh", JSON.stringify(this.tableData));
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgwh",
user_id: this.user_id,
@ -348,17 +345,6 @@ export default {
},
//保存数据
async SaveUserAnswer() {
if (!this.user_id) {
this.$message.error("操作失败");
return;
}
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgwh",
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.tableData),
});
if (data.state) {
let obj = {
sswg: this.ruleForm.sswg,
csname: this.ruleForm.csname,
@ -369,6 +355,13 @@ export default {
pcz: this.ruleForm.pcz,
};
this.tableData.push(obj);
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgwh",
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.tableData),
});
if (data.state) {
this.$message({
message: "操作成功",
type: "success",

33
src/components/IpConfiguration.vue
View File

@ -6,6 +6,7 @@
:visible.sync="dialogVisible"
width="30%"
v-loading="loading"
:close-on-click-modal="false"
>
<p class="txt">本页面涉及排错，请检查修改默认值</p>
<div class="ip_setting">
@ -203,6 +204,15 @@ export default {
ippz_mrwg: "",
ippz_dns_zy: "",
ippz_dns_by: "",
dkpz_btl: "",
dkpz_sjw: "",
dkpz_jyw: "",
dkpz_tzw: "",
dkpz_lkms: "",
dkpz_dbcd: "",
dkpz_dbsj: "",
dkpz_tbbtl: "",
dkpz_snckxtb: "",
},
rules: {
ippz_ip_hqfs: [
@ -302,16 +312,15 @@ export default {
this.ippz_dns_by3,
this.ippz_dns_by4
);
let datas = sessionStorage.getItem("CKFWQ_yx");
datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({
mark: "CKFWQ_yx",
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(datas),
mark_value: JSON.stringify(this.ruleForm),
});
console.log(this.ruleForm);
if (res.data.state) {
sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
this.$message({
message: "保存成功",
type: "success",
@ -327,12 +336,9 @@ export default {
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
console.log(answers.data);
if (answers.data.data && answers.data.state) {
let obj = JSON.parse(answers.data.data.mark_value);
console.log(obj);
this.ruleForm.ippz_ip_hqfs = obj.ippz_ip_hqfs;
this.ruleForm.ippz_dns_hqfs = obj.ippz_dns_hqfs;
console.log(obj.ippz_dns_hqfs);
if (obj.ippz_ip) {
this.ippz_ip1 = obj.ippz_ip.split(".")[0];
this.ippz_ip2 = obj.ippz_ip.split(".")[1];
@ -354,6 +360,17 @@ export default {
this.ippz_dns_by2 = obj.ippz_dns_by.split(".")[1];
this.ippz_dns_by3 = obj.ippz_dns_by.split(".")[2];
this.ippz_dns_by4 = obj.ippz_dns_by.split(".")[3];
this.ruleForm.ippz_ip_hqfs = obj.ippz_ip_hqfs;
this.ruleForm.ippz_dns_hqfs = obj.ippz_dns_hqfs;
this.ruleForm.dkpz_btl = obj.dkpz_btl;
this.ruleForm.dkpz_sjw = obj.dkpz_sjw;
this.ruleForm.dkpz_jyw = obj.dkpz_jyw;
this.ruleForm.dkpz_tzw = obj.dkpz_tzw;
this.ruleForm.dkpz_lkms = obj.dkpz_lkms;
this.ruleForm.dkpz_dbcd = obj.dkpz_dbcd;
this.ruleForm.dkpz_dbsj = obj.dkpz_dbsj;
this.ruleForm.dkpz_tbbtl = obj.dkpz_tbbtl;
this.ruleForm.dkpz_snckxtb = obj.dkpz_snckxtb;
}
}
this.loading = false;

84
src/components/NetworkConfiguration.vue
View File

@ -16,14 +16,14 @@
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="开启网口:" prop="kqwk">
<el-select v-model="ruleForm.kqwk">
<el-form-item label="开启网口:" prop="ytwgn_kqwk">
<el-select v-model="ruleForm.ytwgn_kqwk">
<el-option label="开启" value="开启"></el-option>
<el-option label="关闭" value="关闭"></el-option>
</el-select>
</el-form-item>
<el-form-item label="网口工作方式:" prop="wkgzfs">
<el-select v-model="ruleForm.wkgzfs">
<el-form-item label="网口工作方式:" prop="ytwgn_wkgzfs">
<el-select v-model="ruleForm.ytwgn_wkgzfs">
<el-option label="LAN口" value="LAN口"></el-option>
<el-option label="WAN口" value="WAN口"></el-option>
</el-select>
@ -39,8 +39,8 @@
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="网口模式:" prop="wkms">
<el-select v-model="ruleForm.wkms">
<el-form-item label="网口模式:" prop="wkmssz_wkms">
<el-select v-model="ruleForm.wkmssz_wkms">
<el-option label="n" value="n"></el-option>
<el-option label="z" value="z"></el-option>
</el-select>
@ -49,7 +49,6 @@
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">保存</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button @click="change">改变</el-button>
</span>
</el-dialog>
</div>
@ -65,15 +64,33 @@ export default {
user_id: "",
loading: false,
ruleForm: {
kqwk: "开启",
wkgzfs: "LAN口",
wkms: "n",
ckcssz_btl: "",
ckcssz_jyw: "",
ckcssz_lk: "",
ckcssz_zdybtl: "",
ckcssz_sjw: "",
ckcssz_tzw: "",
ckcssz_485: "",
qtsz_ckzdcz: "",
qtsz_zcblx: "",
qtsz_zdyxtb: "",
qtsz_tjzffgn: "",
ytwgn_kqwk: "",
ytwgn_wkgzfs: "",
wkmssz_wkms: "",
wxpz_gzms: "",
wxpz_wlmc: "",
wxpz_mac: "",
wxpz_jmms: "",
wxpz_jmsf: "",
wxpz_mm: "",
},
rules: {
kqwk: [{ required: true, trigger: "change", message: "必填项" }],
wkgzfs: [{ required: true, trigger: "change", message: "必填项" }],
wkms: [{ required: true, trigger: "change", message: "必填项" }],
ytwgn_kqwk: [{ required: true, trigger: "change", message: "必填项" }],
ytwgn_wkgzfs: [
{ required: true, trigger: "change", message: "必填项" },
],
wkmssz_wkms: [{ required: true, trigger: "change", message: "必填项" }],
},
};
},
@ -82,26 +99,15 @@ export default {
this.GetUserAnswer();
},
methods: {
getParameter(data) {
console.log(data);
this.user_id = data;
},
change() {
this.$set(answer, "kqwk", "11111111");
},
async saveDatas() {
let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
let res = await SaveUserAnswer({
mark: "CKFWQ_wx",
user_id: `${this.user_id}`,
mark_value: JSON.stringify(datas),
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.ruleForm),
});
console.log(res);
if (res.data.state) {
sessionStorage.setItem(
"CKFWQ_wx",
JSON.stringify({ ...datas, ...this.ruleForm })
);
this.$message({
message: "保存成功",
type: "success",
@ -115,12 +121,30 @@ export default {
let res = await GetUserAnswer({
mark: "CKFWQ_wx",
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
if (JSON.parse(res.data.data.mark_value) && res.data.state) {
var obj = JSON.parse(res.data.data.mark_value);
this.ruleForm.kqwk = obj.kqwk;
this.ruleForm.wkgzfs = obj.wkgzfs;
this.ruleForm.wkms = obj.wkms;
this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk;
this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs;
this.ruleForm.wkmssz_wkms = obj.wkmssz_wkms;
this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw;
this.ruleForm.ckcssz_lk = obj.ckcssz_lk;
this.ruleForm.ckcssz_zdybtl = obj.ckcssz_zdybtl;
this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw;
this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw;
this.ruleForm.ckcssz_485 = obj.ckcssz_485;
this.ruleForm.qtsz_ckzdcz = obj.qtsz_ckzdcz;
this.ruleForm.qtsz_zcblx = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm;
}
},
submitForm(formName) {

80
src/components/NetworkManagement.vue
View File

@ -167,6 +167,28 @@ export default {
wlgl_ww_zwym2: "",
wlgl_ww_zwym3: "",
wlgl_ww_zwym4: "",
dxgl: [],
clgl_name: "",
clgl_xy: "",
clgl_gzms: "",
clgl_ydx: "",
clgl_ydk: "",
clgl_mddx: "",
clgl_mddk: "",
clgl_rkwg: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "",
clgl_ckip: "",
clgl_wdyml: "",
cmdlist_ml: "",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
options1: [
{
label: "有线区网闸（内网）",
@ -253,14 +275,37 @@ export default {
this.wlgl_ww_zwym3 +
"." +
this.wlgl_ww_zwym4,
dxgl: this.dxgl,
clgl_name: this.clgl_name,
clgl_xy: this.clgl_xy,
clgl_gzms: this.clgl_gzms,
clgl_ydx: this.clgl_ydx,
clgl_ydk: this.clgl_ydk,
clgl_mddx: this.clgl_mddx,
clgl_mddk: this.clgl_mddk,
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_rkwk,
clgl_rkip: this.clgl_ckip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_rkwk,
clgl_ckip: this.clgl_ckip,
clgl_wdyml: this.clgl_wdyml,
cmdlist_ml: this.cmdlist_ml,
cmdlist_sbid: this.cmdlist_sbid,
cmdlist_qsdz: this.cmdlist_qsdz,
cmdlist_dzcd: this.cmdlist_dzcd,
cmdlist_ms: this.cmdlist_ms,
cmdlist_dz: this.cmdlist_dz,
};
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.user_id}`,
mark: this.$store.state.type,
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj),
});
if (data.state) {
sessionStorage.setItem("GYWZ_yx", JSON.stringify(obj));
this.$message({
message: "保存成功",
type: "success",
@ -272,12 +317,15 @@ export default {
//拿缓存
async GetUserAnswer() {
var { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.user_id}`,
mark: this.$store.state.type,
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
});
console.log(data);
if (data.data && data.state) {
let res = JSON.parse(data.data.mark_value);
console.log(res);
this.tableData[0].wlgl_nw_name = res.wlgl_nw_name;
this.wlgl_nw_ip1 = res.wlgl_nw_ip.split(".")[0];
this.wlgl_nw_ip2 = res.wlgl_nw_ip.split(".")[1];
@ -296,6 +344,28 @@ export default {
this.wlgl_ww_zwym2 = res.wlgl_ww_zwym.split(".")[1];
this.wlgl_ww_zwym3 = res.wlgl_ww_zwym.split(".")[2];
this.wlgl_ww_zwym4 = res.wlgl_ww_zwym.split(".")[3];
this.dxgl = res.dxgl;
this.clgl_name = res.clgl_name;
this.clgl_xy = res.clgl_xy;
this.clgl_gzms = res.clgl_gzms;
this.clgl_ydx = res.clgl_ydx;
this.clgl_ydk = res.clgl_ydk;
this.clgl_mddx = res.clgl_mddx;
this.clgl_mddk = res.clgl_mddk;
this.clgl_rkwg = res.clgl_rkwg;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_rkip = res.clgl_rkip;
this.clgl_dldk = res.clgl_dldk;
this.clgl_ckwg = res.clgl_ckwg;
this.clgl_ckwk = res.clgl_ckwk;
this.clgl_ckip = res.clgl_ckip;
this.clgl_wdyml = res.clgl_wdyml;
this.cmdlist_ml = res.cmdlist_ml;
this.cmdlist_sbid = res.cmdlist_sbid;
this.cmdlist_qsdz = res.cmdlist_qsdz;
this.cmdlist_dzcd = res.cmdlist_dzcd;
this.cmdlist_ms = res.cmdlist_ms;
this.cmdlist_dz = res.cmdlist_dz;
}
},
},

147
src/components/ObjectManagement.vue
View File

@ -104,7 +104,6 @@ export default {
user_id: "",
dialogVisible1: false,
labelPosition: "left",
dxgl: [],
ip1: "",
ip2: "",
ip3: "",
@ -129,6 +128,37 @@ export default {
],
},
json: {},
wlgl_nw_name: "",
wlgl_nw_ip: "",
wlgl_nw_zwym: "",
wlgl_ww_name: "",
wlgl_ww_ip: "",
wlgl_ww_zwym: "",
dxgl: [],
clgl_name: "",
clgl_xy: "",
clgl_gzms: "",
clgl_ydx: "",
clgl_ydk: "",
clgl_mddx: "",
clgl_mddk: "",
clgl_rkwg: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "",
clgl_ckip: "",
clgl_wdyml: "",
cmdlist_ml: "",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
};
},
created() {
@ -178,15 +208,46 @@ export default {
iplx: this.ruleForm.iplx,
ip: this.ip1 + "." + this.ip2 + "." + this.ip3 + "." + this.ip4,
});
var json = JSON.parse(sessionStorage.getItem(this.$store.state.type));
let obj = {
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_ww_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
dxgl: this.dxgl,
clgl_name: this.clgl_name,
clgl_xy: this.clgl_xy,
clgl_gzms: this.clgl_gzms,
clgl_ydx: this.clgl_ydk,
clgl_ydk: this.clgl_ydk,
clgl_mddx: this.clgl_mddk,
clgl_mddk: this.clgl_mddk,
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_ckwk,
clgl_rkip: this.clgl_rkip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_ckwk,
clgl_ckip: this.clgl_ckip,
clgl_wdyml: this.clgl_wdyml,
cmdlist_ml: this.cmdlist_ml,
cmdlist_sbid: this.cmdlist_sbid,
cmdlist_qsdz: this.cmdlist_qsdz,
cmdlist_dzcd: this.cmdlist_dzcd,
cmdlist_ms: this.cmdlist_ms,
cmdlist_dz: this.cmdlist_dz,
};
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
// mark: "GYWZ_yx",
mark: this.$store.state.type,
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify({ ...json, ...{ dxgl: this.dxgl } }),
mark_value: JSON.stringify(obj),
});
if (data.state) {
@ -215,28 +276,88 @@ export default {
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`,
// mark: "GYWZ_yx",
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
});
if (data.state && data.data) {
console.log(JSON.parse(data.data.mark_value).dxgl);
if (JSON.parse(data.data.mark_value).dxgl) {
this.dxgl = JSON.parse(data.data.mark_value).dxgl;
let res = JSON.parse(data.data.mark_value);
if (res.dxgl) {
this.wlgl_nw_name = res.wlgl_nw_name;
this.wlgl_nw_ip = res.wlgl_nw_ip;
this.wlgl_nw_zwym = res.wlgl_nw_zwym;
this.wlgl_ww_name = res.wlgl_ww_name;
this.wlgl_ww_ip = res.wlgl_ww_ip;
this.wlgl_ww_zwym = res.wlgl_ww_zwym;
this.dxgl = res.dxgl;
this.clgl_name = res.clgl_name;
this.clgl_xy = res.clgl_xy;
this.clgl_gzms = res.clgl_gzms;
this.clgl_ydx = res.clgl_ydx;
this.clgl_ydk = res.clgl_ydk;
this.clgl_mddx = res.clgl_mddx;
this.clgl_mddk = res.clgl_mddk;
this.clgl_rkwg = res.clgl_rkwg;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_rkip = res.clgl_rkip;
this.clgl_dldk = res.clgl_dldk;
this.clgl_ckwg = res.clgl_ckwg;
this.clgl_ckwk = res.clgl_ckwk;
this.clgl_ckip = res.clgl_ckip;
this.clgl_wdyml = res.clgl_wdyml;
this.cmdlist_ml = res.cmdlist_ml;
this.cmdlist_sbid = res.cmdlist_sbid;
this.cmdlist_qsdz = res.cmdlist_qsdz;
this.cmdlist_dzcd = res.cmdlist_dzcd;
this.cmdlist_ms = res.cmdlist_ms;
this.cmdlist_dz = res.cmdlist_dz;
}
}
},
//删除
async deleteRow(index, rows) {
var json = JSON.parse(sessionStorage.getItem(this.$store.state.type));
var json = JSON.parse(sessionStorage.getItem("GYWZ_yx"));
this.dxgl.splice(index, 1);
let obj = {
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_ww_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
dxgl: this.dxgl,
clgl_name: this.clgl_name,
clgl_xy: this.clgl_xy,
clgl_gzms: this.clgl_gzms,
clgl_ydx: this.clgl_ydk,
clgl_ydk: this.clgl_ydk,
clgl_mddx: this.clgl_mddk,
clgl_mddk: this.clgl_mddk,
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_ckwk,
clgl_rkip: this.clgl_rkip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_ckwk,
clgl_ckip: this.clgl_ckip,
clgl_wdyml: this.clgl_wdyml,
cmdlist_ml: this.cmdlist_ml,
cmdlist_sbid: this.cmdlist_sbid,
cmdlist_qsdz: this.cmdlist_qsdz,
cmdlist_dzcd: this.cmdlist_dzcd,
cmdlist_ms: this.cmdlist_ms,
cmdlist_dz: this.cmdlist_dz,
};
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
// mark: "GYWZ_yx",
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify({ ...json, ...{ dxgl: this.dxgl } }),
mark_value: JSON.stringify(obj),
});
console.log(data.data);
if (data.state) {

123
src/components/PolicyManagement.vue
View File

@ -220,16 +220,19 @@ export default {
// clgl_mddk: "",
// },
],
tableData1: [
{
cmdlist_ml: "读线圈状态",
// cmdlist_sbid: "有线区交换机命令",
cmdlist_qsdz: "0",
cmdlist_dzcd: 65535,
cmdlist_ms: "有线区交换机命令，允许Modbus(TCP)协议通行",
cmdlist_dz: "允许",
},
],
cmdlist_ml: "",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
wlgl_nw_name: "",
wlgl_nw_ip: "",
wlgl_nw_zwym: "",
wlgl_ww_name: "",
wlgl_ww_ip: "",
wlgl_ww_zwym: "",
dxgl: [],
ruleForm1: {
clgl_name: "有线区策略",
clgl_xy: ["Modbus(TCP)"],
@ -246,8 +249,7 @@ export default {
clgl_ckwk: "有线区网闸（外网）",
clgl_ckip: "",
clgl_wdyml: "拒绝",
dlport: "",
wdyml: "",
clgl_dldk: "",
},
rules1: {
clgl_name: [{ required: true, trigger: "change" }],
@ -263,21 +265,6 @@ export default {
clgl_mddx: [{ required: true, trigger: "change" }],
clgl_wdyml: [{ required: true, trigger: "change" }],
},
ruleForm2: {
cmdlist_ml: "有线区交换机命令",
cmdlist_sbid: "",
cmdlist_qsdz: "",
cmdlist_dzcd: "",
cmdlist_ms: "",
cmdlist_dz: "",
},
rules2: {
cmdlist_ml: [{ required: true, trigger: "change" }],
cmdlist_sbid: [{ required: true, trigger: "change" }],
cmdlist_qsdz: [{ required: true, trigger: "change" }],
cmdlist_dzcd: [{ required: true, trigger: "change" }],
cmdlist_dz: [{ required: true, trigger: "change" }],
},
value: "",
flag: false,
};
@ -295,41 +282,54 @@ export default {
},
methods: {
addPolicy() {
this.$router.push({ name: "addstrategy", query: { id: this.user_id } });
this.$router.push({
name: "addstrategy",
query: { id: this.user_id },
});
},
async del(index, a) {
let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.user_id}`,
mark_value: JSON.stringify(
localStorage.getItem(this.$store.state.type)
),
});
if (data.state) {
this.tableData.splice(index, 1);
var obj = JSON.parse(sessionStorage.getItem(this.$store.state.type));
this.tableData = [];
let newSessObj = {
clgl_name: "",
cmdlist_qsdz: "",
clgl_xy: "",
clgl_gzms: "",
clgl_ydx: "",
clgl_ydk: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_ckip: "",
clgl_rkwg: "",
clgl_ckwk: "",
clgl_ckip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_mddx: "",
clgl_mddk: "",
clgl_wdyml: "",
cmdlist_ml: this.cmdlist_ml,
cmdlist_sbid: this.cmdlist_sbid,
cmdlist_qsdz: this.cmdlist_qsdz,
cmdlist_dzcd: this.cmdlist_dzcd,
cmdlist_ms: this.cmdlist_ms,
cmdlist_dz: this.cmdlist_dz,
dxgl: this.dxgl,
wlgl_nw_name: this.wlgl_nw_name,
wlgl_nw_ip: this.wlgl_nw_ip,
wlgl_nw_zwym: this.wlgl_nw_zwym,
wlgl_ww_name: this.wlgl_ww_name,
wlgl_ww_ip: this.wlgl_ww_ip,
wlgl_ww_zwym: this.wlgl_ww_zwym,
};
sessionStorage.setItem(
this.$store.state.type,
JSON.stringify({ ...obj, ...newSessObj })
);
let { data } = await SaveUserAnswer({
mark: this.$store.state.type,
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(newSessObj),
});
if (data.state) {
this.tableData.splice(index, 1);
this.$message({
message: data.message,
message: "删除成功",
type: "success",
});
}
@ -338,14 +338,41 @@ export default {
async GetUserAnswer() {
this.loading = true;
let { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`,
user_id: `${this.user_id}`,
mark: this.$store.state.type,
user_id: this.user_id,
// mark: "GYWZ_yx",
// user_id: "USER202307301109254198",
});
this.loading = false;
if (data.data && data.state) {
let obj = JSON.parse(data.data.mark_value);
(this.ruleForm1.clgl_xy = obj.clgl_xy),
(this.ruleForm1.clgl_gzms = obj.clgl_gzms),
(this.ruleForm1.clgl_ydx = obj.clgl_ydx),
(this.ruleForm1.clgl_ydk = obj.clgl_ydk),
(this.ruleForm1.clgl_rkwk = obj.clgl_rkwk),
(this.ruleForm1.clgl_rkip = obj.clgl_rkip),
(this.ruleForm1.clgl_rkwg = obj.clgl_rkwg),
(this.ruleForm1.clgl_ckwk = obj.clgl_ckwk),
(this.ruleForm1.clgl_ckip = obj.clgl_ckip),
(this.ruleForm1.clgl_ckwg = obj.clgl_ckwg),
(this.ruleForm1.clgl_mddx = obj.clgl_mddx),
(this.ruleForm1.clgl_mddk = obj.clgl_mddk),
(this.ruleForm1.clgl_dldk = obj.clgl_dldk),
(this.dxgl = obj.dxgl),
(this.wlgl_nw_name = obj.wlgl_nw_name),
(this.wlgl_nw_ip = obj.wlgl_nw_ip),
(this.wlgl_nw_zwym = obj.wlgl_ww_zwym),
(this.wlgl_ww_name = obj.wlgl_ww_name),
(this.wlgl_ww_ip = obj.wlgl_ww_ip),
(this.wlgl_ww_zwym = obj.wlgl_ww_zwym),
(this.cmdlist_ml = obj.cmdlist_ml),
(this.cmdlist_sbid = obj.cmdlist_sbid),
(this.cmdlist_qsdz = obj.cmdlist_qsdz),
(this.cmdlist_dzcd = obj.cmdlist_dzcd),
(this.cmdlist_ms = obj.cmdlist_ms),
(this.cmdlist_dz = obj.cmdlist_dz);
if (obj.hasOwnProperty("clgl_name")) {
console.log(obj.clgl_name);
this.tableData = [
{
clgl_name: obj.clgl_name,

30
src/components/PortConfiguration.vue
View File

@ -1,6 +1,5 @@
<template>
<div>
<!-- <el-button @click="dialogVisible = true">端口配置</el-button> -->
<div v-show="dialogVisible" class="tree_menu">
<el-tree
:data="datas"
@ -148,6 +147,13 @@ export default {
dialogVisible: true,
labelPosition: "left",
ruleForm: {
ippz_ip_hqfs: "",
ippz_dns_hqfs: "",
ippz_ip: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_zy: "",
ippz_dns_by: "",
dkpz_btl: "",
dkpz_sjw: "8",
dkpz_jyw: "",
@ -195,14 +201,11 @@ export default {
this.GetUserAnswer();
},
methods: {
getParameter(data) {
console.log(data);
this.user_id = data;
},
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "CKFWQ_yx",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
if (data.data) {
let obj = JSON.parse(data.data.mark_value);
@ -215,19 +218,24 @@ export default {
this.ruleForm.dkpz_dbsj = obj.dkpz_dbsj;
this.ruleForm.dkpz_tbbtl = obj.dkpz_tbbtl;
this.ruleForm.dkpz_snckxtb = Boolean(obj.dkpz_snckxtb);
this.ruleForm.ippz_ip_hqfs = obj.ippz_ip_hqfs;
this.ruleForm.ippz_dns_hqfs = obj.ippz_dns_hqfs;
this.ruleForm.ippz_ip = obj.ippz_ip;
this.ruleForm.ippz_zwym = obj.ippz_ip;
this.ruleForm.ippz_mrwg = obj.ippz_mrwg;
this.ruleForm.ippz_dns_zy = obj.ippz_dns_zy;
this.ruleForm.ippz_dns_by = obj.ippz_dns_by;
}
},
async savePort() {
this.ruleForm.dkpz_snckxtb = String(Number(this.ruleForm.dkpz_snckxtb));
let datas = localStorage.getItem("CKFWQ_yx");
datas = { ...JSON.parse(datas), ...this.ruleForm };
let { data } = await SaveUserAnswer({
mark: "CKFWQ_yx",
user_id: `${this.user_id}`,
mark_value: JSON.stringify(datas),
// user_id: "USER202307301109254198",
user_id: this.user_id,
mark_value: JSON.stringify(this.ruleForm),
});
if (data.state) {
localStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
this.$message({
message: "保存成功",
type: "success",

43
src/components/Wireles.vue
View File

@ -71,6 +71,20 @@ export default {
wxpz_jmms: "WPA2PSK",
wxpz_jmsf: "AES",
wxpz_mm: "",
ckcssz_btl: "",
ckcssz_jyw: "",
ckcssz_lk: "",
ckcssz_zdybtl: "",
ckcssz_sjw: "",
ckcssz_tzw: "",
ckcssz_485: "",
qtsz_ckzdcz: "",
qtsz_zcblx: "",
qtsz_zdyxtb: "",
qtsz_tjzffgn: "",
ytwgn_kqwk: "",
ytwgn_wkgzfs: "",
wkmssz_wkms: "",
},
rules: {
wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }],
@ -88,17 +102,13 @@ export default {
},
methods: {
async saveDatas() {
let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
let res = await SaveUserAnswer({
mark: "CKFWQ_wx",
user_id: `${this.user_id}`,
mark_value: JSON.stringify(datas),
user_id: this.user_id,
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.ruleForm),
});
if (res.data.state) {
sessionStorage.setItem(
"CKFWQ_wx",
JSON.stringify({ ...datas, ...this.ruleForm })
);
this.$message({
message: "保存成功",
type: "success",
@ -110,14 +120,29 @@ export default {
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "CKFWQ_wx",
user_id: `${this.user_id}`,
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
console.log(data);
if (JSON.parse(data.data.mark_value) && data.state) {
var obj = JSON.parse(data.data.mark_value);
this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk;
this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs;
this.ruleForm.wkmssz_wkms = obj.wkmssz_wkms;
this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw;
this.ruleForm.ckcssz_lk = obj.ckcssz_lk;
this.ruleForm.ckcssz_zdybtl = obj.ckcssz_zdybtl;
this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw;
this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw;
this.ruleForm.ckcssz_485 = obj.ckcssz_485;
this.ruleForm.qtsz_ckzdcz = obj.qtsz_ckzdcz;
this.ruleForm.qtsz_zcblx = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
// this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm;

26
src/components/netConfiguration.vue
View File

@ -161,6 +161,15 @@ export default {
qtsz_zcblx: "",
qtsz_zdyxtb: "",
qtsz_tjzffgn: "",
ytwgn_kqwk: "",
ytwgn_wkgzfs: "",
wkmssz_wkms: "",
wxpz_gzms: "",
wxpz_wlmc: "",
wxpz_mac: "",
wxpz_jmms: "",
wxpz_jmsf: "",
wxpz_mm: "",
},
rules: {
ckcssz_btl: [{ required: true, trigger: "change", message: "必选" }],
@ -181,16 +190,15 @@ export default {
//保存
async saveDatas() {
this.Loading = true;
let datas = sessionStorage.getItem("CKFWQ_wx");
datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({
mark: "CKFWQ_wx",
user_id: `${this.user_id}`,
mark_value: JSON.stringify(datas),
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.ruleForm),
});
console.log(res);
if (res.data.state) {
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas));
this.$message({
message: "保存成功",
type: "success",
@ -204,6 +212,7 @@ export default {
let answers = await GetUserAnswer({
mark: "CKFWQ_wx",
user_id: `${this.user_id}`,
// user_id: "USER202307301109254198",
});
console.log(answers);
if (answers.data.data && answers.data.state) {
@ -219,6 +228,15 @@ export default {
this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx;
this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk;
this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs;
this.ruleForm.wkmssz_wkms = obj.wkmssz_wkms;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm;
}
},
//交互方法

1
src/main.js
View File

@ -19,6 +19,7 @@ Vue.prototype.$store = store;
Vue.prototype.$answerObj = answerObj;
Vue.use(ElementUI);
new Vue({
router,
render: (h) => h(App),

6
src/views/Cockpit.vue
View File

@ -122,7 +122,7 @@ export default {
// 这两个只要设备连线和设备配置信息对就展示数据;
this.user_id = window.location.href.split("?")[1].split("|")[0];
this.toObj(window.location.href.split("?")[1].split("|")[1]);
alert(this.user_id);
alert(window.location.href.split("?")[1]);
this.time = this.$moment().format("HH:mm:ss");
this.productChartOption = productChart;
@ -142,9 +142,7 @@ export default {
methods: {
//获取三维数据
toObj(data) {
const inputString = data;
this.user_id = inputString.split("|")[0];
let str = inputString.split("|")[1];
const str = data;
// 分割成键值对数组
const keyValuePairs = str.split(";");
keyValuePairs.splice(keyValuePairs.length - 1, 1);

18
src/views/NtConfig.vue
View File

@ -5,25 +5,19 @@
</template>
<script>
import GatewayConfiguration from '@/components/GatewayConfiguration.vue';
import GatewayConfiguration from "@/components/GatewayConfiguration.vue";
export default {
name: 'InternetCompetitionNtConfig',
name: "InternetCompetitionNtConfig",
components: {
GatewayConfiguration
GatewayConfiguration,
},
data() {
return {
};
return {};
},
mounted() {
mounted() {},
},
methods: {
},
methods: {},
};
</script>