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

kl1

This commit is contained in:
lll 2023-11-14 19:06:32 +08:00
parent c6d3d6e3a9
commit 4555a11e26
8 changed files with 904 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/AddPolicy.vue
View File

@ -208,17 +208,6 @@
</el-row>
</el-col>
<el-col :span="6">
<el-form-item label="代理端口:" prop="clgl_dldk">
<el-col :span="19">
<el-input v-model="ruleForm1.clgl_dldk"> </el-input>
</el-col>
</el-form-item>
<el-form-item label="目的端口:" prop="clgl_mddk">
<el-col :span="19">
<el-input v-model="ruleForm1.clgl_mddk"> </el-input>
</el-col>
</el-form-item>
<el-form-item label="未定义命令:" prop="clgl_wdyml">
<el-col :span="19">
<el-select
@ -235,6 +224,11 @@
</el-select>
</el-col>
</el-form-item>
<el-form-item label="目的端口:" prop="clgl_mddk">
<el-col :span="19">
<el-input v-model="ruleForm1.clgl_mddk"> </el-input>
</el-col>
</el-form-item>
</el-col>
</el-row>
</el-form>
@ -555,7 +549,6 @@ export default {
clgl_ckwg: "",
clgl_mddx: "无限区路由器",
clgl_mddk: "",
clgl_dldk: "",
wlgl_nw_name: "",
wlgl_nw_ip: "",
wlgl_nw_zwym: "",
@ -581,7 +574,6 @@ export default {
clgl_rkwg: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "",
clgl_ckip: "",
@ -769,7 +761,6 @@ export default {
clgl_ydx: this.ruleForm1.clgl_ydx,
clgl_ydk: this.ruleForm1.clgl_ydk,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_rkip:
this.ruleForm1.clgl_rkip1 +
"." +
@ -857,7 +848,6 @@ export default {
this.clgl_ydx = res.clgl_ydx;
this.clgl_ydk = res.clgl_ydk;
this.clgl_mddk = res.clgl_mddk;
this.clgl_dldk = res.clgl_dldk;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_wdyml = res.clgl_wdyml;
this.clgl_ckwk = res.clgl_ckwk;
@ -909,7 +899,6 @@ export default {
clgl_rkwg: this.ruleForm1.clgl_rkwg,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_rkip: this.ruleForm1.clgl_rkip,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_ckwg: this.ruleForm1.clgl_ckwg,
clgl_ckwk: this.ruleForm1.clgl_ckwk,
clgl_ckip: this.ruleForm1.clgl_ckip,
@ -969,7 +958,6 @@ export default {
clgl_rkwg: this.ruleForm1.clgl_rkwg,
clgl_rkwk: this.ruleForm1.clgl_rkwk,
clgl_rkip: this.ruleForm1.clgl_rkip,
clgl_dldk: this.ruleForm1.clgl_dldk,
clgl_ckwg: this.ruleForm1.clgl_ckwg,
clgl_ckwk: this.ruleForm1.clgl_ckwk,
clgl_ckip: this.ruleForm1.clgl_ckip,

304
src/components/ChiDevicewifi.vue
View File

@ -5,12 +5,23 @@
<!-- <div v-click-outside="closeMenu"> -->
<!-- <el-button type="info" plain @click="dialogVisible = true">斥候通道配置</el-button> -->
<div class="tree_menu" v-show="dialogVisible">
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
@node-click="treeNodeClick" ref="tree">
<el-tree
:data="trees"
node-key="id"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
</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>
@ -22,26 +33,61 @@
</div>
<!-- </div> -->
<div class="pas_params">
<el-dialog title="新建设备" :visible.sync="add_passage" width="902px" v-loading="loading">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="formData">
<el-dialog
title="新建设备"
:visible.sync="add_passage"
width="902px"
v-loading="loading"
>
<el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="formData"
>
<el-row>
<el-col :span="12">
<el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
<el-select v-model="formData.sbpz_sbmc" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="设备名称:"
:label-width="formLabelWidth"
prop="sbpz_sbmc"
>
<el-select
v-model="formData.sbpz_sbmc"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="控制器协议:" :label-width="formLabelWidth" prop="sbpz_kzqxy">
<el-form-item
label="控制器协议:"
:label-width="formLabelWidth"
prop="sbpz_kzqxy"
>
<el-row>
<el-col :span="18">
<el-input v-model="formData.sbpz_kzqxy" placeholder="" style="width: 200px; height: 30px"
disabled></el-input>
<el-input
v-model="formData.sbpz_kzqxy"
placeholder=""
style="width: 200px; height: 30px"
disabled
></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>
@ -49,42 +95,86 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="sbpz_ip">
<el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="sbpz_ip"
>
<el-row>
<el-col :span="5">
<el-input v-model="sbpz_ip1" style="width: 43px; height: 30px" maxlength="3"></el-input>
<el-input
v-model="sbpz_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="sbpz_ip2" style="width: 43px; height: 30px" maxlength="3"></el-input>
<el-input
v-model="sbpz_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="sbpz_ip3" style="width: 43px; height: 30px" maxlength="3"></el-input>
<el-input
v-model="sbpz_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="sbpz_ip4" style="width: 43px; height: 30px" maxlength="3"></el-input>
<el-input
v-model="sbpz_ip4"
style="width: 43px; height: 30px"
maxlength="3"
></el-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="端口号:" :label-width="formLabelWidth" prop="sbpz_port">
<el-input v-model="formData.sbpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="端口号:"
:label-width="formLabelWidth"
prop="sbpz_port"
>
<el-input
v-model="formData.sbpz_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="从站地址:" :label-width="formLabelWidth" prop="sbpz_czdz">
<el-input v-model="formData.sbpz_czdz" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="从站地址:"
:label-width="formLabelWidth"
prop="sbpz_czdz"
>
<el-input
v-model="formData.sbpz_czdz"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="轮询周期(ms):" :label-width="formLabelWidth" prop="sbpz_lxzq">
<el-input v-model="formData.sbpz_lxzq" placeholder="" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="轮询周期(ms):"
:label-width="formLabelWidth"
prop="sbpz_lxzq"
>
<el-input
v-model="formData.sbpz_lxzq"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
<div class="infos">1-3600</div>
</el-form-item>
</el-col>
@ -95,14 +185,20 @@
<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;
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: left;
border: none;
">
收起</el-button>
"
>
收起</el-button
>
</div>
</div>
<el-divider></el-divider>
@ -110,41 +206,74 @@
<!-- <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> -->
<el-row>
<el-col :span="12">
<el-form-item label="启用毫秒采集:" :label-width="formLabelWidth" prop="sbpz_qyhmcj">
<el-form-item
label="启用毫秒采集:"
:label-width="formLabelWidth"
prop="sbpz_qyhmcj"
>
<el-switch v-model="formData.sbpz_qyhmcj"></el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="启用批量采集:" :label-width="formLabelWidth" prop="sbpz_qyplcj">
<el-form-item
label="启用批量采集:"
:label-width="formLabelWidth"
prop="sbpz_qyplcj"
>
<el-switch v-model="formData.sbpz_qyplcj"></el-switch>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最大批量采集数:" label-width="126px" prop="sbpz_zdplcjs">
<el-input v-model="formData.sbpz_zdplcjs" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="最大批量采集数:"
label-width="126px"
prop="sbpz_zdplcjs"
>
<el-input
v-model="formData.sbpz_zdplcjs"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-125</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="采集超过时间(ms):" label-width="140px" prop="sbpz_cjcgsj">
<el-input v-model="formData.sbpz_cjcgsj" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="采集超过时间(ms):"
label-width="140px"
prop="sbpz_cjcgsj"
>
<el-input
v-model="formData.sbpz_cjcgsj"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">2-60000</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="周期上报OnChange数据:" label-width="186px" prop="sbpz_zqsbonchange">
<el-form-item
label="周期上报OnChange数据:"
label-width="186px"
prop="sbpz_zqsbonchange"
>
<el-switch v-model="formData.sbpz_zqsbonchange"></el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="通讯事件间隔(ms):" label-width="140px" prop="sbpz_txsjjg">
<el-input v-model="formData.sbpz_txsjjg" style="width: 200px; height: 30px"></el-input>
<el-form-item
label="通讯事件间隔(ms):"
label-width="140px"
prop="sbpz_txsjjg"
>
<el-input
v-model="formData.sbpz_txsjjg"
style="width: 200px; height: 30px"
></el-input>
<div class="infos">0-1000</div>
</el-form-item>
</el-col>
@ -152,17 +281,44 @@
<div class="footer_con">
<el-row>
<el-col :span="12">
<el-form-item label="线圈寄存器写入功能码:" label-width="120px" style="line-height: 20px" class="cjjcq_code">
<el-select v-model="formData.sbpz_xqjcqxr" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="线圈寄存器写入功能码:"
label-width="120px"
style="line-height: 20px"
class="cjjcq_code"
>
<el-select
v-model="formData.sbpz_xqjcqxr"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="线圈寄存器写入功能码:" label-width="120px" class="cjjcq_code">
<el-select v-model="formData.sbpz_bcjcqxr" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="线圈寄存器写入功能码:"
label-width="120px"
class="cjjcq_code"
>
<el-select
v-model="formData.sbpz_bcjcqxr"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in options3"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -183,22 +339,51 @@
<i class="el-icon-close title_r" @click="add_passage = 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 class="gateway">
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
<el-form :model="formData" :rules="rulesGate" ref="gateWay" label-width="85px" class="demo-ruleForm">
<el-form
:model="formData"
:rules="rulesGate"
ref="gateWay"
label-width="85px"
class="demo-ruleForm"
>
<el-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts1" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="formData.wgpz_wgmc"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts2" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="formData.wgpz_wgid"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -511,24 +696,24 @@ export default {
validateIp(rule, value, callback) {
if (
this.sbpz_ip1 +
"." +
this.sbpz_ip2 +
"." +
this.sbpz_ip3 +
"." +
this.sbpz_ip4 ===
"." +
this.sbpz_ip2 +
"." +
this.sbpz_ip3 +
"." +
this.sbpz_ip4 ===
"..."
) {
callback(new Error("请输入IP地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.sbpz_ip1 +
"." +
this.sbpz_ip2 +
"." +
this.sbpz_ip3 +
"." +
this.sbpz_ip4
"." +
this.sbpz_ip2 +
"." +
this.sbpz_ip3 +
"." +
this.sbpz_ip4
)
) {
callback(new Error("请输入有效的IP地址"));
@ -947,7 +1132,6 @@ export default {
/deep/ .footer_con {
.cjjcq_code {
// margin-left: 140px !important;
.el-form-item__content {
margin-left: 140px !important;

351
src/components/DataView.vue
View File

@ -2,32 +2,65 @@
<template>
<div>
<!-- 无线网关 -->
<el-dialog title="IP设置" :visible.sync="dialogFormVisible" v-loading="loading" :append-to-body="true" width="894px">
<el-dialog
title="IP设置"
:visible.sync="dialogFormVisible"
v-loading="loading"
:append-to-body="true"
width="894px"
>
<span class="title_center">注意：本页面涉及排错，请检查修改默认值</span>
<div class="form_content">
<div>
<p class="netWay">网络方式</p>
<el-radio v-model="ruleForm.ippz_lwfs" label="有线" style="color: white">有线</el-radio>
<el-radio v-model="ruleForm.ippz_lwfs" label="无线" style="color: white">WIFI</el-radio>
<el-radio
v-model="ruleForm.ippz_lwfs"
label="有线"
style="color: white"
>有线</el-radio
>
<el-radio
v-model="ruleForm.ippz_lwfs"
label="无线"
style="color: white"
>WIFI</el-radio
>
<el-divider></el-divider>
</div>
<!-- v-if="ippz_lwfs == 1 ? true : false" -->
<div>
<h2>有线</h2>
<div class="wired">
<el-form :model="ruleForm" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
ref="rule">
<el-form
:model="ruleForm"
:label-position="labelPosition"
label-width="80px"
:rules="rules_ippz_wirle"
ref="rule"
>
<el-row>
<el-col :span="12">
<el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
<el-select v-model="ruleForm.ippz_wangkou" placeholder="" style="width: 200px; height: 30px">
<el-form-item
label="网口:"
:label-width="formLabelWidth"
prop="ippz_wangkou"
>
<el-select
v-model="ruleForm.ippz_wangkou"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option label="ETH0" value="ETH0"></el-option>
<el-option label="ETH1" value="ETH1"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
<el-form-item
label="默认网关:"
:label-width="formLabelWidth"
prop="ippz_mrwg"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_mrwg1" maxlength="3"></el-input>
@ -50,7 +83,11 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
<el-form-item
label="子网掩码:"
:label-width="formLabelWidth"
prop="ippz_zwym"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_zwym1" maxlength="3"></el-input>
@ -71,7 +108,11 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
<el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="ippz_ip"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_ip1" maxlength="3"></el-input>
@ -94,43 +135,75 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
<el-form-item
label="首选DNS:"
:label-width="formLabelWidth"
prop="ippz_dns_sx"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx1"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx2"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx3"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx4"
maxlength="3"
></el-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
<el-form-item
label="备选DNS:"
:label-width="formLabelWidth"
prop="ippz_dns_by"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by1"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">. </el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by2"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by3"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by4"
maxlength="3"
></el-input>
</el-col>
</el-row>
</el-form-item>
@ -138,11 +211,20 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
<el-form-item
label="MAC地址:"
:label-width="formLabelWidth"
prop="ippz_mac"
>
<el-row>
<el-col :span="24" class="mac">
<el-input style="width: 200px; height: 30px" v-model="ruleForm.ippz_mac"></el-input><el-button
v-copy="ruleForm.ippz_mac" @click="CopyText">复制</el-button>
<el-input
style="width: 200px; height: 30px"
v-model="ruleForm.ippz_mac"
></el-input
><el-button v-copy="ruleForm.ippz_mac" @click="CopyText"
>复制</el-button
>
</el-col>
</el-row>
</el-form-item>
@ -155,18 +237,37 @@
<div>
<h2>WIFI</h2>
<div class="wifi">
<el-form :model="ruleForm" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
ref="ruleForm">
<el-form
:model="ruleForm"
:label-position="labelPosition"
label-width="80px"
:rules="rules_ippz_wirle"
ref="ruleForm"
>
<el-row>
<el-col :span="12">
<el-form-item label="SSID:" :label-width="formLabelWidth" prop="ippz_wifi_ssid">
<el-input v-model="ruleForm.ippz_wifi_ssid" placeholder="请输入SSID"></el-input>
<el-form-item
label="SSID:"
:label-width="formLabelWidth"
prop="ippz_wifi_ssid"
>
<el-input
v-model="ruleForm.ippz_wifi_ssid"
placeholder="请输入SSID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="密码:" :label-width="formLabelWidth" prop="ippz_wifi_mm">
<el-input v-model="ruleForm.ippz_wifi_mm" placeholder=""
style="width: 200px; height: 30px"></el-input>
<el-form-item
label="密码:"
:label-width="formLabelWidth"
prop="ippz_wifi_mm"
>
<el-input
v-model="ruleForm.ippz_wifi_mm"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item>
</el-col>
</el-row>
@ -237,22 +338,38 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
<el-form-item
label="首选DNS:"
:label-width="formLabelWidth"
prop="ippz_dns_sx"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx1"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx2"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx3"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_sx4"
maxlength="3"
></el-input>
</el-col>
</el-row>
</el-form-item>
@ -260,32 +377,58 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
<el-form-item
label="备选DNS:"
:label-width="formLabelWidth"
prop="ippz_dns_by"
>
<el-row>
<el-col :span="5">
<el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by1"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by2"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by3"
maxlength="3"
></el-input>
</el-col>
<el-col :span="1">.</el-col>
<el-col :span="5">
<el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
<el-input
v-model="ippz_dns_by4"
maxlength="3"
></el-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
<el-form-item
label="MAC地址:"
:label-width="formLabelWidth"
prop="ippz_mac"
>
<el-row>
<el-col :span="24" class="mac">
<el-input style="width: 200px" v-model="ruleForm.ippz_mac" /><el-button v-copy="ruleForm.ippz_mac"
@click="CopyText">复制</el-button>
<el-input
style="width: 200px"
v-model="ruleForm.ippz_mac"
/><el-button
v-copy="ruleForm.ippz_mac"
@click="CopyText"
>复制</el-button
>
</el-col>
</el-row>
</el-form-item>
@ -486,24 +629,24 @@ export default {
validateZwym(rule, value, callback) {
if (
this.ippz_zwym1 +
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4 ===
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4 ===
"..."
) {
callback(new Error("请输入子网掩码"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_zwym1 +
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4
"." +
this.ippz_zwym2 +
"." +
this.ippz_zwym3 +
"." +
this.ippz_zwym4
)
) {
callback(new Error("请输入有效的子网掩码"));
@ -515,24 +658,24 @@ export default {
validateIp(rule, value, callback) {
if (
this.ippz_ip1 +
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4 ===
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4 ===
"..."
) {
callback(new Error("请输入IP地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_ip1 +
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4
"." +
this.ippz_ip2 +
"." +
this.ippz_ip3 +
"." +
this.ippz_ip4
)
) {
callback(new Error("请输入有效的IP地址"));
@ -544,24 +687,24 @@ export default {
validateMrwg(rule, value, callback) {
if (
this.ippz_mrwg1 +
"." +
this.ippz_mrwg2 +
"." +
this.ippz_mrwg3 +
"." +
this.ippz_mrwg4 ===
"." +
this.ippz_mrwg2 +
"." +
this.ippz_mrwg3 +
"." +
this.ippz_mrwg4 ===
"..."
) {
callback(new Error("请输入网关地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_mrwg1 +
"." +
this.ippz_mrwg2 +
"." +
this.ippz_mrwg3 +
"." +
this.ippz_mrwg4
"." +
this.ippz_mrwg2 +
"." +
this.ippz_mrwg3 +
"." +
this.ippz_mrwg4
)
) {
callback(new Error("请输入有效的网关地址"));
@ -573,24 +716,24 @@ export default {
validateDnsSx(rule, value, callback) {
if (
this.ippz_dns_sx1 +
"." +
this.ippz_dns_sx2 +
"." +
this.ippz_dns_sx3 +
"." +
this.ippz_dns_sx4 ===
"." +
this.ippz_dns_sx2 +
"." +
this.ippz_dns_sx3 +
"." +
this.ippz_dns_sx4 ===
"..."
) {
callback(new Error("请输入主DNS服务器地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_dns_sx1 +
"." +
this.ippz_dns_sx2 +
"." +
this.ippz_dns_sx3 +
"." +
this.ippz_dns_sx4
"." +
this.ippz_dns_sx2 +
"." +
this.ippz_dns_sx3 +
"." +
this.ippz_dns_sx4
)
) {
callback(new Error("请输入有效的主DNS服务器地址"));
@ -602,24 +745,24 @@ export default {
validateDnsBy(rule, value, callback) {
if (
this.ippz_dns_by1 +
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4 ===
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4 ===
"..."
) {
callback(new Error("请输入备用DNS服务器地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.ippz_dns_by1 +
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4
"." +
this.ippz_dns_by2 +
"." +
this.ippz_dns_by3 +
"." +
this.ippz_dns_by4
)
) {
callback(new Error("请输入有效的备用DNS服务器地址"));
@ -821,7 +964,7 @@ export default {
this.user_id = window.location.href.split("?")[1];
this.GetUserAnswer();
},
mounted() { },
mounted() {},
directives: {
copy: {
bind(el, { value }) {

8
src/components/NetworkManagement.vue
View File

@ -178,7 +178,6 @@ export default {
clgl_rkwg: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "",
clgl_ckip: "",
@ -228,10 +227,9 @@ export default {
},
mounted() {
this.dialogVisible = true;
// alert(window.location.href);
let str = window.location.href.split("?")[1];
this.user_id = str.split("|")[0];
let type = str.split("|")[1];
this.user_id = decodeURIComponent(str).split("|")[0];
let type = decodeURIComponent(str).split("|")[1];
if (type == 1) {
this.$store.commit("setType", "GYWZ_yx");
} else {
@ -289,7 +287,6 @@ export default {
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_rkwk,
clgl_rkip: this.clgl_ckip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_rkwk,
clgl_ckip: this.clgl_ckip,
@ -358,7 +355,6 @@ export default {
this.clgl_rkwg = res.clgl_rkwg;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_rkip = res.clgl_rkip;
this.clgl_dldk = res.clgl_dldk;
this.clgl_ckwg = res.clgl_ckwg;
this.clgl_ckwk = res.clgl_ckwk;
this.clgl_ckip = res.clgl_ckip;

12
src/components/ObjectManagement.vue
View File

@ -18,9 +18,9 @@
<el-table-column prop="ip" label="IP地址信息"> </el-table-column>
<el-table-column fixed="right" label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
<!-- <el-button @click="handleClick(scope.row)" type="text" size="small"
>编辑</el-button
>
> -->
<el-button
type="text"
size="small"
@ -147,7 +147,6 @@ export default {
clgl_rkwg: "",
clgl_rkwk: "",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "",
clgl_ckip: "",
@ -164,8 +163,8 @@ export default {
mounted() {
this.dialogVisible = true;
let str = window.location.href.split("?")[1];
this.user_id = str.split("|")[0];
let type = str.split("|")[1];
this.user_id = decodeURIComponent(str).split("|")[0];
let type = decodeURIComponent(str).split("|")[1];
if (type == 1) {
this.$store.commit("setType", "GYWZ_yx");
} else {
@ -231,7 +230,6 @@ export default {
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_ckwk,
clgl_rkip: this.clgl_rkip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_ckwk,
clgl_ckip: this.clgl_ckip,
@ -303,7 +301,6 @@ export default {
this.clgl_rkwg = res.clgl_rkwg;
this.clgl_rkwk = res.clgl_rkwk;
this.clgl_rkip = res.clgl_rkip;
this.clgl_dldk = res.clgl_dldk;
this.clgl_ckwg = res.clgl_ckwg;
this.clgl_ckwk = res.clgl_ckwk;
this.clgl_ckip = res.clgl_ckip;
@ -341,7 +338,6 @@ export default {
clgl_rkwg: this.clgl_rkwg,
clgl_rkwk: this.clgl_ckwk,
clgl_rkip: this.clgl_rkip,
clgl_dldk: this.clgl_dldk,
clgl_ckwg: this.clgl_ckwg,
clgl_ckwk: this.clgl_ckwk,
clgl_ckip: this.clgl_ckip,

13
src/components/PolicyManagement.vue
View File

@ -20,13 +20,13 @@
</template>
</el-table-column>
<el-table-column prop="clgl_name" label="名称"> </el-table-column>
<el-table-column prop="clgl_qidong" label="是否启动">
<!-- <el-table-column prop="clgl_qidong" label="是否启动">
<template slot-scope="scope">
<el-switch
v-model="scope.row.clgl_qidong"
@change="handleSwitchChange(scope.row)"
></el-switch> </template
></el-table-column>
></el-table-column> -->
<el-table-column prop="clgl_xy" label="协议"> </el-table-column>
<el-table-column prop="clgl_gzms" label="工作模式"> </el-table-column>
<el-table-column prop="clgl_ydx" label="源对象"> </el-table-column>
@ -61,7 +61,6 @@ import { GetUserAnswer, SaveUserAnswer } from "../api/user";
export default {
data() {
return {
clgl_qidong: true,
loading: false,
user_id: "",
// 入口IP
@ -244,12 +243,10 @@ export default {
clgl_rkwg: "",
clgl_rkwk: "有线区网闸（内网）",
clgl_rkip: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_ckwk: "有线区网闸（外网）",
clgl_ckip: "",
clgl_wdyml: "拒绝",
clgl_dldk: "",
},
rules1: {
clgl_name: [{ required: true, trigger: "change" }],
@ -271,8 +268,8 @@ export default {
},
mounted() {
let str = window.location.href.split("?")[1];
this.user_id = str.split("|")[0];
let type = str.split("|")[1];
this.user_id = decodeURIComponent(str).split("|")[0];
let type = decodeURIComponent(str).split("|")[1];
if (type == 1) {
this.$store.commit("setType", "GYWZ_yx");
} else {
@ -302,7 +299,6 @@ export default {
clgl_ckip: "",
clgl_rkwg: "",
clgl_ckwk: "",
clgl_dldk: "",
clgl_ckwg: "",
clgl_mddx: "",
clgl_mddk: "",
@ -360,7 +356,6 @@ export default {
(this.ruleForm1.clgl_ckwg = obj.clgl_ckwg),
(this.ruleForm1.clgl_mddx = obj.clgl_mddx),
(this.ruleForm1.clgl_mddk = obj.clgl_mddk),
(this.ruleForm1.clgl_dldk = obj.clgl_dldk),
(this.dxgl = obj.dxgl),
(this.wlgl_nw_name = obj.wlgl_nw_name),
(this.wlgl_nw_ip = obj.wlgl_nw_ip),

435
src/components/TreeView.vue
View File

@ -4,12 +4,23 @@
<!-- v-click-outside="closeMenu" -->
<div>
<div class="tree_menu" v-show="dialogVisible">
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
@node-click="treeNodeClick" ref="tree">
<el-tree
:data="trees"
node-key="id"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
</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,13 +32,36 @@
</div>
</div>
<div class="pas_params">
<el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px" v-loading="loading">
<el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="FormData">
<el-dialog
title="通道参数设置"
:visible.sync="add_passage"
width="765px"
v-loading="loading"
>
<el-form
:model="FormData"
:label-position="labelPosition"
:rules="rules"
ref="FormData"
>
<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>
@ -35,21 +69,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>
@ -58,9 +117,22 @@
<div v-if="FormData.tdpz_td == '串口'">
<el-row>
<el-col :span="12">
<el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
<el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in optts1" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="串口号:"
:label-width="formLabelWidth"
prop="tdpz_chuankou"
>
<el-select
v-model="formData.tdpz_chuankou"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in optts1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -68,17 +140,43 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
<el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in optts2" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="波特率:"
:label-width="formLabelWidth"
prop="tdpz_btl"
>
<el-select
v-model="formData.tdpz_btl"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in optts2"
:key="item.value"
: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_sjw">
<el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in optts3" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="数据位:"
:label-width="formLabelWidth"
prop="tdpz_sjw"
>
<el-select
v-model="formData.tdpz_sjw"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in optts3"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -86,17 +184,43 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
<el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in optts4" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="停止位:"
:label-width="formLabelWidth"
prop="tdpz_tzw"
>
<el-select
v-model="formData.tdpz_tzw"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in optts4"
:key="item.value"
: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_jojy">
<el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px; height: 30px">
<el-option v-for="item in optts5" :key="item.value" :label="item.label" :value="item.value">
<el-form-item
label="奇偶校验:"
:label-width="formLabelWidth"
prop="tdpz_jojy"
>
<el-select
v-model="formData.tdpz_jojy"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="item in optts5"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -106,22 +230,38 @@
<div v-else>
<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="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="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="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>
@ -129,33 +269,73 @@
</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>
</div>
<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>
@ -165,29 +345,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>
@ -196,11 +394,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>
@ -210,18 +414,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>
@ -240,26 +468,64 @@
<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 class="gateway">
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
<el-form :model="FormData" :rules="rulesGate" ref="gateWay" label-width="85px" class="demo-ruleForm">
<el-form
:model="FormData"
:rules="rulesGate"
ref="gateWay"
label-width="85px"
class="demo-ruleForm"
>
<el-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="FormData.wgpz_wgmc" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts1" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="FormData.wgpz_wgmc"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="FormData.wgpz_wgid" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts2" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="FormData.wgpz_wgid"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="FormData.wgpz_wglx" placeholder="请选择" style="width: 200px">
<el-option v-for="item in opts3" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="FormData.wgpz_wglx"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in opts3"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
@ -274,7 +540,7 @@
</template>
<script>
import _ from 'lodash';
// import _ from 'lodash';
import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
export default {
@ -866,24 +1132,24 @@ export default {
validateIpAddress(rule, value, callback) {
if (
this.tdpz_ip1 +
"." +
this.tdpz_ip2 +
"." +
this.tdpz_ip3 +
"." +
this.tdpz_ip4 ===
"." +
this.tdpz_ip2 +
"." +
this.tdpz_ip3 +
"." +
this.tdpz_ip4 ===
"..."
) {
callback(new Error("请输入IP地址"));
} else if (
!/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
this.tdpz_ip1 +
"." +
this.tdpz_ip2 +
"." +
this.tdpz_ip3 +
"." +
this.tdpz_ip4
"." +
this.tdpz_ip2 +
"." +
this.tdpz_ip3 +
"." +
this.tdpz_ip4
)
) {
callback(new Error("请输入有效的IP地址"));
@ -891,8 +1157,8 @@ export default {
callback();
}
},
// 提交时的校验
submitForm: debounce(function (e) {
// 提交时的校验http://localhost:8081/, 1000)
submitForm() {
this.$refs["FormData"].validate((valid) => {
if (valid) {
this.saveGate();
@ -901,7 +1167,7 @@ export default {
return false;
}
});
}, 1000),
},
async rightClick(e, data, node) {
console.log(data);
// console.log(node);
@ -1187,7 +1453,6 @@ export default {
this.trees = JSON.parse(res.data.data.data);
// console.log(this.$router.query.firstlabel);
// this.trees[0] = this.$router.query.firstlabel;
});
this.loading = true;
this.GetUserAnswer();

68
src/views/Cockpit.vue
View File

@ -120,9 +120,20 @@ export default {
// 有线串口 - 负载电流;
// 无线串口 - 额定电流;
// 这两个只要设备连线和设备配置信息对就展示数据;
this.user_id = window.location.href.split("?")[1].split("|")[0];
this.toObj(window.location.href.split("?")[1].split("|")[1]);
alert(window.location.href.split("?")[1]);
this.user_id = decodeURIComponent(window.location.href)
.split("?")[1]
.split("|")[0];
console.log(this.user_id);
this.toObj(
decodeURIComponent(window.location.href).split("?")[1].split("|")[1]
);
this.getClGrade();
this.getJtGrade();
this.getZzGrade();
this.getQxGrade();
this.getYxGrade();
this.getWxGrade();
this.time = this.$moment().format("HH:mm:ss");
this.productChartOption = productChart;
@ -131,29 +142,30 @@ export default {
this.ratedChartOption = ratedChart;
this.CuttingSpeedChartOption = CuttingSpeedChart;
this.stopChartOption = stopChart;
this.getClGrade();
this.getJtGrade();
this.getZzGrade();
this.getQxGrade();
this.getYxGrade();
this.getWxGrade();
},
methods: {
//获取三维数据
toObj(data) {
const str = data;
// 分割成键值对数组
const keyValuePairs = str.split(";");
keyValuePairs.splice(keyValuePairs.length - 1, 1);
// 创建对象
const resultObject = {};
keyValuePairs.forEach((pair) => {
const [key, value] = pair.split(",");
resultObject[key] = value;
});
// 将字符串按分号分割成数组
var pairs = str.split(";");
// 创建一个对象来存储键值对
var resultObject = {};
// 遍历数组中的每一项
for (var i = 0; i < pairs.length; i++) {
// 将每一项按逗号分割成键值对
var keyValue = pairs[i].split(",");
// 如果该项包含有效的键值对，将其添加到结果对象中
if (keyValue.length === 2) {
var key = keyValue[0];
var value = keyValue[1];
// 将字符串"True"或"False"转换为相应的布尔值
value = value === "True";
resultObject[key] = value;
}
}
console.log(resultObject);
this.resultObj = resultObject;
console.log(this.resultObj);
},
//根据屏幕自适应图表字体
fontSize(res) {
@ -227,6 +239,22 @@ export default {
},
},
mounted() {
// alert(
// this.resultObj,
// "产量",
// this.clgrade,
// "急停",
// this.jtgrade,
// "主轴",
// this.zzgrade,
// "切削",
// this.qxgrade,
// "负载",
// this.yxgrade,
// "额定",
// this.wxgrade
// );
this.getLoadEcharts("productChart", this.productChartOption);
this.getLoadEcharts("mainshaftChart", this.mainshaftChartOption);
this.getLoadEcharts("loadChart", this.loadChartChartOption);