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

11

This commit is contained in:
lll 2023-11-09 11:25:36 +08:00
parent 6922c1ba30
commit f31bb5f8b9
8 changed files with 524 additions and 242 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/App.vue
View File

@ -25,48 +25,48 @@ export default {
}; };
}, },
created() { created() {
this.queryallanswer(); // this.queryallanswer();
}, },
methods: { methods: {
// 请求正确答案 // 请求正确答案
async queryallanswer() { // async queryallanswer() {
let { data } = await queryallanswer(); // let { data } = await queryallanswer();
console.log(JSON.parse(JSON.stringify(data.data))); // console.log(JSON.parse(JSON.stringify(data.data)));
let arr = []; // let arr = [];
arr = data.data; // arr = data.data;
arr.forEach((item) => { // arr.forEach((item) => {
if (item.mark == "DB-IotLite_yx") { // if (item.mark == "DB-IotLite_yx") {
this.DB_IotLite_yx = JSON.parse(item.answer); // this.DB_IotLite_yx = JSON.parse(item.answer);
} // }
if (item.mark == "CHGYWG_yx") { // if (item.mark == "CHGYWG_yx") {
this.CHGYWG_yx = JSON.parse(item.answer); // this.CHGYWG_yx = JSON.parse(item.answer);
} // }
if (item.mark == "CHGYWG_wx") { // if (item.mark == "CHGYWG_wx") {
this.CHGYWG_wx = JSON.parse(item.answer); // this.CHGYWG_wx = JSON.parse(item.answer);
} // }
if (item.mark == "DB_IotLite_wx") { // if (item.mark == "DB_IotLite_wx") {
this.DB_IotLite_wx = JSON.parse(item.answer); // this.DB_IotLite_wx = JSON.parse(item.answer);
} // }
if (item.mark == "CKFWQ_yx") { // if (item.mark == "CKFWQ_yx") {
this.CKFWQ_yx = JSON.parse(item.answer); // this.CKFWQ_yx = JSON.parse(item.answer);
} // }
if (item.mark == "CKFWQ_wx") { // if (item.mark == "CKFWQ_wx") {
this.CKFWQ_wx = JSON.parse(item.answer); // this.CKFWQ_wx = JSON.parse(item.answer);
} // }
if (item.mark == "GYWZ_yx") { // if (item.mark == "GYWZ_yx") {
this.GYWZ_yx = JSON.parse(item.answer); // this.GYWZ_yx = JSON.parse(item.answer);
} // }
if (item.mark == "GYWZ_wx") { // if (item.mark == "GYWZ_wx") {
this.GYWZ_wx = JSON.parse(item.answer); // this.GYWZ_wx = JSON.parse(item.answer);
} // }
if (item.mark == "YDPZYM_wgpz") { // if (item.mark == "YDPZYM_wgpz") {
this.YDPZYM_wgpz = JSON.parse(item.answer); // this.YDPZYM_wgpz = JSON.parse(item.answer);
} // }
if (item.mark == "YDPZYM_wgwh") { // if (item.mark == "YDPZYM_wgwh") {
this.YDPZYM_wgwh = JSON.parse(item.answer); // this.YDPZYM_wgwh = JSON.parse(item.answer);
} // }
}); // });
}, // },
// console.log(arr); // console.log(arr);
// let obj = { // let obj = {
// cjdpz_beilv: "2", // cjdpz_beilv: "2",

13
src/api/user.js
View File

@ -8,10 +8,15 @@ export const SaveUserAnswer = (data) => {
{} {}
); );
}; };
export const GetUserAnswer = (data) => { // export const GetUserAnswer = (data) => {
// return axios.get(
// `/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}`
// );
// };
//最新拿缓存请求接口
export let GetUserAnswer = (data) => {
return axios.get( return axios.get(
`/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}` `/wangguan?action=queryanswercache&mark=${data.mark}&user_id=${data.user_id}`
); );
}; };
//网关配置

261
src/components/ChiClonewifi.vue
View File

@ -5,16 +5,26 @@
<!-- <div v-click-outside="closeMenu"> --> <!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
<div v-show="dialogVisible" class="tree_menu"> <div v-show="dialogVisible" class="tree_menu">
<el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree> <el-tree
:data="datas"
:props="defaultProps"
@node-click="treeNodeClick"
default-expand-all
></el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
</div> </div>
<!-- </div> --> <!-- </div> -->
<div class="pas_params" v-show="add_passage" v-loading="loading"> <div class="pas_params" v-show="add_passage" v-loading="loading">
<div class="content"> <div class="content">
<div class="con_left"> <div class="con_left">
<h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3> <h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
<el-divider></el-divider> <el-divider></el-divider>
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
@ -24,22 +34,42 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip"> <el-form-item
label="服务器IP:"
:label-width="formLabelWidth"
prop="mqtt_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip1"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">. </el-col> <el-col :span="1">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip2" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip2"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip3" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip3"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip4" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip4"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -47,31 +77,62 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn"> <el-form-item
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input> label="网关SN:"
:label-width="formLabelWidth"
prop="mqtt_wgsn"
>
<el-input
v-model="formData.mqtt_wgsn"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port"> <el-form-item
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input> label="端口:"
:label-width="formLabelWidth"
prop="mqtt_port"
>
<el-input
v-model="formData.mqtt_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_keepalive" placeholder="" label="Keep Alive(s):"
style="width: 200px; height: 30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_keepalive"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div> <div class="infos">2-60000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施数据发布主题:" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_sssjfbzt" placeholder="" style="width: 200px; height: 30px"></el-input> label="实施数据发布主题:"
:label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_sssjfbzt"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -97,9 +158,22 @@
<el-form-item> <el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week"> <el-form-item
<el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px"> label="Qos(MQTT):"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="upload_week"
>
<el-select
v-model="formData.mqtt_qos"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -148,16 +222,24 @@
<el-table-column property="mqtt_cjd_sbmc" label="设备名称"> <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder=""> <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
<el-option v-for="(option, index) in options2" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options2"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column property="mqtt_cjd_tagid" label="TagID"> <el-table-column property="mqtt_cjd_tagid" label="TagID">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder=""> <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
<el-option v-for="(option, index) in options3" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options3"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -168,8 +250,14 @@
<!-- 添加按钮下显示出来的弹框信息 --> <!-- 添加按钮下显示出来的弹框信息 -->
<div> <div>
<el-dialog title="选择点" :visible.sync="choose_point" width="30%"> <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]" <el-tree
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps"> :data="points"
show-checkbox
node-key="id"
:default-expanded-keys="[1, 2]"
:default-checked-keys="[3, 4, 5, 6]"
:props="defaultProps"
>
</el-tree> </el-tree>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="savePoint">保 存</el-button> <el-button type="primary" @click="savePoint">保 存</el-button>
@ -317,99 +405,130 @@ export default {
{ {
label: "无线区精雕1", label: "无线区精雕1",
value: "无线区精雕1", value: "无线区精雕1",
} },
], ],
options3: [{ options3: [
{
value: "MachinePamHID909", value: "MachinePamHID909",
label: "MachinePamHID909", label: "MachinePamHID909",
}, { },
{
value: "MachinePamHID910", value: "MachinePamHID910",
label: "MachinePamHID910", label: "MachinePamHID910",
}, { },
{
value: "MachinePamHID911", value: "MachinePamHID911",
label: "MachinePamHID911", label: "MachinePamHID911",
}, { },
{
value: "MachinePamHID912", value: "MachinePamHID912",
label: "MachinePamHID912", label: "MachinePamHID912",
}, { },
{
value: "MachinePamHID913", value: "MachinePamHID913",
label: "MachinePamHID913", label: "MachinePamHID913",
}, { },
{
value: "MachinePamHID914", value: "MachinePamHID914",
label: "MachinePamHID914", label: "MachinePamHID914",
}, { },
{
value: "MachinePamHID915", value: "MachinePamHID915",
label: "MachinePamHID915", label: "MachinePamHID915",
}, { },
{
value: "MachinePamHID916", value: "MachinePamHID916",
label: "MachinePamHID916", label: "MachinePamHID916",
}, { },
{
value: "MachinePamHID917", value: "MachinePamHID917",
label: "MachinePamHID917", label: "MachinePamHID917",
}, { },
{
value: "MachinePamHID918", value: "MachinePamHID918",
label: "MachinePamHID918", label: "MachinePamHID918",
}, { },
{
value: "MachinePamHID919", value: "MachinePamHID919",
label: "MachinePamHID919", label: "MachinePamHID919",
}, { },
{
value: "MachinePamHID920", value: "MachinePamHID920",
label: "MachinePamHID920", label: "MachinePamHID920",
}, { },
{
value: "MachinePamHID921", value: "MachinePamHID921",
label: "MachinePamHID921", label: "MachinePamHID921",
}, { },
{
value: "MachinePamHID922", value: "MachinePamHID922",
label: "MachinePamHID922", label: "MachinePamHID922",
}, { },
{
value: "MachinePamHID923", value: "MachinePamHID923",
label: "MachinePamHID923", label: "MachinePamHID923",
}, { },
{
value: "MachinePamHID924", value: "MachinePamHID924",
label: "MachinePamHID924", label: "MachinePamHID924",
}, { },
{
value: "MachinePamHID925", value: "MachinePamHID925",
label: "MachinePamHID925", label: "MachinePamHID925",
}, { },
{
value: "MachinePamHID926", value: "MachinePamHID926",
label: "MachinePamHID926", label: "MachinePamHID926",
}, { },
{
value: "MachinePamHID927", value: "MachinePamHID927",
label: "MachinePamHID927", label: "MachinePamHID927",
}, { },
{
value: "MachinePamHID928", value: "MachinePamHID928",
label: "MachinePamHID928", label: "MachinePamHID928",
}, { },
{
value: "MachinePamHID929", value: "MachinePamHID929",
label: "MachinePamHID929", label: "MachinePamHID929",
}, { },
{
value: "MachinePamHID930", value: "MachinePamHID930",
label: "MachinePamHID930", label: "MachinePamHID930",
}, { },
{
value: "MachinePamHID931", value: "MachinePamHID931",
label: "MachinePamHID931", label: "MachinePamHID931",
}, { },
{
value: "MachinePamHID932", value: "MachinePamHID932",
label: "MachinePamHID932", label: "MachinePamHID932",
}, { },
{
value: "MachinePamHID933", value: "MachinePamHID933",
label: "MachinePamHID933", label: "MachinePamHID933",
}, { },
{
value: "MachinePamHID934", value: "MachinePamHID934",
label: "MachinePamHID934", label: "MachinePamHID934",
}, { },
{
value: "MachinePamHID935", value: "MachinePamHID935",
label: "MachinePamHID935", label: "MachinePamHID935",
}, { },
{
value: "MachinePamHID936", value: "MachinePamHID936",
label: "MachinePamHID936", label: "MachinePamHID936",
}, { },
{
value: "MachinePamHID937", value: "MachinePamHID937",
label: "MachinePamHID937", label: "MachinePamHID937",
}, { },
{
value: "MachinePamHID938", value: "MachinePamHID938",
label: "MachinePamHID938", label: "MachinePamHID938",
}], },
],
tableData: [ tableData: [
{ {
mqtt_cjd_sbmc: "无线区精雕1", mqtt_cjd_sbmc: "无线区精雕1",
@ -454,10 +573,10 @@ export default {
this.choose_point = true; this.choose_point = true;
} else if (key == 1 && this.isAdd == true) { } else if (key == 1 && this.isAdd == true) {
this.$message({ this.$message({
message: '添加失败,只能添加一条数据', message: "添加失败,只能添加一条数据",
type: 'error' type: "error",
}); });
return false return false;
} }
}, },
highlighter(code) { highlighter(code) {
@ -471,8 +590,8 @@ export default {
this.choose_point = false; this.choose_point = false;
this.isAdd = true; this.isAdd = true;
this.$message({ this.$message({
message: '添加成功', message: "添加成功",
type: 'success' type: "success",
}); });
}, },
async handleSelect() { async handleSelect() {
@ -489,13 +608,20 @@ export default {
async saveClone() { async saveClone() {
var obj = { var obj = {
mqtt_qiyong: String(Number(this.formData.mqtt_qiyong)), mqtt_qiyong: String(Number(this.formData.mqtt_qiyong)),
mqtt_ip: this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4, mqtt_ip:
this.mqtt_ip1 +
"." +
this.mqtt_ip2 +
"." +
this.mqtt_ip3 +
"." +
this.mqtt_ip4,
mqtt_wgsn: this.formData.mqtt_wgsn, mqtt_wgsn: this.formData.mqtt_wgsn,
mqtt_port: this.formData.mqtt_port, mqtt_port: this.formData.mqtt_port,
mqtt_keepalive: this.formData.mqtt_keepalive, mqtt_keepalive: this.formData.mqtt_keepalive,
mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt, mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
mqtt_qos: this.formData.mqtt_qos, mqtt_qos: this.formData.mqtt_qos,
} };
// this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls)); // this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
// this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession)); // this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
let datas = sessionStorage.getItem("CHGYWG_wx"); let datas = sessionStorage.getItem("CHGYWG_wx");
@ -507,8 +633,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);
@ -719,4 +845,3 @@ export default {
} }
} }
</style> </style>

85
src/components/IpConfiguration.vue
View File

@ -1,12 +1,22 @@
<!-- ip设置页面 --> <!-- ip设置页面 -->
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">ip配置</el-button> --> <el-dialog
<el-dialog title="IP配置" :visible.sync="dialogVisible" width="30%" v-loading="loading"> title="IP配置"
:visible.sync="dialogVisible"
width="30%"
v-loading="loading"
>
<p class="txt">本页面涉及排错，请检查修改默认值</p> <p class="txt">本页面涉及排错，请检查修改默认值</p>
<div class="ip_setting"> <div class="ip_setting">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm" <el-form
:label-position="labelPosition"> :model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="140px"
class="demo-ruleForm"
:label-position="labelPosition"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="IP获取方式" prop="ippz_ip_hqfs"> <el-form-item label="IP获取方式" prop="ippz_ip_hqfs">
@ -20,7 +30,10 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="DNS获取方式" prop="ippz_dns_hqfs"> <el-form-item label="DNS获取方式" prop="ippz_dns_hqfs">
<el-select v-model="ruleForm.ippz_dns_hqfs" style="width: 200px"> <el-select
v-model="ruleForm.ippz_dns_hqfs"
style="width: 200px"
>
<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>
@ -191,18 +204,14 @@ export default {
ippz_dns_by: "", ippz_dns_by: "",
}, },
rules: { rules: {
ippz_ip_hqfs: [ ippz_ip_hqfs: [{ required: true, message: "", trigger: "blur" }],
{ required: true, message: "请输入活动名称", trigger: "blur" }, ippz_dns_hqfs: [{ required: true, message: "", trigger: "blur" }],
],
ippz_dns_hqfs: [
{ required: true, message: "请输入活动名称", trigger: "blur" },
],
ippz_ip: [ ippz_ip: [
{ {
required: true, required: true,
validator: this.validateIpAddress, validator: this.validateIpAddress,
trigger: "blur", trigger: "blur",
message: "请输入有效的IP地址", message: "",
}, },
], ],
ippz_zwym: [ ippz_zwym: [
@ -210,7 +219,7 @@ export default {
required: true, required: true,
validator: this.validateSubnetMask, validator: this.validateSubnetMask,
trigger: "blur", trigger: "blur",
message: "请输入有效的子网掩码", message: "",
}, },
], ],
ippz_mrwg: [ ippz_mrwg: [
@ -218,7 +227,7 @@ export default {
required: true, required: true,
validator: this.validateGateway, validator: this.validateGateway,
trigger: "blur", trigger: "blur",
message: "请输入有效的网关地址", message: "",
}, },
], ],
ippz_dns_zy: [ ippz_dns_zy: [
@ -226,7 +235,7 @@ export default {
required: true, required: true,
validator: this.validatePrimaryDNS, validator: this.validatePrimaryDNS,
trigger: "blur", trigger: "blur",
message: "请输入有效的主DNS服务器地址", message: "",
}, },
], ],
ippz_dns_by: [ ippz_dns_by: [
@ -234,7 +243,7 @@ export default {
required: true, required: true,
validator: this.validatePrimaryDNS, validator: this.validatePrimaryDNS,
trigger: "blur", trigger: "blur",
message: "请输入有效的备用DNS服务器地址", message: "",
}, },
], ],
}, },
@ -290,28 +299,58 @@ export default {
this.ippz_dns_by4 this.ippz_dns_by4
); );
let datas = sessionStorage.getItem("CKFWQ_yx"); let datas = sessionStorage.getItem("CKFWQ_yx");
datas = { ...JSON.parse(datas), ...this.ruleForm } datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ_yx", mark: "CKFWQ_yx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",
mark_value: JSON.stringify(datas), mark_value: JSON.stringify(datas),
}); });
console.log(res); console.log(res);
if (res.status == 200) {
sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas)); sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
this.$message({
message: "保存成功",
type: "success",
});
} else {
this.$message.error("保存失败");
}
}, },
async GetUserAnswer() { async GetUserAnswer() {
let answers = await GetUserAnswer({ let answers = await GetUserAnswer({
mark: "CKFWQ_yx", mark: "CKFWQ_yx",
user_id: "USER202307301109254198" user_id: "USER202307301109254198",
}) });
console.log(answers); console.log(answers);
if (answers.data.data) {
let obj = JSON.parse(answers.data.data.mark_value); 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;
this.ippz_ip1 = obj.ippz_ip.split(".")[0];
this.ippz_ip2 = obj.ippz_ip.split(".")[1];
this.ippz_ip3 = obj.ippz_ip.split(".")[2];
this.ippz_ip4 = obj.ippz_ip.split(".")[3];
this.ippz_zwym1 = obj.ippz_zwym.split(".")[0];
this.ippz_zwym2 = obj.ippz_zwym.split(".")[1];
this.ippz_zwym3 = obj.ippz_zwym.split(".")[2];
this.ippz_zwym4 = obj.ippz_zwym.split(".")[3];
this.ippz_mrwg1 = obj.ippz_mrwg.split(".")[0];
this.ippz_mrwg2 = obj.ippz_mrwg.split(".")[1];
this.ippz_mrwg3 = obj.ippz_mrwg.split(".")[2];
this.ippz_mrwg4 = obj.ippz_mrwg.split(".")[3];
this.ippz_dns_zy1 = obj.ippz_dns_zy.split(".")[0];
this.ippz_dns_zy2 = obj.ippz_dns_zy.split(".")[1];
this.ippz_dns_zy3 = obj.ippz_dns_zy.split(".")[2];
this.ippz_dns_zy4 = obj.ippz_dns_zy.split(".")[3];
this.ippz_dns_by1 = obj.ippz_dns_by.split(".")[0];
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];
}
}, },
submitForm(formName) { submitForm() {
this.$refs[formName].validate((valid) => { this.$refs["ruleForm"].validate((valid) => {
if (valid) { if (valid) {
alert("submit!");
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;

66
src/components/PortConfiguration.vue
View File

@ -2,15 +2,25 @@
<div> <div>
<!-- <el-button @click="dialogVisible = true">端口配置</el-button> --> <!-- <el-button @click="dialogVisible = true">端口配置</el-button> -->
<div v-show="dialogVisible" class="tree_menu"> <div v-show="dialogVisible" class="tree_menu">
<el-tree :data="datas" :props="defaultProps" :default-expanded-keys="['keyOfNodeToExpand']" <el-tree
:default-checked-keys="['keyOfNodeToSelect']"></el-tree> :data="datas"
:props="defaultProps"
:default-expanded-keys="['keyOfNodeToExpand']"
:default-checked-keys="['keyOfNodeToSelect']"
></el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
</div> </div>
<div class="port_content"> <div class="port_content">
<el-dialog title="端口配置" :visible.sync="dialogVisible" width="30%"> <el-dialog title="端口配置" :visible.sync="dialogVisible" width="30%">
<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="dkpz_btl"> <el-form-item label="波特率(bps)" prop="dkpz_btl">
<el-col :span="15"> <el-col :span="15">
<el-select v-model="ruleForm.dkpz_btl"> <el-select v-model="ruleForm.dkpz_btl">
@ -39,7 +49,10 @@
<el-form-item label="检验位" prop="dkpz_jyw"> <el-form-item label="检验位" prop="dkpz_jyw">
<el-col :span="15"> <el-col :span="15">
<el-select v-model="ruleForm.dkpz_jyw"> <el-select v-model="ruleForm.dkpz_jyw">
<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-option label="偶校验" value="偶校验"></el-option> <el-option label="偶校验" value="偶校验"></el-option>
</el-select> </el-select>
@ -63,12 +76,18 @@
</el-form-item> </el-form-item>
<el-form-item label="打包长度(bytes)" prop="dkpz_dbcd"> <el-form-item label="打包长度(bytes)" prop="dkpz_dbcd">
<el-col :span="15"> <el-col :span="15">
<el-input v-model="ruleForm.dkpz_dbcd" placeholder="0-1460"></el-input> <el-input
v-model="ruleForm.dkpz_dbcd"
placeholder="0-1460"
></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="打包时间(ms)" prop="dkpz_dbsj"> <el-form-item label="打包时间(ms)" prop="dkpz_dbsj">
<el-col :span="15"> <el-col :span="15">
<el-input v-model="ruleForm.dkpz_dbsj" placeholder="0-255"></el-input> <el-input
v-model="ruleForm.dkpz_dbsj"
placeholder="0-255"
></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="同步波特率(RF2217)" prop="dkpz_tbbtl"> <el-form-item label="同步波特率(RF2217)" prop="dkpz_tbbtl">
@ -79,7 +98,11 @@
</el-select> </el-select>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-checkbox label="使能串口心跳包" name="type" v-model="ruleForm.dkpz_snckxtb"></el-checkbox> <el-checkbox
label="使能串口心跳包"
name="type"
v-model="ruleForm.dkpz_snckxtb"
></el-checkbox>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<!-- <el-button type="primary" @click="submitForm('ruleForm'), (dialogVisible = false)">保存</el-button> --> <!-- <el-button type="primary" @click="submitForm('ruleForm'), (dialogVisible = false)">保存</el-button> -->
@ -91,7 +114,7 @@
</div> </div>
</template> </template>
<script> <script>
import { SaveUserAnswer } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
import { isValidPrimaryDNS } from "../validate"; import { isValidPrimaryDNS } from "../validate";
export default { export default {
data() { data() {
@ -170,11 +193,32 @@ export default {
}, },
}; };
}, },
created() {
this.GetUserAnswer();
},
methods: { methods: {
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "CKFWQ_yx",
user_id: "USER202307301109254198",
});
if (data.data) {
let obj = JSON.parse(data.data.mark_value);
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 = Boolean(obj.dkpz_snckxtb);
}
},
savePort() { savePort() {
this.ruleForm.dkpz_snckxtb = String(Number(this.ruleForm.dkpz_snckxtb)); this.ruleForm.dkpz_snckxtb = String(Number(this.ruleForm.dkpz_snckxtb));
let datas = localStorage.getItem("CKFWQ_yx") let datas = localStorage.getItem("CKFWQ_yx");
datas = { ...JSON.parse(datas), ...this.ruleForm } datas = { ...JSON.parse(datas), ...this.ruleForm };
SaveUserAnswer({ SaveUserAnswer({
mark: "CKFWQ_yx", mark: "CKFWQ_yx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",

20
src/components/Wireles.vue
View File

@ -2,8 +2,14 @@
<div> <div>
<!-- <el-button @click="dialogVisible = true">无线设置</el-button> --> <!-- <el-button @click="dialogVisible = true">无线设置</el-button> -->
<el-dialog title="无线设置" :visible.sync="dialogVisible" width="30%"> <el-dialog title="无线设置" :visible.sync="dialogVisible" width="30%">
<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="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">
@ -20,11 +26,11 @@
</el-select> </el-select>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="MAC地址:" prop="wxpz_mac"> <!-- <el-form-item label="MAC地址:" prop="wxpz_mac">
<el-col :span="10"> <el-col :span="10">
<el-input v-model="ruleForm.wxpz_mac"> </el-input> <el-input v-model="ruleForm.wxpz_mac"> </el-input>
</el-col> </el-col>
</el-form-item> </el-form-item> -->
<el-form-item label="加密模式:" prop="wxpz_jmms"> <el-form-item label="加密模式:" prop="wxpz_jmms">
<el-col :span="10"> <el-col :span="10">
<el-select v-model="ruleForm.wxpz_jmms"> <el-select v-model="ruleForm.wxpz_jmms">
@ -67,7 +73,7 @@ export default {
ruleForm: { ruleForm: {
wxpz_gzms: "STA模式", wxpz_gzms: "STA模式",
wxpz_wlmc: "无线区无限网", wxpz_wlmc: "无线区无限网",
wxpz_mac: "", // wxpz_mac: "",
wxpz_jmms: "WPA2PSK", wxpz_jmms: "WPA2PSK",
wxpz_jmsf: "AES", wxpz_jmsf: "AES",
wxpz_mm: "", wxpz_mm: "",
@ -75,7 +81,7 @@ export default {
rules: { rules: {
wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }], wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }],
wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }], wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }],
wxpz_mac: [{ trigger: "blur", message: "必填" }], // wxpz_mac: [{ trigger: "blur", message: "必填" }],
wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }], wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }], wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }], wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }],
@ -117,7 +123,7 @@ export default {
console.log(obj); console.log(obj);
this.ruleForm.wxpz_gzms = obj.wxpz_gzms; this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc; 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_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf; this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm; this.ruleForm.wxpz_mm = obj.wxpz_mm;

53
src/components/netConfiguration.vue
View File

@ -1,11 +1,21 @@
<template> <template>
<div> <div>
<el-dialog title="串口及网络协议设置" :visible.sync="dialogVisible" v-loading="loading"> <el-dialog
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>
@ -24,7 +34,10 @@
</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="无校验（none）"
value="无校验（none）"
></el-option>
<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>
@ -36,14 +49,23 @@
</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>
@ -56,7 +78,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>
@ -66,8 +91,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="ruleForm1" label-width="200px" class="demo-ruleForm1" <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>
@ -177,6 +208,7 @@ export default {
}); });
let obj = JSON.parse(answers.data.data.mark_value); let obj = JSON.parse(answers.data.data.mark_value);
console.log(obj); console.log(obj);
if (answers.data.data) {
this.ruleForm.ckcssz_btl = obj.ckcssz_btl; this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw; this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw;
this.ruleForm.ckcssz_lk = obj.ckcssz_lk; this.ruleForm.ckcssz_lk = obj.ckcssz_lk;
@ -188,6 +220,7 @@ export default {
this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx; this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx;
this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb; this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn; this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
}
this.loading = false; this.loading = false;
}, },
}, },

32
src/views/Index.vue
View File

@ -96,7 +96,10 @@
export default { export default {
name: "App", name: "App",
data() { data() {
return {}; return {
tmDisplay: false,
rightMenu: {},
};
}, },
created() { created() {
localStorage.setItem( localStorage.setItem(
@ -198,4 +201,31 @@ export default {
justify-content: space-around; justify-content: space-around;
align-items: flex-start; align-items: flex-start;
} }
.tree_menu {
position: fixed;
display: block;
z-index: 20000;
background-color: #fff;
padding: 5px 0;
border: 1px solid #ebeef5;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
margin: 0;
padding: 0 15px;
font-size: 14px;
line-height: 30px;
cursor: pointer;
}
ul li:hover {
background-color: #ebeef5;
}
}
</style> </style>