Merge branch 'master' of http://git.umayle.com:2023/chengdandan/InternetCompetition
This commit is contained in:
unknown
commit
7af2033e68
File diff suppressed because it is too large
Load Diff
|
|
@ -1,7 +1,6 @@
|
||||||
<!-- 斥候IP设置——无线网关页面 -->
|
<!-- 斥候IP设置——无线网关页面 -->
|
||||||
<template>
|
<template>
|
||||||
<div v-loading="loading">
|
<div v-loading="loading">
|
||||||
<!-- <el-button type="info" plain @click="getShow">斥候IP设置——无线网关</el-button> -->
|
|
||||||
<div class="gateway" v-show="isShow">
|
<div class="gateway" v-show="isShow">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<p class="title_l">IP配置</p>
|
<p class="title_l">IP配置</p>
|
||||||
|
|
@ -10,11 +9,23 @@
|
||||||
</div>
|
</div>
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<div class="content">
|
<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-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="客户端SSID:" :label-width="formLabelWidth" prop="ippz_ssid">
|
<el-form-item
|
||||||
<el-input v-model="formData.ippz_ssid" placeholder="请输入WIFI名字"></el-input>
|
label="客户端SSID:"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
prop="ippz_ssid"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formData.ippz_ssid"
|
||||||
|
placeholder="请输入WIFI名字"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -22,7 +33,12 @@
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="认证方式:" :label-width="formLabelWidth">
|
<el-form-item label="认证方式:" :label-width="formLabelWidth">
|
||||||
<el-select v-model="formData.ippz_rzfs" placeholder="开放式">
|
<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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -32,7 +48,12 @@
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="加密方式:" :label-width="formLabelWidth">
|
<el-form-item label="加密方式:" :label-width="formLabelWidth">
|
||||||
<el-select v-model="formData.ippz_jmfs" placeholder="NONE">
|
<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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -40,8 +61,15 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="密码:" :label-width="formLabelWidth" prop="ippz_mm">
|
<el-form-item
|
||||||
<el-input v-model="formData.ippz_mm" placeholder="请输入wifi密码"></el-input>
|
label="密码:"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
prop="ippz_mm"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formData.ippz_mm"
|
||||||
|
placeholder="请输入wifi密码"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -68,6 +96,43 @@ export default {
|
||||||
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK
|
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK
|
||||||
ippz_jmfs: "AES", //答案：AES
|
ippz_jmfs: "AES", //答案：AES
|
||||||
ippz_mm: "",
|
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: [
|
options1: [
|
||||||
{
|
{
|
||||||
|
|
@ -141,17 +206,12 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getParameter(data) {
|
|
||||||
console.log(data);
|
|
||||||
this.user_id = data;
|
|
||||||
},
|
|
||||||
async saveGate() {
|
async saveGate() {
|
||||||
let datas = sessionStorage.getItem("CHGYWG_wx");
|
|
||||||
datas = { ...JSON.parse(datas), ...this.formData };
|
|
||||||
let res = await SaveUserAnswer({
|
let res = await SaveUserAnswer({
|
||||||
mark: "CHGYWG_wx",
|
mark: "CHGYWG_wx",
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
mark_value: JSON.stringify(datas),
|
// user_id: "USER202307301109254198",
|
||||||
|
mark_value: JSON.stringify(this.formData),
|
||||||
});
|
});
|
||||||
if (res.data.state) {
|
if (res.data.state) {
|
||||||
this.$message({
|
this.$message({
|
||||||
|
|
@ -159,30 +219,33 @@ export default {
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
console.log(res);
|
console.log(res);
|
||||||
sessionStorage.setItem("CHGYWG_wx", JSON.stringify(datas));
|
|
||||||
} else {
|
} else {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: `保存失败,原因是${res.data.message}`,
|
message: `保存失败,原因是${res.data.message}`,
|
||||||
type: "error",
|
type: "error",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
async GetUserAnswer() {
|
async GetUserAnswer() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
let { data } = await GetUserAnswer({
|
let { data } = await GetUserAnswer({
|
||||||
mark: "CHGYWG_wx",
|
mark: "CHGYWG_wx",
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
|
// user_id: "USER202307301109254198",
|
||||||
});
|
});
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
if (data.data && data.state) {
|
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);
|
let obj = JSON.parse(data.data.mark_value);
|
||||||
if (obj.ippz_ssid) {
|
if (obj.ippz_ssid) {
|
||||||
this.formData.ippz_ssid = obj.ippz_ssid;
|
// this.formData.ippz_ssid = obj.ippz_ssid;
|
||||||
this.formData.ippz_rzfs = obj.ippz_rzfs;
|
// this.formData.ippz_rzfs = obj.ippz_rzfs;
|
||||||
this.formData.ippz_jmfs = obj.ippz_jmfs;
|
// this.formData.ippz_jmfs = obj.ippz_jmfs;
|
||||||
this.formData.ippz_mm = obj.ippz_mm;
|
// this.formData.ippz_mm = obj.ippz_mm;
|
||||||
|
for (let key in obj) {
|
||||||
|
this.formData[key] = obj[key];
|
||||||
|
}
|
||||||
|
console.log(this.formData);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -162,8 +162,50 @@ export default {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
formData: {
|
formData: {
|
||||||
|
ippz_wllx: "",
|
||||||
|
ippz_ip: "",
|
||||||
|
ippz_zwym: "",
|
||||||
|
ippz_wg: "",
|
||||||
|
ippz_dns: "",
|
||||||
|
ippz_dns_by: "",
|
||||||
|
|
||||||
wgpz_wgmc: "",
|
wgpz_wgmc: "",
|
||||||
wgpz_wgid: "",
|
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,
|
innerVisible: false,
|
||||||
outerVisible: true,
|
outerVisible: true,
|
||||||
|
|
@ -206,8 +248,6 @@ export default {
|
||||||
this.user_id = data;
|
this.user_id = data;
|
||||||
},
|
},
|
||||||
async saveGate() {
|
async saveGate() {
|
||||||
let datas = sessionStorage.getItem("CHGYWG_yx");
|
|
||||||
this.formData = { ...JSON.parse(datas), ...this.formData };
|
|
||||||
let res = await SaveUserAnswer({
|
let res = await SaveUserAnswer({
|
||||||
mark: "CHGYWG_yx",
|
mark: "CHGYWG_yx",
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
|
|
@ -219,7 +259,6 @@ export default {
|
||||||
message: "保存成功",
|
message: "保存成功",
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
|
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
`/configuration?user_id=${this.user_id}&firstlabel=${this.formData.wgpz_wgid}`
|
`/configuration?user_id=${this.user_id}&firstlabel=${this.formData.wgpz_wgid}`
|
||||||
);
|
);
|
||||||
|
|
@ -250,6 +289,48 @@ export default {
|
||||||
if (obj.wgpz_wgid) {
|
if (obj.wgpz_wgid) {
|
||||||
this.formData.wgpz_wgid = obj.wgpz_wgid;
|
this.formData.wgpz_wgid = obj.wgpz_wgid;
|
||||||
this.formData.wgpz_wgmc = obj.wgpz_wgmc;
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -41,16 +41,40 @@
|
||||||
|
|
||||||
<div class="gateway">
|
<div class="gateway">
|
||||||
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
|
<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-form-item label="网关名称:" prop="wgpz_wgmc">
|
||||||
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px">
|
<el-select
|
||||||
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="网关ID:" prop="wgpz_wgid">
|
<el-form-item label="网关ID:" prop="wgpz_wgid">
|
||||||
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px">
|
<el-select
|
||||||
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -62,7 +86,12 @@
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px">
|
<el-dialog
|
||||||
|
title="系统提示"
|
||||||
|
:visible.sync="innerVisible"
|
||||||
|
append-to-body
|
||||||
|
width="382px"
|
||||||
|
>
|
||||||
<p class="inner_content" style="color: #fff">
|
<p class="inner_content" style="color: #fff">
|
||||||
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
|
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
|
||||||
</p>
|
</p>
|
||||||
|
|
@ -105,8 +134,44 @@ export default {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
formData: {
|
formData: {
|
||||||
|
ippz_ssid: "",
|
||||||
|
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK
|
||||||
|
ippz_jmfs: "AES", //答案：AES
|
||||||
|
ippz_mm: "",
|
||||||
|
|
||||||
wgpz_wgmc: "",
|
wgpz_wgmc: "",
|
||||||
wgpz_wgid: "",
|
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,
|
innerVisible: false,
|
||||||
outerVisible: true,
|
outerVisible: true,
|
||||||
|
|
@ -139,13 +204,7 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getParameter(data) {
|
|
||||||
console.log(data);
|
|
||||||
this.user_id = data;
|
|
||||||
},
|
|
||||||
async saveGate() {
|
async saveGate() {
|
||||||
let datas = sessionStorage.getItem("CHGYWG_wx");
|
|
||||||
this.formData = { ...JSON.parse(datas), ...this.formData };
|
|
||||||
let res = await SaveUserAnswer({
|
let res = await SaveUserAnswer({
|
||||||
mark: "CHGYWG_wx",
|
mark: "CHGYWG_wx",
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
|
|
@ -158,7 +217,6 @@ export default {
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
console.log(res);
|
console.log(res);
|
||||||
sessionStorage.setItem("CHGYWG_wx", JSON.stringify(this.formData));
|
|
||||||
this.$router.push(`/chiwifidevice?user_id=${this.user_id}`);
|
this.$router.push(`/chiwifidevice?user_id=${this.user_id}`);
|
||||||
} else {
|
} else {
|
||||||
this.$message({
|
this.$message({
|
||||||
|
|
@ -166,13 +224,13 @@ export default {
|
||||||
type: "error",
|
type: "error",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
async GetUserAnswer() {
|
async GetUserAnswer() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
let { data } = await GetUserAnswer({
|
let { data } = await GetUserAnswer({
|
||||||
mark: "CHGYWG_wx",
|
mark: "CHGYWG_wx",
|
||||||
user_id: this.user_id,
|
// user_id: this.user_id,
|
||||||
|
user_id: "USER202307301109254198",
|
||||||
});
|
});
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
if (data.data && data.state) {
|
if (data.data && data.state) {
|
||||||
|
|
@ -181,11 +239,15 @@ export default {
|
||||||
} else if (data.data.step == 2) {
|
} else if (data.data.step == 2) {
|
||||||
this.$router.push(`/chiwificollect?user_id=${this.user_id}`);
|
this.$router.push(`/chiwificollect?user_id=${this.user_id}`);
|
||||||
} else {
|
} 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);
|
let obj = JSON.parse(data.data.mark_value);
|
||||||
if (obj.wgpz_wgid) {
|
if (obj.wgpz_wgid) {
|
||||||
this.formData.wgpz_wgid = obj.wgpz_wgid;
|
// this.formData.wgpz_wgid = obj.wgpz_wgid;
|
||||||
this.formData.wgpz_wgmc = obj.wgpz_wgmc;
|
// this.formData.wgpz_wgmc = obj.wgpz_wgmc;
|
||||||
|
for (let key in obj) {
|
||||||
|
this.formData[key] = obj[key];
|
||||||
|
}
|
||||||
|
console.log(this.formData);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
<!-- 斥候有线网关页面 -->
|
<!-- 斥候有线网关页面 -->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- <el-button type="info" plain @click="getShow">斥候有线网关</el-button> -->
|
|
||||||
<div class="gateway" v-show="isShow">
|
<div class="gateway" v-show="isShow">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<p class="title_l">IP配置</p>
|
<p class="title_l">IP配置</p>
|
||||||
|
|
@ -11,11 +10,25 @@
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="lan">
|
<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-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="网络类型:" :label-width="formLabelWidth" prop="ippz_wllx">
|
<el-form-item
|
||||||
<el-select v-model="formData.ippz_wllx" placeholder="静态IP" style="width: 200px">
|
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-option label="静态IP" value="静态IP"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -23,7 +36,11 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<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-row>
|
||||||
<el-col :span="5">
|
<el-col :span="5">
|
||||||
<el-input v-model="ippz_ip1"></el-input>
|
<el-input v-model="ippz_ip1"></el-input>
|
||||||
|
|
@ -46,7 +63,11 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<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-row>
|
||||||
<el-col :span="5">
|
<el-col :span="5">
|
||||||
<el-input v-model="ippz_zwym1"></el-input>
|
<el-input v-model="ippz_zwym1"></el-input>
|
||||||
|
|
@ -115,7 +136,11 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<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-row>
|
||||||
<el-col :span="5">
|
<el-col :span="5">
|
||||||
<el-input v-model="ippz_dns_by1"></el-input>
|
<el-input v-model="ippz_dns_by1"></el-input>
|
||||||
|
|
@ -164,6 +189,7 @@ export default {
|
||||||
ippz_dns: "",
|
ippz_dns: "",
|
||||||
ippz_dns_by: "",
|
ippz_dns_by: "",
|
||||||
},
|
},
|
||||||
|
|
||||||
ippz_ip1: "192",
|
ippz_ip1: "192",
|
||||||
ippz_ip2: "168",
|
ippz_ip2: "168",
|
||||||
ippz_ip3: "1",
|
ippz_ip3: "1",
|
||||||
|
|
@ -190,57 +216,110 @@ export default {
|
||||||
count: 0,
|
count: 0,
|
||||||
isShow: true,
|
isShow: true,
|
||||||
rules: {
|
rules: {
|
||||||
ippz_wllx: [{ required: true, message: "请输入网络类型", trigger: "blur" }],
|
ippz_wllx: [
|
||||||
ippz_ip: [{
|
{ required: true, message: "请输入网络类型", trigger: "blur" },
|
||||||
required: true,
|
],
|
||||||
message: "",
|
ippz_ip: [
|
||||||
validator: this.validateIp,
|
{
|
||||||
trigger: "blur"
|
required: true,
|
||||||
}],
|
message: "",
|
||||||
ippz_zwym: [{
|
validator: this.validateIp,
|
||||||
required: true,
|
trigger: "blur",
|
||||||
message: "",
|
},
|
||||||
validator: this.validateZwym,
|
],
|
||||||
trigger: "blur"
|
ippz_zwym: [
|
||||||
}],
|
{
|
||||||
ippz_dns_by: [{
|
required: true,
|
||||||
required: true,
|
message: "",
|
||||||
message: "",
|
validator: this.validateZwym,
|
||||||
validator: this.validateDnsBy,
|
trigger: "blur",
|
||||||
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() {
|
created() {
|
||||||
this.user_id = window.location.href.split("?")[1];
|
this.user_id = window.location.href.split("?")[1];
|
||||||
this.GetUserAnswer();
|
this.GetUserAnswer();
|
||||||
},
|
},
|
||||||
mounted() { },
|
mounted() {},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
//子网掩码验证
|
//子网掩码验证
|
||||||
validateZwym(rule, value, callback) {
|
validateZwym(rule, value, callback) {
|
||||||
if (
|
if (
|
||||||
this.ippz_zwym1 +
|
this.ippz_zwym1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym2 +
|
this.ippz_zwym2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym3 +
|
this.ippz_zwym3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym4 ===
|
this.ippz_zwym4 ===
|
||||||
"..."
|
"..."
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入子网掩码"));
|
callback(new Error("请输入子网掩码"));
|
||||||
} else if (
|
} 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(
|
!/^(\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_zwym1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym2 +
|
this.ippz_zwym2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym3 +
|
this.ippz_zwym3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_zwym4
|
this.ippz_zwym4
|
||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入有效的子网掩码"));
|
callback(new Error("请输入有效的子网掩码"));
|
||||||
|
|
@ -252,24 +331,24 @@ export default {
|
||||||
validateIp(rule, value, callback) {
|
validateIp(rule, value, callback) {
|
||||||
if (
|
if (
|
||||||
this.ippz_ip1 +
|
this.ippz_ip1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip2 +
|
this.ippz_ip2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip3 +
|
this.ippz_ip3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip4 ===
|
this.ippz_ip4 ===
|
||||||
"..."
|
"..."
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入IP地址"));
|
callback(new Error("请输入IP地址"));
|
||||||
} else if (
|
} 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(
|
!/^(\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_ip1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip2 +
|
this.ippz_ip2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip3 +
|
this.ippz_ip3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_ip4
|
this.ippz_ip4
|
||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入有效的IP地址"));
|
callback(new Error("请输入有效的IP地址"));
|
||||||
|
|
@ -281,24 +360,24 @@ export default {
|
||||||
validateMrwg(rule, value, callback) {
|
validateMrwg(rule, value, callback) {
|
||||||
if (
|
if (
|
||||||
this.ippz_wg1 +
|
this.ippz_wg1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg2 +
|
this.ippz_wg2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg3 +
|
this.ippz_wg3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg4 ===
|
this.ippz_wg4 ===
|
||||||
"..."
|
"..."
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入网关地址"));
|
callback(new Error("请输入网关地址"));
|
||||||
} else if (
|
} 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(
|
!/^(\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_wg1 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg2 +
|
this.ippz_wg2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg3 +
|
this.ippz_wg3 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_wg4
|
this.ippz_wg4
|
||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入有效的网关地址"));
|
callback(new Error("请输入有效的网关地址"));
|
||||||
|
|
@ -310,24 +389,24 @@ export default {
|
||||||
validateDnsBy(rule, value, callback) {
|
validateDnsBy(rule, value, callback) {
|
||||||
if (
|
if (
|
||||||
this.ippz_dns_by1 +
|
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_by2 +
|
||||||
"." +
|
"." +
|
||||||
this.ippz_dns_by3 +
|
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服务器地址"));
|
callback(new Error("请输入有效的备用DNS服务器地址"));
|
||||||
|
|
@ -361,7 +440,6 @@ export default {
|
||||||
},
|
},
|
||||||
// 保存数据,发送请求
|
// 保存数据,发送请求
|
||||||
async saveAll() {
|
async saveAll() {
|
||||||
// this.dialogFormVisible = false;
|
|
||||||
this.isShow = false;
|
this.isShow = false;
|
||||||
this.formData.ippz_ip = this.Merge(
|
this.formData.ippz_ip = this.Merge(
|
||||||
this.formData.ippz_ip,
|
this.formData.ippz_ip,
|
||||||
|
|
@ -398,25 +476,56 @@ export default {
|
||||||
this.ippz_dns_by3,
|
this.ippz_dns_by3,
|
||||||
this.ippz_dns_by4
|
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({
|
let res = await SaveUserAnswer({
|
||||||
mark: "CHGYWG_yx",
|
mark: "CHGYWG_yx",
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
mark_value: JSON.stringify(this.formData),
|
mark_value: JSON.stringify(obj),
|
||||||
});
|
});
|
||||||
if (res.data.state) {
|
if (res.data.state) {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: "保存成功",
|
message: "保存成功",
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
console.log(res);
|
} else {
|
||||||
sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
|
|
||||||
}else{
|
|
||||||
this.$message({
|
this.$message({
|
||||||
message: `保存失败`,
|
message: `保存失败`,
|
||||||
type: "error",
|
type: "error",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
//读取缓存
|
//读取缓存
|
||||||
async GetUserAnswer() {
|
async GetUserAnswer() {
|
||||||
|
|
@ -448,10 +557,54 @@ export default {
|
||||||
this.ippz_dns2 = obj.ippz_dns.split(".")[1];
|
this.ippz_dns2 = obj.ippz_dns.split(".")[1];
|
||||||
this.ippz_dns3 = obj.ippz_dns.split(".")[2];
|
this.ippz_dns3 = obj.ippz_dns.split(".")[2];
|
||||||
this.ippz_dns4 = obj.ippz_dns.split(".")[3];
|
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>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,15 @@
|
||||||
<!-- <div v-click-outside="closeMenu"> -->
|
<!-- <div v-click-outside="closeMenu"> -->
|
||||||
<!-- <el-button type="info" plain @click="dialogVisible = !dialogVisible">MQTT云</el-button> -->
|
<!-- <el-button type="info" plain @click="dialogVisible = !dialogVisible">MQTT云</el-button> -->
|
||||||
<div v-show="dialogVisible" class="tree_menu">
|
<div v-show="dialogVisible" class="tree_menu">
|
||||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
|
<el-tree
|
||||||
@node-click="treeNodeClick" ref="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 }">
|
<!-- <span class="custom-tree-node" slot-scope="{ node, data }">
|
||||||
<template v-if="data.editing == 1 && flag">
|
<template v-if="data.editing == 1 && flag">
|
||||||
<el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
|
<el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
|
||||||
|
|
@ -22,7 +29,12 @@
|
||||||
MQTT Client
|
MQTT Client
|
||||||
</h3>
|
</h3>
|
||||||
<el-divider></el-divider>
|
<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-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
|
|
@ -32,30 +44,50 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="serveip">
|
<el-row class="serveip">
|
||||||
<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-form-item prop="mqtt_ip1">
|
<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-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</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-form-item prop="mqtt_ip2">
|
<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-form-item>
|
||||||
</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-form-item prop="mqtt_ip3">
|
<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-form-item>
|
||||||
</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-form-item prop="mqtt_ip4">
|
<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-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -64,29 +96,63 @@
|
||||||
</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="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-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<el-row class="theme">
|
<el-row class="theme">
|
||||||
<el-col :span="12">
|
<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-row>
|
||||||
<el-col :span="15">
|
<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>
|
||||||
<el-col :span="9">
|
<el-col :span="9">
|
||||||
<el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 99px">
|
<el-select
|
||||||
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -101,22 +167,47 @@
|
||||||
</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_scms">
|
<el-form-item
|
||||||
<el-select v-model="formData.mqtt_scms" placeholder="请选择" style="width: 99px">
|
label="上传模式:"
|
||||||
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
|
: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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="上传周期(s):" label-width="108px" prop="mqtt_sczq">
|
<el-form-item
|
||||||
<el-input v-model="formData.mqtt_sczq" placeholder="" style="width: 200px; height: 30px"></el-input>
|
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-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_sjgl">
|
<el-form-item
|
||||||
|
label="数据过滤:"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
prop="mqtt_sjgl"
|
||||||
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-checkbox-group v-model="formData.mqtt_sjgl">
|
<el-checkbox-group v-model="formData.mqtt_sjgl">
|
||||||
|
|
@ -137,7 +228,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="con_right">
|
<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-divider></el-divider>
|
||||||
<!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
|
<!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
|
||||||
<!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
|
<!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
|
||||||
|
|
@ -151,16 +244,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>
|
||||||
|
|
@ -171,8 +272,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>
|
||||||
|
|
@ -182,22 +289,55 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="gateway">
|
<div class="gateway">
|
||||||
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
|
<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-form-item label="网关名称:" prop="wgpz_wgmc">
|
||||||
<el-select v-model="gateWay.wgpz_wgmc" placeholder="请选择" style="width: 200px">
|
<el-select
|
||||||
<el-option v-for="item in opts1" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="网关ID:" prop="wgpz_wgid">
|
<el-form-item label="网关ID:" prop="wgpz_wgid">
|
||||||
<el-select v-model="gateWay.wgpz_wgid" placeholder="请选择" style="width: 200px">
|
<el-select
|
||||||
<el-option v-for="item in opts2" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="网关类型:" prop="wgpz_wglx">
|
<el-form-item label="网关类型:" prop="wgpz_wglx">
|
||||||
<el-select v-model="gateWay.wgpz_wglx" placeholder="请选择" style="width: 200px">
|
<el-select
|
||||||
<el-option v-for="item in opts3" :key="item.value" :label="item.label" :value="item.value">
|
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-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -502,7 +642,7 @@ export default {
|
||||||
required: true,
|
required: true,
|
||||||
message: "",
|
message: "",
|
||||||
validator: this.validateIp,
|
validator: this.validateIp,
|
||||||
trigger: "blur"
|
trigger: "blur",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||||
|
|
@ -595,24 +735,24 @@ export default {
|
||||||
validateIp(rule, value, callback) {
|
validateIp(rule, value, callback) {
|
||||||
if (
|
if (
|
||||||
this.mqtt_ip1 +
|
this.mqtt_ip1 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip2 +
|
this.mqtt_ip2 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip3 +
|
this.mqtt_ip3 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip4 ===
|
this.mqtt_ip4 ===
|
||||||
"..."
|
"..."
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入IP地址"));
|
callback(new Error("请输入IP地址"));
|
||||||
} else if (
|
} 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(
|
!/^(\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_ip1 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip2 +
|
this.mqtt_ip2 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip3 +
|
this.mqtt_ip3 +
|
||||||
"." +
|
"." +
|
||||||
this.mqtt_ip4
|
this.mqtt_ip4
|
||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
callback(new Error("请输入有效的IP地址"));
|
callback(new Error("请输入有效的IP地址"));
|
||||||
|
|
@ -791,12 +931,12 @@ export default {
|
||||||
user_id: this.user_id,
|
user_id: this.user_id,
|
||||||
data: JSON.stringify(this.trees),
|
data: JSON.stringify(this.trees),
|
||||||
type: "2",
|
type: "2",
|
||||||
})
|
});
|
||||||
// console.log(result);
|
// console.log(result);
|
||||||
},
|
},
|
||||||
async getTree() {
|
async getTree() {
|
||||||
console.log("12341")
|
console.log("12341");
|
||||||
let res = await GetTree({ user_id: this.user_id, type: "2", })
|
let res = await GetTree({ user_id: this.user_id, type: "2" });
|
||||||
console.log(res);
|
console.log(res);
|
||||||
console.log(JSON.parse(res.data.data.data));
|
console.log(JSON.parse(res.data.data.data));
|
||||||
this.trees = JSON.parse(res.data.data.data);
|
this.trees = JSON.parse(res.data.data.data);
|
||||||
|
|
@ -814,7 +954,7 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//
|
//
|
||||||
async saveGates() {
|
async saveGates() {
|
||||||
this.outerVisible = false;
|
this.outerVisible = false;
|
||||||
// this.innerVisible = false;
|
// this.innerVisible = false;
|
||||||
|
|
@ -1021,4 +1161,4 @@ export default {
|
||||||
.mqtt {
|
.mqtt {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -8,28 +8,20 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ChiWireld from '@/components/ChiWireld.vue';
|
import ChiWireld from "@/components/ChiWireld.vue";
|
||||||
export default {
|
export default {
|
||||||
name: 'InternetCompetitionChWiredGatewayIP',
|
name: "InternetCompetitionChWiredGatewayIP",
|
||||||
components:{
|
components: {
|
||||||
ChiWireld
|
ChiWireld,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
|
||||||
};
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {},
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {},
|
||||||
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,23 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<CloneWifi></CloneWifi>
|
<CloneWifi></CloneWifi>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import CloneWifi from '@/components/CloneWifi.vue';
|
import CloneWifi from "@/components/CloneWifi.vue";
|
||||||
export default {
|
export default {
|
||||||
name: 'InternetCompetitionMqttConfigwifi',
|
name: "InternetCompetitionMqttConfigwifi",
|
||||||
components:{
|
components: {
|
||||||
CloneWifi
|
CloneWifi,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
},
|
||||||
};
|
mounted() {},
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {},
|
||||||
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue