From 500ddf6571e656f33ef7fe10c570f6345344c989 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 01 Feb 2024 15:47:38 +0800
Subject: [PATCH] fix:断线监控
---
src/views/toCarryOutLegislativeReforms/components/queryForm.vue | 132 ++++++++++++++++++-------------------------
1 files changed, 55 insertions(+), 77 deletions(-)
diff --git a/src/views/toCarryOutLegislativeReforms/components/queryForm.vue b/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
index 2e8e7df..0b5c744 100644
--- a/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
+++ b/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
@@ -2,90 +2,52 @@
<div>
<div class="search-form">
<el-form :inline="true" :model="formData" class="demo-form-inline">
- <el-form-item label="���������������">
- <el-select v-model="formData.unitId" size="small" clearable placeholder="���������">
- <el-option
- v-for="item in unitList"
- :key="item.unitId"
- :label="item.unitName"
- :value="item.unitId"
- />
- </el-select>
+ <el-form-item label="���������������">
+ <el-input v-model="formData.allocationNum" placeholder="���������������" size="small" clearable />
</el-form-item>
- <el-form-item v-if="searchType==='reform'" label="���������������">
- <el-select v-model="formData.state" size="small" clearable placeholder="���������">
- <el-option
- v-for="item in Dic.allocationApproveEnum"
- :key="item.value"
- :label="item.name"
- :value="item.value"
- />
+
+ <el-form-item label="���������������">
+ <el-date-picker v-model="formData.startTime" style="width:92%" size="small" value-format="yyyy-MM-dd" type="date" placeholder="������������" />
+
+ </el-form-item>
+ <el-form-item label="���������������">
+ <el-date-picker v-model="formData.endTime" style="width:92%" size="small" value-format="yyyy-MM-dd" type="date" placeholder="������������" />
+ </el-form-item>
+ <el-form-item label="���������������" class="rddd">
+ <el-select v-model="formData.unitId" size="small" clearable multiple collapse-tags placeholder="���������">
+ <el-option v-for="item in unitList" :key="item.unitId" :label="item.unitName" :value="item.unitId" />
</el-select>
</el-form-item>
<el-form-item label="���������������">
- <el-select v-model="formData.polluteType" size="small" clearable placeholder="���������">
- <el-option
- v-for="item in polluteList"
- :key="item.dataKey"
- :label="item.dataValue"
- :value="item.dataKey"
- />
+ <el-select v-model="formData.polluteType" size="small" clearable multiple collapse-tags placeholder="���������">
+ <el-option v-for="item in polluteList" :key="item.dataKey" :label="item.dataValue" :value="item.dataKey" />
</el-select>
</el-form-item>
<el-form-item label="���������������">
<el-select v-model="formData.investigationType" size="small" clearable placeholder="���������">
- <el-option
- v-for="item in Dic.investigationEnum"
- :key="item.value"
- :label="item.name"
- :value="item.value"
- />
+ <el-option v-for="item in Dic.investigationEnum" :key="item.value" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
+
<el-form-item label="���������������">
<el-select v-model="formData.changeType" placeholder="���������" clearable size="small">
- <el-option
- v-for="item in Dic.changeEnum"
- :key="item.value"
- :label="item.name"
- :value="item.value"
- />
+ <el-option v-for="item in Dic.changeEnum" :key="item.value" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
- <el-form-item label="���������������">
- <el-date-picker
- v-model="valueTime"
- clearable
- type="daterange"
- value-format="yyyy-MM-dd"
- range-separator="���"
- start-placeholder="������������"
- end-placeholder="������������"
- />
- </el-form-item>
- <el-form-item v-if="searchType==='reform'" label="���������������">
- <el-select v-model="formData.isInvalid " placeholder="���������" clearable size="small">
- <el-option
- v-for="item in Dic.yesOrNo"
- :key="item.value"
- :label="item.name"
- :value="item.value"
- />
+ <el-form-item label="���������������">
+ <el-select v-model="formData.state" size="small" clearable multiple collapse-tags placeholder="���������" @change="replacePerChange($event)">
+ <el-option v-for="item in Dic.allocationApproveEnum" :key="item.value" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
- <el-form-item v-if="searchType==='delay'" label="���������������">
- <el-select v-model="formData.state" placeholder="���������" clearable size="small">
- <el-option
- v-for="item in Dic.allocationExtensionApproveEnum"
- :key="item.value"
- :label="item.name"
- :value="item.value"
- />
+
+ <el-form-item label="���������������">
+ <el-select v-model="formData.isInvalid" placeholder="���������" clearable size="small" @change="replaceIsInvalid($event)">
+ <el-option v-for="item in Dic.yesOrNo" :key="item.value" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="onSubmit">������</el-button>
- <el-button v-if="searchType==='reform'" type="primary" size="small" @click="handleAdd">������</el-button>
+ <!-- <el-button type="primary" size="small" @click="handleAdd">������</el-button> -->
</el-form-item>
</el-form>
</div>
@@ -99,7 +61,10 @@
},
data() {
return {
- formData: {},
+ formData: {
+ isInvalid: null,
+ state: [9, 20, 30]
+ },
unitList: [],
Dic: JSON.parse(localStorage.getItem('dict')),
polluteList: [],
@@ -110,8 +75,8 @@
created() {
this.getUnitList()
+ this.formData.isInvalid = 0
this.getContaminateList()
- console.log('searchType', this.searchType)
},
methods: {
// ������������������list
@@ -119,7 +84,7 @@
this.$request({
url: '/allocation/unit',
method: 'get'
- }).then((res) => {
+ }).then(res => {
this.unitList = res.data
})
},
@@ -127,15 +92,19 @@
this.$request({
url: '/allocation/contaminate',
method: 'get'
- }).then((res) => {
+ }).then(res => {
this.polluteList = res.data
})
},
+ replaceIsInvalid(val) {
+ this.formData.isInvalid = val
+ this.$forceUpdate()
+ },
+ replacePerChange(val) {
+ this.$forceUpdate()
+ },
onSubmit() {
- if (this.valueTime.length > 0) {
- this.formData.endTime = this.valueTime[1]
- this.formData.startTime = this.valueTime[0]
- }
+ console.log('formData', this.formData)
this.$emit('handleSearch', this.formData)
},
handleAdd() {
@@ -147,10 +116,19 @@
<style scoped lang="scss">
.search-form {
- margin: 20px;
-
- /deep/.el-select {
- width: 120px;
- }
+ margin: 20px;
+ margin-bottom: 0px;
+ /deep/ .el-input__suffix {
+ right: 20;
+ }
+ /deep/ .el-form-item__content {
+ width: auto;
+ }
+}
+/deep/.el-form-item__label {
+ font-size: 16px;
+}
+/deep/.el-form-item {
+ margin-bottom: 5px;
}
</style>
--
Gitblit v1.8.0