Compare commits

...

2 Commits

Author SHA1 Message Date
lll 73d26f8f60 11 2023-11-14 19:07:56 +08:00
lll 4555a11e26 kl1 2023-11-14 19:06:32 +08:00
8 changed files with 902 additions and 307 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -4,12 +4,23 @@
<!-- v-click-outside="closeMenu" --> <!-- v-click-outside="closeMenu" -->
<div> <div>
<div class="tree_menu" v-show="dialogVisible"> <div class="tree_menu" v-show="dialogVisible">
<el-tree :data="trees" node-key="id" :props="defaultProps" default-expand-all @node-contextmenu="rightClick" <el-tree
@node-click="treeNodeClick" ref="tree"> :data="trees"
node-key="id"
:props="defaultProps"
default-expand-all
@node-contextmenu="rightClick"
@node-click="treeNodeClick"
ref="tree"
>
</el-tree> </el-tree>
<!-- 树形控件右键组件 --> <!-- 树形控件右键组件 -->
<div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }"> <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
<el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE"> <el-menu
class="el-menu-vertical-demo"
@select="selectMenuNode"
default-active="#0078FE"
>
<el-menu-item id="menuitem" index="1" style="font-size: 12px"> <el-menu-item id="menuitem" index="1" style="font-size: 12px">
<span slot="title">新建通道</span> <span slot="title">新建通道</span>
</el-menu-item> </el-menu-item>
@ -21,13 +32,36 @@
</div> </div>
</div> </div>
<div class="pas_params"> <div class="pas_params">
<el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px" v-loading="loading"> <el-dialog
<el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="FormData"> title="通道参数设置"
:visible.sync="add_passage"
width="765px"
v-loading="loading"
>
<el-form
:model="FormData"
:label-position="labelPosition"
:rules="rules"
ref="FormData"
>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc"> <el-form-item
<el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px"> label="通道名称:"
<el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="tdpz_tdmc"
>
<el-select
v-model="FormData.tdpz_tdmc"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options1"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -35,21 +69,46 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td"> <el-form-item
<el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px"> label="通道:"
<el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value"> :label-width="formLabelWidth"
prop="tdpz_td"
>
<el-select
v-model="FormData.tdpz_td"
placeholder=""
style="width: 200px; height: 30px"
>
<el-option
v-for="(item, index) in options2"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc"> <el-form-item
label="驱动名称:"
:label-width="formLabelWidth"
prop="tdpz_qdmc"
>
<el-row> <el-row>
<el-col :span="18"> <el-col :span="18">
<el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input> <el-input
v-model="FormData.tdpz_qdmc"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button> <el-button
style="width: 50px; height: 30px"
@click="getDriveName"
>...</el-button
>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -58,9 +117,22 @@
<div v-if="FormData.tdpz_td == '串口'"> <div v-if="FormData.tdpz_td == '串口'">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou"> <el-form-item
<el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px; height: 30px"> label="串口号:"
<el-option v-for="item in optts1" :key="item.value" :label="item.label" :value="item.value"> :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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -68,17 +140,43 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl"> <el-form-item
<el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px; height: 30px"> label="波特率:"
<el-option v-for="item in optts2" :key="item.value" :label="item.label" :value="item.value"> :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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw"> <el-form-item
<el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px; height: 30px"> label="数据位:"
<el-option v-for="item in optts3" :key="item.value" :label="item.label" :value="item.value"> :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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -86,17 +184,43 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw"> <el-form-item
<el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px; height: 30px"> label="停止位:"
<el-option v-for="item in optts4" :key="item.value" :label="item.label" :value="item.value"> :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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy"> <el-form-item
<el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px; height: 30px"> label="奇偶校验:"
<el-option v-for="item in optts5" :key="item.value" :label="item.label" :value="item.value"> :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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -106,22 +230,38 @@
<div v-else> <div v-else>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip"> <el-form-item
label="IP地址:"
:label-width="formLabelWidth"
prop="tdpz_ip"
>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip1"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">. </el-col> <el-col :span="1" style="color: #fff">. </el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip2"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">.</el-col> <el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip3"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="1" style="color: #fff">.</el-col> <el-col :span="1" style="color: #fff">.</el-col>
<el-col :span="5"> <el-col :span="5">
<el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input> <el-input
v-model="tdpz_ip4"
style="width: 43px; height: 30px"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -129,33 +269,73 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port"> <el-form-item
<el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input> label="端口号:"
:label-width="formLabelWidth"
prop="tdpz_port"
>
<el-input
v-model="FormData.tdpz_port"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj"> <el-form-item
<el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input> label="超过时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_cssj"
>
<el-input
v-model="FormData.tdpz_cssj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj"> <el-form-item
<el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input> label="间隔时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_jgsj"
>
<el-input
v-model="FormData.tdpz_jgsj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj"> <el-form-item
<el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input> label="轮询时间(ms):"
:label-width="formLabelWidth"
prop="tdpz_lxsj"
>
<el-input
v-model="FormData.tdpz_lxsj"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs"> <el-form-item
<el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input> label="重复次数:"
:label-width="formLabelWidth"
prop="tdpz_cfcs"
>
<el-input
v-model="FormData.tdpz_cfcs"
placeholder=""
style="width: 200px; height: 30px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -165,29 +345,47 @@
<div> <div>
<i class="el-icon-caret-bottom" v-if="is_retract"></i> <i class="el-icon-caret-bottom" v-if="is_retract"></i>
<i class="el-icon-caret-top" v-else="is_retract"></i> <i class="el-icon-caret-top" v-else="is_retract"></i>
<el-button type="text" plain @click="getRetract" style=" <el-button
type="text"
plain
@click="getRetract"
style="
width: 28px; width: 28px;
border: none; border: none;
color: rgba(16, 16, 16, 1); color: rgba(16, 16, 16, 1);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
"> "
收起</el-button> >
收起</el-button
>
</div> </div>
</div> </div>
<div class="super_con" v-show="is_retract"> <div class="super_con" v-show="is_retract">
<el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item> <el-form-item>
<el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox> <el-checkbox v-model="FormData.tdpz_watchtime"
<el-input v-model="input1" placeholder="" style="width: 200px; height: 30px" >watch time(s)</el-checkbox
:disabled="isdisabled"></el-input> >
<el-input
v-model="input1"
placeholder=""
style="width: 200px; height: 30px"
:disabled="isdisabled"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item> <el-form-item>
<el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox> <el-checkbox v-model="FormData.tdpz_cjsylxdz"
>采集使用连续地址</el-checkbox
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -196,11 +394,17 @@
<el-form-item label="读写占空比:" :label-width="formLabelWidth"> <el-form-item label="读写占空比:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="10"> <el-col :span="10">
<el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input> <el-input
v-model="tdpz_dxzkb1"
style="width: 91px; height: 30px"
></el-input>
</el-col> </el-col>
<el-col :span="4">: </el-col> <el-col :span="4">: </el-col>
<el-col :span="10"> <el-col :span="10">
<el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input> <el-input
v-model="tdpz_dxzkb2"
style="width: 91px; height: 30px"
></el-input>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -210,18 +414,42 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="05/0F:" :label-width="formLabelWidth"> <el-form-item label="05/0F:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col> <el-col :span="8"
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col> ><el-radio v-model="FormData.tdpz_050F" label="auto"
<el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col> >auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="05"
>05</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_050F" label="0F"
>0F</el-radio
></el-col
>
</el-row> </el-row>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="06/10:" :label-width="formLabelWidth"> <el-form-item label="06/10:" :label-width="formLabelWidth">
<el-row> <el-row>
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col> <el-col :span="8"
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col> ><el-radio v-model="FormData.tdpz_0610" label="auto"
<el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col> >auto</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="06"
>06</el-radio
></el-col
>
<el-col :span="8"
><el-radio v-model="FormData.tdpz_0610" label="10"
>10</el-radio
></el-col
>
</el-row> </el-row>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -240,26 +468,64 @@
<i class="el-icon-close title_r" @click="diag_drive = false"></i> <i class="el-icon-close title_r" @click="diag_drive = false"></i>
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> <el-tree
:data="datas2"
:props="defaultProps"
@node-click="handleDetailClick"
default-expand-all
></el-tree>
</div> </div>
<div class="gateway"> <div class="gateway">
<el-dialog title="新建网关" :visible.sync="outerVisible" width="382px"> <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-form-item label="网关名称:" prop="wgpz_wgmc">
<el-select v-model="FormData.wgpz_wgmc" placeholder="请选择" style="width: 200px"> <el-select
<el-option v-for="item in opts1" :key="item.value" :label="item.label" :value="item.value"> v-model="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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关ID:" prop="wgpz_wgid"> <el-form-item label="网关ID:" prop="wgpz_wgid">
<el-select v-model="FormData.wgpz_wgid" placeholder="请选择" style="width: 200px"> <el-select
<el-option v-for="item in opts2" :key="item.value" :label="item.label" :value="item.value"> 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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="网关类型:" prop="wgpz_wglx"> <el-form-item label="网关类型:" prop="wgpz_wglx">
<el-select v-model="FormData.wgpz_wglx" placeholder="请选择" style="width: 200px"> <el-select
<el-option v-for="item in opts3" :key="item.value" :label="item.label" :value="item.value"> 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-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -274,7 +540,7 @@
</template> </template>
<script> <script>
import _ from 'lodash'; // import _ from 'lodash';
import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user"; import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
export default { export default {
@ -866,24 +1132,24 @@ export default {
validateIpAddress(rule, value, callback) { validateIpAddress(rule, value, callback) {
if ( if (
this.tdpz_ip1 + this.tdpz_ip1 +
"." + "." +
this.tdpz_ip2 + this.tdpz_ip2 +
"." + "." +
this.tdpz_ip3 + this.tdpz_ip3 +
"." + "." +
this.tdpz_ip4 === this.tdpz_ip4 ===
"..." "..."
) { ) {
callback(new Error("请输入IP地址")); callback(new Error("请输入IP地址"));
} else if ( } 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( !/^(\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_ip1 +
"." + "." +
this.tdpz_ip2 + this.tdpz_ip2 +
"." + "." +
this.tdpz_ip3 + this.tdpz_ip3 +
"." + "." +
this.tdpz_ip4 this.tdpz_ip4
) )
) { ) {
callback(new Error("请输入有效的IP地址")); callback(new Error("请输入有效的IP地址"));
@ -900,7 +1166,7 @@ export default {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
} }
}) });
}, 1000), }, 1000),
async rightClick(e, data, node) { async rightClick(e, data, node) {
console.log(data); console.log(data);
@ -1174,7 +1440,6 @@ export default {
this.trees = JSON.parse(res.data.data.data); this.trees = JSON.parse(res.data.data.data);
// console.log(this.$router.query.firstlabel); // console.log(this.$router.query.firstlabel);
// this.trees[0] = this.$router.query.firstlabel; // this.trees[0] = this.$router.query.firstlabel;
}); });
this.loading = true; this.loading = true;
this.GetUserAnswer(); this.GetUserAnswer();

View File

@ -120,9 +120,20 @@ export default {
// 线 - ; // 线 - ;
// 线 - ; // 线 - ;
// 线; // 线;
this.user_id = window.location.href.split("?")[1].split("|")[0]; this.user_id = decodeURIComponent(window.location.href)
this.toObj(window.location.href.split("?")[1].split("|")[1]); .split("?")[1]
alert(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.time = this.$moment().format("HH:mm:ss");
this.productChartOption = productChart; this.productChartOption = productChart;
@ -131,29 +142,30 @@ export default {
this.ratedChartOption = ratedChart; this.ratedChartOption = ratedChart;
this.CuttingSpeedChartOption = CuttingSpeedChart; this.CuttingSpeedChartOption = CuttingSpeedChart;
this.stopChartOption = stopChart; this.stopChartOption = stopChart;
this.getClGrade();
this.getJtGrade();
this.getZzGrade();
this.getQxGrade();
this.getYxGrade();
this.getWxGrade();
}, },
methods: { methods: {
// //
toObj(data) { toObj(data) {
const str = data; const str = data;
// //
const keyValuePairs = str.split(";"); var pairs = str.split(";");
keyValuePairs.splice(keyValuePairs.length - 1, 1); //
// var resultObject = {};
const resultObject = {}; //
keyValuePairs.forEach((pair) => { for (var i = 0; i < pairs.length; i++) {
const [key, value] = pair.split(","); //
resultObject[key] = value; 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; this.resultObj = resultObject;
console.log(this.resultObj);
}, },
// //
fontSize(res) { fontSize(res) {
@ -227,6 +239,22 @@ export default {
}, },
}, },
mounted() { mounted() {
// alert(
// this.resultObj,
// "",
// this.clgrade,
// "",
// this.jtgrade,
// "",
// this.zzgrade,
// "",
// this.qxgrade,
// "",
// this.yxgrade,
// "",
// this.wxgrade
// );
this.getLoadEcharts("productChart", this.productChartOption); this.getLoadEcharts("productChart", this.productChartOption);
this.getLoadEcharts("mainshaftChart", this.mainshaftChartOption); this.getLoadEcharts("mainshaftChart", this.mainshaftChartOption);
this.getLoadEcharts("loadChart", this.loadChartChartOption); this.getLoadEcharts("loadChart", this.loadChartChartOption);