<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-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 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
|
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() {
|
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>
|
