| | |
| | | <div> |
| | | <div class="search-form"> |
| | | <el-form :inline="true" :model="formData" class="demo-form-inline"> |
| | | <el-form-item label="责任主体:"> |
| | | <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="责任主体:" 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> |
| | | </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-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="整改类型:"> |
| | | <el-select v-model="formData.changeType" placeholder="请选择" clearable size="small"> |
| | | <el-option |
| | |
| | | /> |
| | | </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 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 v-if="searchType==='reform'" label="是否作废:"> |
| | | |
| | | <el-form-item label="是否作废:"> |
| | | <el-select v-model="formData.isInvalid " placeholder="请选择" clearable size="small"> |
| | | <el-option |
| | | v-for="item in Dic.yesOrNo" |
| | |
| | | /> |
| | | </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-button type="primary" size="small" @click="handleAdd">新建</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | formData: {}, |
| | | formData: { |
| | | isInvalid: 0 |
| | | }, |
| | | unitList: [], |
| | | Dic: JSON.parse(localStorage.getItem('dict')), |
| | | polluteList: [], |
| | |
| | | }) |
| | | }, |
| | | onSubmit() { |
| | | if (this.valueTime.length > 0) { |
| | | this.formData.endTime = this.valueTime[1] |
| | | this.formData.startTime = this.valueTime[0] |
| | | } |
| | | this.$emit('handleSearch', this.formData) |
| | | }, |
| | | handleAdd() { |
| | |
| | | <style scoped lang="scss"> |
| | | .search-form { |
| | | margin: 20px; |
| | | |
| | | /deep/.el-select { |
| | | width: 120px; |
| | | 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> |