<template>
|
<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>
|
<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-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>
|
</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-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-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-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-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
|
getUnitList() {
|
this.$request({
|
url: '/allocation/unit',
|
method: 'get'
|
}).then((res) => {
|
this.unitList = res.data
|
})
|
},
|
getContaminateList() {
|
this.$request({
|
url: '/allocation/contaminate',
|
method: 'get'
|
}).then((res) => {
|
this.polluteList = res.data
|
})
|
},
|
onSubmit() {
|
if (this.valueTime.length > 0) {
|
this.formData.endTime = this.valueTime[1]
|
this.formData.startTime = this.valueTime[0]
|
}
|
this.$emit('handleSearch', this.formData)
|
},
|
handleAdd() {
|
this.$emit('handleAdd', '12122')
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.search-form {
|
margin: 20px;
|
|
/deep/.el-select {
|
width: 120px;
|
}
|
}
|
</style>
|
