This commit is contained in:
lll 2023-11-09 19:27:04 +08:00
parent 99f708c22b
commit 21c5d27b7c
26 changed files with 2839 additions and 1709 deletions

View File

@ -8,7 +8,7 @@ export const SaveUserAnswer = (data) => {
); );
}; };
export const GetUserAnswer = (data) => { export const GetUserAnswer = (data) => {
return axios.get( axios.get(
`/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}` `/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}`
); );
}; };
@ -16,6 +16,11 @@ export const GetUserAnswer = (data) => {
//最新拿缓存请求接口 //最新拿缓存请求接口
// export let GetUserAnswer = (data) => { // export let GetUserAnswer = (data) => {
// return axios.get( // return axios.get(
// `/Handler/Config.ash?action=querycache&mark=${data.mark}&user_id=${data.user_id}` // `/Handler/Config.ashx?action=querycache&mark=${data.mark}&user_id=${data.user_id}`
// ); // );
// }; // };
//避免考生中途换电脑的解决方案 在每次拿取考试缓存数据的时候本地存储一份
// function(mark,data) {
// sessionStorage.setItem(`${mark}`,JSON.stringify(data))
// }

View File

@ -379,7 +379,12 @@
size="small" size="small"
>编辑</el-button >编辑</el-button
> >
<el-button type="text" size="small">删除</el-button> <el-button
type="text"
size="small"
@click="handleDel(scope.$index, scope.row)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -1027,6 +1032,31 @@ export default {
}); });
} }
}, },
//
async handleDel(index, row) {
this.tableData1 = [];
let obj = JSON.parse(sessionStorage.getItem("GYWZ_yx"));
obj.cmdlist_ml = "";
obj.cmdlist_sbid = "";
obj.cmdlist_qsdz = "";
obj.cmdlist_dzcd = "";
obj.cmdlist_ms = "";
obj.cmdlist_dz = "";
localStorage.setItem("GYWZ_yx", JSON.stringify(obj));
let { data } = await SaveUserAnswer({
mark: "GYWZ_yx",
user_id: "USER202307301114011710",
mark_value: JSON.stringify(obj),
});
if (data.state) {
this.$message({
message: "删除成功",
type: "success",
});
} else {
this.$message.error("删除失败");
}
},
}, },
}; };
</script> </script>

View File

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

View File

@ -5,7 +5,12 @@
<!-- <div v-click-outside="closeMenu"> --> <!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> --> <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
<div v-show="dialogVisible" class="tree_menu"> <div v-show="dialogVisible" class="tree_menu">
<el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree> <el-tree
:data="datas"
:props="defaultProps"
@node-click="treeNodeClick"
default-expand-all
></el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
</div> </div>
<!-- </div> --> <!-- </div> -->
@ -14,7 +19,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="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
@ -24,22 +34,42 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip"> <el-form-item
label="服务器IP:"
:label-width="formLabelWidth"
prop="mqtt_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip1" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip1"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">. </el-col> <el-col :span="1">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip2" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip2"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip3" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip3"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
<el-col :span="1">.</el-col> <el-col :span="1">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="mqtt_ip4" style="width: 43px; height: 30px" maxlength="3"></el-input> <el-input
v-model="mqtt_ip4"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -47,31 +77,62 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn"> <el-form-item
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input> label="网关SN:"
:label-width="formLabelWidth"
prop="mqtt_wgsn"
>
<el-input
v-model="formData.mqtt_wgsn"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port"> <el-form-item
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input> label="端口:"
:label-width="formLabelWidth"
prop="mqtt_port"
>
<el-input
v-model="formData.mqtt_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_keepalive" placeholder="" label="Keep Alive(s):"
style="width: 200px; height: 30px"></el-input> :label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_keepalive"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div> <div class="infos">2-60000</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施数据发布主题:" :label-width="formLabelWidth" prop="mqtt_keepalive"> <el-form-item
<el-input v-model="formData.mqtt_sssjfbzt" placeholder="" style="width: 200px; height: 30px"></el-input> label="实施数据发布主题:"
:label-width="formLabelWidth"
prop="mqtt_keepalive"
>
<el-input
v-model="formData.mqtt_sssjfbzt"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -97,9 +158,22 @@
<el-form-item> <el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week"> <el-form-item
<el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px"> label="Qos(MQTT):"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="upload_week"
>
<el-select
v-model="formData.mqtt_qos"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -148,16 +222,24 @@
<el-table-column property="mqtt_cjd_sbmc" label="设备名称"> <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder=""> <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
<el-option v-for="(option, index) in options2" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options2"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column property="mqtt_cjd_tagid" label="TagID"> <el-table-column property="mqtt_cjd_tagid" label="TagID">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder=""> <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
<el-option v-for="(option, index) in options3" :key="index" :label="option.label" <el-option
:value="option.value"></el-option> v-for="(option, index) in options3"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
@ -168,8 +250,14 @@
<!-- 添加按钮下显示出来的弹框信息 --> <!-- 添加按钮下显示出来的弹框信息 -->
<div> <div>
<el-dialog title="选择点" :visible.sync="choose_point" width="30%"> <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]" <el-tree
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps"> :data="points"
show-checkbox
node-key="id"
:default-expanded-keys="[1, 2]"
:default-checked-keys="[3, 4, 5, 6]"
:props="defaultProps"
>
</el-tree> </el-tree>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="savePoint"> </el-button> <el-button type="primary" @click="savePoint"> </el-button>
@ -198,6 +286,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
formData: { formData: {
mqtt_qiyong: true, mqtt_qiyong: true,
mqtt_ip: "", mqtt_ip: "",
@ -472,7 +561,14 @@ export default {
}, },
}; };
}, },
created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
treeNodeClick() { treeNodeClick() {
this.add_passage = true; this.add_passage = true;
}, },

View File

@ -9,11 +9,23 @@
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<div class="content"> <div class="content">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="客户端SSID:" :label-width="formLabelWidth" prop="ippz_ssid"> <el-form-item
<el-input v-model="formData.ippz_ssid" placeholder="请输入WIFI名字"></el-input> label="客户端SSID:"
:label-width="formLabelWidth"
prop="ippz_ssid"
>
<el-input
v-model="formData.ippz_ssid"
placeholder="请输入WIFI名字"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -21,7 +33,12 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="认证方式:" :label-width="formLabelWidth"> <el-form-item label="认证方式:" :label-width="formLabelWidth">
<el-select v-model="formData.ippz_rzfs" placeholder="开放式"> <el-select v-model="formData.ippz_rzfs" placeholder="开放式">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> <el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -31,7 +48,12 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="加密方式:" :label-width="formLabelWidth"> <el-form-item label="加密方式:" :label-width="formLabelWidth">
<el-select v-model="formData.ippz_jmfs" placeholder="NONE"> <el-select v-model="formData.ippz_jmfs" placeholder="NONE">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> <el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -39,8 +61,15 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="密码:" :label-width="formLabelWidth" prop="ippz_mm"> <el-form-item
<el-input v-model="formData.ippz_mm" placeholder="请输入wifi密码"></el-input> label="密码:"
:label-width="formLabelWidth"
prop="ippz_mm"
>
<el-input
v-model="formData.ippz_mm"
placeholder="请输入wifi密码"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -55,12 +84,13 @@
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from '@/api/user'; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
export default { export default {
name: "ChiGate", name: "ChiGate",
data() { data() {
return { return {
loading:false, loading: false,
user_id: "",
formData: { formData: {
ippz_ssid: "", ippz_ssid: "",
ippz_rzfs: "开放式", //WPA2-PSK ippz_rzfs: "开放式", //WPA2-PSK
@ -124,9 +154,14 @@ export default {
}, },
}; };
}, },
created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async saveGate() { async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_wx"); let datas = sessionStorage.getItem("CHGYWG_wx");
datas = { ...JSON.parse(datas), ...this.formData }; datas = { ...JSON.parse(datas), ...this.formData };
@ -137,8 +172,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);

View File

@ -8,12 +8,30 @@
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<div class="content"> <div class="content">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关名称:" :label-width="formLabelWidth" prop="wgpz_wgmc"> <el-form-item
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px"> label="网关名称:"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -21,23 +39,43 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关ID:" :label-width="formLabelWidth" prop="wgpz_wgid"> <el-form-item
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px"> label="网关ID:"
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="footer"> <div class="footer">
<el-button type="primary" @click="innerVisible = true"> </el-button> <el-button type="primary" @click="innerVisible = true"
> </el-button
>
<el-button @click="isShow = false"> </el-button> <el-button @click="isShow = false"> </el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<div> <div>
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px"> <el-dialog
title="系统提示"
:visible.sync="innerVisible"
append-to-body
width="382px"
>
<p class="inner_content"> <p class="inner_content">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关 请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p> </p>
@ -57,6 +95,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
options1: [ options1: [
{ {
value: "有线区网关2", value: "有线区网关2",
@ -99,8 +138,13 @@ export default {
mounted() { mounted() {
this.GetUserAnswer(); this.GetUserAnswer();
let that = this;
window.getParameter = that.getParameter;
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async saveGate() { async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_yx"); let datas = sessionStorage.getItem("CHGYWG_yx");
this.formData = { ...JSON.parse(datas), ...this.formData }; this.formData = { ...JSON.parse(datas), ...this.formData };
@ -111,8 +155,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);

View File

@ -9,12 +9,30 @@
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<div class="content"> <div class="content">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关名称:" :label-width="formLabelWidth" prop="wgpz_wgmc"> <el-form-item
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px;"> label="网关名称:"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -22,16 +40,31 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关ID:" :label-width="formLabelWidth" prop="wgpz_wgid"> <el-form-item
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px;"> label="网关ID:"
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="footer"> <div class="footer">
<el-button type="primary" @click="innerVisible=true"> </el-button> <el-button type="primary" @click="innerVisible = true"
> </el-button
>
<el-button @click="isShow = false"> </el-button> <el-button @click="isShow = false"> </el-button>
</div> </div>
@ -39,7 +72,12 @@
</div> </div>
</div> </div>
<div> <div>
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px"> <el-dialog
title="系统提示"
:visible.sync="innerVisible"
append-to-body
width="382px"
>
<p class="inner_content" style="color: #fff"> <p class="inner_content" style="color: #fff">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关 请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p> </p>
@ -53,27 +91,34 @@
</template> </template>
<script> <script>
import { SaveUserAnswer,GetUserAnswer} from '@/api/user'; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
export default { export default {
name: "TestChiGate", name: "TestChiGate",
data() { data() {
return { return {
loading:false, loading: false,
options1: [{ user_id: "",
value: "有线区网关2", options1: [
label: "有线区网关2" {
}, { value: "有线区网关2",
value: "无线区网关2", label: "有线区网关2",
label: "无线区网关2" },
}], {
options2: [{ value: "无线区网关2",
value: "LAN-BOX2", label: "无线区网关2",
label: "LAN-BOX2" },
}, { ],
value: "WLAN-BOX2", options2: [
label: "WLAN-BOX2" {
}], value: "LAN-BOX2",
label: "LAN-BOX2",
},
{
value: "WLAN-BOX2",
label: "WLAN-BOX2",
},
],
formData: { formData: {
wgpz_wgmc: "有线区网关2", wgpz_wgmc: "有线区网关2",
wgpz_wgid: "LAN-BOX2", wgpz_wgid: "LAN-BOX2",
@ -83,33 +128,46 @@ export default {
formLabelWidth: "96px", formLabelWidth: "96px",
count: 0, count: 0,
isShow: true, isShow: true,
options: [{ options: [
value: '选项1', {
label: '测试1' value: "选项1",
}, { label: "测试1",
value: '选项2', },
label: '测试2' {
}, { value: "选项2",
value: '选项3', label: "测试2",
label: '测试3' },
}, { {
value: '选项4', value: "选项3",
label: '测试4' label: "测试3",
}, { },
value: '选项5', {
label: '测试5' value: "选项4",
}], label: "测试4",
},
{
value: "选项5",
label: "测试5",
},
],
rules: { rules: {
gateway_id: [ gateway_id: [
{ required: true, message: '请输入网关ID', trigger: 'blur' }, { required: true, message: "请输入网关ID", trigger: "blur" },
], ],
gateway_name: [ gateway_name: [
{ required: true, message: '请输入网关名称', trigger: 'blur' }, { required: true, message: "请输入网关名称", trigger: "blur" },
], ],
}, },
}; };
}, },
created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async saveGate() { async saveGate() {
let datas = sessionStorage.getItem("CHGYWG_wx"); let datas = sessionStorage.getItem("CHGYWG_wx");
this.formData = { ...JSON.parse(datas), ...this.formData }; this.formData = { ...JSON.parse(datas), ...this.formData };
@ -120,8 +178,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);

View File

@ -154,6 +154,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
formData: { formData: {
ippz_wllx: "静态IP", ippz_wllx: "静态IP",
ippz_ip: "", ippz_ip: "",
@ -203,10 +204,15 @@ export default {
}, },
created() { created() {
this.GetUserAnswer(); this.GetUserAnswer();
let that = this;
window.getParameter = that.getParameter;
}, },
mounted() {}, mounted() {},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
Merge(value, value1, value2, value3, value4) { Merge(value, value1, value2, value3, value4) {
value = value1 + "." + value2 + "." + value3 + "." + value4; value = value1 + "." + value2 + "." + value3 + "." + value4;
return value; return value;

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,38 +1,85 @@
<template> <template>
<div> <div>
<div> <div>
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px" v-loading="loading"> <el-dialog
<el-form :model="formData" :rules="rules" ref="formData" label-width="85px" class="demo-ruleForm"> 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-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="formData.wgpz_wgmc" placeholder="有线区网关1" style="width: 200px"> <el-select
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wgmc"
placeholder="有线区网关1"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid"> <el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="formData.wgpz_wgid" placeholder="LAN-BOX1" style="width: 200px"> <el-select
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wgid"
placeholder="LAN-BOX1"
style="width: 200px"
>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx"> <el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="formData.wgpz_wglx" placeholder="lot Life 网关" style="width: 200px"> <el-select
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wglx"
placeholder="lot Life 网关"
style="width: 200px"
>
<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>
</el-form> </el-form>
<el-dialog width="382px" title="系统提示" :visible.sync="innerVisible" append-to-body> <el-dialog
width="382px"
title="系统提示"
:visible.sync="innerVisible"
append-to-body
>
<p class="inner_content" style="color: #fff !important"> <p class="inner_content" style="color: #fff !important">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关 请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p> </p>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="innerConfirm('formData')">确定</el-button> <el-button type="primary" @click="innerConfirm('formData')"
>确定</el-button
>
<el-button @click="innerVisible = false"> </el-button> <el-button @click="innerVisible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<div slot="footer" class="dialog-footer-outer"> <div slot="footer" class="dialog-footer-outer">
<el-button type="primary" @click="saveInfo('formData')">保存</el-button> <el-button type="primary" @click="saveInfo('formData')"
>保存</el-button
>
<el-button @click="outerVisible = false"> </el-button> <el-button @click="outerVisible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -48,6 +95,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
options1: [ options1: [
{ {
value: "有线区网关1", value: "有线区网关1",
@ -116,9 +164,15 @@ export default {
}; };
}, },
mounted() { }, created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
saveInfo(formName) { saveInfo(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
@ -144,8 +198,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);

View File

@ -1,38 +1,85 @@
<template> <template>
<div> <div>
<div> <div>
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px" v-loading="loading"> <el-dialog
<el-form :model="formData" :rules="rules" ref="formData" label-width="85px" class="demo-ruleForm"> 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-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="formData.wgpz_wgmc" placeholder="有线区网关1" style="width: 200px"> <el-select
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wgmc"
placeholder="有线区网关1"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid"> <el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="formData.wgpz_wgid" placeholder="LAN-BOX1" style="width: 200px"> <el-select
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wgid"
placeholder="LAN-BOX1"
style="width: 200px"
>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx"> <el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="formData.wgpz_wglx" placeholder="lot Life 网关" style="width: 200px"> <el-select
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value"> v-model="formData.wgpz_wglx"
placeholder="lot Life 网关"
style="width: 200px"
>
<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>
</el-form> </el-form>
<el-dialog width="382px" title="系统提示" :visible.sync="innerVisible" append-to-body> <el-dialog
width="382px"
title="系统提示"
:visible.sync="innerVisible"
append-to-body
>
<p class="inner_content" style="color: #fff !important"> <p class="inner_content" style="color: #fff !important">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关 请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p> </p>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="innerConfirm('formData')">确定</el-button> <el-button type="primary" @click="innerConfirm('formData')"
>确定</el-button
>
<el-button @click="innerVisible = false"> </el-button> <el-button @click="innerVisible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<div slot="footer" class="dialog-footer-outer"> <div slot="footer" class="dialog-footer-outer">
<el-button type="primary" @click="saveInfo('formData')">保存</el-button> <el-button type="primary" @click="saveInfo('formData')"
>保存</el-button
>
<el-button @click="outerVisible = false"> </el-button> <el-button @click="outerVisible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -48,6 +95,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
options1: [ options1: [
{ {
value: "有线区网关1", value: "有线区网关1",
@ -115,10 +163,16 @@ export default {
innerVisible: false, innerVisible: false,
}; };
}, },
created() {
mounted() { }, let that = this;
window.getParameter = that.getParameter;
},
mounted() {},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
saveInfo(formName) { saveInfo(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
@ -144,8 +198,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
console.log(res); console.log(res);

View File

@ -208,6 +208,7 @@ export default {
data() { data() {
return { return {
// disabled: true, // disabled: true,
user_id: "",
// //
loading: false, loading: false,
formData: { formData: {
@ -284,6 +285,9 @@ export default {
}, },
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
// //
Merge(value, value1, value2, value3, value4) { Merge(value, value1, value2, value3, value4) {
value = value1 + "." + value2 + "." + value3 + "." + value4; value = value1 + "." + value2 + "." + value3 + "." + value4;
@ -422,6 +426,8 @@ export default {
}, },
}, },
created() { created() {
let that = this;
window.getParameter = that.getParameter;
this.getUserAnswer(); this.getUserAnswer();
}, },
mounted() {}, mounted() {},

View File

@ -156,6 +156,7 @@
</div> </div>
</template> </template>
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
export default { export default {
data() { data() {
return { return {
@ -163,6 +164,7 @@ export default {
xqFlag: false, xqFlag: false,
flag: false, flag: false,
labelPosition: "left", labelPosition: "left",
user_id: "",
wgpz: [], wgpz: [],
FormData: [], FormData: [],
search: "", search: "",
@ -190,9 +192,15 @@ export default {
}; };
}, },
created() { created() {
this.wgpz = JSON.parse(localStorage.getItem("wgpz")) || []; let that = this;
window.getParameter = that.getParameter;
this.GetUserAnswer();
// this.wgpz = JSON.parse(localStorage.getItem("wgpz")) || [];
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
handleSelectionChange() {}, handleSelectionChange() {},
// //
saveinfo() { saveinfo() {
@ -201,10 +209,7 @@ export default {
if (this.wgpz.length < 4) { if (this.wgpz.length < 4) {
this.wgpz.push(this.ruleForm); this.wgpz.push(this.ruleForm);
localStorage.setItem("wgpz", JSON.stringify(this.wgpz)); localStorage.setItem("wgpz", JSON.stringify(this.wgpz));
this.$message({ this.SaveUserAnswer();
message: "添加成功",
type: "success",
});
this.flag = false; this.flag = false;
} else { } else {
this.$message({ this.$message({
@ -223,10 +228,7 @@ export default {
handleDelete(a, b) { handleDelete(a, b) {
this.wgpz.splice(a, 1); this.wgpz.splice(a, 1);
localStorage.setItem("wgpz", JSON.stringify(this.wgpz)); localStorage.setItem("wgpz", JSON.stringify(this.wgpz));
this.$message({ this.SaveUserAnswer();
message: "删除成功",
type: "success",
});
}, },
// //
handleSelectionChange(val) { handleSelectionChange(val) {
@ -239,15 +241,40 @@ export default {
); );
this.multipleSelection = []; this.multipleSelection = [];
localStorage.setItem("wgpz", JSON.stringify(this.wgpz)); localStorage.setItem("wgpz", JSON.stringify(this.wgpz));
this.$message({ this.SaveUserAnswer();
message: "删除成功",
type: "success",
});
}, },
//
chakan(a, b) { chakan(a, b) {
this.rowDate = b; this.rowDate = b;
this.xqFlag = true; this.xqFlag = true;
}, },
//
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "YDPZYM_wgpz",
user_id: "USER202307301114011710",
});
console.log(data.data);
if (data.data && data.state) {
this.wgpz = JSON.parse(data.data.mark_value);
}
},
//
async SaveUserAnswer() {
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgpz",
user_id: "USER202307301114011710",
mark_value: JSON.stringify(this.wgpz),
});
if (data.state) {
this.$message({
message: "操作成功",
type: "success",
});
} else {
this.$message.error("操作失败");
}
},
}, },
}; };
</script> </script>

View File

@ -193,12 +193,14 @@
</div> </div>
</template> </template>
<script> <script>
import { GetUserAnswer, SaveUserAnswer } from "@/api/user";
export default { export default {
data() { data() {
return { return {
dialogVisible: true, dialogVisible: true,
labelPosition: "left", labelPosition: "left",
flag: false, flag: false,
user_id: "",
xqFlag: false, xqFlag: false,
rowDate: {}, rowDate: {},
wgid: "", wgid: "",
@ -250,20 +252,34 @@ export default {
}; };
}, },
created() { created() {
let that = this;
window.getParameter = that.getParameter;
this.wgid = this.$route.fullPath.split("?")[1]; this.wgid = this.$route.fullPath.split("?")[1];
this.tableData = JSON.parse(localStorage.getItem("wgwh")) || []; this.GetUserAnswer();
// this.tableData = JSON.parse(localStorage.getItem("wgwh")) || [];
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
//
async GetUserAnswer() {
let { data } = await GetUserAnswer({
mark: "YDPZYM_wgwh",
user_id: "USER202307301114011710",
});
console.log(data);
if (data.data && data.state) {
this.tableData = JSON.parse(data.data.mark_value);
}
},
saveinfo() { saveinfo() {
this.$refs["ruleForm"].validate((valid) => { this.$refs["ruleForm"].validate((valid) => {
if (valid) { if (valid) {
if (this.tableData.length < 4) { if (this.tableData.length < 4) {
this.tableData.push(this.ruleForm); this.tableData.push(this.ruleForm);
localStorage.setItem("wgwh", JSON.stringify(this.tableData)); localStorage.setItem("wgwh", JSON.stringify(this.tableData));
this.$message({ this.SaveUserAnswer();
message: "添加成功",
type: "success",
});
this.flag = false; this.flag = false;
} else { } else {
this.$message({ this.$message({
@ -282,10 +298,7 @@ export default {
handleDelete(a, b) { handleDelete(a, b) {
this.tableData.splice(a, 1); this.tableData.splice(a, 1);
localStorage.setItem("wgwh", JSON.stringify(this.tableData)); localStorage.setItem("wgwh", JSON.stringify(this.tableData));
this.$message({ this.SaveUserAnswer();
message: "删除成功",
type: "success",
});
}, },
// //
handleSelectionChange(val) { handleSelectionChange(val) {
@ -305,16 +318,29 @@ export default {
); );
this.multipleSelection = []; this.multipleSelection = [];
localStorage.setItem("wgwh", JSON.stringify(this.tableData)); localStorage.setItem("wgwh", JSON.stringify(this.tableData));
this.$message({ this.SaveUserAnswer();
message: "删除成功",
type: "success",
});
}, },
chakan(a, b) { chakan(a, b) {
console.log(b); console.log(b);
this.rowDate = b; this.rowDate = b;
this.xqFlag = true; this.xqFlag = true;
}, },
//
async SaveUserAnswer() {
let { data } = await SaveUserAnswer({
mark: "YDPZYM_wgwh",
user_id: "USER202307301114011710",
mark_value: JSON.stringify(this.tableData),
});
if (data.state) {
this.$message({
message: "操作成功",
type: "success",
});
} else {
this.$message.error("操作失败");
}
},
}, },
}; };
</script> </script>

View File

@ -167,11 +167,11 @@
<script> <script>
import { SaveUserAnswer, GetUserAnswer } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
import { isValidPrimaryDNS } from "../validate"; import { isValidPrimaryDNS } from "../validate";
import { Loading } from "element-ui";
export default { export default {
data() { data() {
return { return {
loading: false, loading: false,
user_id: "",
ippz_ip1: "192", ippz_ip1: "192",
ippz_ip2: "168", ippz_ip2: "168",
ippz_ip3: "1", ippz_ip3: "1",
@ -249,7 +249,14 @@ export default {
}, },
}; };
}, },
created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
// //
Merge(value, value1, value2, value3, value4) { Merge(value, value1, value2, value3, value4) {
value = value1 + "." + value2 + "." + value3 + "." + value4; value = value1 + "." + value2 + "." + value3 + "." + value4;
@ -321,7 +328,7 @@ export default {
mark: "CKFWQ_yx", mark: "CKFWQ_yx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",
}); });
console.log(answers); console.log(answers.data);
if (answers.data.data && answers.data.state) { if (answers.data.data && answers.data.state) {
let obj = JSON.parse(answers.data.data.mark_value); let obj = JSON.parse(answers.data.data.mark_value);
console.log(obj); console.log(obj);

View File

@ -60,6 +60,7 @@ export default {
return { return {
dialogVisible: true, dialogVisible: true,
labelPosition: "left", labelPosition: "left",
user_id: "",
loading: false, loading: false,
ruleForm: { ruleForm: {
kqwk: "开启", kqwk: "开启",
@ -74,9 +75,14 @@ export default {
}; };
}, },
created() { created() {
let that = this;
window.getParameter = that;
this.GetUserAnswer(); this.GetUserAnswer();
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async saveDatas() { async saveDatas() {
let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx")); let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({

View File

@ -1,11 +1,6 @@
<template> <template>
<div> <div>
<el-dialog <el-dialog title="网络管理" :visible.sync="dialogVisible" width="40%">
title="网络管理"
:visible.sync="dialogVisible"
width="40%"
:before-close="handleClose"
>
<h3 style="color: #fff">内网网卡</h3> <h3 style="color: #fff">内网网卡</h3>
<el-divider></el-divider> <el-divider></el-divider>
<el-table :data="tableData" style="width: 100%" border> <el-table :data="tableData" style="width: 100%" border>
@ -143,6 +138,8 @@ import { SaveUserAnswer, GetUserAnswer } from "../api/user";
export default { export default {
data() { data() {
return { return {
user_id: "",
type: "",
wlgl_nw_ip1: "", wlgl_nw_ip1: "",
wlgl_nw_ip2: "", wlgl_nw_ip2: "",
wlgl_nw_ip3: "", wlgl_nw_ip3: "",
@ -197,13 +194,19 @@ export default {
}; };
}, },
created() { created() {
this.GetUserAnswer();
let that = this; let that = this;
window.getParameter = that.getParameter; window.getParameter = that.getParameter;
this.GetUserAnswer();
}, },
methods: { methods: {
getParameter(data) { getParameter(data) {
alert(data); this.user_id = data.split("|")[0];
this.type = data.split("|")[1];
if (data.split("|")[1] == 1) {
this.$store.commit("setType", "GYWZ_yx");
} else {
this.$store.commit("setType", "GYWZ_wx");
}
}, },
async save() { async save() {
var obj = { var obj = {
@ -258,14 +261,13 @@ export default {
}, },
// //
async GetUserAnswer() { async GetUserAnswer() {
let { data } = await GetUserAnswer({ var { data } = await GetUserAnswer({
mark: "GYWZ_yx", mark: "GYWZ_yx",
user_id: "USER202307301114011710", user_id: "USER202307301114011710",
}); });
console.log(data);
if (data.data && data.state) { if (data.data && data.state) {
let res = JSON.parse(data.data.mark_value); let res = JSON.parse(data.data.mark_value);
console.log(res);
this.tableData[0].wlgl_nw_name = res.wlgl_nw_name; this.tableData[0].wlgl_nw_name = res.wlgl_nw_name;
this.wlgl_nw_ip1 = res.wlgl_nw_ip.split(".")[0]; this.wlgl_nw_ip1 = res.wlgl_nw_ip.split(".")[0];
this.wlgl_nw_ip2 = res.wlgl_nw_ip.split(".")[1]; this.wlgl_nw_ip2 = res.wlgl_nw_ip.split(".")[1];

View File

@ -102,6 +102,7 @@ export default {
data() { data() {
return { return {
dialogVisible: true, dialogVisible: true,
user_id: "",
dialogVisible1: false, dialogVisible1: false,
labelPosition: "left", labelPosition: "left",
dxgl: [], dxgl: [],
@ -127,9 +128,14 @@ export default {
}; };
}, },
created() { created() {
let that = this;
window.getParameter = that.getParameter;
this.GetUserAnswer(); this.GetUserAnswer();
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async SaveUserAnswer() { async SaveUserAnswer() {
// //
console.log(this.dxgl); console.log(this.dxgl);
@ -161,7 +167,7 @@ export default {
mark: "GYWZ_yx", mark: "GYWZ_yx",
user_id: "USER202307301114011710", user_id: "USER202307301114011710",
}); });
if (data.state) { if (data.state && data.data) {
console.log(JSON.parse(data.data.mark_value).dxgl); console.log(JSON.parse(data.data.mark_value).dxgl);
if (JSON.parse(data.data.mark_value).dxgl) { if (JSON.parse(data.data.mark_value).dxgl) {
this.dxgl = JSON.parse(data.data.mark_value).dxgl; this.dxgl = JSON.parse(data.data.mark_value).dxgl;

View File

@ -1,6 +1,11 @@
<template> <template>
<div> <div>
<el-dialog title="策略管理" :visible.sync="dialogVisible" width="50%"> <el-dialog
title="策略管理"
:visible.sync="dialogVisible"
width="50%"
v-loading="loading"
>
<div class="title"> <div class="title">
<el-button style="margin-bottom: 10px" @click="addPolicy" <el-button style="margin-bottom: 10px" @click="addPolicy"
>新增策略</el-button >新增策略</el-button
@ -52,10 +57,13 @@
</div> </div>
</template> </template>
<script> <script>
import { GetUserAnswer, SaveUserAnswer } from "../api/user";
export default { export default {
data() { data() {
return { return {
clgl_qidong: true, clgl_qidong: true,
loading: false,
user_id: "",
// IP // IP
clgl_rkip1: "", clgl_rkip1: "",
clgl_rkip2: "", clgl_rkip2: "",
@ -275,54 +283,84 @@ export default {
}; };
}, },
created() { created() {
var obj = JSON.parse(sessionStorage.getItem("GYWZ_yx")); let that = this;
console.log(obj); window.getParameter = that.getParameter;
this.tableData = [ this.GetUserAnswer();
{
clgl_name: obj.clgl_name,
cmdlist_qsdz: obj.cmdlist_qsdz,
clgl_xy: obj.clgl_xy,
clgl_gzms: obj.clgl_gzms,
clgl_ydx: obj.clgl_ydx,
clgl_ydk: obj.clgl_ydk,
clgl_rkwk: obj.clgl_rkwk,
clgl_rkip: obj.clgl_rkip,
clgl_rkwg: obj.clgl_rkwg,
clgl_ckwk: obj.clgl_ckwk,
clgl_ckip: obj.clgl_ckip,
clgl_ckwg: obj.clgl_ckwg,
clgl_mddx: obj.clgl_mddx,
clgl_mddk: obj.clgl_mddk,
},
];
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
addPolicy() { addPolicy() {
this.$router.push("/addstrategy"); this.$router.push("/addstrategy");
}, },
del(index, a) { async del(index, a) {
// this.tableData.splice(index, 1); let { data } = await SaveUserAnswer({
// var obj = JSON.parse(sessionStorage.getItem("GYWZ_yx")); mark: "GYWZ_yx",
// let newSessObj = { user_id: "USER202307301114011710",
// clgl_name: "", mark_value: JSON.stringify(localStorage.getItem("GYWZ_yx")),
// cmdlist_qsdz: "", });
// clgl_xy: "", if (data.state) {
// clgl_gzms: "", this.tableData.splice(index, 1);
// clgl_ydx: "", var obj = JSON.parse(sessionStorage.getItem("GYWZ_yx"));
// clgl_ydk: "", let newSessObj = {
// clgl_rkwk: "", clgl_name: "",
// clgl_rkip: "", cmdlist_qsdz: "",
// clgl_rkwg: "", clgl_xy: "",
// clgl_ckwk: "", clgl_gzms: "",
// clgl_ckip: "", clgl_ydx: "",
// clgl_ckwg: "", clgl_ydk: "",
// clgl_mddx: "", clgl_rkwk: "",
// clgl_mddk: "", clgl_rkip: "",
// }; clgl_rkwg: "",
// sessionStorage.setItem( clgl_ckwk: "",
// "GYWZ_yx", clgl_ckip: "",
// JSON.stringify({ ...obj, ...newSessObj }) clgl_ckwg: "",
// ); clgl_mddx: "",
clgl_mddk: "",
};
sessionStorage.setItem(
"GYWZ_yx",
JSON.stringify({ ...obj, ...newSessObj })
);
this.$message({
message: "删除成功",
type: "success",
});
}
},
//
async GetUserAnswer() {
this.loading = true;
let { data } = await GetUserAnswer({
mark: "GYWZ_yx",
user_id: "USER202307301114011710",
});
this.loading = false;
if (data.data && data.state) {
let obj = JSON.parse(data.data.mark_value);
if (obj.hasOwnProperty("clgl_name")) {
console.log(obj.clgl_name);
this.tableData = [
{
clgl_name: obj.clgl_name,
cmdlist_qsdz: obj.cmdlist_qsdz,
clgl_xy: obj.clgl_xy,
clgl_gzms: obj.clgl_gzms,
clgl_ydx: obj.clgl_ydx,
clgl_ydk: obj.clgl_ydk,
clgl_rkwk: obj.clgl_rkwk,
clgl_rkip: obj.clgl_rkip,
clgl_rkwg: obj.clgl_rkwg,
clgl_ckwk: obj.clgl_ckwk,
clgl_ckip: obj.clgl_ckip,
clgl_ckwg: obj.clgl_ckwg,
clgl_mddx: obj.clgl_mddx,
clgl_mddk: obj.clgl_mddk,
},
];
}
}
}, },
}, },
}; };

View File

@ -119,6 +119,7 @@ import { isValidPrimaryDNS } from "../validate";
export default { export default {
data() { data() {
return { return {
user_id: "",
datas: [ datas: [
{ {
name: "端口", name: "端口",
@ -194,9 +195,14 @@ export default {
}; };
}, },
created() { created() {
let that = this;
window.getParameter = that.getParameter;
this.GetUserAnswer(); this.GetUserAnswer();
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async GetUserAnswer() { async GetUserAnswer() {
let { data } = await GetUserAnswer({ let { data } = await GetUserAnswer({
mark: "CKFWQ_yx", mark: "CKFWQ_yx",

View File

@ -4,24 +4,47 @@
<!-- v-click-outside="closeMenu" --> <!-- v-click-outside="closeMenu" -->
<div> <div>
<div class="tree_menu" v-show="dialogVisible"> <div class="tree_menu" v-show="dialogVisible">
<el-tree :data="$store.state.tree" :props="defaultProps" default-expand-all @node-contextmenu="rightClick" <el-tree
@node-click="treeNodeClick" ref="tree"> :data="$store.state.tree"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
<!-- :render-content="renderContent" --> <!-- :render-content="renderContent" -->
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<template v-if="data.editing == 1"> <template v-if="data.editing == 1">
<el-button type="mini" v-if="flag" style="right: 50px; top: 0; position: absolute; border: none" <el-button
@click.stop="done">完成</el-button> type="mini"
<el-button type="mini" style="right: 0; top: 0; position: absolute; border: none" v-if="flag"
@click.stop="edit">编辑</el-button> style="right: 50px; top: 0; position: absolute; border: none"
@click.stop="done"
>完成</el-button
>
<el-button
type="mini"
style="right: 0; top: 0; position: absolute; border: none"
@click.stop="edit"
>编辑</el-button
>
<span v-if="!flag">{{ data.label }}</span> <span v-if="!flag">{{ data.label }}</span>
<el-input v-else style="width: 150px" v-model="gateway"></el-input> <el-input
v-else
style="width: 150px"
v-model="gateway"
></el-input>
</template> </template>
<template v-else>{{ data.label }}</template> <template v-else>{{ data.label }}</template>
</span> </span>
</el-tree> </el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
<div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }"> <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
<el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE"> <el-menu
class="el-menu-vertical-demo"
@select="selectMenuNode"
default-active="#0078FE"
>
<el-menu-item id="menuitem" index="1" style="font-size: 12px"> <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>
@ -33,13 +56,36 @@
</div> </div>
</div> </div>
<div class="pas_params"> <div class="pas_params">
<el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px" v-loading="Loading"> <el-dialog
<el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> title="通道参数设置"
:visible.sync="add_passage"
width="765px"
v-loading="Loading"
>
<el-form
:model="FormData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc"> <el-form-item
<el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px"> label="通道名称:"
<el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="tdpz_tdmc"
>
<el-select
v-model="FormData.tdpz_tdmc"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options1"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -47,21 +93,46 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td"> <el-form-item
<el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px"> label="通道:"
<el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="tdpz_td"
>
<el-select
v-model="FormData.tdpz_td"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options2"
:key="index"
: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="tdpz_qdmc"> <el-form-item
label="驱动名称:"
:label-width="formLabelWidth"
prop="tdpz_qdmc"
>
<el-row> <el-row>
<el-col :span="18"> <el-col :span="18">
<el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input> <el-input
v-model="FormData.tdpz_qdmc"
placeholder=""
style="width: 200px; height: 30px"
></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>
@ -69,22 +140,38 @@
</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="tdpz_ip"> <el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="tdpz_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip1"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">. </el-col> <el-col :span="1" style="color: #fff">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip2"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">.</el-col> <el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip3"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">.</el-col> <el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip4"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -92,32 +179,72 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port"> <el-form-item
<el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input> label="端口号:"
:label-width="formLabelWidth"
prop="tdpz_port"
>
<el-input
v-model="FormData.tdpz_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="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj"> <el-form-item
<el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input> label="超过时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_cssj"
>
<el-input
v-model="FormData.tdpz_cssj"
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="tdpz_jgsj"> <el-form-item
<el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input> label="间隔时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_jgsj"
>
<el-input
v-model="FormData.tdpz_jgsj"
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="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj"> <el-form-item
<el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input> label="轮询时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_lxsj"
>
<el-input
v-model="FormData.tdpz_lxsj"
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="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs"> <el-form-item
<el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input> label="重复次数:"
:label-width="formLabelWidth"
prop="tdpz_cfcs"
>
<el-input
v-model="FormData.tdpz_cfcs"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -127,29 +254,47 @@
<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=" <el-button
type="text"
plain
@click="getRetract"
style="
width: 28px; width: 28px;
border: none; border: none;
color: rgba(16, 16, 16, 1); color: rgba(16, 16, 16, 1);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
"> "
收起</el-button> >
收起</el-button
>
</div> </div>
</div> </div>
<div class="super_con" v-show="is_retract"> <div class="super_con" v-show="is_retract">
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item> <el-form-item>
<el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox> <el-checkbox v-model="FormData.tdpz_watchtime"
<el-input v-model="input1" placeholder="" style="width: 200px; height: 30px" >watch time(s)</el-checkbox
:disabled="isdisabled"></el-input> >
<el-input
v-model="input1"
placeholder=""
style="width: 200px; height: 30px"
:disabled="isdisabled"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item> <el-form-item>
<el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox> <el-checkbox v-model="FormData.tdpz_cjsylxdz"
>采集使用连续地址</el-checkbox
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -158,11 +303,17 @@
<el-form-item label="读写占空比:" :label-width="formLabelWidth"> <el-form-item label="读写占空比:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="10"> <el-col :span="10">
<el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input> <el-input
v-model="tdpz_dxzkb1"
style="width: 91px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="4">: </el-col> <el-col :span="4">: </el-col>
<el-col :span="10"> <el-col :span="10">
<el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input> <el-input
v-model="tdpz_dxzkb2"
style="width: 91px; height: 30px"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -172,18 +323,42 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="05/0F:" :label-width="formLabelWidth"> <el-form-item label="05/0F:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col> <el-col :span="8"
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col> ><el-radio v-model="FormData.tdpz_050F" label="auto"
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col> >auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="05"
>05</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="0F"
>0F</el-radio
></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="06/10:" :label-width="formLabelWidth"> <el-form-item label="06/10:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col> <el-col :span="8"
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col> ><el-radio v-model="FormData.tdpz_0610" label="auto"
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col> >auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="06"
>06</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="10"
>10</el-radio
></el-col
>
</el-row> </el-row>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -202,7 +377,12 @@
<i class="el-icon-close title_r" @click="diag_drive = false"></i> <i class="el-icon-close title_r" @click="diag_drive = 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> </div>
</template> </template>
@ -476,7 +656,14 @@ export default {
tdpz_port: this.FormData.tdpz_port, tdpz_port: this.FormData.tdpz_port,
tdpz_ccsj: this.FormData.tdpz_cssj, tdpz_ccsj: this.FormData.tdpz_cssj,
tdpz_jgsj: this.FormData.tdpz_jgsj, tdpz_jgsj: this.FormData.tdpz_jgsj,
tdpz_ip: this.tdpz_ip1 + "." + this.tdpz_ip2 + "." + this.tdpz_ip3 + "." + this.tdpz_ip4, tdpz_ip:
this.tdpz_ip1 +
"." +
this.tdpz_ip2 +
"." +
this.tdpz_ip3 +
"." +
this.tdpz_ip4,
tdpz_lxsj: this.FormData.tdpz_lxsj, tdpz_lxsj: this.FormData.tdpz_lxsj,
tdpz_cfcs: this.FormData.tdpz_cfcs, tdpz_cfcs: this.FormData.tdpz_cfcs,
tdpz_watchtime: String(Number(this.FormData.tdpz_watchtime)), tdpz_watchtime: String(Number(this.FormData.tdpz_watchtime)),
@ -484,7 +671,7 @@ export default {
tdpz_dxzkb: this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2, tdpz_dxzkb: this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2,
tdpz_050F: this.FormData.tdpz_050F, tdpz_050F: this.FormData.tdpz_050F,
tdpz_0610: this.FormData.tdpz_0610, tdpz_0610: this.FormData.tdpz_0610,
} };
let datas = sessionStorage.getItem("DB-IotLite_yx"); let datas = sessionStorage.getItem("DB-IotLite_yx");
datas = { ...JSON.parse(datas), ...obj }; datas = { ...JSON.parse(datas), ...obj };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
@ -494,8 +681,8 @@ export default {
}); });
if (res.status == 200) { if (res.status == 200) {
this.$message({ this.$message({
message: '保存成功', message: "保存成功",
type: 'success' type: "success",
}); });
} }
sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas)); sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
@ -507,7 +694,6 @@ export default {
// this.$set(data, 'children', []); // this.$set(data, 'children', []);
// } // }
// data.children.push(newChild); // data.children.push(newChild);
}, },
handleDetailClick(data, node, value) { handleDetailClick(data, node, value) {
console.log(data.label); console.log(data.label);
@ -565,13 +751,14 @@ export default {
return ( return (
<span class="custom-tree-node"> <span class="custom-tree-node">
<span>{node.label}</span> <span>{node.label}</span>
</span>); </span>
} );
},
}, },
created() { created() {
GetTree("USER202307301114011710").then((res) => { // GetTree("USER202307301114011710").then((res) => {
console.log(res); // console.log(res);
}) // })
this.Loading = true; this.Loading = true;
this.GetUserAnswer(); this.GetUserAnswer();
this.Loading = false; this.Loading = false;

View File

@ -69,6 +69,7 @@ export default {
data() { data() {
return { return {
dialogVisible: true, dialogVisible: true,
user_id: "",
labelPosition: "left", labelPosition: "left",
ruleForm: { ruleForm: {
wxpz_gzms: "STA模式", wxpz_gzms: "STA模式",
@ -89,9 +90,14 @@ export default {
}; };
}, },
created() { created() {
let that = this;
window.getParameter = that.getParameter;
this.GetUserAnswer(); this.GetUserAnswer();
}, },
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
async saveDatas() { async saveDatas() {
let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx")); let datas = JSON.parse(sessionStorage.getItem("CKFWQ_wx"));
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({

View File

@ -146,6 +146,7 @@ export default {
return { return {
dialogVisible: true, dialogVisible: true,
labelPosition: "left", labelPosition: "left",
user_id: "",
loading: false, loading: false,
ruleForm: { ruleForm: {
ckcssz_btl: "9600", ckcssz_btl: "9600",
@ -176,7 +177,14 @@ export default {
}, },
}; };
}, },
created() {
let that = this;
window.getParameter = that.getParameter;
},
methods: { methods: {
getParameter(data) {
this.user_id = data;
},
// //
async saveDatas() { async saveDatas() {
this.Loading = true; this.Loading = true;

View File

@ -6,12 +6,16 @@ Vue.use(Vuex);
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
tree: JSON.parse(localStorage.getItem("tree")), tree: JSON.parse(localStorage.getItem("tree")),
type: "",
}, },
mutations: { mutations: {
setTree(state, a) { setTree(state, a) {
state.tree = a; state.tree = a;
localStorage.setItem("tree", JSON.stringify(a)); localStorage.setItem("tree", JSON.stringify(a));
}, },
setType(state, a) {
state.type = a;
},
}, },
actions: {}, actions: {},
}); });

View File

@ -112,7 +112,7 @@ export default {
}, },
methods: { methods: {
getParameter(data) { getParameter(data) {
alert(data); // alert(data);
}, },
// //
fontSize(res) { fontSize(res) {