This commit is contained in:
lll
parent
5345a6e984
commit
2bdbd2595b
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
|
||||
<el-form-item
|
||||
label="服务器IP:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_ip"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="5">
|
||||
<el-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -678,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
|
||||
<el-form-item
|
||||
label="服务器IP:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_ip"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="5">
|
||||
<el-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
|
||||
<el-form-item
|
||||
label="服务器IP:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_ip"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="5">
|
||||
<el-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
|
||||
<el-form-item
|
||||
label="服务器IP:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_ip"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="5">
|
||||
<el-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
@ -754,8 +849,6 @@ export default {
|
|||
padding-right: 150px;
|
||||
}
|
||||
|
||||
;
|
||||
|
||||
.el-row {
|
||||
height: 54px;
|
||||
display: flex;
|
||||
|
|
@ -866,4 +959,5 @@ export default {
|
|||
padding-top: 0px !important;
|
||||
line-height: 0px !important;
|
||||
}
|
||||
}</style>
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
@ -754,7 +849,6 @@ export default {
|
|||
padding-right: 150px;
|
||||
}
|
||||
|
||||
|
||||
.el-row {
|
||||
height: 54px;
|
||||
display: flex;
|
||||
|
|
@ -865,4 +959,5 @@ export default {
|
|||
padding-top: 0px !important;
|
||||
line-height: 0px !important;
|
||||
}
|
||||
}</style>
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -162,16 +246,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -182,8 +274,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -471,15 +569,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -503,7 +599,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -631,7 +727,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -644,7 +740,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -679,7 +774,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
@ -754,7 +849,6 @@ export default {
|
|||
padding-right: 348px;
|
||||
}
|
||||
|
||||
|
||||
.el-row {
|
||||
height: 54px;
|
||||
display: flex;
|
||||
|
|
@ -865,4 +959,5 @@ export default {
|
|||
padding-top: 0px !important;
|
||||
line-height: 0px !important;
|
||||
}
|
||||
}</style>
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!-- <div v-click-outside="closeMenu"> -->
|
||||
<!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
|
||||
<div v-show="dialogVisible" class="tree_menu">
|
||||
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-click="treeNodeClick"
|
||||
ref="tree">
|
||||
<el-tree
|
||||
:data="trees"
|
||||
node-key="id"
|
||||
:props="defaultProps"
|
||||
default-expand-all
|
||||
@node-click="treeNodeClick"
|
||||
ref="tree"
|
||||
>
|
||||
<!-- :render-content="renderContent" -->
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||
<template v-if="data.editing == 1">
|
||||
<el-button type="mini" v-if="flag" 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>
|
||||
<el-button
|
||||
type="mini"
|
||||
v-if="flag"
|
||||
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>
|
||||
<el-input v-else style="width: 150px" v-model="gateway"></el-input>
|
||||
</template>
|
||||
|
|
@ -28,7 +43,12 @@
|
|||
<div class="con_left">
|
||||
<h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:label-position="labelPosition"
|
||||
:rules="rules"
|
||||
ref="formData"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
|
|
@ -38,22 +58,42 @@
|
|||
</el-row>
|
||||
<el-row class="serveIp">
|
||||
<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-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 :span="1">. </el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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 :span="1">.</el-col>
|
||||
<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-row>
|
||||
</el-form-item>
|
||||
|
|
@ -61,31 +101,62 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
|
||||
<el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="网关SN:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_wgsn"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_wgsn"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
|
||||
<el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="端口:"
|
||||
:label-width="formLabelWidth"
|
||||
prop="mqtt_port"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.mqtt_port"
|
||||
placeholder=""
|
||||
style="width: 200px; height: 30px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
|
||||
<el-input v-model="formData.mqtt_keepalive" placeholder=""
|
||||
style="width: 200px; height: 30px"></el-input>
|
||||
<el-form-item
|
||||
label="Keep Alive(s):"
|
||||
: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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item 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
|
||||
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-col>
|
||||
</el-row>
|
||||
|
|
@ -111,9 +182,22 @@
|
|||
<el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Qos(MQTT):" :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-form-item
|
||||
label="Qos(MQTT):"
|
||||
: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-select>
|
||||
</el-form-item>
|
||||
|
|
@ -150,7 +234,9 @@
|
|||
</div>
|
||||
<div>
|
||||
<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-button type="info" plain @click="handleSelect">保存</el-button> -->
|
||||
|
|
@ -165,16 +251,24 @@
|
|||
<el-table-column property="mqtt_cjd_sbmc" label="设备名称">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
|
||||
<el-option v-for="(option, index) in options2" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options2"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column property="mqtt_cjd_tagid" label="TagID">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
|
||||
<el-option v-for="(option, index) in options3" :key="index" :label="option.label"
|
||||
:value="option.value"></el-option>
|
||||
<el-option
|
||||
v-for="(option, index) in options3"
|
||||
:key="index"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -185,8 +279,14 @@
|
|||
<!-- 添加按钮下显示出来的弹框信息 -->
|
||||
<div>
|
||||
<el-dialog title="选择点" :visible.sync="choose_point" width="30%">
|
||||
<el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
|
||||
<el-tree
|
||||
:data="points"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
:default-expanded-keys="[1, 2]"
|
||||
:default-checked-keys="[3, 4, 5, 6]"
|
||||
:props="defaultProps"
|
||||
>
|
||||
</el-tree>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="savePoint">保 存</el-button>
|
||||
|
|
@ -474,15 +574,13 @@ export default {
|
|||
required: true,
|
||||
message: "",
|
||||
validator: this.validateIp,
|
||||
trigger: "blur"
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
mqtt_wgsn: [
|
||||
{ required: true, message: "请输入网关SN", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [
|
||||
{ required: true, message: "请输入端口", trigger: "blur" },
|
||||
],
|
||||
mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
|
||||
mqtt_keepalive: [
|
||||
{ required: true, message: "请输入KeepAlive", trigger: "blur" },
|
||||
],
|
||||
|
|
@ -506,7 +604,7 @@ export default {
|
|||
console.log(res);
|
||||
console.log(JSON.parse(res.data.data.data));
|
||||
this.trees = JSON.parse(res.data.data.data);
|
||||
})
|
||||
});
|
||||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
},
|
||||
|
|
@ -634,7 +732,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
type: "success",
|
||||
|
|
@ -647,7 +745,6 @@ export default {
|
|||
type: "error",
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
async GetUserAnswer() {
|
||||
this.loading = true;
|
||||
|
|
@ -682,7 +779,7 @@ export default {
|
|||
user_id: this.user_id,
|
||||
data: JSON.stringify(this.trees),
|
||||
type: "3",
|
||||
})
|
||||
});
|
||||
console.log(result);
|
||||
},
|
||||
},
|
||||
|
|
@ -757,7 +854,6 @@ export default {
|
|||
padding-right: 348px;
|
||||
}
|
||||
|
||||
|
||||
.el-row {
|
||||
height: 54px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -311,12 +311,12 @@ export default {
|
|||
datas = { ...JSON.parse(datas), ...this.ruleForm };
|
||||
let res = await SaveUserAnswer({
|
||||
mark: "CKFWQ_yx",
|
||||
user_id: `${this.user_id}`,
|
||||
user_id: this.user_id,
|
||||
// user_id: "USER202307301109254198",
|
||||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
console.log(res);
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
|
||||
this.$message({
|
||||
message: "保存成功",
|
||||
|
|
@ -329,7 +329,7 @@ export default {
|
|||
async GetUserAnswer() {
|
||||
let answers = await GetUserAnswer({
|
||||
mark: "CKFWQ_yx",
|
||||
user_id: `${this.user_id}`,
|
||||
user_id: this.user_id,
|
||||
// user_id: "USER202307301109254198",
|
||||
});
|
||||
console.log(answers.data);
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ export default {
|
|||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
console.log(res);
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
sessionStorage.setItem(
|
||||
"CKFWQ_wx",
|
||||
JSON.stringify({ ...datas, ...this.ruleForm })
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div>
|
||||
<div style="display: none" :style="{ display: 'block' }">
|
||||
<el-dialog title="网络管理" :visible.sync="dialogVisible" width="40%">
|
||||
<p
|
||||
style="
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -193,7 +193,7 @@ export default {
|
|||
mark_value: JSON.stringify(datas),
|
||||
});
|
||||
console.log(res);
|
||||
if (res.state) {
|
||||
if (res.data.state) {
|
||||
sessionStorage.setItem("CKFWQ_wx", JSON.stringify(datas));
|
||||
this.dialogVisible = false;
|
||||
this.$message({
|
||||
|
|
@ -248,7 +248,6 @@ export default {
|
|||
let that = this;
|
||||
window.getParameter = that.getParameter;
|
||||
this.GetUserAnswer();
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue