From f3a8b27eb23c940dcd67bd459b76b0457fcb8b46 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 13 Jun 2024 13:29:49 +0800
Subject: [PATCH] fix: 样式修改
---
src/views/toCarryOutLegislativeReforms/components/queryForm.vue | 107 ++++++++++++++++++-----------------------------------
1 files changed, 36 insertions(+), 71 deletions(-)
diff --git a/src/views/toCarryOutLegislativeReforms/components/queryForm.vue b/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
index 5acefb7..0b5c744 100644
--- a/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
+++ b/src/views/toCarryOutLegislativeReforms/components/queryForm.vue
@@ -7,91 +7,47 @@
</el-form-item>
<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-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-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 placeholder="���������">
- <el-option
- v-for="item in unitList"
- :key="item.unitId"
- :label="item.unitName"
- :value="item.unitId"
- />
+ <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-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-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 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-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 type="primary" size="small" @click="handleAdd">������</el-button>
+ <!-- <el-button type="primary" size="small" @click="handleAdd">������</el-button> -->
</el-form-item>
</el-form>
</div>
@@ -106,7 +62,8 @@
data() {
return {
formData: {
- isInvalid: 0
+ isInvalid: null,
+ state: [9, 20, 30]
},
unitList: [],
Dic: JSON.parse(localStorage.getItem('dict')),
@@ -118,8 +75,8 @@
created() {
this.getUnitList()
+ this.formData.isInvalid = 0
this.getContaminateList()
- console.log('searchType', this.searchType)
},
methods: {
// ������������������list
@@ -127,7 +84,7 @@
this.$request({
url: '/allocation/unit',
method: 'get'
- }).then((res) => {
+ }).then(res => {
this.unitList = res.data
})
},
@@ -135,11 +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() {
+ console.log('formData', this.formData)
this.$emit('handleSearch', this.formData)
},
handleAdd() {
@@ -151,19 +116,19 @@
<style scoped lang="scss">
.search-form {
- margin: 20px;
- margin-bottom: 0px;
- /deep/ .el-input__suffix{
- right: 20;
- }
- /deep/ .el-form-item__content{
- width: auto;
- }
+ margin: 20px;
+ margin-bottom: 0px;
+ /deep/ .el-input__suffix {
+ right: 20;
+ }
+ /deep/ .el-form-item__content {
+ width: auto;
+ }
}
-/deep/.el-form-item__label{
+/deep/.el-form-item__label {
font-size: 16px;
}
-/deep/.el-form-item{
+/deep/.el-form-item {
margin-bottom: 5px;
}
</style>
--
Gitblit v1.8.0