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

111

This commit is contained in:
lll 2023-11-08 13:19:13 +08:00
parent d82adacd27
commit 87b667aab0
5 changed files with 197 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/GatewayMaintenance.vue
View File

@ -251,6 +251,13 @@ export default {
}, },
//多选删除 //多选删除
deleteSelectedRows() { deleteSelectedRows() {
if (this.multipleSelection.length == 0) {
this.$message({
message: "请先选择要删除的数据",
type: "warning",
});
return;
}
this.tableData = this.tableData.filter( this.tableData = this.tableData.filter(
(row) => !this.multipleSelection.includes(row) (row) => !this.multipleSelection.includes(row)
); );

75
src/components/NetworkConfiguration.vue
View File

@ -1,11 +1,21 @@
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">网口设置</el-button> --> <el-dialog
<el-dialog title="网口设置" :visible.sync="dialogVisible" width="30%"> title="网口设置"
:visible.sync="dialogVisible"
width="30%"
v-loading="loading"
>
<h3>以太网功能</h3> <h3>以太网功能</h3>
<el-divider></el-divider> <el-divider></el-divider>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="开启网口:" prop="kqwk"> <el-form-item label="开启网口:" prop="kqwk">
<el-select v-model="ruleForm.kqwk"> <el-select v-model="ruleForm.kqwk">
<el-option label="开启" value="开启"></el-option> <el-option label="开启" value="开启"></el-option>
@ -21,8 +31,14 @@
</el-form> </el-form>
<h3>网口模式设置</h3> <h3>网口模式设置</h3>
<el-divider></el-divider> <el-divider></el-divider>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="网口模式:" prop="wkms"> <el-form-item label="网口模式:" prop="wkms">
<el-select v-model="ruleForm.wkms"> <el-select v-model="ruleForm.wkms">
<el-option label="n" value="n"></el-option> <el-option label="n" value="n"></el-option>
@ -38,36 +54,67 @@
</div> </div>
</template> </template>
<script> <script>
import { SaveUserAnswer } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
export default { export default {
data() { data() {
return { return {
dialogVisible: true, dialogVisible: true,
labelPosition: "left", labelPosition: "left",
loading: false,
ruleForm: { ruleForm: {
kqwk: "开启", kqwk: "开启",
wkgzfs: "LAN口", wkgzfs: "LAN口",
wkms: "n", wkms: "n",
}, },
rules: { rules: {
kqwk: [{ required: true, trigger: "change" }], kqwk: [{ required: true, trigger: "change", message: "必填项" }],
wkgzfs: [{ required: true, trigger: "change" }], wkgzfs: [{ required: true, trigger: "change", message: "必填项" }],
wkms: [{ required: true, trigger: "change" }], wkms: [{ required: true, trigger: "change", message: "必填项" }],
}, },
}; };
}, },
created() {
this.GetUserAnswer();
},
methods: { methods: {
async saveDatas() { async saveDatas() {
let datas = sessionStorage.getItem("CKFWQ_wx"); let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",
mark_value: JSON.stringify(datas), mark_value: JSON.stringify(datas),
}); });
console.log(res); console.log(res);
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas)); if (res.status == 200) {
sessionStorage.setItem(
"CKFWQ_wx",
JSON.stringify({ ...datas, ...this.ruleForm })
);
this.$message({
message: "保存成功",
type: "success",
});
this.dialogVisible = false;
console.log({ ...datas, ...this.ruleForm }, "存储");
} else {
this.$message.error("保存失败");
}
}, },
} //拿缓存
async GetUserAnswer() {
this.loading = true;
let res = await GetUserAnswer({
mark: "CKFWQ_wx",
user_id: "USER202307301109254198",
});
var obj = JSON.parse(res.data.data.mark_value);
console.log(obj);
this.ruleForm.kqwk = obj.kqwk;
this.ruleForm.wkgzfs = obj.wkgzfs;
this.ruleForm.wkms = obj.wkms;
this.loading = false;
},
},
}; };
</script> </script>

66
src/components/Wireles.vue
View File

@ -1,9 +1,14 @@
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">无线设置</el-button> --> <el-dialog title="无线设置" :visible.sync="dialogVisible" width="30%">
<el-dialog title="无线设置" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <el-form
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm" :model="ruleForm"
:label-position="labelPosition"> :rules="rules"
ref="ruleForm"
label-width="150px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="工作模式:" prop="wxpz_gzms"> <el-form-item label="工作模式:" prop="wxpz_gzms">
<el-col :span="10"> <el-col :span="10">
<el-select v-model="ruleForm.wxpz_gzms"> <el-select v-model="ruleForm.wxpz_gzms">
@ -58,7 +63,7 @@
</div> </div>
</template> </template>
<script> <script>
import { SaveUserAnswer } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
export default { export default {
data() { data() {
return { return {
@ -73,27 +78,56 @@ export default {
wxpz_mm: "", wxpz_mm: "",
}, },
rules: { rules: {
wxpz_gzms: [{ required: true, trigger: "change" }], wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }],
wxpz_wlmc: [{ required: true, trigger: "change" }], wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }],
wxpz_mac: [{ trigger: "blur" }], wxpz_mac: [{ trigger: "blur", message: "必填" }],
wxpz_jmms: [{ required: true, trigger: "blur" }], wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_jmsf: [{ required: true, trigger: "blur" }], wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_mm: [{ required: true, trigger: "blur" }], wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }],
}, },
}; };
}, },
created() {
this.GetUserAnswer();
},
methods: { methods: {
async saveDatas() { async saveDatas() {
let datas = sessionStorage.getItem("CKFWQ_wx"); let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",
mark_value: JSON.stringify(datas), mark_value: JSON.stringify(datas),
}); });
console.log(res); console.log(this.ruleForm, "存");
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas)); if (res.status == 200) {
sessionStorage.setItem(
"CKFWQ_wx",
JSON.stringify({ ...datas, ...this.ruleForm })
);
this.$message({
message: "保存成功",
type: "success",
});
this.dialogVisible = false;
} else {
this.$message.error("保存失败");
}
}, },
} async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "CKFWQ_wx",
user_id: "USER202307301109254198",
});
var obj = JSON.parse(data.data.mark_value);
console.log(obj);
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;
console.log(this.ruleForm, "取");
},
},
}; };
</script> </script>

118
src/components/netConfiguration.vue
View File

@ -1,12 +1,21 @@
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">串口及网络协议设置</el-button> --> <el-dialog
<el-dialog title="串口及网络协议设置" :visible.sync="dialogVisible" :before-close="handleClose"> title="串口及网络协议设置"
:visible.sync="dialogVisible"
v-loading="loading"
>
<h3>串口参数设置</h3> <h3>串口参数设置</h3>
<el-divider></el-divider> <el-divider></el-divider>
<div class="formOne"> <div class="formOne">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="波特率(bps):" prop="ckcssz_btl"> <el-form-item label="波特率(bps):" prop="ckcssz_btl">
<el-select v-model="ruleForm.ckcssz_btl" placeholder="请选择波特率"> <el-select v-model="ruleForm.ckcssz_btl" placeholder="请选择波特率">
<el-option label="9600" value="9600"></el-option> <el-option label="9600" value="9600"></el-option>
@ -25,26 +34,34 @@
</el-form-item> </el-form-item>
<el-form-item label="检验位:" prop="ckcssz_jyw"> <el-form-item label="检验位:" prop="ckcssz_jyw">
<el-select v-model="ruleForm.ckcssz_jyw" placeholder="请选择检验位"> <el-select v-model="ruleForm.ckcssz_jyw" placeholder="请选择检验位">
<el-option label="无校验（none）" value="无校验（none）"></el-option> <el-option label="偶校验" value="偶校验"></el-option>
<el-option label="无校验（none）" value="无校验（none）"></el-option> <el-option label="奇校验" value="奇校验"></el-option>
<el-option label="无校验（none）" value="无校验（none）"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="流控:" prop="ckcssz_lk"> <el-form-item label="流控:" prop="ckcssz_lk">
<el-select v-model="ruleForm.ckcssz_lkms" placeholder="请选择流控"> <el-select v-model="ruleForm.ckcssz_lk" placeholder="请选择流控">
<el-option label="关闭" value="关闭"></el-option> <el-option label="关闭" value="关闭"></el-option>
<el-option label="硬件流控" value="硬件流控"></el-option> <el-option label="硬件流控" value="硬件流控"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="自适应波特率(类RFC2117):" prop="ckcssz_zdybtl"> <el-form-item label="自适应波特率(类RFC2117):" prop="ckcssz_zdybtl">
<el-select v-model="ruleForm.ckcssz_zdybtl" placeholder="请选择自适应波特率"> <el-select
v-model="ruleForm.ckcssz_zdybtl"
placeholder="请选择自适应波特率"
>
<el-option label="开启" value="开启"></el-option> <el-option label="开启" value="开启"></el-option>
<el-option label="关闭" value="关闭"></el-option> <el-option label="关闭" value="关闭"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="150px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-form-item label="数据位(bit):" prop="ckcssz_sjw"> <el-form-item label="数据位(bit):" prop="ckcssz_sjw">
<el-select v-model="ruleForm.ckcssz_sjw" placeholder="请选择数据位"> <el-select v-model="ruleForm.ckcssz_sjw" placeholder="请选择数据位">
<el-option label="8" value="8"></el-option> <el-option label="8" value="8"></el-option>
@ -57,7 +74,10 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="485功能:" prop="ckcssz_485"> <el-form-item label="485功能:" prop="ckcssz_485">
<el-select v-model="ruleForm.ckcssz_485" placeholder="请选择485功能"> <el-select
v-model="ruleForm.ckcssz_485"
placeholder="请选择485功能"
>
<el-option label="开启" value="开启"></el-option> <el-option label="开启" value="开启"></el-option>
<el-option label="关闭" value="关闭"></el-option> <el-option label="关闭" value="关闭"></el-option>
</el-select> </el-select>
@ -67,8 +87,14 @@
<h3>其他设置</h3> <h3>其他设置</h3>
<el-divider></el-divider> <el-divider></el-divider>
<div class="formOne"> <div class="formOne">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="200px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm1"
label-width="200px"
class="demo-ruleForm1"
:label-position="labelPosition"
>
<el-form-item label="串口自动成频:" prop="qtsz_ckzdcz"> <el-form-item label="串口自动成频:" prop="qtsz_ckzdcz">
<el-select v-model="ruleForm.qtsz_ckzdcz"> <el-select v-model="ruleForm.qtsz_ckzdcz">
<el-option label="关闭" value="关闭"></el-option> <el-option label="关闭" value="关闭"></el-option>
@ -116,6 +142,7 @@ export default {
return { return {
dialogVisible: true, dialogVisible: true,
labelPosition: "left", labelPosition: "left",
loading: false,
ruleForm: { ruleForm: {
ckcssz_btl: "9600", ckcssz_btl: "9600",
ckcssz_jyw: "无校验（none）", ckcssz_jyw: "无校验（none）",
@ -124,28 +151,31 @@ export default {
ckcssz_sjw: "8", ckcssz_sjw: "8",
ckcssz_tzw: "1", ckcssz_tzw: "1",
ckcssz_485: "关闭", ckcssz_485: "关闭",
ckcssz_ckzdcz: "关闭", qtsz_ckzdcz: "关闭",
ckcssz_zcblx: "关闭", qtsz_zcblx: "关闭",
ckcssz_zdyxtb: "关闭", qtsz_zdyxtb: "关闭",
ckcssz_tjzffgn: "关闭", qtsz_tjzffgn: "关闭",
}, },
rules: { rules: {
ckcssz_btl: [{ required: true, trigger: "change" }], ckcssz_btl: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_jyw: [{ required: true, trigger: "change" }], ckcssz_jyw: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_lk: [{ required: true, trigger: "change" }], ckcssz_lk: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_zdybtl: [{ required: true, trigger: "change" }], ckcssz_zdybtl: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_sjw: [{ required: true, trigger: "change" }], ckcssz_sjw: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_tzw: [{ required: true, trigger: "change" }], ckcssz_tzw: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_485: [{ required: true, trigger: "change" }], ckcssz_485: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_ckzdcz: [{ required: true, trigger: "change" }], qtsz_ckzdcz: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_zcblx: [{ required: true, trigger: "change" }], qtsz_zcblx: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_zdyxtb: [{ required: true, trigger: "change" }], qtsz_zdyxtb: [{ required: true, trigger: "change", message: "必选" }],
ckcssz_tjzffgn: [{ required: true, trigger: "change" }], qtsz_tjzffgn: [{ required: true, trigger: "change", message: "必选" }],
}, },
}; };
}, },
methods: { methods: {
//保存
async saveDatas() { async saveDatas() {
this.Loading = true;
let datas = sessionStorage.getItem("CKFWQ_wx"); let datas = sessionStorage.getItem("CKFWQ_wx");
datas = { ...JSON.parse(datas), ...this.ruleForm }; datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
@ -154,13 +184,24 @@ export default {
mark_value: JSON.stringify(datas), mark_value: JSON.stringify(datas),
}); });
console.log(res); console.log(res);
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas)); if (res.status == 200) {
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas));
this.dialogVisible = false;
this.$message({
message: "保存成功",
type: "success",
});
} else {
this.$message.error("保存失败");
}
}, },
//拿到缓存数据
async GetUserAnswer() { async GetUserAnswer() {
this.loading = true;
let answers = await GetUserAnswer({ let answers = await GetUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: "USER202307301109254198" user_id: "USER202307301109254198",
}) });
let obj = JSON.parse(answers.data.data.mark_value); let obj = JSON.parse(answers.data.data.mark_value);
console.log(obj); console.log(obj);
this.ruleForm.ckcssz_btl = obj.ckcssz_btl; this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
@ -170,18 +211,15 @@ export default {
this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw; this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw;
this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw; this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw;
this.ruleForm.ckcssz_485 = obj.ckcssz_485; this.ruleForm.ckcssz_485 = obj.ckcssz_485;
this.ruleForm.ckcssz_ckzdcz = obj.ckcssz_ckzdcz; this.ruleForm.qtsz_ckzdcz = obj.qtsz_ckzdcz;
this.ruleForm.ckcssz_zcblx = obj.ckcssz_zcblx; this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx;
this.ruleForm.ckcssz_zdyxtb = obj.ckcssz_zdyxtb; this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.ckcssz_tjzffgn = obj.ckcssz_tjzffgn; this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
// this.ruleForm this.loading = false;
console.log(this.ruleForm,obj)
}, },
}, },
created() { created() {
this.Loading = true;
this.GetUserAnswer(); this.GetUserAnswer();
this.Loading = false;
}, },
}; };
</script> </script>

4
src/views/NtMaintenance.vue
View File

@ -8,9 +8,7 @@ import GatewayMaintenance from "../components/GatewayMaintenance.vue";
export default { export default {
name: "ntmaintenance", name: "ntmaintenance",
data() { data() {
return { return {};
};
}, },
components: { components: {
GatewayMaintenance, GatewayMaintenance,