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

Merge branch 'master' of http://git.umayle.com:2023/chengdandan/InternetCompetition

This commit is contained in:
unknown 2023-11-13 17:29:18 +08:00
parent 40110d017a 37e6f5c3c6
commit 7af2033e68
8 changed files with 1842 additions and 1098 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2019
src/components/ChiDevice.vue
View File

File diff suppressed because it is too large Load Diff

107
src/components/ChiGate.vue
View File

@ -1,7 +1,6 @@
<!-- 斥候IP设置——无线网关页面 -->
<template>
<div v-loading="loading">
<!-- <el-button type="info" plain @click="getShow">斥候IP设置——无线网关</el-button> -->
<div class="gateway" v-show="isShow">
<div class="title">
<p class="title_l">IP配置</p>
@ -10,11 +9,23 @@
</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="客户端SSID:" :label-width="formLabelWidth" prop="ippz_ssid">
<el-input v-model="formData.ippz_ssid" placeholder="请输入WIFI名字"></el-input>
<el-form-item
label="客户端SSID:"
:label-width="formLabelWidth"
prop="ippz_ssid"
>
<el-input
v-model="formData.ippz_ssid"
placeholder="请输入WIFI名字"
></el-input>
</el-form-item>
</el-col>
</el-row>
@ -22,7 +33,12 @@
<el-col :span="24">
<el-form-item label="认证方式:" :label-width="formLabelWidth">
<el-select v-model="formData.ippz_rzfs" placeholder="开放式">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -32,7 +48,12 @@
<el-col :span="24">
<el-form-item label="加密方式:" :label-width="formLabelWidth">
<el-select v-model="formData.ippz_jmfs" placeholder="NONE">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -40,8 +61,15 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="密码:" :label-width="formLabelWidth" prop="ippz_mm">
<el-input v-model="formData.ippz_mm" placeholder="请输入wifi密码"></el-input>
<el-form-item
label="密码:"
:label-width="formLabelWidth"
prop="ippz_mm"
>
<el-input
v-model="formData.ippz_mm"
placeholder="请输入wifi密码"
></el-input>
</el-form-item>
</el-col>
</el-row>
@ -68,6 +96,43 @@ export default {
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK
ippz_jmfs: "AES", //答案：AES
ippz_mm: "",
wgpz_wgmc: "",
wgpz_wgid: "",
sbpz_sbmc: "",
sbpz_kzqxy: " ",
sbpz_ip: "",
sbpz_port: "",
sbpz_czdz: "",
sbpz_lxzq: "",
sbpz_qyhmcj: "",
sbpz_qyplcj: "",
sbpz_zdplcjs: "",
sbpz_cjcgsj: "",
sbpz_zqsbonchange: "",
sbpz_txsjjg: "",
sbpz_xqjcqxr: "",
sbpz_bcjcqxr: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_dxsx: "",
cjdpz_scms: "",
mqtt_ip: "",
mqtt_wgsn: "",
mqtt_port: "",
mqtt_keepalive: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
options1: [
{
@ -141,17 +206,12 @@ export default {
}
});
},
getParameter(data) {
console.log(data);
this.user_id = data;
},
async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_wx");
datas = { ...JSON.parse(datas), ...this.formData };
let res = await SaveUserAnswer({
mark: "CHGYWG_wx",
user_id: this.user_id,
mark_value: JSON.stringify(datas),
// user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.formData),
});
if (res.data.state) {
this.$message({
@ -159,30 +219,33 @@ export default {
type: "success",
});
console.log(res);
sessionStorage.setItem("CHGYWG_wx", JSON.stringify(datas));
} else {
this.$message({
message: `保存失败,原因是${res.data.message}`,
type: "error",
});
}
},
async GetUserAnswer() {
this.loading = true;
let { data } = await GetUserAnswer({
mark: "CHGYWG_wx",
user_id: this.user_id,
// user_id: "USER202307301109254198",
});
this.loading = false;
if (data.data && data.state) {
// console.log(JSON.parse(data.data.mark_value));
console.log(JSON.parse(data.data.mark_value));
let obj = JSON.parse(data.data.mark_value);
if (obj.ippz_ssid) {
this.formData.ippz_ssid = obj.ippz_ssid;
this.formData.ippz_rzfs = obj.ippz_rzfs;
this.formData.ippz_jmfs = obj.ippz_jmfs;
this.formData.ippz_mm = obj.ippz_mm;
// this.formData.ippz_ssid = obj.ippz_ssid;
// this.formData.ippz_rzfs = obj.ippz_rzfs;
// this.formData.ippz_jmfs = obj.ippz_jmfs;
// this.formData.ippz_mm = obj.ippz_mm;
for (let key in obj) {
this.formData[key] = obj[key];
}
console.log(this.formData);
}
}
},

87
src/components/ChiGateway.vue
View File

@ -162,8 +162,50 @@ export default {
},
],
formData: {
ippz_wllx: "",
ippz_ip: "",
ippz_zwym: "",
ippz_wg: "",
ippz_dns: "",
ippz_dns_by: "",
wgpz_wgmc: "",
wgpz_wgid: "",
sbpz_sbmc: "",
sbpz_kzqxy: "",
sbpz_ip: "",
sbpz_port: "",
sbpz_czdz: "",
sbpz_lxzq: "",
sbpz_qyhmcj: "",
sbpz_qyplcj: "",
sbpz_zdplcjs: "",
sbpz_cjcgsj: "",
sbpz_zqsbonchange: "",
sbpz_txsjjg: "",
sbpz_xqjcqxr: "",
sbpz_bcjcqxr: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_dxsx: "",
cjdpz_scms: "",
mqtt_ip: "",
mqtt_wgsn: "",
mqtt_port: "",
mqtt_keepalive: "",
mqtt_tls: "",
mqtt_clearsession: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
innerVisible: false,
outerVisible: true,
@ -206,8 +248,6 @@ export default {
this.user_id = data;
},
async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_yx");
this.formData = { ...JSON.parse(datas), ...this.formData };
let res = await SaveUserAnswer({
mark: "CHGYWG_yx",
user_id: this.user_id,
@ -219,7 +259,6 @@ export default {
message: "保存成功",
type: "success",
});
sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
this.$router.push(
`/configuration?user_id=${this.user_id}&firstlabel=${this.formData.wgpz_wgid}`
);
@ -250,6 +289,48 @@ export default {
if (obj.wgpz_wgid) {
this.formData.wgpz_wgid = obj.wgpz_wgid;
this.formData.wgpz_wgmc = obj.wgpz_wgmc;
this.formData.ippz_wllx = obj.ippz_wllx;
this.formData.ippz_ip = obj.ippz_ip;
this.formData.ippz_zwym = obj.ippz_zwym;
this.formData.ippz_wg = obj.ippz_wg;
this.formData.ippz_dns = obj.ippz_dns;
this.formData.ippz_dns_by = obj.ippz_dns_by;
this.formData.sbpz_sbmc = obj.sbpz_sbmc;
this.formData.sbpz_kzqxy = obj.sbpz_kzqxy;
this.formData.sbpz_ip = obj.sbpz_ip;
this.formData.sbpz_port = obj.sbpz_port;
this.formData.sbpz_czdz = obj.sbpz_czdz;
this.formData.sbpz_lxzq = obj.sbpz_lxzq;
this.formData.sbpz_qyhmcj = obj.sbpz_qyhmcj;
this.formData.sbpz_qyplcj = obj.sbpz_qyplcj;
this.formData.sbpz_zdplcjs = obj.sbpz_zdplcjs;
this.formData.sbpz_cjcgsj = obj.sbpz_cjcgsj;
this.formData.sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
this.formData.sbpz_txsjjg = obj.sbpz_txsjjg;
this.formData.sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
this.formData.sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
this.formData.cjdpz_tagid = obj.mqtt_cjd_tagid;
this.formData.cjdpz_mc = obj.cjdpz_mc;
this.formData.cjdpz_sjq = obj.cjdpz_sjq;
this.formData.cjdpz_jcqdz = obj.cjdpz_cjsjlx;
this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
this.formData.cjdpz_scms = obj.cjdpz_scms;
this.formData.mqtt_ip = obj.mqtt_ip;
this.formData.mqtt_wgsn = obj.mqtt_wgsn;
this.formData.mqtt_port = obj.mqtt_port;
this.formData.mqtt_keepalive = obj.mqtt_keepalive;
this.formData.mqtt_tls = obj.mqtt_tls;
this.formData.mqtt_clearsession = obj.mqtt_clearsession;
this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
this.formData.mqtt_qos = obj.mqtt_qos;
this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
}
}
}

98
src/components/ChiGatewifi.vue
View File

@ -41,16 +41,40 @@
<div class="gateway">
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
<el-form :model="formData" :rules="rules" ref="formData" label-width="85px" class="demo-ruleForm">
<el-form
:model="formData"
:rules="rules"
ref="formData"
label-width="85px"
class="demo-ruleForm"
>
<el-form-item label="网关名称:" 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-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>
<el-form-item label="网关ID:" 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-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>
@ -62,7 +86,12 @@
</el-dialog>
</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" style="color: #fff">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p>
@ -105,8 +134,44 @@ export default {
},
],
formData: {
ippz_ssid: "",
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK
ippz_jmfs: "AES", //答案：AES
ippz_mm: "",
wgpz_wgmc: "",
wgpz_wgid: "",
sbpz_sbmc: "",
sbpz_kzqxy: " ",
sbpz_ip: "",
sbpz_port: "",
sbpz_czdz: "",
sbpz_lxzq: "",
sbpz_qyhmcj: "",
sbpz_qyplcj: "",
sbpz_zdplcjs: "",
sbpz_cjcgsj: "",
sbpz_zqsbonchange: "",
sbpz_txsjjg: "",
sbpz_xqjcqxr: "",
sbpz_bcjcqxr: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_dxsx: "",
cjdpz_scms: "",
mqtt_ip: "",
mqtt_wgsn: "",
mqtt_port: "",
mqtt_keepalive: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
},
innerVisible: false,
outerVisible: true,
@ -139,13 +204,7 @@ export default {
}
});
},
getParameter(data) {
console.log(data);
this.user_id = data;
},
async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_wx");
this.formData = { ...JSON.parse(datas), ...this.formData };
let res = await SaveUserAnswer({
mark: "CHGYWG_wx",
user_id: this.user_id,
@ -158,7 +217,6 @@ export default {
type: "success",
});
console.log(res);
sessionStorage.setItem("CHGYWG_wx", JSON.stringify(this.formData));
this.$router.push(`/chiwifidevice?user_id=${this.user_id}`);
} else {
this.$message({
@ -166,13 +224,13 @@ export default {
type: "error",
});
}
},
async GetUserAnswer() {
this.loading = true;
let { data } = await GetUserAnswer({
mark: "CHGYWG_wx",
user_id: this.user_id,
// user_id: this.user_id,
user_id: "USER202307301109254198",
});
this.loading = false;
if (data.data && data.state) {
@ -181,11 +239,15 @@ export default {
} else if (data.data.step == 2) {
this.$router.push(`/chiwificollect?user_id=${this.user_id}`);
} else {
console.log(JSON.parse(data.data.mark_value));
// console.log(JSON.parse(data.data.mark_value));
let obj = JSON.parse(data.data.mark_value);
if (obj.wgpz_wgid) {
this.formData.wgpz_wgid = obj.wgpz_wgid;
this.formData.wgpz_wgmc = obj.wgpz_wgmc;
// this.formData.wgpz_wgid = obj.wgpz_wgid;
// this.formData.wgpz_wgmc = obj.wgpz_wgmc;
for (let key in obj) {
this.formData[key] = obj[key];
}
console.log(this.formData);
}
}
}

319
src/components/ChiWireld.vue
View File

@ -1,7 +1,6 @@
<!-- 斥候有线网关页面 -->
<template>
<div>
<!-- <el-button type="info" plain @click="getShow">斥候有线网关</el-button> -->
<div class="gateway" v-show="isShow">
<div class="title">
<p class="title_l">IP配置</p>
@ -11,11 +10,25 @@
<el-divider></el-divider>
<div class="content">
<div class="lan">
<el-form v-loading="loading" :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
<el-form
v-loading="loading"
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="formData"
>
<el-row>
<el-col :span="24">
<el-form-item label="网络类型:" :label-width="formLabelWidth" prop="ippz_wllx">
<el-select v-model="formData.ippz_wllx" placeholder="静态IP" style="width: 200px">
<el-form-item
label="网络类型:"
:label-width="formLabelWidth"
prop="ippz_wllx"
>
<el-select
v-model="formData.ippz_wllx"
placeholder="静态IP"
style="width: 200px"
>
<el-option label="静态IP" value="静态IP"></el-option>
</el-select>
</el-form-item>
@ -23,7 +36,11 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
<el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="ippz_ip"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_ip1"></el-input>
@ -46,7 +63,11 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
<el-form-item
label="子网掩码:"
:label-width="formLabelWidth"
prop="ippz_zwym"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_zwym1"></el-input>
@ -115,7 +136,11 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备用DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
<el-form-item
label="备用DNS:"
:label-width="formLabelWidth"
prop="ippz_dns_by"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_dns_by1"></el-input>
@ -164,6 +189,7 @@ export default {
ippz_dns: "",
ippz_dns_by: "",
},
ippz_ip1: "192",
ippz_ip2: "168",
ippz_ip3: "1",
@ -190,57 +216,110 @@ export default {
count: 0,
isShow: true,
rules: {
ippz_wllx: [{ required: true, message: "请输入网络类型", trigger: "blur" }],
ippz_ip: [{
required: true,
message: "",
validator: this.validateIp,
trigger: "blur"
}],
ippz_zwym: [{
required: true,
message: "",
validator: this.validateZwym,
trigger: "blur"
}],
ippz_dns_by: [{
required: true,
message: "",
validator: this.validateDnsBy,
trigger: "blur"
}],
ippz_wllx: [
{ required: true, message: "请输入网络类型", trigger: "blur" },
],
ippz_ip: [
{
required: true,
message: "",
validator: this.validateIp,
trigger: "blur",
},
],
ippz_zwym: [
{
required: true,
message: "",
validator: this.validateZwym,
trigger: "blur",
},
],
ippz_dns_by: [
{
required: true,
message: "",
validator: this.validateDnsBy,
trigger: "blur",
},
],
},
//斥候有线所有答案
ippz_wllx: "",
ippz_ip: "",
ippz_zwym: "",
ippz_wg: "",
ippz_dns: "",
ippz_dns_by: "",
wgpz_wgmc: "",
wgpz_wgid: "",
sbpz_sbmc: "",
sbpz_kzqxy: "",
sbpz_ip: "",
sbpz_port: "",
sbpz_czdz: "",
sbpz_lxzq: "",
sbpz_qyhmcj: "",
sbpz_qyplcj: "",
sbpz_zdplcjs: "",
sbpz_cjcgsj: "",
sbpz_zqsbonchange: "",
sbpz_txsjjg: "",
sbpz_xqjcqxr: "",
sbpz_bcjcqxr: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_dxsx: "",
cjdpz_scms: "",
mqtt_ip: "",
mqtt_wgsn: "",
mqtt_port: "",
mqtt_keepalive: "",
mqtt_tls: "",
mqtt_clearsession: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
};
},
created() {
this.user_id = window.location.href.split("?")[1];
this.GetUserAnswer();
},
mounted() { },
mounted() {},
methods: {
//子网掩码验证
validateZwym(rule, value, callback) {
if (
this.ippz_zwym1 +
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4 ===
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4 ===
"..."
) {
callback(new Error("请输入子网掩码"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_zwym1 +
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4
)
) {
callback(new Error("请输入有效的子网掩码"));
@ -252,24 +331,24 @@ export default {
validateIp(rule, value, callback) {
if (
this.ippz_ip1 +
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4 ===
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4 ===
"..."
) {
callback(new Error("请输入IP地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_ip1 +
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4
)
) {
callback(new Error("请输入有效的IP地址"));
@ -281,24 +360,24 @@ export default {
validateMrwg(rule, value, callback) {
if (
this.ippz_wg1 +
"." +
this.ippz_wg2 +
"." +
this.ippz_wg3 +
"." +
this.ippz_wg4 ===
"." +
this.ippz_wg2 +
"." +
this.ippz_wg3 +
"." +
this.ippz_wg4 ===
"..."
) {
callback(new Error("请输入网关地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_wg1 +
"." +
this.ippz_wg2 +
"." +
this.ippz_wg3 +
"." +
this.ippz_wg4
"." +
this.ippz_wg2 +
"." +
this.ippz_wg3 +
"." +
this.ippz_wg4
)
) {
callback(new Error("请输入有效的网关地址"));
@ -310,24 +389,24 @@ export default {
validateDnsBy(rule, value, callback) {
if (
this.ippz_dns_by1 +
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4 ===
"..."
) {
callback(new Error("请输入备用DNS服务器地址"));
} else if (!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test
(
this.ippz_dns_by1 +
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4
this.ippz_dns_by4 ===
"..."
) {
callback(new Error("请输入备用DNS服务器地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_dns_by1 +
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4
)
) {
callback(new Error("请输入有效的备用DNS服务器地址"));
@ -361,7 +440,6 @@ export default {
},
// 保存数据,发送请求
async saveAll() {
// this.dialogFormVisible = false;
this.isShow = false;
this.formData.ippz_ip = this.Merge(
this.formData.ippz_ip,
@ -398,25 +476,56 @@ export default {
this.ippz_dns_by3,
this.ippz_dns_by4
);
let obj = {
ippz_wllx: this.formData.ippz_wllx,
ippz_ip: this.formData.ippz_ip,
ippz_zwym: this.formData.ippz_zwym,
ippz_wg: this.formData.ippz_wg,
ippz_dns: this.formData.ippz_dns,
ippz_dns_by: this.formData.ippz_dns_by,
wgpz_wgmc: this.wgpz_wgmc,
wgpz_wgid: this.wgpz_wgid,
sbpz_sbmc: this.sbpz_sbmc,
sbpz_kzqxy: this.sbpz_kzqxy,
sbpz_ip: this.sbpz_ip,
sbpz_port: this.sbpz_port,
sbpz_czdz: this.sbpz_czdz,
sbpz_lxzq: this.sbpz_lxzq,
sbpz_qyhmcj: this.sbpz_qyhmcj,
sbpz_qyplcj: this.sbpz_qyplcj,
sbpz_zdplcjs: this.sbpz_zdplcjs,
sbpz_cjcgsj: this.sbpz_cjcgsj,
sbpz_zqsbonchange: this.sbpz_zqsbonchange,
sbpz_txsjjg: this.sbpz_txsjjg,
sbpz_xqjcqxr: this.sbpz_xqjcqxr,
sbpz_bcjcqxr: this.sbpz_bcjcqxr,
cjdpz_tagid: this.mqtt_cjd_tagid,
cjdpz_mc: this.cjdpz_mc,
cjdpz_sjq: this.cjdpz_sjq,
cjdpz_jcqdz: this.cjdpz_cjsjlx,
cjdpz_cjsjlx: this.cjdpz_cjsjlx,
cjdpz_dxsx: this.cjdpz_dxsx,
cjdpz_scms: this.cjdpz_scms,
};
let res = await SaveUserAnswer({
mark: "CHGYWG_yx",
user_id: this.user_id,
mark_value: JSON.stringify(this.formData),
mark_value: JSON.stringify(obj),
});
if (res.data.state) {
this.$message({
message: "保存成功",
type: "success",
});
console.log(res);
sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
}else{
} else {
this.$message({
message: `保存失败`,
type: "error",
});
}
},
//读取缓存
async GetUserAnswer() {
@ -448,10 +557,54 @@ export default {
this.ippz_dns2 = obj.ippz_dns.split(".")[1];
this.ippz_dns3 = obj.ippz_dns.split(".")[2];
this.ippz_dns4 = obj.ippz_dns.split(".")[3];
//拿到缓存数据保存在本页面
this.ippz_wllx = obj.ippz_wllx;
this.ippz_ip = obj.ippz_ip;
this.ippz_zwym = obj.ippz_zwym;
this.ippz_wg = obj.ippz_wg;
this.ippz_dns = obj.ippz_dns;
this.ippz_dns_by = obj.ippz_dns_by;
this.wgpz_wgmc = obj.wgpz_wgmc;
this.wgpz_wgid = obj.wgpz_wgid;
this.sbpz_sbmc = obj.sbpz_sbmc;
this.sbpz_kzqxy = obj.sbpz_kzqxy;
this.sbpz_ip = obj.sbpz_ip;
this.sbpz_port = obj.sbpz_port;
this.sbpz_czdz = obj.sbpz_czdz;
this.sbpz_lxzq = obj.sbpz_lxzq;
this.sbpz_qyhmcj = obj.sbpz_qyhmcj;
this.sbpz_qyplcj = obj.sbpz_qyplcj;
this.sbpz_zdplcjs = obj.sbpz_zdplcjs;
this.sbpz_cjcgsj = obj.sbpz_cjcgsj;
this.sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
this.sbpz_txsjjg = obj.sbpz_txsjjg;
this.sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
this.sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
this.cjdpz_tagid = obj.mqtt_cjd_tagid;
this.cjdpz_mc = obj.cjdpz_mc;
this.cjdpz_sjq = obj.cjdpz_sjq;
this.cjdpz_jcqdz = obj.cjdpz_cjsjlx;
this.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
this.cjdpz_dxsx = obj.cjdpz_dxsx;
this.cjdpz_scms = obj.cjdpz_scms;
this.mqtt_ip = obj.mqtt_ip;
this.mqtt_wgsn = obj.mqtt_wgsn;
this.mqtt_port = obj.mqtt_port;
this.mqtt_keepalive = obj.mqtt_keepalive;
this.mqtt_tls = obj.mqtt_tls;
this.mqtt_clearsession = obj.mqtt_clearsession;
this.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
this.mqtt_qos = obj.mqtt_qos;
this.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
this.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
}
}
},
},
};
</script>

244
src/components/CloneWifi.vue
View File

@ -4,8 +4,15 @@
<!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = !dialogVisible">MQTT云</el-button> -->
<div v-show="dialogVisible" class="tree_menu">
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
@node-click="treeNodeClick" ref="tree">
<el-tree
:data="trees"
node-key="id"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
<!-- <span class="custom-tree-node" slot-scope="{ node, data }">
<template v-if="data.editing == 1 && flag">
<el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
@ -22,7 +29,12 @@
MQTT Client
</h3>
<el-divider></el-divider>
<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>
@ -32,30 +44,50 @@
</el-row>
<el-row class="serveip">
<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-col :span="5">
<el-form-item prop="mqtt_ip1">
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px" maxlength="3">
<el-input
v-model="mqtt_ip1"
style="width: 43px; height: 30px"
maxlength="3"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="1">. </el-col>
<el-col :span="5">
<el-form-item prop="mqtt_ip2">
<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-form-item>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-form-item prop="mqtt_ip3">
<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-form-item>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-form-item prop="mqtt_ip4">
<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-form-item>
</el-col>
</el-row>
@ -64,29 +96,63 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item 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
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-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item 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
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-col>
</el-row>
<el-divider></el-divider>
<el-row class="theme">
<el-col :span="12">
<el-form-item label="实时数据发布的主题" style="display: block" label-width="168px" prop="mqtt_sssjfbzt">
<el-form-item
label="实时数据发布的主题"
style="display: block"
label-width="168px"
prop="mqtt_sssjfbzt"
>
<el-row>
<el-col :span="15">
<el-input v-model="formData.mqtt_sssjfbzt" placeholder="" style="width: 200px"></el-input>
<el-input
v-model="formData.mqtt_sssjfbzt"
placeholder=""
style="width: 200px"
></el-input>
</el-col>
<el-col :span="9">
<el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 99px">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="formData.mqtt_qos"
placeholder="请选择"
style="width: 99px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-col>
@ -101,22 +167,47 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="上传模式:" :label-width="formLabelWidth" prop="mqtt_scms">
<el-select v-model="formData.mqtt_scms" placeholder="请选择" style="width: 99px">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="上传模式:"
:label-width="formLabelWidth"
prop="mqtt_scms"
>
<el-select
v-model="formData.mqtt_scms"
placeholder="请选择"
style="width: 99px"
>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上传周期(s):" label-width="108px" prop="mqtt_sczq">
<el-input v-model="formData.mqtt_sczq" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="上传周期(s):"
label-width="108px"
prop="mqtt_sczq"
>
<el-input
v-model="formData.mqtt_sczq"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="数据过滤:" :label-width="formLabelWidth" prop="mqtt_sjgl">
<el-form-item
label="数据过滤:"
:label-width="formLabelWidth"
prop="mqtt_sjgl"
>
<el-row>
<el-col :span="24">
<el-checkbox-group v-model="formData.mqtt_sjgl">
@ -137,7 +228,9 @@
</div>
<div>
<div class="con_right">
<h3 class="mqtt" style="margin-top: 20px; color: white">MQTT Client采集点</h3>
<h3 class="mqtt" style="margin-top: 20px; color: white">
MQTT Client采集点
</h3>
<el-divider></el-divider>
<!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
<!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
@ -151,16 +244,24 @@
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
<template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
:value="option.value"></el-option>
<el-option
v-for="(option, index) in options2"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column property="mqtt_cjd_tagid" label="TagID">
<template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
:value="option.value"></el-option>
<el-option
v-for="(option, index) in options3"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
</el-table-column>
@ -171,8 +272,14 @@
<!-- 添加按钮下显示出来的弹框信息 -->
<div>
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
<el-tree
:data="points"
show-checkbox
node-key="id"
:default-expanded-keys="[1, 2]"
:default-checked-keys="[3, 4, 5, 6]"
:props="defaultProps"
>
</el-tree>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="savePoint">保 存</el-button>
@ -182,22 +289,55 @@
</div>
<div class="gateway">
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
<el-form :model="gateWay" :rules="rulesGate" ref="gateWay" label-width="85px" class="demo-ruleForm">
<el-form
:model="gateWay"
:rules="rulesGate"
ref="gateWay"
label-width="85px"
class="demo-ruleForm"
>
<el-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="gateWay.wgpz_wgmc" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts1" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="gateWay.wgpz_wgmc"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="gateWay.wgpz_wgid" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts2" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="gateWay.wgpz_wgid"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="gateWay.wgpz_wglx" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts3" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="gateWay.wgpz_wglx"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts3"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -502,7 +642,7 @@ export default {
required: true,
message: "",
validator: this.validateIp,
trigger: "blur"
trigger: "blur",
},
],
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
@ -595,24 +735,24 @@ export default {
validateIp(rule, value, callback) {
if (
this.mqtt_ip1 +
"." +
this.mqtt_ip2 +
"." +
this.mqtt_ip3 +
"." +
this.mqtt_ip4 ===
"." +
this.mqtt_ip2 +
"." +
this.mqtt_ip3 +
"." +
this.mqtt_ip4 ===
"..."
) {
callback(new Error("请输入IP地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.mqtt_ip1 +
"." +
this.mqtt_ip2 +
"." +
this.mqtt_ip3 +
"." +
this.mqtt_ip4
"." +
this.mqtt_ip2 +
"." +
this.mqtt_ip3 +
"." +
this.mqtt_ip4
)
) {
callback(new Error("请输入有效的IP地址"));
@ -791,12 +931,12 @@ export default {
user_id: this.user_id,
data: JSON.stringify(this.trees),
type: "2",
})
});
// console.log(result);
},
async getTree() {
console.log("12341")
let res = await GetTree({ user_id: this.user_id, type: "2", })
console.log("12341");
let res = await GetTree({ user_id: this.user_id, type: "2" });
console.log(res);
console.log(JSON.parse(res.data.data.data));
this.trees = JSON.parse(res.data.data.data);

24
src/views/ChWiredGatewayIP.vue
View File

@ -8,28 +8,20 @@
</template>
<script>
import ChiWireld from '@/components/ChiWireld.vue';
import ChiWireld from "@/components/ChiWireld.vue";
export default {
name: 'InternetCompetitionChWiredGatewayIP',
components:{
ChiWireld
name: "InternetCompetitionChWiredGatewayIP",
components: {
ChiWireld,
},
data() {
return {
};
return {};
},
mounted() {
mounted() {},
},
methods: {
},
methods: {},
};
</script>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>

36
src/views/MqttConfigwifi.vue
View File

@ -1,31 +1,23 @@
<template>
<div>
<CloneWifi></CloneWifi>
</div>
<div>
<CloneWifi></CloneWifi>
</div>
</template>
<script>
import CloneWifi from '@/components/CloneWifi.vue';
import CloneWifi from "@/components/CloneWifi.vue";
export default {
name: 'InternetCompetitionMqttConfigwifi',
components:{
CloneWifi
},
data() {
return {
name: "InternetCompetitionMqttConfigwifi",
components: {
CloneWifi,
},
data() {
return {};
},
mounted() {},
};
},
mounted() {
},
methods: {
},
methods: {},
};
</script>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>