<template>
|
<div>
|
<div class="search-form">
|
<el-form
|
:inline="true"
|
:model="formData"
|
class="demo-form-inline"
|
>
|
<el-form-item label="交办单号：">
|
<el-input
|
v-model="formData.allocationNum"
|
placeholder="请输入单号"
|
size="small"
|
clearable
|
/>
|
</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-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="责任主体："
|
>
|
<el-cascader
|
size="small"
|
collapse-tags
|
:show-all-levels="false"
|
:options="unitList"
|
:props="{ multiple: true, value:'unitId',label:'unitName',children:'children'}"
|
@change="changeUid"
|
/>
|
</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>
|
</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-select>
|
</el-form-item>
|
<el-form-item 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-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-form-item>
|
</el-form>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
searchType: { type: String, default: '' }
|
},
|
data () {
|
return {
|
formData: {},
|
unitList: [],
|
Dic: JSON.parse(localStorage.getItem('dict')),
|
polluteList: [],
|
valueTime: [],
|
isReform: false
|
}
|
},
|
|
created () {
|
this.getUnitList()
|
this.getContaminateList()
|
console.log('searchType', this.searchType)
|
},
|
methods: {
|
// 获取责任单位list
|
changeUid (val) {
|
this.formData.unitId = this.uniqueArrayReduce(val)
|
},
|
uniqueArrayReduce (arrays) {
|
return arrays.reduce((acc, curr) => {
|
return acc.concat(curr.filter(item => !acc.includes(item)))
|
}, [])
|
},
|
removeEmptyArrays (obj) {
|
if (Array.isArray(obj)) {
|
return obj
|
.map(item => this.removeEmptyArrays(item)) // 递归处理每个元素
|
.filter(item => !Array.isArray(item) || item.length > 0) // 过滤空数组
|
} else if (typeof obj === 'object' && obj !== null) {
|
Object.keys(obj).forEach(key => {
|
obj[key] = this.removeEmptyArrays(obj[key]) // 递归处理对象属性
|
if (Array.isArray(obj[key]) && obj[key].length === 0) {
|
delete obj[key] // 移除空数组属性
|
}
|
})
|
}
|
return obj
|
},
|
// 获取责任单位list
|
getUnitList () {
|
this.$request({
|
url: '/allocation/unitQuery',
|
method: 'get'
|
}).then(res => {
|
this.unitList = this.removeEmptyArrays(res.data)
|
})
|
},
|
getContaminateList () {
|
this.$request({
|
url: '/allocation/contaminate',
|
method: 'get'
|
}).then((res) => {
|
this.polluteList = res.data
|
})
|
},
|
onSubmit () {
|
this.$emit('handleSearch', this.formData)
|
},
|
handleAdd () {
|
this.$emit('handleAdd', '12122')
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
|
.search-form {
|
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>
|
