This commit is contained in:
lll 2023-11-08 08:37:22 +08:00
parent 02a3f7d75e
commit dac0d6880d
5 changed files with 224 additions and 176 deletions

View File

@ -1,7 +1,12 @@
<template> <template>
<div> <div>
<div> <div>
<el-dialog title="添加策略" :visible.sync="dialogVisible1" width="82%"> <el-dialog
title="添加策略"
:visible.sync="dialogVisible1"
width="82%"
:center="true"
>
<el-form <el-form
:model="ruleForm1" :model="ruleForm1"
:rules="rules1" :rules="rules1"
@ -1042,6 +1047,9 @@ export default {
width: 43px; width: 43px;
height: 30px; height: 30px;
} }
/deep/.el-dialog__header {
text-align: left; /* 标题左对齐 */
}
/deep/ .demo-ruleForm1 { /deep/ .demo-ruleForm1 {
.el-col-1 { .el-col-1 {

View File

@ -1,21 +1,37 @@
<!-- 斥候数据采集有线网关配置 --> <!-- 斥候数据采集有线网关配置 -->
<template> <template>
<div> <div>
<!-- <el-button type="info" plain @click="getShow">斥候数据采集网关配置</el-button> -->
<div class="gateway" v-show="isShow"> <div class="gateway" v-show="isShow">
<div class="title"> <div class="title">
<p class="title_l">新建网关</p> <p class="title_l" style="color: #fff">新建网关</p>
<i class="el-icon-close title_r" @click="isShow = false"></i> <i class="el-icon-close title_r" @click="isShow = false"></i>
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
<div class="content"> <div class="content">
<el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm"> <el-form
:model="formData"
:label-position="labelPosition"
:rules="rules"
ref="ruleForm"
>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关名称:" :label-width="formLabelWidth" prop="wgpz_wgmc"> <el-form-item
<el-select v-model="formData.wgpz_wgmc" placeholder="请选择" style="width: 200px;"> label="网关名称:"
<el-option v-for="item in options1" :key="item.value" :label="item.label" :label-width="formLabelWidth"
:value="item.value"> prop="wgpz_wgmc"
>
<el-select
v-model="formData.wgpz_wgmc"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -23,26 +39,46 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="网关ID:" :label-width="formLabelWidth" prop="wgpz_wgid"> <el-form-item
<el-select v-model="formData.wgpz_wgid" placeholder="请选择" style="width: 200px;"> label="网关ID:"
<el-option v-for="item in options2" :key="item.value" :label="item.label" :label-width="formLabelWidth"
:value="item.value"> prop="wgpz_wgid"
>
<el-select
v-model="formData.wgpz_wgid"
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="footer"> <div class="footer">
<el-button type="primary" @click="innerVisible = true"> </el-button> <el-button type="primary" @click="innerVisible = true"
> </el-button
>
<el-button @click="isShow = false"> </el-button> <el-button @click="isShow = false"> </el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<div> <div>
<el-dialog title="系统提示" :visible.sync="innerVisible" append-to-body width="382px"> <el-dialog
<p class="inner_content">请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关</p> title="系统提示"
:visible.sync="innerVisible"
append-to-body
width="382px"
>
<p class="inner_content">
请确认选择的网关类型与网关实体一致:否则该工程无法下载至实体网关
</p>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="saveGate">确定</el-button> <el-button type="primary" @click="saveGate">确定</el-button>
<el-button @click="innerVisible = false"> </el-button> <el-button @click="innerVisible = false"> </el-button>
@ -53,26 +89,31 @@
</template> </template>
<script> <script>
import { SaveUserAnswer } from '@/api/user'; import { SaveUserAnswer } from "@/api/user";
export default { export default {
name: 'TestChiGate', name: "TestChiGate",
data() { data() {
return { return {
options1: [{ options1: [
{
value: "有线区网关2", value: "有线区网关2",
label: "有线区网关2" label: "有线区网关2",
}, { },
{
value: "无线区网关2", value: "无线区网关2",
label: "无线区网关2" label: "无线区网关2",
}], },
options2: [{ ],
options2: [
{
value: "LAN-BOX2", value: "LAN-BOX2",
label: "LAN-BOX2" label: "LAN-BOX2",
}, { },
{
value: "WLAN-BOX2", value: "WLAN-BOX2",
label: "WLAN-BOX2" label: "WLAN-BOX2",
}], },
],
formData: { formData: {
wgpz_wgmc: "有线区网关2", wgpz_wgmc: "有线区网关2",
wgpz_wgid: "LAN-BOX2", wgpz_wgid: "LAN-BOX2",
@ -82,50 +123,54 @@ export default {
formLabelWidth: "96px", formLabelWidth: "96px",
count: 0, count: 0,
isShow: true, isShow: true,
options: [{ options: [
value: '选项1', {
label: '测试1' value: "选项1",
}, { label: "测试1",
value: '选项2', },
label: '测试2' {
}, { value: "选项2",
value: '选项3', label: "测试2",
label: '测试3' },
}, { {
value: '选项4', value: "选项3",
label: '测试4' label: "测试3",
}, { },
value: '选项5', {
label: '测试5' value: "选项4",
}], label: "测试4",
},
{
value: "选项5",
label: "测试5",
},
],
rules: { rules: {
gateway_id: [ gateway_id: [
{ required: true, message: '请输入网关ID', trigger: 'blur' }, { required: true, message: "请输入网关ID", trigger: "blur" },
], ],
gateway_name: [ gateway_name: [
{ required: true, message: '请输入网关名称', trigger: 'blur' }, { required: true, message: "请输入网关名称", trigger: "blur" },
], ],
}, },
}; };
}, },
mounted() { mounted() {},
},
methods: { methods: {
async saveGate() { async saveGate() {
let datas = sessionStorage.getItem("answer2"); let datas = sessionStorage.getItem("answer2");
this.formData = {...JSON.parse(datas),...this.formData}; this.formData = { ...JSON.parse(datas), ...this.formData };
let res = SaveUserAnswer({ let res = SaveUserAnswer({
mark: "CHGYWG_yx", mark: "CHGYWG_yx",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",
mark_value: JSON.stringify(this.formData), mark_value: JSON.stringify(this.formData),
}); });
console.log(res); console.log(res);
sessionStorage.setItem("answer2",JSON.stringify(this.formData)); sessionStorage.setItem("answer2", JSON.stringify(this.formData));
this.$router.push("/configuration"); this.$router.push("/configuration");
} },
}, },
}; };
</script> </script>

View File

@ -1,7 +1,6 @@
<!-- ip设置页面 --> <!-- ip设置页面 -->
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">ip配置</el-button> -->
<el-dialog title="IP配置" :visible.sync="dialogVisible" width="30%"> <el-dialog title="IP配置" :visible.sync="dialogVisible" width="30%">
<p class="txt">本页面涉及排错请检查修改默认值</p> <p class="txt">本页面涉及排错请检查修改默认值</p>
<div class="ip_setting"> <div class="ip_setting">
@ -154,9 +153,7 @@
</el-form> </el-form>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="saveAll" <el-button type="primary" @click="saveAll">保存</el-button>
>保存</el-button
>
<el-button @click="dialogVisible = false"> </el-button> <el-button @click="dialogVisible = false"> </el-button>
</span> </span>
</el-dialog> </el-dialog>
@ -299,7 +296,7 @@ export default {
this.ippz_dns_by4 this.ippz_dns_by4
); );
let datas = sessionStorage.getItem("CKFWQ"); let datas = sessionStorage.getItem("CKFWQ");
datas = {...JSON.parse(datas),...this.ruleForm} datas = { ...JSON.parse(datas), ...this.ruleForm };
let res = await SaveUserAnswer({ let res = await SaveUserAnswer({
mark: "CKFWQ", mark: "CKFWQ",
user_id: "USER202307301109254198", user_id: "USER202307301109254198",

View File

@ -200,7 +200,6 @@ export default {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
// alert("submit!"); // alert("submit!");
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;

View File

@ -1,6 +1,5 @@
<template> <template>
<div> <div>
<!-- <el-button @click="dialogVisible = true">串口及网络协议设置</el-button> -->
<el-dialog <el-dialog
title="串口及网络协议设置" title="串口及网络协议设置"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"