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

Compare commits

base: chengdandan:7af2033e68ee599cf63a4e5438993759fb1bedd4
Branches Tags
chengdandan:master
...
compare: chengdandan:a14abdf350ed2a4427ca0e212d0699ad5a7d560d
Branches Tags
chengdandan:master

2 Commits
7af2033e68 ... a14abdf350

Author SHA1 Message Date
lll a14abdf350 Merge branch 'master' of http://git.umayle.com:2023/chengdandan/InternetCompetition 2023-11-13 18:50:38 +08:00
lll c1f47a4040 111 2023-11-13 18:50:22 +08:00
18 changed files with 2259 additions and 1599 deletions
Show Stats Expand all files Collapse all files

5
src/answerObj.js
View File

@ -1,5 +0,0 @@
export let answer = {
kqwk: "1",
wkgzfs: "2",
wkms: "3",
};

8
src/components/AddPolicy.vue
View File

@ -830,7 +830,7 @@ export default {
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`, mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`, user_id: `${this.$route.query.id}`,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });
@ -849,7 +849,7 @@ export default {
let { data } = await GetUserAnswer({ let { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`, mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`, user_id: `${this.$route.query.id}`,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
if (data.data && data.state) { if (data.data && data.state) {
@ -926,7 +926,7 @@ export default {
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`, mark: `${this.$store.state.type}`,
user_id: `${this.$route.query.id}`, user_id: `${this.$route.query.id}`,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });
@ -986,7 +986,7 @@ export default {
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: this.$store.state.type, mark: this.$store.state.type,
user_id: this.$route.query.id, user_id: this.$route.query.id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });

225
src/components/ChiClonewifi.vue
View File

@ -5,8 +5,15 @@
<!-- <div v-click-outside="closeMenu"> --> <!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
<div v-show="dialogVisible" class="tree_menu"> <div v-show="dialogVisible" class="tree_menu">
<el-tree :data="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 @@
<div class="con_left"> <div class="con_left">
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3> <h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
<el-divider></el-divider> <el-divider></el-divider>
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="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,22 +44,42 @@
</el-row> </el-row>
<el-row class="serveIp"> <el-row class="serveIp">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip"> <el-form-item
label="服务器IP:"
:label-width="formLabelWidth"
prop="mqtt_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip1"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">. </el-col> <el-col :span="1">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip2" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip2"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip3" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip3"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip4" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip4"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -55,31 +87,62 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn"> <el-form-item
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input> label="网关SN:"
:label-width="formLabelWidth"
prop="mqtt_wgsn"
>
<el-input
v-model="formData.mqtt_wgsn"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port"> <el-form-item
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input> label="端口:"
:label-width="formLabelWidth"
prop="mqtt_port"
>
<el-input
v-model="formData.mqtt_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_keepalive" placeholder="" label="Keep Alive(s):"
style="width: 200px; height: 30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_keepalive"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div> <div class="infos">2-60000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施数据发布主题:" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_sssjfbzt" placeholder="" style="width: 200px; height: 30px"></el-input> label="实施数据发布主题:"
:label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_sssjfbzt"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -105,9 +168,22 @@
<el-form-item> <el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week"> <el-form-item
<el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px"> label="Qos(MQTT):"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="upload_week"
>
<el-select
v-model="formData.mqtt_qos"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -144,7 +220,9 @@
</div> </div>
<div> <div>
<div class="con_right"> <div class="con_right">
<h3 class="mqtt" style="margin-top: 20px; color: white">标准MQTT采集点</h3> <h3 class="mqtt" style="margin-top: 20px; color: white">
标准MQTT采集点
</h3>
<el-divider></el-divider> <el-divider></el-divider>
<!-- <el-button type="info" plain @click="handleSelect">保存</el-button> --> <!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
@ -159,16 +237,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>
@ -179,8 +265,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>
@ -192,16 +284,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="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>
@ -247,6 +363,37 @@ export default {
// mqtt_tls: false, // mqtt_tls: false,
// mqtt_clearsession: false, // mqtt_clearsession: false,
mqtt_qos: "0", mqtt_qos: "0",
ippz_ssid: "",
ippz_rzfs: "", //答案：WPA2-PSK
ippz_jmfs: "", //答案：AES
ippz_mm: "",
wgpz_wgmc: "",
wgpz_wgid: "",
sbpz_sbmc: "",
sbpz_kzqxy: " ",
sbpz_ip: "",
sbpz_port: "",
sbpz_czdz: "",
sbpz_lxzq: "",
sbpz_qyhmcj: "",
sbpz_qyplcj: "",
sbpz_zdplcjs: "",
sbpz_cjcgsj: "",
sbpz_zqsbonchange: "",
sbpz_txsjjg: "",
sbpz_xqjcqxr: "",
sbpz_bcjcqxr: "",
cjdpz_tagid: "",
cjdpz_mc: "",
cjdpz_sjq: "",
cjdpz_jcqdz: "",
cjdpz_cjsjlx: "",
cjdpz_dxsx: "",
cjdpz_scms: "",
}, },
mqtt_ip1: "", mqtt_ip1: "",
mqtt_ip2: "", mqtt_ip2: "",
@ -492,15 +639,13 @@ export default {
required: true, required: true,
message: "", message: "",
validator: this.validateIp, validator: this.validateIp,
trigger: "blur" trigger: "blur",
}, },
], ],
mqtt_wgsn: [ mqtt_wgsn: [
{ required: true, message: "请输入网关SN", trigger: "blur" }, { required: true, message: "请输入网关SN", trigger: "blur" },
], ],
mqtt_port: [ mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
{ required: true, message: "请输入端口", trigger: "blur" },
],
mqtt_keepalive: [ mqtt_keepalive: [
{ required: true, message: "请输入KeepAlive", trigger: "blur" }, { required: true, message: "请输入KeepAlive", trigger: "blur" },
], ],
@ -558,7 +703,7 @@ export default {
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);
}) });
}, },
methods: { methods: {
//ip地址验证 //ip地址验证
@ -753,7 +898,7 @@ export default {
user_id: this.user_id, user_id: this.user_id,
data: JSON.stringify(this.trees), data: JSON.stringify(this.trees),
type: "4", type: "4",
}) });
console.log(result); console.log(result);
}, },
//网关配置的信息 //网关配置的信息
@ -839,7 +984,7 @@ export default {
}); });
} }
console.log(res); console.log(res);
} },
}, },
mounted() { mounted() {
this.GetUserAnswer(); this.GetUserAnswer();
@ -912,7 +1057,6 @@ export default {
padding-right: 348px; padding-right: 348px;
} }
.el-row { .el-row {
height: 54px; height: 54px;
display: flex; display: flex;
@ -1029,4 +1173,3 @@ export default {
margin-left: 20px; margin-left: 20px;
} }
</style> </style>

394
src/components/ChiCollection.vue
View File

@ -4,11 +4,22 @@
<!-- 设置树形控件 --> <!-- 设置树形控件 -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</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>
</template> </template>
<template v-else>{{ data.label }}</template> <template v-else>{{ data.label }}</template>
</span> </span>
@ -27,40 +38,63 @@
<el-table-column property="cjdpz_tagid" label="TagID"> <el-table-column property="cjdpz_tagid" label="TagID">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_tagid" placeholder=""> <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
<el-option v-for="(option, index) in options1" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options1"
: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="cjdpz_mc" label="名称"> <el-table-column property="cjdpz_mc" label="名称">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_mc" placeholder=""> <el-select v-model="scope.row.cjdpz_mc" 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="cjdpz_jcqdz" label="地址"> <el-table-column property="cjdpz_jcqdz" label="地址">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_dz" placeholder=""> <el-select v-model="scope.row.cjdpz_dz" 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>
<el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px"> <el-table-column
property="cjdpz_jcqdz"
label="寄存地址(十进制)"
width="150px"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1"> <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
<el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option> <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
</el-select> --> </el-select> -->
<el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input> <el-input
v-model="scope.row.cjdpz_jcqdz"
placeholder="1-9999"
></el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column property="cjdpz_cjsjlx" label="采集数据类型"> <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_cjsjlx" placeholder=""> <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
<el-option v-for="(option, index) in options5" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options5"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -68,16 +102,24 @@
<el-table-column property="cjdpz_dxsx" label="读写属性"> <el-table-column property="cjdpz_dxsx" label="读写属性">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_dxsx" placeholder=""> <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
<el-option v-for="(option, index) in options6" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options6"
: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="cjdpz_scms" label="上传模式"> <el-table-column property="cjdpz_scms" label="上传模式">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_scms" placeholder=""> <el-select v-model="scope.row.cjdpz_scms" placeholder="">
<el-option v-for="(option, index) in options7" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options7"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -91,16 +133,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="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>
@ -115,7 +181,7 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
export default { export default {
name: "ChiCollection", name: "ChiCollection",
@ -124,103 +190,136 @@ export default {
loading: false, loading: false,
flag: false, flag: false,
gateway: "", gateway: "",
user_id: '', user_id: "",
trees: [], trees: [],
options1: [{ options1: [
{
value: "MachinePamHID909", value: "MachinePamHID909",
label: "MachinePamHID909", label: "MachinePamHID909",
}, { },
{
value: "MachinePamHID910", value: "MachinePamHID910",
label: "MachinePamHID910", label: "MachinePamHID910",
}, { },
{
value: "MachinePamHID911", value: "MachinePamHID911",
label: "MachinePamHID911", label: "MachinePamHID911",
}, { },
{
value: "MachinePamHID912", value: "MachinePamHID912",
label: "MachinePamHID912", label: "MachinePamHID912",
}, { },
{
value: "MachinePamHID913", value: "MachinePamHID913",
label: "MachinePamHID913", label: "MachinePamHID913",
}, { },
{
value: "MachinePamHID914", value: "MachinePamHID914",
label: "MachinePamHID914", label: "MachinePamHID914",
}, { },
{
value: "MachinePamHID915", value: "MachinePamHID915",
label: "MachinePamHID915", label: "MachinePamHID915",
}, { },
{
value: "MachinePamHID916", value: "MachinePamHID916",
label: "MachinePamHID916", label: "MachinePamHID916",
}, { },
{
value: "MachinePamHID917", value: "MachinePamHID917",
label: "MachinePamHID917", label: "MachinePamHID917",
}, { },
{
value: "MachinePamHID918", value: "MachinePamHID918",
label: "MachinePamHID918", label: "MachinePamHID918",
}, { },
{
value: "MachinePamHID919", value: "MachinePamHID919",
label: "MachinePamHID919", label: "MachinePamHID919",
}, { },
{
value: "MachinePamHID920", value: "MachinePamHID920",
label: "MachinePamHID920", label: "MachinePamHID920",
}, { },
{
value: "MachinePamHID921", value: "MachinePamHID921",
label: "MachinePamHID921", label: "MachinePamHID921",
}, { },
{
value: "MachinePamHID922", value: "MachinePamHID922",
label: "MachinePamHID922", label: "MachinePamHID922",
}, { },
{
value: "MachinePamHID923", value: "MachinePamHID923",
label: "MachinePamHID923", label: "MachinePamHID923",
}, { },
{
value: "MachinePamHID924", value: "MachinePamHID924",
label: "MachinePamHID924", label: "MachinePamHID924",
}, { },
{
value: "MachinePamHID925", value: "MachinePamHID925",
label: "MachinePamHID925", label: "MachinePamHID925",
}, { },
{
value: "MachinePamHID926", value: "MachinePamHID926",
label: "MachinePamHID926", label: "MachinePamHID926",
}, { },
{
value: "MachinePamHID927", value: "MachinePamHID927",
label: "MachinePamHID927", label: "MachinePamHID927",
}, { },
{
value: "MachinePamHID928", value: "MachinePamHID928",
label: "MachinePamHID928", label: "MachinePamHID928",
}, { },
{
value: "MachinePamHID929", value: "MachinePamHID929",
label: "MachinePamHID929", label: "MachinePamHID929",
}, { },
{
value: "MachinePamHID930", value: "MachinePamHID930",
label: "MachinePamHID930", label: "MachinePamHID930",
}, { },
{
value: "MachinePamHID931", value: "MachinePamHID931",
label: "MachinePamHID931", label: "MachinePamHID931",
}, { },
{
value: "MachinePamHID932", value: "MachinePamHID932",
label: "MachinePamHID932", label: "MachinePamHID932",
}, { },
{
value: "MachinePamHID933", value: "MachinePamHID933",
label: "MachinePamHID933", label: "MachinePamHID933",
}, { },
{
value: "MachinePamHID934", value: "MachinePamHID934",
label: "MachinePamHID934", label: "MachinePamHID934",
}, { },
{
value: "MachinePamHID935", value: "MachinePamHID935",
label: "MachinePamHID935", label: "MachinePamHID935",
}, { },
{
value: "MachinePamHID936", value: "MachinePamHID936",
label: "MachinePamHID936", label: "MachinePamHID936",
}, { },
{
value: "MachinePamHID937", value: "MachinePamHID937",
label: "MachinePamHID937", label: "MachinePamHID937",
}, { },
{
value: "MachinePamHID938", value: "MachinePamHID938",
label: "MachinePamHID938", label: "MachinePamHID938",
}], },
options2: [{ ],
options2: [
{
value: "急停状态", value: "急停状态",
label: "急停状态", label: "急停状态",
}, { },
{
value: "产量", value: "产量",
label: "产量", label: "产量",
}, },
@ -323,83 +422,100 @@ export default {
{ {
value: "进给速度", value: "进给速度",
label: "进给速度", label: "进给速度",
}], },
options3: [{ ],
options3: [
{
value: "0X (Coil Status)", value: "0X (Coil Status)",
label: "0X (Coil Status)" label: "0X (Coil Status)",
}, },
{ {
value: "1X (Input Status)", value: "1X (Input Status)",
label: "1X (Input Status)" label: "1X (Input Status)",
}, { },
{
value: "3X (Input Registers)", value: "3X (Input Registers)",
label: "3X (Input Registers)" label: "3X (Input Registers)",
}, },
{ {
value: "4X (Holding Register)", value: "4X (Holding Register)",
label: "4X (Holding Register)" label: "4X (Holding Register)",
}], },
],
options5: [ options5: [
{ {
value: " BIT（位0/1）", value: " BIT（位0/1）",
label: " BIT（位0/1）" label: " BIT（位0/1）",
}, },
{ {
value: "WORD（16位无符号整数）", value: "WORD（16位无符号整数）",
label: "WORD（16位无符号整数）" label: "WORD（16位无符号整数）",
}, { },
{
value: "INT（16位有符号整数）", value: "INT（16位有符号整数）",
label: "INT（16位有符号整数）" label: "INT（16位有符号整数）",
}, },
{ {
value: "DWORD（32位无符号整数）", value: "DWORD（32位无符号整数）",
label: "DWORD（32位无符号整数）" label: "DWORD（32位无符号整数）",
}, },
{ {
value: "DINT（32位有符号整数）", value: "DINT（32位有符号整数）",
label: "DINT（32位有符号整数）" label: "DINT（32位有符号整数）",
}, { },
{
value: "FLOAT（单精度浮点数）", value: "FLOAT（单精度浮点数）",
label: "FLOAT（单精度浮点数）" label: "FLOAT（单精度浮点数）",
}, { },
{
value: "DOUBLE（64位浮点数）", value: "DOUBLE（64位浮点数）",
label: "DOUBLE（64位浮点数）" label: "DOUBLE（64位浮点数）",
}, { },
{
value: "STRING（8位字符串）", value: "STRING（8位字符串）",
label: "STRING（8位字符串）" label: "STRING（8位字符串）",
}, { },
{
value: "BCD16（16位BCD码）", value: "BCD16（16位BCD码）",
label: "BCD16（16位BCD码）" label: "BCD16（16位BCD码）",
}, { },
{
value: "ULONG（64位无符号整数）", value: "ULONG（64位无符号整数）",
label: "ULONG（64位无符号整数）" label: "ULONG（64位无符号整数）",
}, { },
{
value: "LONG（64位有符号整数）", value: "LONG（64位有符号整数）",
label: "LONG（64位有符号整数）" label: "LONG（64位有符号整数）",
}, },
], ],
options6: [{ options6: [
{
value: "读写", value: "读写",
label: "读写" label: "读写",
}, },
{ {
value: "只读", value: "只读",
label: "只读" label: "只读",
}, { },
{
value: "只写", value: "只写",
label: "只写" label: "只写",
}], },
options7: [{ ],
options7: [
{
value: "Periodic", value: "Periodic",
label: "Periodic" label: "Periodic",
}, },
{ {
value: "Onchange", value: "Onchange",
label: "Onchange" label: "Onchange",
}, { },
{
value: "Never", value: "Never",
label: "Never" label: "Never",
}], },
],
activeIndex: "1", activeIndex: "1",
value1: 1, value1: 1,
checked: "", checked: "",
@ -410,35 +526,41 @@ export default {
rightMenu: "", rightMenu: "",
dialogVisible: true, dialogVisible: true,
menuShow: false, menuShow: false,
datas: [{ datas: [
label: 'Gateway', {
children: [{ label: "Gateway",
label: '数据采集', children: [
children: [{ {
label: 'I/O点' label: "数据采集",
children: [
{
label: "I/O点",
}, },
{ {
label: '用户点', label: "用户点",
}, },
{ {
label: '计算点', label: "计算点",
}, },
{ {
label: '系统点', label: "系统点",
}, },
] ],
}, },
{ {
label: "上云服务", label: "上云服务",
children: [ children: [
{ {
label: "标准 MQTT" label: "标准 MQTT",
}, },
{ {
label: "AWS loT" label: "AWS loT",
}] },
}] ],
}], },
],
},
],
defaultProps: { defaultProps: {
children: "children", children: "children",
label: "label", label: "label",
@ -460,7 +582,48 @@ export default {
gateWay: { gateWay: {
wgpz_wgmc: "", wgpz_wgmc: "",
wgpz_wgid: "", wgpz_wgid: "",
wgpz_wglx: "",
ippz_wllx: "",
ippz_ip: "",
ippz_zwym: "",
ippz_wg: "",
ippz_dns: "",
ippz_dns_by: "",
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: "",
}, },
rulesGate: { rulesGate: {
wgpz_wgmc: [ wgpz_wgmc: [
@ -544,7 +707,6 @@ export default {
type: "error", type: "error",
}); });
} }
}, },
async GetUserAnswer() { async GetUserAnswer() {
this.loading = true; this.loading = true;
@ -573,7 +735,7 @@ export default {
user_id: this.user_id, user_id: this.user_id,
data: JSON.stringify(this.trees), data: JSON.stringify(this.trees),
type: "3", type: "3",
}) });
console.log(result); console.log(result);
}, },
//网关配置的信息 //网关配置的信息
@ -617,7 +779,7 @@ export default {
}); });
} }
console.log(res); console.log(res);
} },
}, },
created() { created() {
this.user_id = this.$route.query.user_id; this.user_id = this.$route.query.user_id;
@ -628,9 +790,9 @@ export default {
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);
}) });
this.GetUserAnswer(); this.GetUserAnswer();
} },
}; };
</script> </script>

388
src/components/ChiCollectionwifi.vue
View File

@ -4,8 +4,15 @@
<!-- 设置树形控件 --> <!-- 设置树形控件 -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</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>
@ -27,40 +34,63 @@
<el-table-column property="cjdpz_tagid" label="TagID"> <el-table-column property="cjdpz_tagid" label="TagID">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_tagid" placeholder=""> <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
<el-option v-for="(option, index) in options1" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options1"
: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="cjdpz_mc" label="名称"> <el-table-column property="cjdpz_mc" label="名称">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_mc" placeholder=""> <el-select v-model="scope.row.cjdpz_mc" 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="cjdpz_jcqdz" label="地址"> <el-table-column property="cjdpz_jcqdz" label="地址">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_dz" placeholder=""> <el-select v-model="scope.row.cjdpz_dz" 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>
<el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px"> <el-table-column
property="cjdpz_jcqdz"
label="寄存地址(十进制)"
width="150px"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1"> <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
<el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option> <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
</el-select> --> </el-select> -->
<el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input> <el-input
v-model="scope.row.cjdpz_jcqdz"
placeholder="1-9999"
></el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column property="cjdpz_cjsjlx" label="采集数据类型"> <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_cjsjlx" placeholder=""> <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
<el-option v-for="(option, index) in options5" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options5"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -68,16 +98,24 @@
<el-table-column property="cjdpz_dxsx" label="读写属性"> <el-table-column property="cjdpz_dxsx" label="读写属性">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_dxsx" placeholder=""> <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
<el-option v-for="(option, index) in options6" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options6"
: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="cjdpz_scms" label="上传模式"> <el-table-column property="cjdpz_scms" label="上传模式">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cjdpz_scms" placeholder=""> <el-select v-model="scope.row.cjdpz_scms" placeholder="">
<el-option v-for="(option, index) in options7" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options7"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -92,16 +130,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="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>
@ -116,7 +178,7 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
export default { export default {
name: "ChiCollectionwifi", name: "ChiCollectionwifi",
@ -127,101 +189,134 @@ export default {
flag: false, flag: false,
gateway: "", gateway: "",
trees: [], trees: [],
options1: [{ options1: [
{
value: "MachinePamHID909", value: "MachinePamHID909",
label: "MachinePamHID909", label: "MachinePamHID909",
}, { },
{
value: "MachinePamHID910", value: "MachinePamHID910",
label: "MachinePamHID910", label: "MachinePamHID910",
}, { },
{
value: "MachinePamHID911", value: "MachinePamHID911",
label: "MachinePamHID911", label: "MachinePamHID911",
}, { },
{
value: "MachinePamHID912", value: "MachinePamHID912",
label: "MachinePamHID912", label: "MachinePamHID912",
}, { },
{
value: "MachinePamHID913", value: "MachinePamHID913",
label: "MachinePamHID913", label: "MachinePamHID913",
}, { },
{
value: "MachinePamHID914", value: "MachinePamHID914",
label: "MachinePamHID914", label: "MachinePamHID914",
}, { },
{
value: "MachinePamHID915", value: "MachinePamHID915",
label: "MachinePamHID915", label: "MachinePamHID915",
}, { },
{
value: "MachinePamHID916", value: "MachinePamHID916",
label: "MachinePamHID916", label: "MachinePamHID916",
}, { },
{
value: "MachinePamHID917", value: "MachinePamHID917",
label: "MachinePamHID917", label: "MachinePamHID917",
}, { },
{
value: "MachinePamHID918", value: "MachinePamHID918",
label: "MachinePamHID918", label: "MachinePamHID918",
}, { },
{
value: "MachinePamHID919", value: "MachinePamHID919",
label: "MachinePamHID919", label: "MachinePamHID919",
}, { },
{
value: "MachinePamHID920", value: "MachinePamHID920",
label: "MachinePamHID920", label: "MachinePamHID920",
}, { },
{
value: "MachinePamHID921", value: "MachinePamHID921",
label: "MachinePamHID921", label: "MachinePamHID921",
}, { },
{
value: "MachinePamHID922", value: "MachinePamHID922",
label: "MachinePamHID922", label: "MachinePamHID922",
}, { },
{
value: "MachinePamHID923", value: "MachinePamHID923",
label: "MachinePamHID923", label: "MachinePamHID923",
}, { },
{
value: "MachinePamHID924", value: "MachinePamHID924",
label: "MachinePamHID924", label: "MachinePamHID924",
}, { },
{
value: "MachinePamHID925", value: "MachinePamHID925",
label: "MachinePamHID925", label: "MachinePamHID925",
}, { },
{
value: "MachinePamHID926", value: "MachinePamHID926",
label: "MachinePamHID926", label: "MachinePamHID926",
}, { },
{
value: "MachinePamHID927", value: "MachinePamHID927",
label: "MachinePamHID927", label: "MachinePamHID927",
}, { },
{
value: "MachinePamHID928", value: "MachinePamHID928",
label: "MachinePamHID928", label: "MachinePamHID928",
}, { },
{
value: "MachinePamHID929", value: "MachinePamHID929",
label: "MachinePamHID929", label: "MachinePamHID929",
}, { },
{
value: "MachinePamHID930", value: "MachinePamHID930",
label: "MachinePamHID930", label: "MachinePamHID930",
}, { },
{
value: "MachinePamHID931", value: "MachinePamHID931",
label: "MachinePamHID931", label: "MachinePamHID931",
}, { },
{
value: "MachinePamHID932", value: "MachinePamHID932",
label: "MachinePamHID932", label: "MachinePamHID932",
}, { },
{
value: "MachinePamHID933", value: "MachinePamHID933",
label: "MachinePamHID933", label: "MachinePamHID933",
}, { },
{
value: "MachinePamHID934", value: "MachinePamHID934",
label: "MachinePamHID934", label: "MachinePamHID934",
}, { },
{
value: "MachinePamHID935", value: "MachinePamHID935",
label: "MachinePamHID935", label: "MachinePamHID935",
}, { },
{
value: "MachinePamHID936", value: "MachinePamHID936",
label: "MachinePamHID936", label: "MachinePamHID936",
}, { },
{
value: "MachinePamHID937", value: "MachinePamHID937",
label: "MachinePamHID937", label: "MachinePamHID937",
}, { },
{
value: "MachinePamHID938", value: "MachinePamHID938",
label: "MachinePamHID938", label: "MachinePamHID938",
}], },
options2: [{ ],
options2: [
{
value: "急停状态", value: "急停状态",
label: "急停状态", label: "急停状态",
}, { },
{
value: "产量", value: "产量",
label: "产量", label: "产量",
}, },
@ -324,22 +419,26 @@ export default {
{ {
value: "进给速度", value: "进给速度",
label: "进给速度", label: "进给速度",
}], },
options3: [{ ],
options3: [
{
value: "0X (Coil Status)", value: "0X (Coil Status)",
label: "0X (Coil Status)" label: "0X (Coil Status)",
}, },
{ {
value: "1X (Input Status)", value: "1X (Input Status)",
label: "1X (Input Status)" label: "1X (Input Status)",
}, { },
{
value: "3X (Input Registers)", value: "3X (Input Registers)",
label: "3X (Input Registers)" label: "3X (Input Registers)",
}, },
{ {
value: "4X (Holding Register)", value: "4X (Holding Register)",
label: "4X (Holding Register)" label: "4X (Holding Register)",
}], },
],
options4: [ options4: [
{ {
value: "2000H", value: "2000H",
@ -416,7 +515,8 @@ export default {
{ {
value: "2020H", value: "2020H",
label: "2020H", label: "2020H",
}, { },
{
value: "2021H", value: "2021H",
label: "2021H", label: "2021H",
}, },
@ -447,72 +547,86 @@ export default {
{ {
value: "2030H", value: "2030H",
label: "2030H", label: "2030H",
}, { },
{
value: "2031H", value: "2031H",
label: "2031H", label: "2031H",
} },
], ],
options5: [ options5: [
{ {
value: " BIT（位0/1）", value: " BIT（位0/1）",
label: " BIT（位0/1）" label: " BIT（位0/1）",
}, },
{ {
value: "WORD（16位无符号整数）", value: "WORD（16位无符号整数）",
label: "WORD（16位无符号整数）" label: "WORD（16位无符号整数）",
}, { },
{
value: "INT（16位有符号整数）", value: "INT（16位有符号整数）",
label: "INT（16位有符号整数）" label: "INT（16位有符号整数）",
}, },
{ {
value: "DWORD（32位无符号整数）", value: "DWORD（32位无符号整数）",
label: "DWORD（32位无符号整数）" label: "DWORD（32位无符号整数）",
}, },
{ {
value: "DINT（32位有符号整数）", value: "DINT（32位有符号整数）",
label: "DINT（32位有符号整数）" label: "DINT（32位有符号整数）",
}, { },
{
value: "FLOAT（单精度浮点数）", value: "FLOAT（单精度浮点数）",
label: "FLOAT（单精度浮点数）" label: "FLOAT（单精度浮点数）",
}, { },
{
value: "DOUBLE（64位浮点数）", value: "DOUBLE（64位浮点数）",
label: "DOUBLE（64位浮点数）" label: "DOUBLE（64位浮点数）",
}, { },
{
value: "STRING（8位字符串）", value: "STRING（8位字符串）",
label: "STRING（8位字符串）" label: "STRING（8位字符串）",
}, { },
{
value: "BCD16（16位BCD码）", value: "BCD16（16位BCD码）",
label: "BCD16（16位BCD码）" label: "BCD16（16位BCD码）",
}, { },
{
value: "ULONG（64位无符号整数）", value: "ULONG（64位无符号整数）",
label: "ULONG（64位无符号整数）" label: "ULONG（64位无符号整数）",
}, { },
{
value: "LONG（64位有符号整数）", value: "LONG（64位有符号整数）",
label: "LONG（64位有符号整数）" label: "LONG（64位有符号整数）",
}, },
], ],
options6: [{ options6: [
{
value: "读写", value: "读写",
label: "读写" label: "读写",
}, },
{ {
value: "只读", value: "只读",
label: "只读" label: "只读",
}, { },
{
value: "只写", value: "只写",
label: "只写" label: "只写",
}], },
options7: [{ ],
options7: [
{
value: "Periodic", value: "Periodic",
label: "Periodic" label: "Periodic",
}, },
{ {
value: "Onchange", value: "Onchange",
label: "Onchange" label: "Onchange",
}, { },
{
value: "Never", value: "Never",
label: "Never" label: "Never",
}], },
],
activeIndex: "1", activeIndex: "1",
checked: "", checked: "",
labelPosition: "left", labelPosition: "left",
@ -522,35 +636,41 @@ export default {
rightMenu: "", rightMenu: "",
dialogVisible: true, dialogVisible: true,
menuShow: false, menuShow: false,
datas: [{ datas: [
label: 'Gateway', {
children: [{ label: "Gateway",
label: '数据采集', children: [
children: [{ {
label: 'I/O点' label: "数据采集",
children: [
{
label: "I/O点",
}, },
{ {
label: '用户点', label: "用户点",
}, },
{ {
label: '计算点', label: "计算点",
}, },
{ {
label: '系统点', label: "系统点",
}, },
] ],
}, },
{ {
label: "上云服务", label: "上云服务",
children: [ children: [
{ {
label: "标准 MQTT" label: "标准 MQTT",
}, },
{ {
label: "AWS loT" label: "AWS loT",
}] },
}] ],
}], },
],
},
],
defaultProps: { defaultProps: {
children: "children", children: "children",
label: "label", label: "label",
@ -572,7 +692,42 @@ export default {
gateWay: { gateWay: {
wgpz_wgmc: "", wgpz_wgmc: "",
wgpz_wgid: "", wgpz_wgid: "",
wgpz_wglx: "",
ippz_ssid: "",
ippz_rzfs: "", //答案：WPA2-PSK
ippz_jmfs: "", //答案：AES
ippz_mm: "",
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: "",
}, },
rulesGate: { rulesGate: {
wgpz_wgmc: [ wgpz_wgmc: [
@ -656,7 +811,6 @@ export default {
type: "error", type: "error",
}); });
} }
}, },
async GetUserAnswer() { async GetUserAnswer() {
this.loading = true; this.loading = true;
@ -685,7 +839,7 @@ export default {
user_id: this.user_id, user_id: this.user_id,
data: JSON.stringify(this.trees), data: JSON.stringify(this.trees),
type: "4", type: "4",
}) });
console.log(result); console.log(result);
}, },
@ -730,7 +884,7 @@ export default {
}); });
} }
console.log(res); console.log(res);
} },
}, },
created() { created() {
this.user_id = this.$route.query.user_id; this.user_id = this.$route.query.user_id;
@ -741,9 +895,9 @@ export default {
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);
}) });
this.GetUserAnswer(); this.GetUserAnswer();
} },
}; };
</script> </script>

552
src/components/ChiDevicewifi.vue
View File

@ -5,8 +5,15 @@
<!-- <div v-click-outside="closeMenu"> --> <!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥候通道配置</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥候通道配置</el-button> -->
<div class="tree_menu" v-show="dialogVisible"> <div class="tree_menu" v-show="dialogVisible">
<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>
@ -16,13 +23,15 @@
</el-tree> </el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
<div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }"> <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
<el-menu
<el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE"> class="el-menu-vertical-demo"
@select="selectMenuNode"
<el-menu-item id="menuitem" index="1" style="font-size: 12px;"> default-active="#0078FE"
>
<el-menu-item id="menuitem" index="1" style="font-size: 12px">
<span slot="title">新建设备</span> <span slot="title">新建设备</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="2" style="font-size: 12px;"> <el-menu-item index="2" style="font-size: 12px">
<span slot="title">取 消</span> <span slot="title">取 消</span>
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
@ -30,27 +39,61 @@
</div> </div>
<!-- </div> --> <!-- </div> -->
<div class="pas_params"> <div class="pas_params">
<el-dialog title="新建设备" :visible.sync="add_passage" width="902px" v-loading="loading"> <el-dialog
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData"> title="新建设备"
:visible.sync="add_passage"
width="902px"
v-loading="loading"
>
<el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="formData"
>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc"> <el-form-item
<el-select v-model="formData.sbpz_sbmc" placeholder="" style="width: 200px;height:30px"> label="设备名称:"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :label-width="formLabelWidth"
:value="item.value"> prop="sbpz_sbmc"
>
<el-select
v-model="formData.sbpz_sbmc"
placeholder=""
style="width: 200px; height: 30px"
>
<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-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="控制器协议:" :label-width="formLabelWidth" prop="sbpz_kzqxy"> <el-form-item
label="控制器协议:"
:label-width="formLabelWidth"
prop="sbpz_kzqxy"
>
<el-row> <el-row>
<el-col :span="18"> <el-col :span="18">
<el-input v-model="formData.sbpz_kzqxy" placeholder="" <el-input
style="width: 200px;height:30px" disabled></el-input> v-model="formData.sbpz_kzqxy"
placeholder=""
style="width: 200px; height: 30px"
disabled
></el-input>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button> <el-button
style="width: 50px; height: 30px"
@click="getDriveName"
>...</el-button
>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -58,52 +101,86 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="sbpz_ip"> <el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="sbpz_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="sbpz_ip1" style="width: 43px;height:30px" <el-input
maxlength="3"></el-input> v-model="sbpz_ip1"
</el-col> style="width: 43px; height: 30px"
<el-col :span="1">. maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="sbpz_ip2" style="width: 43px;height:30px" <el-input
maxlength="3"></el-input> v-model="sbpz_ip2"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="sbpz_ip3" style="width: 43px;height:30px" <el-input
maxlength="3"></el-input> v-model="sbpz_ip3"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="sbpz_ip4" style="width: 43px;height:30px" <el-input
maxlength="3"></el-input> v-model="sbpz_ip4"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="端口号:" :label-width="formLabelWidth" prop="sbpz_port"> <el-form-item
<el-input v-model="formData.sbpz_port" placeholder="" label="端口号:"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="sbpz_port"
>
<el-input
v-model="formData.sbpz_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-row>
</el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="从站地址:" :label-width="formLabelWidth" prop="sbpz_czdz"> <el-form-item
<el-input v-model="formData.sbpz_czdz" placeholder="" label="从站地址:"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="sbpz_czdz"
>
<el-input
v-model="formData.sbpz_czdz"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="轮询周期(ms):" :label-width="formLabelWidth" prop="sbpz_lxzq"> <el-form-item
<el-input v-model="formData.sbpz_lxzq" placeholder="" label="轮询周期(ms):"
style="width: 200px;height:30px"></el-input> :label-width="formLabelWidth"
prop="sbpz_lxzq"
>
<el-input
v-model="formData.sbpz_lxzq"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
<div class="infos">1-3600</div> <div class="infos">1-3600</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -114,9 +191,20 @@
<div> <div>
<i class="el-icon-caret-bottom" v-if="is_retract"></i> <i class="el-icon-caret-bottom" v-if="is_retract"></i>
<i class="el-icon-caret-top" v-else="is_retract"></i> <i class="el-icon-caret-top" v-else="is_retract"></i>
<el-button type="text" plain @click="getRetract" style="width: 28px; <el-button
color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left; border: none;"> type="text"
收起</el-button> plain
@click="getRetract"
style="
width: 28px;
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: left;
border: none;
"
>
收起</el-button
>
</div> </div>
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
@ -125,41 +213,74 @@
<!-- <el-form :label-position="labelPosition" :rules="rules" ref="formData"> --> <!-- <el-form :label-position="labelPosition" :rules="rules" ref="formData"> -->
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="启用毫秒采集:" :label-width="formLabelWidth" prop="sbpz_qyhmcj"> <el-form-item
label="启用毫秒采集:"
:label-width="formLabelWidth"
prop="sbpz_qyhmcj"
>
<el-switch v-model="formData.sbpz_qyhmcj"></el-switch> <el-switch v-model="formData.sbpz_qyhmcj"></el-switch>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="启用批量采集:" :label-width="formLabelWidth" prop="sbpz_qyplcj"> <el-form-item
label="启用批量采集:"
:label-width="formLabelWidth"
prop="sbpz_qyplcj"
>
<el-switch v-model="formData.sbpz_qyplcj"></el-switch> <el-switch v-model="formData.sbpz_qyplcj"></el-switch>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最大批量采集数:" label-width="126px" prop="sbpz_zdplcjs"> <el-form-item
<el-input v-model="formData.sbpz_zdplcjs" style="width: 200px;height:30px"></el-input> label="最大批量采集数:"
label-width="126px"
prop="sbpz_zdplcjs"
>
<el-input
v-model="formData.sbpz_zdplcjs"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-125</div> <div class="infos">2-125</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="采集超过时间(ms):" label-width="140px" prop="sbpz_cjcgsj"> <el-form-item
<el-input v-model="formData.sbpz_cjcgsj" style="width: 200px;height:30px"></el-input> label="采集超过时间(ms):"
label-width="140px"
prop="sbpz_cjcgsj"
>
<el-input
v-model="formData.sbpz_cjcgsj"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div> <div class="infos">2-60000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="周期上报OnChange数据:" label-width="186px" prop="sbpz_zqsbonchange"> <el-form-item
label="周期上报OnChange数据:"
label-width="186px"
prop="sbpz_zqsbonchange"
>
<el-switch v-model="formData.sbpz_zqsbonchange"></el-switch> <el-switch v-model="formData.sbpz_zqsbonchange"></el-switch>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="通讯事件间隔(ms):" label-width="140px" prop="sbpz_txsjjg"> <el-form-item
<el-input v-model="formData.sbpz_txsjjg" style="width: 200px;height:30px"></el-input> label="通讯事件间隔(ms):"
label-width="140px"
prop="sbpz_txsjjg"
>
<el-input
v-model="formData.sbpz_txsjjg"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">0-1000</div> <div class="infos">0-1000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -167,22 +288,44 @@
<div class="footer_con"> <div class="footer_con">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="线圈寄存器写入功能码:" label-width="120px" style="line-height: 20px;" <el-form-item
class="cjjcq_code"> label="线圈寄存器写入功能码:"
<el-select v-model="formData.sbpz_xqjcqxr" placeholder="" label-width="120px"
style="width: 200px;height:30px"> style="line-height: 20px"
<el-option v-for="item in options2" :key="item.value" :label="item.label" class="cjjcq_code"
:value="item.value"> >
<el-select
v-model="formData.sbpz_xqjcqxr"
placeholder=""
style="width: 200px; height: 30px"
>
<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="线圈寄存器写入功能码:" label-width="120px" class="cjjcq_code"> <el-form-item
<el-select v-model="formData.sbpz_bcjcqxr" placeholder="" label="线圈寄存器写入功能码:"
style="width: 200px;height:30px"> label-width="120px"
<el-option v-for="item in options3" :key="item.value" :label="item.label" class="cjjcq_code"
:value="item.value"> >
<el-select
v-model="formData.sbpz_bcjcqxr"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in options3"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -203,22 +346,51 @@
<i class="el-icon-close title_r" @click="add_passage = false"></i> <i class="el-icon-close title_r" @click="add_passage = false"></i>
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> <el-tree
:data="datas2"
:props="defaultProps"
@node-click="handleDetailClick"
default-expand-all
></el-tree>
</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>
@ -233,9 +405,9 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
export default { export default {
name: 'ChiDevicewifi', name: "ChiDevicewifi",
data() { data() {
return { return {
loading: false, loading: false,
@ -258,27 +430,58 @@ export default {
sbpz_txsjjg: "", sbpz_txsjjg: "",
sbpz_xqjcqxr: "05", sbpz_xqjcqxr: "05",
sbpz_bcjcqxr: "06", sbpz_bcjcqxr: "06",
ippz_ssid: "",
ippz_rzfs: "", //答案：WPA2-PSK
ippz_jmfs: "", //答案：AES
ippz_mm: "",
wgpz_wgmc: "",
wgpz_wgid: "",
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: "",
}, },
diag_drive: false, diag_drive: false,
sbpz_ip1: "", sbpz_ip1: "",
sbpz_ip2: "", sbpz_ip2: "",
sbpz_ip3: "", sbpz_ip3: "",
sbpz_ip4: "", sbpz_ip4: "",
options1: [{ options1: [
value: '有线区精雕2', {
label: '有线区精雕2' value: "有线区精雕2",
}, { label: "有线区精雕2",
value: '无线区精雕2', },
label: '无线区精雕2' {
}], value: "无线区精雕2",
options2: [{ label: "无线区精雕2",
},
],
options2: [
{
value: "05", value: "05",
label: "05", label: "05",
}], },
options3: [{ ],
options3: [
{
value: "06", value: "06",
label: "06" label: "06",
}], },
],
isdisabled: true, isdisabled: true,
radio: "1", radio: "1",
checked1: false, checked1: false,
@ -290,69 +493,75 @@ export default {
rightMenu: "", rightMenu: "",
dialogVisible: true, dialogVisible: true,
menuShow: false, menuShow: false,
datas: [{ datas: [
label: 'Gateway', {
children: [{ label: "Gateway",
label: '数据采集', children: [
{
label: "数据采集",
}, },
{ {
label: "上云服务", label: "上云服务",
children: [ children: [
{ {
label: "标准 MQTT" label: "标准 MQTT",
}, },
{ {
label: "AWS loT" label: "AWS loT",
}] },
}] ],
}], },
datas2: [{ ],
label: 'Allen-Bradley', },
],
datas2: [
{
label: "Allen-Bradley",
children: [ children: [
{ {
label: 'EtherNet/IP(ControlLogix)', label: "EtherNet/IP(ControlLogix)",
}, },
{ {
label: 'EtherNet/IP(MicroLogix)', label: "EtherNet/IP(MicroLogix)",
}, },
] ],
}, },
{ {
label: "Modbus", label: "Modbus",
children: [ children: [
{ {
label: "Modbus TCP" label: "Modbus TCP",
}, },
{ {
label: "Modbus RTU" label: "Modbus RTU",
}, },
{ {
label: "Modbus ASCII" label: "Modbus ASCII",
}, },
{ {
label: "Modbus RTU Over TCP" label: "Modbus RTU Over TCP",
}, },
] ],
}, },
{ {
label: "MITSUBISHI", label: "MITSUBISHI",
children: [ children: [
{ {
label: "Mitsubishi CPU Port(Serial)" label: "Mitsubishi CPU Port(Serial)",
}, },
{ {
label: "Mitsubishi MC 3C" label: "Mitsubishi MC 3C",
}, },
{ {
label: "Mitsubishi MC 1E" label: "Mitsubishi MC 1E",
}, },
{ {
label: "Mitsubishi MC 3E" label: "Mitsubishi MC 3E",
}, },
{ {
label: "Mitsubishi MC 3C Over TCP" label: "Mitsubishi MC 3C Over TCP",
} },
] ],
}, },
{ {
label: "OMRON", label: "OMRON",
@ -361,13 +570,12 @@ export default {
label: "FINS TCP", label: "FINS TCP",
}, },
{ {
label: "FINS UDP" label: "FINS UDP",
}, },
{ {
label: "HostLink", label: "HostLink",
} },
],
]
}, },
{ {
label: "SIEMENS", label: "SIEMENS",
@ -376,56 +584,60 @@ export default {
label: "ISO-on-TCP", label: "ISO-on-TCP",
}, },
{ {
label: "PPI" label: "PPI",
} },
] ],
}, },
], ],
defaultProps: { defaultProps: {
children: 'children', children: "children",
label: 'label' label: "label",
}, },
rules: { rules: {
sbpz_sbmc: [ sbpz_sbmc: [
{ required: true, message: '请输入通道名称', trigger: 'change' }, { required: true, message: "请输入通道名称", trigger: "change" },
], ],
sbpz_kzqxy: [ sbpz_kzqxy: [
{ required: true, message: '请输入控制器协议', trigger: 'blur' }, { required: true, message: "请输入控制器协议", trigger: "blur" },
], ],
sbpz_ip: [ sbpz_ip: [
{ {
required: true, required: true,
message: '', message: "",
validator: this.validateIp, validator: this.validateIp,
trigger: 'blur' trigger: "blur",
}, },
], ],
sbpz_czdz: [ sbpz_czdz: [
{ required: true, message: '请输入从站地址', trigger: 'blur' }, { required: true, message: "请输入从站地址", trigger: "blur" },
], ],
sbpz_port: [ sbpz_port: [
{ required: true, message: '请输入端口号', trigger: 'blur' }, { required: true, message: "请输入端口号", trigger: "blur" },
], ],
sbpz_lxzq: [ sbpz_lxzq: [
{ required: true, message: '请输入轮询时间', trigger: 'blur' }, { required: true, message: "请输入轮询时间", trigger: "blur" },
], ],
sbpz_qyhmcj: [ sbpz_qyhmcj: [
{ required: true, message: '启用毫秒采集', trigger: 'change' }, { required: true, message: "启用毫秒采集", trigger: "change" },
], ],
sbpz_qyplcj: [ sbpz_qyplcj: [
{ required: true, message: '启用批量采集', trigger: 'change' }, { required: true, message: "启用批量采集", trigger: "change" },
], ],
sbpz_zdplcjs: [ sbpz_zdplcjs: [
{ required: true, message: '请输入最大批量采集数', trigger: 'blur' }, { required: true, message: "请输入最大批量采集数", trigger: "blur" },
], ],
sbpz_cjcgsj: [ sbpz_cjcgsj: [
{ required: true, message: '请输入采集超过时间', trigger: 'blur' }, { required: true, message: "请输入采集超过时间", trigger: "blur" },
], ],
sbpz_zqsbonchange: [ sbpz_zqsbonchange: [
{ required: true, message: '周期上报Onchange数据', trigger: 'change' }, {
required: true,
message: "周期上报Onchange数据",
trigger: "change",
},
], ],
sbpz_txsjjg: [ sbpz_txsjjg: [
{ required: true, message: '请输入通讯时间间隔', trigger: 'blur' }, { required: true, message: "请输入通讯时间间隔", trigger: "blur" },
], ],
}, },
@ -530,17 +742,17 @@ export default {
} }
} }
if (node.level == 2) { if (node.level == 2) {
this.menuShow = false this.menuShow = false;
this.menuShow = true this.menuShow = true;
this.nodekey = data.id; this.nodekey = data.id;
e.preventDefault() //关闭浏览器右键默认事件 e.preventDefault(); //关闭浏览器右键默认事件
this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' } this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
document.addEventListener('click', (ev) => { document.addEventListener("click", (ev) => {
ev.stopImmediatePropagation() ev.stopImmediatePropagation();
if (ev.target !== document.querySelector('.el-menu-item.is-active')) { if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
this.foo() this.foo();
} }
}) });
} }
}, },
// 点击时候的判断,判断是否为新增网关 // 点击时候的判断,判断是否为新增网关
@ -548,16 +760,15 @@ export default {
console.log(index); console.log(index);
if (index == 1) { if (index == 1) {
this.add_passage = true; this.add_passage = true;
} }
}, },
foo() { foo() {
// 取消鼠标监听事件 菜单栏 // 取消鼠标监听事件 菜单栏
this.menuShow = false this.menuShow = false;
document.removeEventListener('click', this.foo) // 关掉监听， document.removeEventListener("click", this.foo); // 关掉监听，
}, },
treeNodeClick() { treeNodeClick() {
this.foo() this.foo();
}, },
// 收起点击事件的判断 // 收起点击事件的判断
getRetract() { getRetract() {
@ -585,7 +796,14 @@ export default {
var obj = { var obj = {
sbpz_sbmc: this.formData.sbpz_sbmc, sbpz_sbmc: this.formData.sbpz_sbmc,
sbpz_kzqxy: this.formData.sbpz_kzqxy, sbpz_kzqxy: this.formData.sbpz_kzqxy,
sbpz_ip: this.sbpz_ip1 + "." + this.sbpz_ip2 + "." + this.sbpz_ip3 + "." + this.sbpz_ip4, sbpz_ip:
this.sbpz_ip1 +
"." +
this.sbpz_ip2 +
"." +
this.sbpz_ip3 +
"." +
this.sbpz_ip4,
sbpz_port: this.formData.sbpz_port, sbpz_port: this.formData.sbpz_port,
sbpz_czdz: this.formData.sbpz_czdz, sbpz_czdz: this.formData.sbpz_czdz,
sbpz_lxzq: this.formData.sbpz_lxzq, sbpz_lxzq: this.formData.sbpz_lxzq,
@ -597,7 +815,7 @@ export default {
sbpz_txsjjg: this.formData.sbpz_txsjjg, sbpz_txsjjg: this.formData.sbpz_txsjjg,
sbpz_xqjcqxr: this.formData.sbpz_xqjcqxr, sbpz_xqjcqxr: this.formData.sbpz_xqjcqxr,
sbpz_bcjcqxr: this.formData.sbpz_bcjcqxr, sbpz_bcjcqxr: this.formData.sbpz_bcjcqxr,
} };
let datas = sessionStorage.getItem("CHGYWG_wx"); let datas = sessionStorage.getItem("CHGYWG_wx");
datas = { ...JSON.parse(datas), ...obj }; datas = { ...JSON.parse(datas), ...obj };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
@ -612,13 +830,16 @@ export default {
type: "success", type: "success",
}); });
sessionStorage.setItem("CHGYWG_wx", JSON.stringify(datas)); sessionStorage.setItem("CHGYWG_wx", JSON.stringify(datas));
this.$refs["tree"].append({ this.$refs["tree"].append(
{
id: this.nodekey + 1000, id: this.nodekey + 1000,
label: this.formData.sbpz_sbmc, label: this.formData.sbpz_sbmc,
}, this.nodekey); },
this.nodekey
);
// console.log(this.trees); // console.log(this.trees);
this.sendTree(); this.sendTree();
this.$router.push(`/chiwificollect?user_id=${this.user_id}`) this.$router.push(`/chiwificollect?user_id=${this.user_id}`);
} else { } else {
this.$message({ this.$message({
message: `保存失败`, message: `保存失败`,
@ -626,7 +847,6 @@ export default {
}); });
} }
// console.log(res); // console.log(res);
}, },
async GetUserAnswer() { async GetUserAnswer() {
this.loading = true; this.loading = true;
@ -654,7 +874,9 @@ export default {
this.formData.sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj)); this.formData.sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj));
this.formData.sbpz_zdplcjs = obj.sbpz_zdplcjs; this.formData.sbpz_zdplcjs = obj.sbpz_zdplcjs;
this.formData.sbpz_cjcgsj = obj.sbpz_cjcgsj; this.formData.sbpz_cjcgsj = obj.sbpz_cjcgsj;
this.formData.sbpz_zqsbonchange = Boolean(Number(obj.sbpz_zqsbonchange)); this.formData.sbpz_zqsbonchange = Boolean(
Number(obj.sbpz_zqsbonchange)
);
console.log(this.formData.sbpz_zqsbonchange); console.log(this.formData.sbpz_zqsbonchange);
this.formData.sbpz_txsjjg = obj.sbpz_txsjjg; this.formData.sbpz_txsjjg = obj.sbpz_txsjjg;
this.formData.sbpz_xqjcqxr = obj.sbpz_xqjcqxr; this.formData.sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
@ -667,7 +889,7 @@ export default {
user_id: this.user_id, user_id: this.user_id,
data: JSON.stringify(this.trees), data: JSON.stringify(this.trees),
type: "4", type: "4",
}) });
console.log(result); console.log(result);
}, },
@ -712,7 +934,7 @@ export default {
}); });
} }
console.log(res); console.log(res);
} },
}, },
mounted() { mounted() {
this.user_id = this.$route.query.user_id; this.user_id = this.$route.query.user_id;
@ -723,24 +945,24 @@ export default {
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);
}) });
this.GetUserAnswer(); this.GetUserAnswer();
}, },
watch: { watch: {
checked1: { checked1: {
handler(old,) { handler(old) {
if (old) { if (old) {
this.isdisabled = false; this.isdisabled = false;
} else { } else {
this.isdisabled = true; this.isdisabled = true;
} }
} },
} },
}, },
directives: { directives: {
'click-outside': { "click-outside": {
bind: function (el, binding, vnode) { bind: function (el, binding, vnode) {
console.log('el', el); console.log("el", el);
console.log("binding", binding); console.log("binding", binding);
el.event = function (event) { el.event = function (event) {
// 检查点击是否发生在节点之内（包括子节点） // 检查点击是否发生在节点之内（包括子节点）
@ -748,18 +970,18 @@ export default {
// 如果没有，则触发调用 // 如果没有，则触发调用
// 若绑定值为函数，则执行 // 若绑定值为函数，则执行
// 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域 // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
if (typeof vnode.context[binding.expression] == 'function') { if (typeof vnode.context[binding.expression] == "function") {
vnode.context[binding.expression](event) vnode.context[binding.expression](event);
}
} }
} }
};
// 绑定事件 // 绑定事件
// 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。 // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
document.body.addEventListener('click', el.event, true) document.body.addEventListener("click", el.event, true);
}, },
unbind: function (el) { unbind: function (el) {
// 解绑事件 // 解绑事件
document.body.removeEventListener('click', el.event, true) document.body.removeEventListener("click", el.event, true);
}, },
}, },
}, },
@ -847,7 +1069,6 @@ export default {
} }
/deep/ .super_con { /deep/ .super_con {
.el-form-item { .el-form-item {
margin-bottom: 7px; margin-bottom: 7px;
} }
@ -876,7 +1097,6 @@ export default {
/deep/ .footer_con { /deep/ .footer_con {
.cjjcq_code { .cjjcq_code {
// margin-left: 140px !important; // margin-left: 140px !important;
.el-form-item__content { .el-form-item__content {
margin-left: 140px !important; margin-left: 140px !important;

4
src/components/ChiGatewifi.vue
View File

@ -135,8 +135,8 @@ export default {
], ],
formData: { formData: {
ippz_ssid: "", ippz_ssid: "",
ippz_rzfs: "WPA2-PSK", //答案：WPA2-PSK ippz_rzfs: "", //答案：WPA2-PSK
ippz_jmfs: "AES", //答案：AES ippz_jmfs: "", //答案：AES
ippz_mm: "", ippz_mm: "",
wgpz_wgmc: "", wgpz_wgmc: "",

4
src/components/CloneWifi.vue
View File

@ -1161,4 +1161,8 @@ export default {
.mqtt { .mqtt {
margin-left: 20px; margin-left: 20px;
} }
.el-col-24 {
display: flex;
align-items: center;
}
</style> </style>

1
src/components/IpConfiguration.vue
View File

@ -167,7 +167,6 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
import { isValidPrimaryDNS } from "../validate";
export default { export default {
data() { data() {
return { return {

7
src/components/NetworkConfiguration.vue
View File

@ -55,7 +55,6 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
import { answer } from "../answerObj";
export default { export default {
data() { data() {
return { return {
@ -80,7 +79,6 @@ export default {
wkmssz_wkms: "", wkmssz_wkms: "",
wxpz_gzms: "", wxpz_gzms: "",
wxpz_wlmc: "", wxpz_wlmc: "",
wxpz_mac: "",
wxpz_jmms: "", wxpz_jmms: "",
wxpz_jmsf: "", wxpz_jmsf: "",
wxpz_mm: "", wxpz_mm: "",
@ -102,7 +100,7 @@ export default {
async saveDatas() { async saveDatas() {
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: `${this.user_id}`, user_id: this.user_id,
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.ruleForm), mark_value: JSON.stringify(this.ruleForm),
}); });
@ -123,7 +121,7 @@ export default {
user_id: this.user_id, user_id: this.user_id,
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
if (JSON.parse(res.data.data.mark_value) && res.data.state) { if (res.data.state) {
var obj = JSON.parse(res.data.data.mark_value); var obj = JSON.parse(res.data.data.mark_value);
this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk; this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk;
this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs; this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs;
@ -141,7 +139,6 @@ export default {
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn; this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms; this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc; this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms; this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf; this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm; this.ruleForm.wxpz_mm = obj.wxpz_mm;

8
src/components/NetworkManagement.vue
View File

@ -301,7 +301,7 @@ export default {
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: this.$store.state.type, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });
@ -319,11 +319,11 @@ export default {
var { data } = await GetUserAnswer({ var { data } = await GetUserAnswer({
mark: this.$store.state.type, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
console.log(data); console.log(data.data.mark_value);
if (data.data && data.state) { if (data.state) {
let res = JSON.parse(data.data.mark_value); let res = JSON.parse(data.data.mark_value);
console.log(res); console.log(res);
this.tableData[0].wlgl_nw_name = res.wlgl_nw_name; this.tableData[0].wlgl_nw_name = res.wlgl_nw_name;

26
src/components/ObjectManagement.vue
View File

@ -163,14 +163,14 @@ export default {
}, },
created() { created() {
this.dialogVisible = true; this.dialogVisible = true;
let str = window.location.href.split("?")[1]; // let str = window.location.href.split("?")[1];
this.user_id = str.split("|")[0]; // this.user_id = str.split("|")[0];
let type = str.split("|")[1]; // let type = str.split("|")[1];
if (type == 1) { // if (type == 1) {
this.$store.commit("setType", "GYWZ_yx"); // this.$store.commit("setType", "GYWZ_yx");
} else { // } else {
this.$store.commit("setType", "GYWZ_wx"); // this.$store.commit("setType", "GYWZ_wx");
} // }
this.GetUserAnswer(); this.GetUserAnswer();
}, },
methods: { methods: {
@ -245,7 +245,7 @@ export default {
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: this.$store.state.type, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });
@ -275,9 +275,9 @@ export default {
}, },
async GetUserAnswer() { async GetUserAnswer() {
let { data } = await GetUserAnswer({ let { data } = await GetUserAnswer({
mark: `${this.$store.state.type}`, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
if (data.state && data.data) { if (data.state && data.data) {
@ -353,9 +353,9 @@ export default {
cmdlist_dz: this.cmdlist_dz, cmdlist_dz: this.cmdlist_dz,
}; };
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: `${this.$store.state.type}`, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(obj), mark_value: JSON.stringify(obj),
}); });

4
src/components/PolicyManagement.vue
View File

@ -284,7 +284,7 @@ export default {
addPolicy() { addPolicy() {
this.$router.push({ this.$router.push({
name: "addstrategy", name: "addstrategy",
query: { id: this.user_id }, query: { id: "USER202307301109254198" },
}); });
}, },
async del(index, a) { async del(index, a) {
@ -340,7 +340,7 @@ export default {
let { data } = await GetUserAnswer({ let { data } = await GetUserAnswer({
mark: this.$store.state.type, mark: this.$store.state.type,
user_id: this.user_id, user_id: this.user_id,
// mark: "GYWZ_yx", // mark: "GYWZ_wx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
this.loading = false; this.loading = false;

1
src/components/PortConfiguration.vue
View File

@ -229,6 +229,7 @@ export default {
} }
}, },
async savePort() { async savePort() {
this.ruleForm.dkpz_snckxtb = Number(this.ruleForm.dkpz_snckxtb);
let { data } = await SaveUserAnswer({ let { data } = await SaveUserAnswer({
mark: "CKFWQ_yx", mark: "CKFWQ_yx",
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",

6
src/components/Wireles.vue
View File

@ -67,7 +67,6 @@ export default {
ruleForm: { ruleForm: {
wxpz_gzms: "STA模式", wxpz_gzms: "STA模式",
wxpz_wlmc: "无线区无限网", wxpz_wlmc: "无线区无限网",
// wxpz_mac: "",
wxpz_jmms: "WPA2PSK", wxpz_jmms: "WPA2PSK",
wxpz_jmsf: "AES", wxpz_jmsf: "AES",
wxpz_mm: "", wxpz_mm: "",
@ -89,7 +88,6 @@ export default {
rules: { rules: {
wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }], wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }],
wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }], wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }],
// wxpz_mac: [{ trigger: "blur", message: "必填" }],
wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }], wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }], wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }],
wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }], wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }],
@ -124,7 +122,7 @@ export default {
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
console.log(data); console.log(data);
if (JSON.parse(data.data.mark_value) && data.state) { if (data.state) {
var obj = JSON.parse(data.data.mark_value); var obj = JSON.parse(data.data.mark_value);
this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk; this.ruleForm.ytwgn_kqwk = obj.ytwgn_kqwk;
this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs; this.ruleForm.ytwgn_wkgzfs = obj.ytwgn_wkgzfs;
@ -141,8 +139,8 @@ export default {
this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb; this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn; this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms; this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
1;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc; this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms; this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf; this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm; this.ruleForm.wxpz_mm = obj.wxpz_mm;

8
src/components/netConfiguration.vue
View File

@ -141,7 +141,6 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
import { Loading } from "element-ui";
export default { export default {
data() { data() {
return { return {
@ -166,7 +165,6 @@ export default {
wkmssz_wkms: "", wkmssz_wkms: "",
wxpz_gzms: "", wxpz_gzms: "",
wxpz_wlmc: "", wxpz_wlmc: "",
wxpz_mac: "",
wxpz_jmms: "", wxpz_jmms: "",
wxpz_jmsf: "", wxpz_jmsf: "",
wxpz_mm: "", wxpz_mm: "",
@ -190,10 +188,9 @@ export default {
//保存 //保存
async saveDatas() { async saveDatas() {
this.Loading = true; this.Loading = true;
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: `${this.user_id}`, user_id: this.user_id,
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.ruleForm), mark_value: JSON.stringify(this.ruleForm),
}); });
@ -211,7 +208,7 @@ export default {
async GetUserAnswer() { async GetUserAnswer() {
let answers = await GetUserAnswer({ let answers = await GetUserAnswer({
mark: "CKFWQ_wx", mark: "CKFWQ_wx",
user_id: `${this.user_id}`, user_id: this.user_id,
// user_id: "USER202307301109254198", // user_id: "USER202307301109254198",
}); });
console.log(answers); console.log(answers);
@ -233,7 +230,6 @@ export default {
this.ruleForm.wkmssz_wkms = obj.wkmssz_wkms; this.ruleForm.wkmssz_wkms = obj.wkmssz_wkms;
this.ruleForm.wxpz_gzms = obj.wxpz_gzms; this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc; this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
this.ruleForm.wxpz_mac = obj.wxpz_mac;
this.ruleForm.wxpz_jmms = obj.wxpz_jmms; this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf; this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
this.ruleForm.wxpz_mm = obj.wxpz_mm; this.ruleForm.wxpz_mm = obj.wxpz_mm;

4
src/main.js
View File

@ -6,8 +6,7 @@ import "element-ui/lib/theme-chalk/index.css";
import store from "./store"; import store from "./store";
Vue.config.productionTip = false; Vue.config.productionTip = false;
import moment from "moment"; import moment from "moment";
import { answer } from "./answerObj";
let answerObj = Vue.observable(answer);
//定义一个全局过滤器实现日期格式化 //定义一个全局过滤器实现日期格式化
Vue.filter("datefmt", function (input, fmtstring) { Vue.filter("datefmt", function (input, fmtstring) {
//当input为时间戳时，需转为Number类型 //当input为时间戳时，需转为Number类型
@ -16,7 +15,6 @@ Vue.filter("datefmt", function (input, fmtstring) {
}); });
Vue.prototype.$moment = moment; Vue.prototype.$moment = moment;
Vue.prototype.$store = store; Vue.prototype.$store = store;
Vue.prototype.$answerObj = answerObj;
Vue.use(ElementUI); Vue.use(ElementUI);

7
src/validate.js
View File

@ -1,7 +0,0 @@
// 辅助函数，检查主DNS服务器地址是否有效
export let isValidPrimaryDNS = (value) => {
// 在这里可以添加更多的校验逻辑
// 例如，检查是否是有效的IP地址或域名
// 这里只提供了一个简单的示例
return /\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b/.test(value);
};