| | |
| | | </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="请选择"> |
| | | <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-option v-for="item in Dic.yesOrNo" :key="item.value" :label="item.name" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | data() { |
| | | return { |
| | | formData: { |
| | | isInvalid: 0 |
| | | isInvalid: null |
| | | }, |
| | | unitList: [], |
| | | Dic: JSON.parse(localStorage.getItem('dict')), |
| | |
| | | created() { |
| | | this.getUnitList() |
| | | this.getContaminateList() |
| | | console.log('searchType', this.searchType) |
| | | }, |
| | | methods: { |
| | | // 获取责任单位list |
| | |
| | | this.$request({ |
| | | url: '/allocation/unit', |
| | | method: 'get' |
| | | }).then((res) => { |
| | | }).then(res => { |
| | | this.unitList = res.data |
| | | this.formData.isInvalid = 0 |
| | | }) |
| | | }, |
| | | getContaminateList() { |
| | | this.$request({ |
| | | url: '/allocation/contaminate', |
| | | method: 'get' |
| | | }).then((res) => { |
| | | }).then(res => { |
| | | this.polluteList = res.data |
| | | }) |
| | | }, |
| | | onSubmit() { |
| | | console.log('formData', this.formData) |
| | | this.$emit('handleSearch', this.formData) |
| | | }, |
| | | handleAdd() { |
| | |
| | | |
| | | <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> |