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

11

This commit is contained in:
lll 2023-11-08 18:36:01 +08:00
parent 87b667aab0
commit 2488e951c0
9 changed files with 500 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
package-lock.json generated
View File

@ -19,9 +19,10 @@
"prismjs": "^1.29.0",
"sass-loader": "^13.3.2",
"scss-loader": "^0.0.1",
"vue": "^2.6.14",
"vue": "^2.7.15",
"vue-prism-editor": "^1.3.0",
"vue-router": "^3.5.1"
"vue-router": "^3.5.1",
"vuex": "^4.1.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
@ -2955,6 +2956,11 @@
"integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
"dev": true
},
"node_modules/@vue/devtools-api": {
"version": "6.5.1",
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
"integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
},
"node_modules/@vue/vue-loader-v15": {
"name": "vue-loader",
"version": "15.11.1",
@ -10473,7 +10479,7 @@
},
"node_modules/vue": {
"version": "2.7.15",
"resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.15.tgz",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
"integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
"dependencies": {
"@vue/compiler-sfc": "2.7.15",
@ -10719,6 +10725,17 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"node_modules/vuex": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
"integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
"dependencies": {
"@vue/devtools-api": "^6.0.0-beta.11"
},
"peerDependencies": {
"vue": "^3.2.0"
}
},
"node_modules/watchpack": {
"version": "2.4.0",
"resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.0.tgz",
@ -13534,6 +13551,11 @@
}
}
},
"@vue/devtools-api": {
"version": "6.5.1",
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
"integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
},
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.11.1",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.11.1.tgz",
@ -19486,7 +19508,7 @@
},
"vue": {
"version": "2.7.15",
"resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.15.tgz",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
"integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
"requires": {
"@vue/compiler-sfc": "2.7.15",
@ -19680,6 +19702,14 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"vuex": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
"integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
"requires": {
"@vue/devtools-api": "^6.0.0-beta.11"
}
},
"watchpack": {
"version": "2.4.0",
"resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.0.tgz",

5
package.json
View File

@ -19,9 +19,10 @@
"prismjs": "^1.29.0",
"sass-loader": "^13.3.2",
"scss-loader": "^0.0.1",
"vue": "^2.6.14",
"vue": "^2.7.15",
"vue-prism-editor": "^1.3.0",
"vue-router": "^3.5.1"
"vue-router": "^3.5.1",
"vuex": "^4.1.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",

2
src/App.vue
View File

@ -226,7 +226,7 @@ export default {
// );
// },
},
mounted() { },
mounted() {},
components: {},
};
</script>

40
src/components/GatewayConfiguration.vue
View File

@ -1,6 +1,23 @@
<template>
<div>
<el-dialog title="网关配置" :visible.sync="dialogVisible">
<el-dialog title="详情" :visible.sync="xqFlag" width="30%">
<div class="xqbox">
<p>
<span class="s1">网关编号:</span> <span>{{ rowDate.wgbh }}</span>
</p>
<p>
<span class="s1">网关id:</span> <span>{{ rowDate.wgid }}</span>
</p>
<p>
<span class="s1">网关类型:</span> <span>{{ rowDate.wglx }}</span>
</p>
<p>
<span class="s1">网关名称:</span> <span>{{ rowDate.wgmc }}</span>
</p>
</div>
</el-dialog>
<div class="title">
<div class="left">
<el-button @click="flag = true">新建网关</el-button>
@ -43,7 +60,12 @@
>
<el-table-column label="详细">
<template slot-scope="scope">
<el-button type="text" size="small">查看</el-button>
<el-button
type="text"
size="small"
@click="chakan(scope.$index, scope.row)"
>查看</el-button
>
</template></el-table-column
>
<el-table-column label="参数配置">
@ -138,11 +160,13 @@ export default {
data() {
return {
dialogVisible: true,
xqFlag: false,
flag: false,
labelPosition: "left",
wgpz: [],
FormData: [],
search: "",
rowDate: {},
ruleForm: {
wglx: "",
wgid: "",
@ -220,6 +244,10 @@ export default {
type: "success",
});
},
chakan(a, b) {
this.rowDate = b;
this.xqFlag = true;
},
},
};
</script>
@ -236,4 +264,14 @@ export default {
.el-table {
margin-top: 10px;
}
.xqbox {
p {
margin: 5px;
display: flex;
.s1 {
width: 70px;
color: #0275ff;
}
}
}
</style>

59
src/components/GatewayMaintenance.vue
View File

@ -1,5 +1,40 @@
<template>
<div>
<el-dialog title="详情" :visible.sync="xqFlag" width="30%">
<div class="xqbox">
<p>
<span class="s1">网关SN:</span> <span>{{ rowDate.wgsn }}</span>
</p>
<p>
<span class="s1">网关编号:</span> <span>{{ rowDate.wgbh }}</span>
</p>
<p>
<span class="s1">网关名称:</span> <span>{{ rowDate.wgmc }}</span>
</p>
<p>
<span class="s1">参数key:</span> <span>{{ rowDate.cskey }}</span>
</p>
<p>
<span class="s1">参数名称:</span> <span>{{ rowDate.csmc }}</span>
</p>
<p>
<span class="s1">小数位数:</span> <span>{{ rowDate.xsws }}</span>
</p>
<p>
<span class="s1">设定值:</span> <span>{{ rowDate.sdz }}</span>
</p>
<p>
<span class="s1">偏差值:</span> <span>{{ rowDate.pcz }}</span>
</p>
<p>
<span class="s1">维护人:</span> <span>{{ rowDate.whr }}</span>
</p>
<p>
<span class="s1">维护时间:</span> <span>{{ rowDate.whsj }}</span>
</p>
</div>
</el-dialog>
<el-dialog
title="网关维护"
:visible.sync="dialogVisible"
@ -52,7 +87,12 @@
>
<el-table-column label="详细">
<template slot-scope="scope">
<el-button type="text" size="small">查看</el-button>
<el-button
type="text"
size="small"
@click="chakan(scope.$index, scope.row)"
>查看</el-button
>
</template></el-table-column
>
</el-table>
@ -159,6 +199,8 @@ export default {
dialogVisible: true,
labelPosition: "left",
flag: false,
xqFlag: false,
rowDate: {},
wgid: "",
multipleSelection: [],
tableData: [
@ -268,6 +310,11 @@ export default {
type: "success",
});
},
chakan(a, b) {
console.log(b);
this.rowDate = b;
this.xqFlag = true;
},
},
};
</script>
@ -288,4 +335,14 @@ export default {
/deep/.red .el-form-item__label {
color: red;
}
.xqbox {
p {
margin: 5px;
display: flex;
.s1 {
width: 70px;
color: #0275ff;
}
}
}
</style>

382
src/components/TreeView.vue
View File

@ -4,11 +4,46 @@
<!-- v-click-outside="closeMenu" -->
<div>
<div class="tree_menu" v-show="dialogVisible">
<el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
@node-click="treeNodeClick"></el-tree>
<el-tree
:data="$store.state.tree"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
<span class="custom-tree-node" slot-scope="{ node, data }">
<template v-if="data.editing == 1">
<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>
<template v-else>{{ data.label }}</template>
</span>
</el-tree>
<!-- 树形控件右键组件 -->
<div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
<el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
<el-menu
class="el-menu-vertical-demo"
@select="selectMenuNode"
default-active="#0078FE"
>
<el-menu-item id="menuitem" index="1" style="font-size: 12px">
<span slot="title">新建通道</span>
</el-menu-item>
@ -21,12 +56,30 @@
</div>
<div class="pas_params">
<el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
<el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
<el-form
:model="FormData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row>
<el-col :span="12">
<el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
<el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
<el-form-item
label="通道名称:"
:label-width="formLabelWidth"
prop="tdpz_tdmc"
>
<el-select
v-model="FormData.tdpz_tdmc"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options1"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -34,21 +87,46 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
<el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
<el-form-item
label="通道:"
:label-width="formLabelWidth"
prop="tdpz_td"
>
<el-select
v-model="FormData.tdpz_td"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options2"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
<el-form-item
label="驱动名称:"
:label-width="formLabelWidth"
prop="tdpz_qdmc"
>
<el-row>
<el-col :span="18">
<el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-input
v-model="FormData.tdpz_qdmc"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-col>
<el-col :span="6">
<el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
<el-button
style="width: 50px; height: 30px"
@click="getDriveName"
>...</el-button
>
</el-col>
</el-row>
</el-form-item>
@ -56,22 +134,38 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
<el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="tdpz_ip"
>
<el-row>
<el-col :span="5">
<el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
<el-input
v-model="tdpz_ip1"
style="width: 43px; height: 30px"
></el-input>
</el-col>
<el-col :span="1" style="color: #fff;">. </el-col>
<el-col :span="1" style="color: #fff">. </el-col>
<el-col :span="5">
<el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
<el-input
v-model="tdpz_ip2"
style="width: 43px; height: 30px"
></el-input>
</el-col>
<el-col :span="1" style="color: #fff;">.</el-col>
<el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5">
<el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
<el-input
v-model="tdpz_ip3"
style="width: 43px; height: 30px"
></el-input>
</el-col>
<el-col :span="1" style="color: #fff;">.</el-col>
<el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5">
<el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
<el-input
v-model="tdpz_ip4"
style="width: 43px; height: 30px"
></el-input>
</el-col>
</el-row>
</el-form-item>
@ -79,32 +173,72 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
<el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="端口号:"
:label-width="formLabelWidth"
prop="tdpz_port"
>
<el-input
v-model="FormData.tdpz_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
<el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="超过时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_cssj"
>
<el-input
v-model="FormData.tdpz_cssj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
<el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="间隔时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_jgsj"
>
<el-input
v-model="FormData.tdpz_jgsj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
<el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="轮询时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_lxsj"
>
<el-input
v-model="FormData.tdpz_lxsj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
<el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="重复次数:"
:label-width="formLabelWidth"
prop="tdpz_cfcs"
>
<el-input
v-model="FormData.tdpz_cfcs"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
@ -114,29 +248,47 @@
<div>
<i class="el-icon-caret-bottom" v-if="is_retract"></i>
<i class="el-icon-caret-top" v-else="is_retract"></i>
<el-button type="text" plain @click="getRetract" style="
<el-button
type="text"
plain
@click="getRetract"
style="
width: 28px;
border: none;
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: left;
">
收起</el-button>
"
>
收起</el-button
>
</div>
</div>
<div class="super_con" v-show="is_retract">
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
<el-form
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row>
<el-col :span="12">
<el-form-item>
<el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
<el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
:disabled="isdisabled"></el-input>
<el-checkbox v-model="FormData.tdpz_watchtime"
>watch time(s)</el-checkbox
>
<el-input
v-model="input1"
placeholder=""
style="width: 200px; height: 30px"
:disabled="isdisabled"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
<el-checkbox v-model="FormData.tdpz_cjsylxdz"
>采集使用连续地址</el-checkbox
>
</el-form-item>
</el-col>
</el-row>
@ -145,11 +297,17 @@
<el-form-item label="读写占空比:" :label-width="formLabelWidth">
<el-row>
<el-col :span="10">
<el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
<el-input
v-model="tdpz_dxzkb1"
style="width: 91px; height: 30px"
></el-input>
</el-col>
<el-col :span="4">: </el-col>
<el-col :span="10">
<el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
<el-input
v-model="tdpz_dxzkb2"
style="width: 91px; height: 30px"
></el-input>
</el-col>
</el-row>
</el-form-item>
@ -159,18 +317,42 @@
<el-col :span="12">
<el-form-item label="05/0F:" :label-width="formLabelWidth">
<el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="auto"
>auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="05"
>05</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="0F"
>0F</el-radio
></el-col
>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="06/10:" :label-width="formLabelWidth">
<el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="auto"
>auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="06"
>06</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="10"
>10</el-radio
></el-col
>
</el-row>
</el-form-item>
</el-col>
@ -189,7 +371,12 @@
<i class="el-icon-close title_r" @click="diag_drive = false"></i>
</div>
<el-divider></el-divider>
<el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
<el-tree
:data="datas2"
:props="defaultProps"
@node-click="handleDetailClick"
default-expand-all
></el-tree>
</div>
</div>
</template>
@ -202,6 +389,8 @@ export default {
data() {
return {
flag: false,
gateway: JSON.parse(localStorage.getItem("tree"))[0].label,
FormData: {
tdpz_tdmc: "有线区Channel1",
tdpz_td: "网口",
@ -251,58 +440,7 @@ export default {
rightMenu: "",
dialogVisible: true,
menuShow: false,
datas: [
{
label: "Gateway",
children: [
{
label: "数据采集",
children: [
{
label: "I/O点",
},
{
label: "用户点",
},
{
label: "计算点",
},
{
label: "系统点",
},
],
},
{
label: "数据服务",
children: [
{
label: "Modbus",
},
],
},
{
label: "IOT",
children: [
{
label: "Mqtt Client",
},
{
label: "Alink",
},
{
label: "Tlink",
},
{
label: "loTDDC",
},
{
label: "Ulink",
},
],
},
],
},
],
datas: [],
datas2: [
{
label: "通用标准",
@ -433,7 +571,21 @@ export default {
},
};
},
created() {
console.log(this.$store.state.tree);
},
methods: {
//编辑
edit(event) {
this.flag = true;
},
//完成编辑
done(event) {
this.flag = false;
let tree = this.$store.state.tree;
tree[0].label = this.gateway;
this.$store.commit("setTree", tree);
},
rightClick(e, data, node) {
this.menuShow = false;
this.menuShow = true;
@ -478,9 +630,27 @@ export default {
return value;
},
async saveGate() {
// // 获取 el-tree 实例
// const tree = this.$refs.tree;
// // 构建要新增的子节点
// const newNode = {
// id: 1111,
// label: "子节点1-3",
// };
// // 获取要作为父节点的节点
// const parentNode = tree.getNode(1111); // 通过节点 id 获取父节点
// console.log(parentNode);
// // 使用 append 方法新增子节点
// tree.append(newNode, parentNode);
// this.$refs.tree.append({ id: 1111, label: "1213" }, { id: 1111 });
this.add_passage = false;
this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
this.FormData.tdpz_watchtime = String(
Number(this.FormData.tdpz_watchtime)
);
this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
this.FormData.tdpz_ip = this.Merge(
this.FormData.tdpz_ip,
@ -499,17 +669,15 @@ export default {
sessionStorage.setItem("answer", JSON.stringify(this.FormData));
console.log(res);
console.log(res.data.data.mark_value);
this.$router.push("/dbcollectdevice");
// this.$router.push("/dbcollectdevice");
},
handleDetailClick(data, node, value) {
console.log(data.label);
this.FormData.tdpz_qdmc = data.label;
this.diag_drive = false;
}
},
async created() {
// let res2 = GetUserAnswer()
},
},
watch: {
// "FormData.tdpz_watchtime": {
// handler(old) {
@ -590,7 +758,6 @@ export default {
}
/deep/ .pas_params {
.el-col-12:last-child {
padding-right: 150px;
}
@ -657,7 +824,6 @@ export default {
.el-dialog__footer {
padding: 18px 1.25rem 50px;
}
.dialog-footer {

3
src/main.js
View File

@ -3,8 +3,8 @@ import App from "./App.vue";
import ElementUI from "element-ui";
import router from "./router";
import "element-ui/lib/theme-chalk/index.css";
import store from "./store";
Vue.config.productionTip = false;
import moment from "moment";
//定义一个全局过滤器实现日期格式化
Vue.filter("datefmt", function (input, fmtstring) {
@ -13,6 +13,7 @@ Vue.filter("datefmt", function (input, fmtstring) {
return moment(input).format(fmtstring);
});
Vue.prototype.$moment = moment;
Vue.prototype.$store = store;
Vue.use(ElementUI);
new Vue({
router,

17
src/store/index.js Normal file
View File

@ -0,0 +1,17 @@
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
state: {
tree: JSON.parse(localStorage.getItem("tree")),
},
mutations: {
setTree(state, a) {
state.tree = a;
localStorage.setItem("tree", JSON.stringify(a));
},
},
actions: {},
});

72
src/views/Index.vue
View File

@ -98,6 +98,78 @@ export default {
data() {
return {};
},
created() {
localStorage.setItem(
"tree",
JSON.stringify([
{
label: "Gateway",
id: 1,
editing: true,
children: [
{
label: "数据采集",
id: 11,
children: [
{
label: "I/O点",
id: 111,
},
{
label: "用户点",
id: 112,
},
{
label: "计算点",
id: 113,
},
{
label: "系统点",
id: 114,
},
],
},
{
label: "数据服务",
id: 12,
children: [
{
label: "Modbus",
id: 121,
},
],
},
{
label: "IOT",
id: 13,
children: [
{
label: "Mqtt Client",
id: 131,
},
{
label: "Alink",
id: 132,
},
{
label: "Tlink",
id: 133,
},
{
label: "loTDDC",
id: 134,
},
{
label: "Ulink",
id: 135,
},
],
},
],
},
])
);
},
methods: {},
components: {},
};