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

zyh

This commit is contained in:
unknown 2023-11-13 16:12:53 +08:00
parent 64c869237f
commit 9be279ae80
16 changed files with 775 additions and 445 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

218
src/components/CeCe.vue
View File

@ -1,218 +0,0 @@
<!-- <template>
<div>
<div >
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px" v-loading="loading">
<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-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-option>
</el-select>
</el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="formData.wgpz_wglx" placeholder="请选择" style="width: 200px">
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-form>
<el-dialog width="382px" title="系统提示" :visible.sync="innerVisible" append-to-body>
<p class="inner_content" style="color: #fff !important">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="innerConfirm">确定</el-button>
<el-button @click="innerVisible = false">取 消</el-button>
</div>
</el-dialog>
<div slot="footer" class="dialog-footer-outer">
<el-button type="primary" @click="saveInfo">保存</el-button>
<el-button @click="outerVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import { SaveUserAnswer, GetUserAnswer, GetTree } from "@/api/user";
export default {
name: "TestDataAcquisition",
data() {
return {
loading: false,
user_id: "",
options1: [
{
value: "有线区网关1",
label: "有线区网关1",
},
{
value: "无线区网关1",
label: "无线区网关1",
},
],
options2: [
{
value: "LAN-BOX1",
label: "LAN-BOX1",
},
{
value: "WLAN-BOX1",
label: "WLAN-BOX1",
},
],
options3: [
{
value: "loT Lite网关",
label: "loT Lite网关",
},
{
value: "MODBUS网关",
label: "MODBUS网关",
},
{
value: "BACNET网关",
label: "BACNET网关",
},
{
value: "OPC UA网关",
label: "OPC UA网关",
},
{
value: "OPC DA网关",
label: "OPC DA网关",
},
{
value: "loT网关",
label: "loT网关",
},
],
value: "",
formData: {
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
},
rules: {
wgpz_wgmc: [
{ required: true, message: "请选择网关名称", trigger: "blur" },
],
wgpz_wgid: [
{ required: true, message: "请选择网关id", trigger: "blur" },
],
wgpz_wglx: [
{ required: true, message: "请选择网关类型", trigger: "blur" },
],
},
outerVisible: true,
innerVisible: false,
};
},
methods: {
getParameter(data) {
console.log(data);
this.user_id = data;
},
saveInfo() {
this.$refs["formData"].validate((valid) => {
if (valid) {
// console.log('submit!');
this.innerVisible = true;
} else {
console.log("error submit!!");
return false;
}
});
},
async innerConfirm() {
this.outerVisible = false;
this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.formData };
console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
step: "1",
});
if (res.data.state) {
this.$message({
message: "保存成功",
type: "success",
});
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.formData));
this.$router.push(`/channelconfig?user_id=${this.user_id}`);
} else {
this.$message({
message: `保存失败,原因是${res.data.message}`,
type: "error",
});
}
console.log(res);
// console.log(JSON.parse(res.data.data.mark_value));
},
async getUserAnswer() {
this.loading = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
});
this.loading = false;
console.log(res2);
// console.log(res2.data.data.step);
if (res2.data.data && res2.data.state) {
if (res2.data.data.step == 1) {
this.$router.push(`/channelconfig?user_id=${this.user_id}`)
} else if (res2.data.data.step == 2) {
this.$router.push(`/dbcollectdevice?user_id=${this.user_id}`)
} else if (res2.data.data.step == 3) {
this.$router.push(`/dbcollect?user_id=${this.user_id}`)
} else {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
if (res3.wgpz_wgid) {
this.formData.wgpz_wgid = res3.wgpz_wgid;
console.log(this.formData.wgpz_wgid);
this.formData.wgpz_wgmc = res3.wgpz_wgmc;
this.formData.wgpz_wglx = res3.wgpz_wglx;
}
}
}
},
},
created() {
this.user_id = window.location.href.split("?")[1];
this.getUserAnswer();
},
};
</script>
<style lang="less" scoped>
.data_acquire {
font-size: 14px;
}
.inner_content {
margin-left: 30px;
width: 280px;
height: 40px;
// color: rgba(255, 255, 255, 0);
font-size: 14px;
text-align: left;
font-family: "SourceHanSansSC-regular";
}
</style>
-->

3
src/components/ChiDevice.vue
View File

@ -543,7 +543,7 @@ export default {
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
}
}
if (node.leval == 2) {
if (node.level == 2) {
this.menuShow = false
this.menuShow = true
this.nodekey = data.id;
@ -562,7 +562,6 @@ export default {
console.log(index);
if (index == 1) {
this.add_passage = true;
}
},
foo() {

2
src/components/ChiDevicewifi.vue
View File

@ -529,7 +529,7 @@ export default {
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
}
}
if (node.leval == 2) {
if (node.level == 2) {
this.menuShow = false
this.menuShow = true
this.nodekey = data.id;

30
src/components/ChiGateway.vue
View File

@ -78,6 +78,7 @@ export default {
name: "TestChiGate",
data() {
return {
isShow: true,
loading: false,
user_id: "",
options1: [
@ -120,10 +121,13 @@ export default {
},
};
},
created() {
this.isShow = false;
},
mounted() {
this.user_id = window.location.href.split("?")[1];
this.GetUserAnswer();
// this.isShow = true;
},
methods: {
// 登陆时进行校验
@ -179,6 +183,7 @@ export default {
} else if (data.data.step == 2) {
this.$router.push(`/collectionpoint?user_id=${this.user_id}`);
} else {
this.isShow = true;
console.log(JSON.parse(data.data.mark_value));
let obj = JSON.parse(data.data.mark_value);
if (obj.wgpz_wgid) {
@ -195,18 +200,17 @@ export default {
<style lang="less" scoped>
/deep/ .gateway {
position: absolute;
left: 694px;
top: 188px;
width: 382px;
height: 309px;
line-height: 20px;
// background-color: rgba(255, 255, 255, 1);
background: url(../assets/image/bg.png);
background-size: 100% 100%;
text-align: center;
border: 1px solid rgba(187, 187, 187, 1);
// position: absolute;
// left: 694px;
// top: 188px;
// width: 382px;
// height: 309px;
// line-height: 20px;
// // background-color: rgba(255, 255, 255, 1);
// background: url(../assets/image/bg.png);
// background-size: 100% 100%;
// text-align: center;
// border: 1px solid rgba(187, 187, 187, 1);
.el-divider--horizontal {
margin: 8px 0;
}

22
src/components/ChiGatewifi.vue
View File

@ -199,17 +199,17 @@ export default {
<style lang="less" scoped>
/deep/ .gateway {
position: absolute;
left: 694px;
top: 188px;
width: 382px;
height: 309px;
line-height: 20px;
// background-color: rgba(255, 255, 255, 1);
background: url(../assets/image/bg.png);
background-size: 100% 100%;
text-align: center;
border: 1px solid rgba(187, 187, 187, 1);
// position: absolute;
// left: 694px;
// top: 188px;
// width: 382px;
// height: 309px;
// line-height: 20px;
// // background-color: rgba(255, 255, 255, 1);
// background: url(../assets/image/bg.png);
// background-size: 100% 100%;
// text-align: center;
// border: 1px solid rgba(187, 187, 187, 1);
.el-divider--horizontal {
margin: 8px 0;

117
src/components/CloneView.vue
View File

@ -6,12 +6,6 @@
<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">
<!-- <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>
</template>
<template v-else>{{ data.label }}</template>
</span> -->
</el-tree>
</div>
<!-- </div> -->
@ -225,6 +219,43 @@ export default {
trees: [],
user_id: "",
formData: {
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "3C:2D:50:20:30:3D",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
tdpz_ip: "",
tdpz_port: "",
tdpz_cssj: "",
tdpz_jgsj: "",
tdpz_lxsj: "",
tdpz_cfcs: "",
tdpz_watchtime: "",
tdpz_cjsylxdz: "",
tdpz_dxzkb: "",
tdpz_050F: "",
tdpz_0610: "",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "",
sbpz_jysb: "",
sbpz_jdzxz: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: true,
mqtt_ip: "",
mqtt_port: "",
@ -639,19 +670,20 @@ export default {
console.log(node);
if (data.editing) {
this.outerVisible = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
});
if (res2.data.data && res2.data.state) {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// console.log(this.formData.wgpz_wgid);
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
this.gateWay.wgpz_wglx = res3.wgpz_wglx;
}
this.GetUserAnswer();
// let res2 = await GetUserAnswer({
// mark: "DB-IotLite_yx",
// user_id: this.user_id,
// // user_id: "USER202307301114011710",
// });
// if (res2.data.data && res2.data.state) {
// console.log(res2.data.data.mark_value);
// let obj = JSON.parse(res2.data.data.mark_value);
// this.gateWay.wgpz_wgid = obj.wgpz_wgid;
// // console.log(this.formData.wgpz_wgid);
// this.gateWay.wgpz_wgmc = obj.wgpz_wgmc;
// this.gateWay.wgpz_wglx = obj.wgpz_wglx;
// }
}
},
getParameter(data) {
@ -712,12 +744,9 @@ export default {
mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
};
let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log("1231");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...obj };
// console.log(this.formData);
let datas = { ...formData, ...obj };
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
@ -753,8 +782,6 @@ export default {
// console.log(answer);
if (answer.data.data && answer.data.state) {
let obj = JSON.parse(answer.data.data.mark_value);
// console.log(obj);
this.formData.mqtt_qiyong = Boolean(obj.mqtt_qiyong);
if (obj.mqtt_ip) {
this.formData.mqtt_qiyong = Boolean(Number(obj.mqtt_qiyong));
this.mqtt_ip1 = obj.mqtt_ip.split(".")[0];
@ -769,6 +796,41 @@ export default {
this.formData.mqtt_sczq = obj.mqtt_sczq;
this.formData.mqtt_sjgl = obj.mqtt_sjgl;
}
this.formData.ippz_mrwg = obj.ippz_mrwg;
this.formData.ippz_ip = obj.ippz_ip;
this.formData.zwym = obj.zwym;
this.formData.ippz_dns_sx = obj.ippz_dns_sx;
this.formData.ippz_dns_by = obj.ippz_dns_by;
this.formData.wgpz_wgmc = obj.wgpz_wgmc;
this.formData.wgpz_wgid = obj.wgpz_wgid;
this.formData.wgpz_wglx = obj.wgpz_wglx;
this.formData.tdpz_tdmc = obj.tdpz_tdmc;
this.formData.tdpz_td = obj.tdpz_td;
this.formData.tdpz_qdmc = obj.tdpz_qdmc;
this.formData.tdpz_ip = obj.tdpz_ip;
this.formData.tdpz_port = obj.tdpz_port;
this.formData.tdpz_cssj = obj.tdpz_cssj;
this.formData.tdpz_jgsj = obj.tdpz_jgsj;
this.formData.tdpz_lxsj = obj.tdpz_lxsj;
this.formData.tdpz_cfcs = obj.tdpz_cfcs;
this.formData.tdpz_watchtime = obj.tdpz_watchtime;
this.formData.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
this.formData.tdpz_050F = obj.tdpz_050F;
this.formData.tdpz_0610 = obj.tdpz_0610;
this.formData.sbpz_sbid = obj.sbpz_sbid;
this.formData.sbpz_sbmc = obj.sbpz_sbmc;
this.formData.sbpz_mac = obj.sbpz_mac;
this.formData.sbpz_jysb = obj.sbpz_jysb;
this.formData.sbpz_jdzxz = obj.sbpz_jdzxz;
this.formData.cjdpz_tagid = obj.cjdpz_tagid;
this.formData.cjdpz_mc = obj.cjdpz_mc;
this.formData.cjdpz_sjq = obj.cjdpz_sjq;
this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
this.formData.cjdpz_zjx = obj.cjdpz_zjx;
this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
this.formData.cjdpz_beilv = obj.cjdpz_beilv;
if (obj.mqtt_cjd_sbmc) {
this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
} else {
@ -812,15 +874,14 @@ export default {
async saveGates() {
this.outerVisible = false;
// this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.gateWay };
// let datas = { ...this.f, ...this.gateWay };
console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
mark_value: JSON.stringify(this.formData),
});
if (res.data.state) {
this.$message({

236
src/components/CollectionView.vue
View File

@ -107,11 +107,12 @@
</div>
<div class="dev_attribute">
<el-dialog title="设备属性" :visible.sync="edit_device" width="382px" v-loading="loading">
<el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="formdata">
<el-form :model="tableData[0]" :label-position="labelPosition" :rules="rules" ref="formdata">
<el-row>
<el-col :span="24">
<el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
<el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px; height: 30px">
<el-select v-model="tableData[0].sbpz_sbid" placeholder=""
style="width: 200px; height: 30px">
<el-option v-for="(item, index) in options9" :key="index" :label="item.label"
:value="item.value">
</el-option>
@ -122,7 +123,8 @@
<el-row>
<el-col :span="24">
<el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
<el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px; height: 30px">
<el-select v-model="tableData[0].sbpz_sbmc" placeholder=""
style="width: 200px; height: 30px">
<el-option v-for="(item, index) in options10" :key="index" :label="item.label"
:value="item.value">
</el-option>
@ -133,7 +135,7 @@
<el-row>
<el-col :span="24">
<el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="sbpz_mac">
<el-input v-model="formdata.sbpz_mac" placeholder=""
<el-input v-model="tableData[0].sbpz_mac" placeholder=""
style="width: 200px; height: 30px"></el-input>
</el-form-item>
</el-col>
@ -142,7 +144,7 @@
<el-col :span="24">
<el-form-item>
<!-- 需要修改的地方 -->
<el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
<el-checkbox v-model="tableData[0].sbpz_jysb">禁用地址</el-checkbox>
</el-form-item>
</el-col>
</el-row>
@ -150,7 +152,7 @@
<el-col :span="24">
<el-form-item label="基地址选择:">
<span class="one">1</span>
<el-switch v-model="formdata.sbpz_jdzxz"> </el-switch>
<el-switch v-model="tableData[0].sbpz_jdzxz"> </el-switch>
</el-form-item>
</el-col>
</el-row>
@ -165,21 +167,21 @@
<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="tableData[0]" :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-select v-model="tableData[0].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-select v-model="tableData[0].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-select v-model="tableData[0].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>
@ -208,14 +210,54 @@ export default {
trees: [],
nodekey: "",
tableData: [{
cjdpz_tagid: '',
cjdpz_mc: '',
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
tdpz_ip: "",
tdpz_port: "",
tdpz_cssj: "",
tdpz_jgsj: "",
tdpz_lxsj: "",
tdpz_cfcs: "",
tdpz_watchtime: "",
tdpz_cjsylxdz: "",
tdpz_dxzkb: "",
tdpz_050F: "",
tdpz_0610: "",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "",
sbpz_jysb: "",
sbpz_jdzxz: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: '',
cjdpz_cjsjlx: '',
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: "",
mqtt_ip: "",
mqtt_port: "",
mqtt_wgsn: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_scms: "",
mqtt_sczq: "",
mqtt_sjgl: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
}],
options1: [{
value: "MachinePamHID909",
@ -532,13 +574,13 @@ export default {
rightMenu: "",
dialogVisible: true,
menuShow: false,
formdata: {
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "3C:2D:50:20:30:3D",
sbpz_jysb: false,
sbpz_jdzxz: true,
},
// formdata: {
// sbpz_sbid: "",
// sbpz_sbmc: "",
// sbpz_mac: "3C:2D:50:20:30:3D",
// sbpz_jysb: false,
// sbpz_jdzxz: true,
// },
selectlabel: "",
datas: [{
label: 'Gateway',
@ -604,11 +646,11 @@ export default {
// 网关配置
outerVisible: false,
gateWay: {
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
},
// gateWay: {
// wgpz_wgmc: "",
// wgpz_wgid: "",
// wgpz_wglx: "",
// },
rulesGate: {
wgpz_wgmc: [
{ required: true, message: "请选择网关名称", trigger: "blur" },
@ -690,21 +732,22 @@ export default {
if (data.editing) {
this.outerVisible = true;
this.add_passage = false;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
});
if (res2.data.data && res2.data.state) {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// console.log(this.formData.wgpz_wgid);
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
this.gateWay.wgpz_wglx = res3.wgpz_wglx;
}
this.GetUserAnswer();
// let res2 = await GetUserAnswer({
// mark: "DB-IotLite_yx",
// user_id: this.user_id,
// // user_id: "USER202307301114011710",
// });
// if (res2.data.data && res2.data.state) {
// console.log(res2.data.data.mark_value);
// let obj = JSON.parse(res2.data.data.mark_value);
// this.gateWay.wgpz_wgid = obj.wgpz_wgid;
// // console.log(this.tableData[0].wgpz_wgid);
// this.gateWay.wgpz_wgmc = obj.wgpz_wgmc;
// this.gateWay.wgpz_wglx = obj.wgpz_wglx;
// }
}
if (node.level == 2) {
if (node.level == 4) {
this.menuShow = false;
this.menuShow = true;
this.nodekey = data.id;
@ -726,22 +769,23 @@ export default {
console.log(index);
if (index == 1) {
this.edit_device = true;
let answer = await GetUserAnswer({
mark: "DB-IotLite_yx",
// user_id: "USER202307301114011710",
user_id: this.user_id,
})
this.add_passage = false;
console.log(answer);
let obj = JSON.parse(answer.data.data.mark_value);
console.log(obj);
if (obj.sbpz_sbid) {
this.formdata.sbpz_sbid = obj.sbpz_sbid;
this.formdata.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
this.formdata.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
this.formdata.sbpz_sbmc = obj.sbpz_sbmc;
this.formdata.sbpz_mac = obj.sbpz_mac;
}
this.GetUserAnswer();
// let answer = await GetUserAnswer({
// mark: "DB-IotLite_yx",
// // user_id: "USER202307301114011710",
// user_id: this.user_id,
// })
// this.add_passage = false;
// console.log(answer);
// let obj = JSON.parse(answer.data.data.mark_value);
// console.log(obj);
// if (obj.sbpz_sbid) {
// this.formdata.sbpz_sbid = obj.sbpz_sbid;
// this.formdata.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
// this.formdata.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
// this.formdata.sbpz_sbmc = obj.sbpz_sbmc;
// this.formdata.sbpz_mac = obj.sbpz_mac;
// }
} else if (index == 2) {
this.$refs["tree"].remove(this.nodekey);
this.sendTree();
@ -749,6 +793,7 @@ export default {
message: '删除成功',
type: 'success'
});
this.$router.back();
}
},
foo() {
@ -767,15 +812,16 @@ export default {
getDriveName() {
this.diag_drive = true;
},
// 保存表单
async handleSelect() {
// console.log(this.tableData);
let datas = sessionStorage.getItem("DB-IotLite_yx");
this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(this.tableData),
mark_value: JSON.stringify(this.tableData[0]),
});
if (res.data.state) {
this.$message({
@ -783,8 +829,8 @@ export default {
type: "success",
});
console.log(res);
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.tableData));
console.log(this.tableData);
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.tableData[0]));
// console.log(this.tableData);
} else {
this.$message({
message: `保存失败`,
@ -817,6 +863,44 @@ export default {
this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
this.tableData[0].cjdpz_beilv = obj.cjdpz_beilv;
}
this.tableData[0].ippz_mrwg = obj.ippz_mrwg;
this.tableData[0].ippz_ip = obj.ippz_ip;
this.tableData[0].zwym = obj.zwym;
this.tableData[0].ippz_dns_sx = obj.ippz_dns_sx;
this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
this.tableData[0].wgpz_wglx = obj.wgpz_wglx;
this.tableData[0].tdpz_tdmc = obj.tdpz_tdmc;
this.tableData[0].tdpz_td = obj.tdpz_td;
this.tableData[0].tdpz_qdmc = obj.tdpz_qdmc;
this.tableData[0].tdpz_ip = obj.tdpz_ip;
this.tableData[0].tdpz_port = obj.tdpz_port;
this.tableData[0].tdpz_cssj = obj.tdpz_cssj;
this.tableData[0].tdpz_jgsj = obj.tdpz_jgsj;
this.tableData[0].tdpz_lxsj = obj.tdpz_lxsj;
this.tableData[0].tdpz_cfcs = obj.tdpz_cfcs;
this.tableData[0].tdpz_watchtime = obj.tdpz_watchtime;
this.tableData[0].tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
this.tableData[0].tdpz_dxzkb = obj.tdpz_dxzkb;
this.tableData[0].tdpz_050F = obj.tdpz_050F;
this.tableData[0].tdpz_0610 = obj.tdpz_0610;
this.tableData[0].sbpz_sbid = obj.sbpz_sbid;
this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
this.tableData[0].sbpz_mac = obj.sbpz_mac;
this.tableData[0].sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
this.tableData[0].sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
this.tableData[0].mqtt_qiyong = obj.mqtt_qiyong;
this.tableData[0].mqtt_ip = obj.mqtt_ip;
this.tableData[0].mqtt_port = obj.mqtt_port;
this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
this.tableData[0].mqtt_qos = obj.mqtt_qos;
this.tableData[0].mqtt_scms = obj.mqtt_scms;
this.tableData[0].mqtt_sczq = obj.mqtt_sczq;
this.tableData[0].mqtt_sjgl = obj.mqtt_sjgl;
this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
}
},
async sendTree() {
@ -833,13 +917,13 @@ export default {
let datas = sessionStorage.getItem("DB-IotLite_yx");
console.log(datas);
var obj = {
sbpz_sbid: this.formdata.sbpz_sbid,
sbpz_sbmc: this.formdata.sbpz_sbmc,
sbpz_mac: this.formdata.sbpz_mac,
sbpz_jysb: String(Number(this.formdata.sbpz_jysb)),
sbpz_jdzxz: String(Number(this.formdata.sbpz_jdzxz)),
sbpz_sbid: this.tableData[0].sbpz_sbid,
sbpz_sbmc: this.tableData[0].sbpz_sbmc,
sbpz_mac: this.tableData[0].sbpz_mac,
sbpz_jysb: String(Number(this.tableData[0].sbpz_jysb)),
sbpz_jdzxz: String(Number(this.tableData[0].sbpz_jdzxz)),
}
datas = { ...JSON.parse(datas), ...obj };
datas = { ...this.tableData[0], ...obj };
this.add_passage = false;
let res4 = await SaveUserAnswer({
mark: "DB-IotLite_yx",
@ -854,7 +938,7 @@ export default {
type: "success",
});
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
this.updateLabelById(this.nodekey, this.formdata.sbpz_sbmc);
this.updateLabelById(this.nodekey, this.tableData[0].sbpz_sbmc);
this.sendTree();
} else {
this.$message({
@ -923,24 +1007,25 @@ export default {
async saveGates() {
this.outerVisible = false;
// this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.gateWay };
console.log(datas);
// datas = { ...JSON.parse(datas), ...this.gateWay };
// console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
mark_value: JSON.stringify(this.tableData[0]),
step: "3",
});
if (res.data.state) {
this.$message({
message: "修改成功",
type: "success",
});
this.trees[0].label = this.gateWay.wgpz_wgid;
this.trees[0].label = this.tableData[0].wgpz_wgid;
this.sendTree();
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.tableData[0]));
} else {
this.$message({
message: `保存失败,原因是${res.data.message}`,
@ -953,6 +1038,7 @@ export default {
created() {
console.log(this.$route.query.user_id);
this.user_id = this.$route.query.user_id;
// this.user_id = this.$store.state.user_id;
this.getTree();
this.loading = true;
this.GetUserAnswer();
@ -1090,6 +1176,6 @@ export default {
z-index: 10000;
position: absolute;
left: 95px;
top: 12px;
top: 0px;
}
</style>

1
src/components/CollectionWifi.vue
View File

@ -749,6 +749,7 @@ export default {
type: 'success'
});
}
this.$router.back();
},
foo() {
// 取消鼠标监听事件 菜单栏

119
src/components/DataAcquisition.vue
View File

@ -97,9 +97,54 @@ export default {
],
value: "",
formData: {
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "3C:2D:50:20:30:3D",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
tdpz_ip: "",
tdpz_port: "",
tdpz_cssj: "",
tdpz_jgsj: "",
tdpz_lxsj: "",
tdpz_cfcs: "",
tdpz_watchtime: "",
tdpz_cjsylxdz: "",
tdpz_dxzkb: "",
tdpz_050F: "",
tdpz_0610: "",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "",
sbpz_jysb: "",
sbpz_jdzxz: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: "",
mqtt_ip: "",
mqtt_port: "",
mqtt_wgsn: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_scms: "",
mqtt_sczq: "",
mqtt_sjgl: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
rules: {
wgpz_wgmc: [
@ -135,15 +180,15 @@ export default {
async innerConfirm() {
this.outerVisible = false;
this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.formData };
console.log(datas);
// datas = { ...JSON.parse(datas), ...this.formData };
// console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
// user_id: this.user_id,
user_id: "USER202307301114011710",
mark_value: JSON.stringify(this.formData),
step: "1",
});
if (res.data.state) {
@ -151,7 +196,7 @@ export default {
message: "保存成功",
type: "success",
});
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.formData));
// sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.formData));
this.$router.push(`/channelconfig?user_id=${this.user_id}&firstlabel=${this.formData.wgpz_wgid}`);
} else {
this.$message({
@ -166,8 +211,8 @@ export default {
this.loading = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
// user_id: this.user_id,
user_id: "USER202307301114011710",
});
this.loading = false;
console.log(res2);
@ -175,19 +220,67 @@ export default {
if (res2.data.data && res2.data.state) {
if (res2.data.data.step == 1) {
this.$router.push(`/channelconfig?user_id=${this.user_id}`)
this.$router.replace(`/channelconfig?user_id=${this.user_id}`)
} else if (res2.data.data.step == 2) {
this.$router.push(`/dbcollectdevice?user_id=${this.user_id}`)
this.$router.replace(`/dbcollectdevice?user_id=${this.user_id}`)
} else if (res2.data.data.step == 3) {
this.$router.push(`/dbcollect?user_id=${this.user_id}`)
this.$router.replace(`/dbcollect?user_id=${this.user_id}`)
} else {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
if (res3.wgpz_wgid) {
this.formData.wgpz_wgid = res3.wgpz_wgid;
console.log(this.formData.wgpz_wgid);
// console.log(this.formData.wgpz_wgid);
this.formData.wgpz_wgmc = res3.wgpz_wgmc;
this.formData.wgpz_wglx = res3.wgpz_wglx;
this.formData.ippz_wangkou = res3.ippz_wangkou;
this.formData.ippz_mrwg = res3.ippz_mrwg;
this.formData.ippz_ip = res3.ippz_ip;
this.formData.zwym = res3.zwym;
this.formData.ippz_dns_sx = res3.ippz_dns_sx;
this.formData.ippz_dns_by = res3.ippz_dns_by;
this.formData.ippz_mac = res3.ippz_mac;
this.formData.tdpz_tdmc = res3.tdpz_tdmc;
this.formData.tdpz_td = res3.tdpz_td;
this.formData.tdpz_qdmc = res3.tdpz_qdmc;
this.formData.tdpz_ip = res3.tdpz_ip;
this.formData.tdpz_port = res3.tdpz_port;
this.formData.tdpz_cssj = res3.tdpz_cssj;
this.formData.tdpz_jgsj = res3.tdpz_jgsj;
this.formData.tdpz_lxsj = res3.tdpz_lxsj;
this.formData.tdpz_cfcs = res3.tdpz_cfcs;
this.formData.tdpz_watchtime = res3.tdpz_watchtime;
this.formData.tdpz_cjsylxdz = res3.tdpz_cjsylxdz;
this.formData.tdpz_dxzkb = res3.tdpz_dxzkb;
this.formData.tdpz_050F = res3.tdpz_050F;
this.formData.tdpz_0610 = res3.tdpz_0610;
this.formData.sbpz_sbid = res3.sbpz_sbid;
this.formData.sbpz_sbmc = res3.sbpz_sbmc;
this.formData.sbpz_mac = res3.sbpz_mac;
this.formData.sbpz_jysb = res3.sbpz_jysb;
this.formData.sbpz_jdzxz = res3.sbpz_jdzxz;
this.formData.cjdpz_tagid = res3.cjdpz_tagid;
this.formData.cjdpz_mc = res3.cjdpz_mc;
this.formData.cjdpz_sjq = res3.cjdpz_sjq;
this.formData.cjdpz_jcqdz = res3.cjdpz_jcqdz;
this.formData.cjdpz_cjsjlx = res3.cjdpz_cjsjlx;
this.formData.cjdpz_zjx = res3.cjdpz_zjx;
this.formData.cjdpz_dxsx = res3.cjdpz_dxsx;
this.formData.cjdpz_beilv = res3.cjdpz_beilv;
this.formData.mqtt_qiyong = res3.mqtt_qiyong;
this.formData.mqtt_ip = res3.mqtt_ip;
this.formData.mqtt_port = res3.mqtt_port;
this.formData.mqtt_wgsn = res3.mqtt_wgsn;
this.formData.mqtt_sssjfbzt = res3.mqtt_sssjfbzt;
this.formData.mqtt_qos = res3.mqtt_qos;
this.formData.mqtt_scms = res3.mqtt_scms;
this.formData.mqtt_sczq = res3.mqtt_sczq;
this.formData.mqtt_sjgl = res3.mqtt_sjgl;
this.formData.mqtt_cjd_sbmc = res3.mqtt_cjd_sbmc;
this.formData.mqtt_cjd_tagid = res3.mqtt_cjd_tagid;
}
}
}

137
src/components/DeviceVIew.vue
View File

@ -85,21 +85,21 @@
<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="formdata" :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-select v-model="formdata.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-select v-model="formdata.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-select v-model="formdata.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>
@ -128,11 +128,54 @@ export default {
user_id: "",
trees: [],
formdata: {
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
tdpz_ip: "",
tdpz_port: "",
tdpz_cssj: "",
tdpz_jgsj: "",
tdpz_lxsj: "",
tdpz_cfcs: "",
tdpz_watchtime: "",
tdpz_cjsylxdz: "",
tdpz_dxzkb: "",
tdpz_050F: "",
tdpz_0610: "",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "3C:2D:50:20:30:3D",
sbpz_jysb: false,
sbpz_jdzxz: true,
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: "",
mqtt_ip: "",
mqtt_port: "",
mqtt_wgsn: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_scms: "",
mqtt_sczq: "",
mqtt_sjgl: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
labelPosition: "left",
formLabelWidth: "116px",
@ -326,19 +369,20 @@ export default {
console.log(node);
if (data.editing) {
this.outerVisible = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
});
if (res2.data.data && res2.data.state) {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// console.log(this.formData.wgpz_wgid);
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
this.gateWay.wgpz_wglx = res3.wgpz_wglx;
}
this.GetUserAnswer();
// let res2 = await GetUserAnswer({
// mark: "DB-IotLite_yx",
// user_id: this.user_id,
// // user_id: "USER202307301114011710",
// });
// if (res2.data.data && res2.data.state) {
// console.log(res2.data.data.mark_value);
// let res3 = JSON.parse(res2.data.data.mark_value);
// this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// // console.log(this.formData.wgpz_wgid);
// this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
// this.gateWay.wgpz_wglx = res3.wgpz_wglx;
// }
}
if (node.level == 4) {
this.menuShow = false;
@ -366,6 +410,7 @@ export default {
message: '删除成功',
type: 'success'
});
this.$router.back();
}
},
foo() {
@ -393,7 +438,7 @@ export default {
sbpz_jysb: String(Number(this.formdata.sbpz_jysb)),
sbpz_jdzxz: String(Number(this.formdata.sbpz_jdzxz)),
}
datas = { ...JSON.parse(datas), ...obj };
datas = { ...this.formdata, ...obj };
this.add_passage = false;
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
@ -439,6 +484,47 @@ export default {
this.formdata.sbpz_sbmc = obj.sbpz_sbmc;
this.formdata.sbpz_mac = obj.sbpz_mac;
}
this.formdata.ippz_mrwg = obj.ippz_mrwg;
this.formdata.ippz_ip = obj.ippz_ip;
this.formdata.zwym = obj.zwym;
this.formdata.ippz_dns_sx = obj.ippz_dns_sx;
this.formdata.ippz_dns_by = obj.ippz_dns_by;
this.formdata.wgpz_wgmc = obj.wgpz_wgmc;
this.formdata.wgpz_wgid = obj.wgpz_wgid;
this.formdata.wgpz_wglx = obj.wgpz_wglx;
this.formdata.tdpz_tdmc = obj.tdpz_tdmc;
this.formdata.tdpz_td = obj.tdpz_td;
this.formdata.tdpz_qdmc = obj.tdpz_qdmc;
this.formdata.tdpz_ip = obj.tdpz_ip;
this.formdata.tdpz_port = obj.tdpz_port;
this.formdata.tdpz_cssj = obj.tdpz_cssj;
this.formdata.tdpz_jgsj = obj.tdpz_jgsj;
this.formdata.tdpz_lxsj = obj.tdpz_lxsj;
this.formdata.tdpz_cfcs = obj.tdpz_cfcs;
this.formdata.tdpz_watchtime = obj.tdpz_watchtime;
this.formdata.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
this.formdata.tdpz_dxzkb = obj.tdpz_dxzkb;
this.formdata.tdpz_050F = obj.tdpz_050F;
this.formdata.tdpz_0610 = obj.tdpz_0610;
this.formdata.cjdpz_tagid = obj.cjdpz_tagid;
this.formdata.cjdpz_mc = obj.cjdpz_mc;
this.formdata.cjdpz_sjq = obj.cjdpz_sjq;
this.formdata.cjdpz_jcqdz = obj.cjdpz_jcqdz;
this.formdata.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
this.formdata.cjdpz_zjx = obj.cjdpz_zjx;
this.formdata.cjdpz_dxsx = obj.cjdpz_dxsx;
this.formdata.cjdpz_beilv = obj.cjdpz_beilv;
this.formdata.mqtt_qiyong = obj.mqtt_qiyong;
this.formdata.mqtt_ip = obj.mqtt_ip;
this.formdata.mqtt_port = obj.mqtt_port;
this.formdata.mqtt_wgsn = obj.mqtt_wgsn;
this.formdata.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
this.formdata.mqtt_qos = obj.mqtt_qos;
this.formdata.mqtt_scms = obj.mqtt_scms;
this.formdata.mqtt_sczq = obj.mqtt_sczq;
this.formdata.mqtt_sjgl = obj.mqtt_sjgl;
this.formdata.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
this.formdata.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
}
},
async sendTree() {
@ -465,27 +551,28 @@ export default {
async saveGates() {
this.outerVisible = false;
// this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.gateWay };
console.log(datas);
// datas = { ...JSON.parse(datas), ...this.gateWay };
// console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
mark_value: JSON.stringify(this.formdata),
step: "2",
});
if (res.data.state) {
this.$message({
message: "修改成功",
type: "success",
});
this.trees[0].label = this.gateWay.wgpz_wgid;
this.trees[0].label = this.formdata.wgpz_wgid;
this.sendTree();
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
// sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
} else {
this.$message({
message: `保存失败,原因是${res.data.message}`,
message: `修改失败,原因是${res.data.message}`,
type: "error",
});
}

1
src/components/DeviceWirle.vue
View File

@ -400,6 +400,7 @@ export default {
message: "删除成功",
type: "success",
});
this.$router.back();
}
},
foo() {

115
src/components/GateWay.vue
View File

@ -155,13 +155,54 @@ export default {
// 判断是否保存过
loading: false,
formData: {
ippz_wangkou: "ETH0",
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "3C:2D:50:20:30:3D",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
tdpz_ip: "",
tdpz_port: "",
tdpz_cssj: "",
tdpz_jgsj: "",
tdpz_lxsj: "",
tdpz_cfcs: "",
tdpz_watchtime: "",
tdpz_cjsylxdz: "",
tdpz_dxzkb: "",
tdpz_050F: "",
tdpz_0610: "",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "",
sbpz_jysb: "",
sbpz_jdzxz: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: "",
mqtt_ip: "",
mqtt_port: "",
mqtt_wgsn: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_scms: "",
mqtt_sczq: "",
mqtt_sjgl: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
labelPosition: "left",
ippz_zwym1: "255",
@ -250,10 +291,6 @@ export default {
// },
},
methods: {
getParameter(data) {
console.log(data);
this.user_id = data;
},
// 提交时的校验
submitForm() {
this.$refs["formData"].validate((valid) => {
@ -418,8 +455,6 @@ export default {
// 保存数据, 发送请求
async saveAll() {
// this.dialogFormVisible = false;
// this.isSaveAnswer = true;
this.formData.ippz_ip = this.Merge(
this.formData.ippz_ip,
this.ippz_ip1,
@ -456,13 +491,15 @@ export default {
this.ippz_dns_by4
);
console.log(this.formData);
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.formData));
// sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.formData));
let data = {
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: this.user_id,
user_id: "USER202307301114011710",
mark_value: JSON.stringify(this.formData),
};
let res = await SaveUserAnswer(data);
console.log(res);
if (res.data.state) {
this.$message({
message: "保存成功",
@ -486,21 +523,22 @@ export default {
this.loading = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: this.user_id,
user_id: "USER202307301114011710",
});
this.loading = false;
console.log(res2);
if (res2.data.data && res2.data.state) {
console.log("391");
let res3 = JSON.parse(res2.data.data.mark_value);
console.log(res3);
if (res3.ippz_wangkou) {
this.formData.ippz_wangkou = res3.ippz_wangkou;
}
if (res3.ippz_mac) {
this.formData.ippz_mac = res3.ippz_mac;
}
this.formData.ippz_wangkou = res3.ippz_wangkou;
if (res3.ippz_mac) { this.formData.ippz_mac = res3.ippz_mac; }
if (res3.ippz_mrwg) {
this.formData.ippz_mrwg = res3.ippz_mrwg;
this.formData.ippz_ip = res3.ippz_ip;
this.formData.zwym = res3.zwym;
this.formData.ippz_dns_sx = res3.ippz_dns_sx;
this.formData.ippz_dns_by = res3.ippz_dns_by;
this.ippz_mrwg1 = res3.ippz_mrwg.split(".")[0];
this.ippz_mrwg2 = res3.ippz_mrwg.split(".")[1];
this.ippz_mrwg3 = res3.ippz_mrwg.split(".")[2];
@ -522,6 +560,49 @@ export default {
this.ippz_dns_by3 = res3.ippz_dns_by.split(".")[2];
this.ippz_dns_by4 = res3.ippz_dns_by.split(".")[3];
}
this.formData.wgpz_wgmc = res3.wgpz_wgmc;
this.formData.wgpz_wgid = res3.wgpz_wgid;
this.formData.wgpz_wglx = res3.wgpz_wglx;
this.formData.tdpz_tdmc = res3.tdpz_tdmc;
this.formData.tdpz_td = res3.tdpz_td;
this.formData.tdpz_qdmc = res3.tdpz_qdmc;
this.formData.tdpz_ip = res3.tdpz_ip;
this.formData.tdpz_port = res3.tdpz_port;
this.formData.tdpz_cssj = res3.tdpz_cssj;
this.formData.tdpz_jgsj = res3.tdpz_jgsj;
this.formData.tdpz_lxsj = res3.tdpz_lxsj;
this.formData.tdpz_cfcs = res3.tdpz_cfcs;
this.formData.tdpz_watchtime = res3.tdpz_watchtime;
this.formData.tdpz_cjsylxdz = res3.tdpz_cjsylxdz;
this.formData.tdpz_dxzkb = res3.tdpz_dxzkb;
this.formData.tdpz_050F = res3.tdpz_050F;
this.formData.tdpz_0610 = res3.tdpz_0610;
this.formData.sbpz_sbid = res3.sbpz_sbid;
this.formData.sbpz_sbmc = res3.sbpz_sbmc;
this.formData.sbpz_mac = res3.sbpz_mac;
this.formData.sbpz_jysb = res3.sbpz_jysb;
this.formData.sbpz_jdzxz = res3.sbpz_jdzxz;
this.formData.cjdpz_tagid = res3.cjdpz_tagid;
this.formData.cjdpz_mc = res3.cjdpz_mc;
this.formData.cjdpz_sjq = res3.cjdpz_sjq;
this.formData.cjdpz_jcqdz = res3.cjdpz_jcqdz;
this.formData.cjdpz_cjsjlx = res3.cjdpz_cjsjlx;
this.formData.cjdpz_zjx = res3.cjdpz_zjx;
this.formData.cjdpz_dxsx = res3.cjdpz_dxsx;
this.formData.cjdpz_beilv = res3.cjdpz_beilv;
this.formData.mqtt_qiyong = res3.mqtt_qiyong;
this.formData.mqtt_ip = res3.mqtt_ip;
this.formData.mqtt_port = res3.mqtt_port;
this.formData.mqtt_wgsn = res3.mqtt_wgsn;
this.formData.mqtt_sssjfbzt = res3.mqtt_sssjfbzt;
this.formData.mqtt_qos = res3.mqtt_qos;
this.formData.mqtt_scms = res3.mqtt_scms;
this.formData.mqtt_sczq = res3.mqtt_sczq;
this.formData.mqtt_sjgl = res3.mqtt_sjgl;
this.formData.mqtt_cjd_sbmc = res3.mqtt_cjd_sbmc;
this.formData.mqtt_cjd_tagid = res3.mqtt_cjd_tagid;
}
},
},

138
src/components/TreeView.vue
View File

@ -200,21 +200,21 @@
</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="FormData" :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-select v-model="FormData.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-select v-model="FormData.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-select v-model="FormData.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>
@ -242,6 +242,16 @@ export default {
gateway: "",
user_id: "",
FormData: {
ippz_wangkou: "",
ippz_zwym: "",
ippz_mrwg: "",
ippz_dns_sx: "",
ippz_dns_by: "",
ippz_ip: "",
ippz_mac: "",
wgpz_wgmc: "",
wgpz_wgid: "",
wgpz_wglx: "",
tdpz_tdmc: "",
tdpz_td: "",
tdpz_qdmc: "",
@ -255,6 +265,30 @@ export default {
tdpz_dxzkb: "",
tdpz_050F: "auto",
tdpz_0610: "auto",
sbpz_sbid: "",
sbpz_sbmc: "",
sbpz_mac: "",
sbpz_jysb: "",
sbpz_jdzxz: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_zjx: "",
cjdpz_dxsx: "",
cjdpz_beilv: "",
mqtt_qiyong: "",
mqtt_ip: "",
mqtt_port: "",
mqtt_wgsn: "",
mqtt_sssjfbzt: "",
mqtt_qos: "",
mqtt_scms: "",
mqtt_sczq: "",
mqtt_sjgl: "",
mqtt_cjd_sbmc: "",
mqtt_cjd_tagid: "",
},
tdpz_dxzkb1: "1",
tdpz_dxzkb2: "1",
@ -548,19 +582,20 @@ export default {
// console.log(node);
if (data.editing) {
this.outerVisible = true;
let res2 = await GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
});
if (res2.data.data && res2.data.state) {
console.log(res2.data.data.mark_value);
let res3 = JSON.parse(res2.data.data.mark_value);
this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// console.log(this.formData.wgpz_wgid);
this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
this.gateWay.wgpz_wglx = res3.wgpz_wglx;
}
// let res2 = await GetUserAnswer({
// mark: "DB-IotLite_yx",
// user_id: this.user_id,
// // user_id: "USER202307301114011710",
// });
// if (res2.data.data && res2.data.state) {
// console.log(res2.data.data.mark_value);
// let res3 = JSON.parse(res2.data.data.mark_value);
// this.gateWay.wgpz_wgid = res3.wgpz_wgid;
// // console.log(this.formData.wgpz_wgid);
// this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
// this.gateWay.wgpz_wglx = res3.wgpz_wglx;
// }
this.GetUserAnswer();
}
if (node.level == 3) {
this.nodekey = data.id;
@ -633,8 +668,11 @@ export default {
tdpz_050F: this.FormData.tdpz_050F,
tdpz_0610: this.FormData.tdpz_0610,
};
let datas = sessionStorage.getItem("DB-IotLite_yx");
datas = { ...JSON.parse(datas), ...obj };
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// datas = { ...JSON.parse(datas), ...obj };
console.log(this.FormData);
let datas = { ...this.FormData, ...obj };
console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
// user_id: "USER202307301114011710",
@ -642,13 +680,14 @@ export default {
mark_value: JSON.stringify(datas),
step: "2",
});
console.log(res);
if (res.data.state) {
this.$message({
message: "保存成功",
type: "success",
});
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
console.log(res);
// sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
this.add_passage = false;
// console.log(res.data.data.mark_value);
// this.$nextTick(() => {
@ -692,23 +731,21 @@ export default {
if (obj.tdpz_dxzkb) {
this.tdpz_dxzkb1 = obj.tdpz_dxzkb.split(":")[0];
this.tdpz_dxzkb2 = obj.tdpz_dxzkb.split(":")[1];
this.FormData.tdpz_dxzkb = obj.tdpz_dxzkb;
}
this.FormData.tdpz_watchtime = Boolean(Number(obj.tdpz_watchtime));
if (obj.tdpz_cjsylxdz) {
this.FormData.tdpz_cjsylxdz = Boolean(Number(obj.tdpz_cjsylxdz));
}
if (obj.tdpz_ip) {
this.FormData.tdpz_ip = obj.tdpz_ip;
this.tdpz_ip1 = obj.tdpz_ip.split(".")[0];
this.tdpz_ip2 = obj.tdpz_ip.split(".")[1];
this.tdpz_ip3 = obj.tdpz_ip.split(".")[2];
this.tdpz_ip4 = obj.tdpz_ip.split(".")[3];
}
if (obj.tdpz_tdmc) {
this.FormData.tdpz_tdmc = obj.tdpz_tdmc;
}
if (obj.tdpz_td) {
this.FormData.tdpz_td = obj.tdpz_td;
}
this.FormData.tdpz_tdmc = obj.tdpz_tdmc;
this.FormData.tdpz_td = obj.tdpz_td;
this.FormData.tdpz_qdmc = obj.tdpz_qdmc;
if (obj.tdpz_050F) {
this.FormData.tdpz_050F = obj.tdpz_050F;
@ -721,6 +758,38 @@ export default {
this.FormData.tdpz_jgsj = obj.tdpz_jgsj;
this.FormData.tdpz_lxsj = obj.tdpz_lxsj;
this.FormData.tdpz_cfcs = obj.tdpz_cfcs;
this.FormData.ippz_mrwg = obj.ippz_mrwg;
this.FormData.ippz_ip = obj.ippz_ip;
this.FormData.zwym = obj.zwym;
this.FormData.ippz_dns_sx = obj.ippz_dns_sx;
this.FormData.ippz_dns_by = obj.ippz_dns_by;
this.FormData.wgpz_wgmc = obj.wgpz_wgmc;
this.FormData.wgpz_wgid = obj.wgpz_wgid;
this.FormData.wgpz_wglx = obj.wgpz_wglx;
this.FormData.sbpz_sbid = obj.sbpz_sbid;
this.FormData.sbpz_sbmc = obj.sbpz_sbmc;
this.FormData.sbpz_mac = obj.sbpz_mac;
this.FormData.sbpz_jysb = obj.sbpz_jysb;
this.FormData.sbpz_jdzxz = obj.sbpz_jdzxz;
this.FormData.cjdpz_tagid = obj.cjdpz_tagid;
this.FormData.cjdpz_mc = obj.cjdpz_mc;
this.FormData.cjdpz_sjq = obj.cjdpz_sjq;
this.FormData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
this.FormData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
this.FormData.cjdpz_zjx = obj.cjdpz_zjx;
this.FormData.cjdpz_dxsx = obj.cjdpz_dxsx;
this.FormData.cjdpz_beilv = obj.cjdpz_beilv;
this.FormData.mqtt_qiyong = obj.mqtt_qiyong;
this.FormData.mqtt_ip = obj.mqtt_ip;
this.FormData.mqtt_port = obj.mqtt_port;
this.FormData.mqtt_wgsn = obj.mqtt_wgsn;
this.FormData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
this.FormData.mqtt_qos = obj.mqtt_qos;
this.FormData.mqtt_scms = obj.mqtt_scms;
this.FormData.mqtt_sczq = obj.mqtt_sczq;
this.FormData.mqtt_sjgl = obj.mqtt_sjgl;
this.FormData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
this.FormData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
}
},
async sendTree() {
@ -748,27 +817,28 @@ export default {
async saveGates() {
this.outerVisible = false;
// this.innerVisible = false;
let datas = sessionStorage.getItem("DB-IotLite_yx");
// let datas = sessionStorage.getItem("DB-IotLite_yx");
// console.log(JSON.parse(datas));
datas = { ...JSON.parse(datas), ...this.gateWay };
console.log(datas);
// datas = { ...JSON.parse(datas), ...this.gateWay };
// console.log(datas);
let res = await SaveUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
mark_value: JSON.stringify(datas),
mark_value: JSON.stringify(this.FormData),
step: "1",
});
if (res.data.state) {
this.$message({
message: "修改成功",
type: "success",
});
this.trees[0].label = this.gateWay.wgpz_wgid;
this.trees[0].label = this.FormData.wgpz_wgid;
this.sendTree();
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
// sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
} else {
this.$message({
message: `保存失败,原因是${res.data.message}`,
message: `修改失败,原因是${res.data.message}`,
type: "error",
});
}

8
src/store/index.js
View File

@ -7,6 +7,8 @@ export default new Vuex.Store({
state: {
tree: JSON.parse(localStorage.getItem("tree")),
type: "",
currentComponent: "",
user_id: "USER202307301114011710",
},
mutations: {
setTree(state, a) {
@ -16,6 +18,12 @@ export default new Vuex.Store({
setType(state, a) {
state.type = a;
},
changeComPonent(state, a) {
state.currentComponent = a;
},
saveUserID(state, a) {
state.user_id = a;
}
},
actions: {},
});

69
src/views/DbCollectiongate.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<DataAcquisition></DataAcquisition>
<DataAcquisition></DataAcquisition>
</div>
</template>
@ -8,25 +8,80 @@
import DataAcquisition from '@/components/DataAcquisition.vue';
export default {
name: 'InternetCompetitionDbCollectiongate',
components:{
components: {
DataAcquisition
},
data() {
return {
};
},
mounted() {
},
methods: {
},
};
</script>
<style lang="less" scoped>
<style lang="less" scoped></style>
<!--
<template>
<div>
<component :is="$store.state.currentComponent"></component>
</div>
</template>
</style>
<script>
import { GetUserAnswer } from '@/api/user';
import DeviceVIew from '@/components/DeviceVIew.vue';
import DataAcquisition from '@/components/DataAcquisition.vue';
import TreeView from '@/components/TreeView.vue';
import CollectionView from '@/components/CollectionView.vue';
export default {
name: 'InternetCompetitionDbCollectiongate',
components: {
DataAcquisition,
DeviceVIew,
TreeView,
CollectionView,
},
data() {
return {
};
},
mounted() {
GetUserAnswer({
mark: "DB-IotLite_yx",
user_id: this.user_id,
// user_id: "USER202307301114011710",
}).then((res) => {
console.log(res);
console.log(res.data.data.step);
let step = res.data.data.step;
if (step == 1) {
this.$store.commit("changeComPonent", "TreeView");
// this.currentComponent = TreeView;
} else if (step == 2) {
this.$store.commit("changeComPonent", "DeviceVIew");
// this.currentComponent = DeviceVIew;
} else if (step == 3) {
this.$store.commit("changeComPonent", "CollectionView");
// this.currentComponent = CollectionView;
} else {
this.$store.commit("changeComPonent", "DataAcquisition");
// this.currentComponent = DataAcquisition;
}
})
},
methods: {
},
};
</script>
<style lang="less" scoped></style>
-->

4
src/views/Index.vue
View File

@ -45,15 +45,17 @@
<router-link to="/ntmaintenance">网络优化-网关维护</router-link>
</div>
<!-- <ceshi></ceshi> -->
<!-- <CeCe></CeCe> -->
</div>
</template>
<script>
// import Ceshi from '@/components/ceshi.vue';
// import ceshi from '@/components/ceshi.vue';
// import CeCe from '@/components/CeCe.vue';
export default {
name: "App",
components: {
// ceshi
// CeCe
},
data() {
return {