| | |
| | | <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" value-key="item" class="analyseUnit_input" @change="departmentChange" @clear="departmentClear"> |
| | | <el-option |
| | | v-for="item in departmentList" |
| | | :key="item.id" |
| | | :value="item" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | <el-row> |
| | | <el-col :span="21"> |
| | | <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" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <img src="../../../../assets/map.png" class="image" @click="showDepartmentChart"></img> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | |
| | | </el-form-item> |
| | | <el-form-item label="责任人" prop="hazardLiablePerson"> |
| | | <el-select v-model="analyseUnitForm.hazardLiablePerson" value-key="item" class="analyseUnit_input"@change="personChange" @clear="personClear" > |
| | |
| | | <el-button type="primary" @click="submitAnalyseUnit()">确认</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <department-chart ref="chart"></department-chart> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import departmentChart from "./components/departmentChart"; |
| | | import { mapGetters } from 'vuex' |
| | | import { computePageCount } from '@/utils' |
| | | import { addAnalyseUnit, deleteAnalyseUnit, getAnalyseUnitList, updateAnalyseUnit } from '@/api/riskLevelManage' |
| | | import {getAllDepartment, getDepartmentList} from "../../../../api/departmentManage"; |
| | | import {safetyInspectionItemName} from "../../../../api/safetySelfInspection"; |
| | | import {getDepartmentChart} from "../../../../api/riskLevelManage"; |
| | | export default { |
| | | name: 'index', |
| | | filters: { |
| | |
| | | ...mapGetters([ |
| | | 'userType' |
| | | ]) |
| | | }, |
| | | components :{ |
| | | departmentChart |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | type:'warning' |
| | | }) |
| | | } |
| | | }, |
| | | showDepartmentChart() { |
| | | this.$refs.chart.show() |
| | | }, |
| | | showAnalyseUnitForm(value,type){ |
| | | this.analyseUnitVisible = true |
| | |
| | | .analyseUnit_input{ |
| | | width:320px; |
| | | } |
| | | .image{ |
| | | width:70%; |
| | | height:70%; |
| | | } |
| | | </style> |