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() {
if (this.multipleSelection.length == 0) {
this.$message({
message: "请先选择要删除的数据",
type: "warning",
});
return;
}
this.tableData = this.tableData.filter(
(row) => !this.multipleSelection.includes(row)
);

75
src/components/NetworkConfiguration.vue
View File

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

66
src/components/Wireles.vue
View File

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

118
src/components/netConfiguration.vue
View File

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

4
src/views/NtMaintenance.vue
View File

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