| | |
| | | <el-dialog :title="title" :visible.sync="analyseUnitVisible" :modal-append-to-body="false" :close-on-click-modal="false" width="600px"> |
| | | <el-form ref="analyseUnitForm" :rules="analyseUnitFormRules" :model="analyseUnitForm" label-position="right" label-width="165px"> |
| | | <el-form-item label="责任部门" prop="hazardDep"> |
| | | <el-select v-model="analyseUnitForm.hazardDep" class="analyseUnit_input"> |
| | | <el-select v-model="analyseUnitForm.hazardDep" value-key="item" class="analyseUnit_input" @change="departmentChange" @clear="departmentClear"> |
| | | <el-option |
| | | v-for="item in departmentList" |
| | | :key="item.id" |
| | | :value="item.department" |
| | | :value="item" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="责任人" prop="hazardLiablePerson"> |
| | | <el-select v-model="analyseUnitForm.hazardLiablePerson" class="analyseUnit_input"> |
| | | <el-select v-model="analyseUnitForm.hazardLiablePerson" value-key="item" class="analyseUnit_input"@change="personChange" @clear="personClear" > |
| | | <el-option |
| | | v-for="item in userList" |
| | | :key="item.id" |
| | | :label="item.realname" |
| | | :value="item.realname" |
| | | :value="item" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | personChange(val){ |
| | | this.analyseUnitForm.hazardLiablePerson = val.realname |
| | | this.analyseUnitForm.hazardLiablePersonId = val.id |
| | | }, |
| | | departmentChange(val){ |
| | | this.analyseUnitForm.hazardDep = val.department |
| | | this.analyseUnitForm.hazardDepId = val.id |
| | | }, |
| | | personClear(){ |
| | | this.analyseUnitForm.hazardLiablePerson = null |
| | | this.analyseUnitForm.hazardLiablePersonId = null |
| | | }, |
| | | departmentClear(){ |
| | | this.analyseUnitForm.hazardDep = null |
| | | this.analyseUnitForm.hazardDepId = null |
| | | }, |
| | | refreshHandle(){ |
| | | this.getAnalyseUnitData() |
| | | }, |