| | |
| | | circle |
| | | @click="() => focusHandle(label.attr.id)" |
| | | /> |
| | | <el-button |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | circle |
| | | @click="() => editHandle(label)" |
| | | /> |
| | | |
| | | <!-- <el-button--> |
| | | <!-- icon="el-icon-edit"--> |
| | | <!-- size="mini"--> |
| | | <!-- circle--> |
| | | <!-- @click="() => editHandle(label)"--> |
| | | <!-- />--> |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | type="danger" |
| | |
| | | --> |
| | | <template> |
| | | <div class="tab"> |
| | | <div class="tool-button"> |
| | | <el-button icon="el-icon-setting" circle @click="showTab = !showTab" /> |
| | | </div> |
| | | <div class="tab-content" v-show="showTab"> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="模型" name="model"> |
| | | <model-panel /> |
| | | </el-tab-pane> |
| | | <!-- <el-tab-pane label="标注" name="label"> |
| | | <label-panel /> |
| | | </el-tab-pane> --> |
| | | <el-tab-pane label="电子围栏" name="plot"> |
| | | <plot-panel :type='type' :colorMapList='colorMapList'/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="图标" name="marker"> |
| | | <marker-panel /> |
| | | </el-tab-pane> |
| | | <!-- <el-tab-pane label="波动圈" name="wave"> |
| | | <wave-panel /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="光柱" name="beam"> |
| | | <beam-panel /> |
| | | </el-tab-pane> --> |
| | | <!-- <el-tab-pane label="动画轨迹" name="line"> |
| | | <animate-line-panel /> |
| | | </el-tab-pane> --> |
| | | </el-tabs> |
| | | <div class="tab-content" v-show="showTab"> |
| | | <div> |
| | | <el-button type="text" @click="showTab = !showTab" >隐藏菜单</el-button> |
| | | </div> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="模型" name="model"> |
| | | <model-panel /> |
| | | </el-tab-pane> |
| | | <!-- <el-tab-pane label="标注" name="label"> |
| | | <label-panel /> |
| | | </el-tab-pane> --> |
| | | <el-tab-pane label="四色图" name="plot"> |
| | | <plot-panel :type='type' :colorMapList='colorMapList'/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="图标" name="marker"> |
| | | <marker-panel /> |
| | | </el-tab-pane> |
| | | <!-- <el-tab-pane label="波动圈" name="wave"> |
| | | <wave-panel /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="光柱" name="beam"> |
| | | <beam-panel /> |
| | | </el-tab-pane> --> |
| | | <!-- <el-tab-pane label="动画轨迹" name="line"> |
| | | <animate-line-panel /> |
| | | </el-tab-pane> --> |
| | | </el-tabs> |
| | | <!-- <tool-panel /> --> |
| | | </div> |
| | | <div v-show="!showTab"> |
| | | <el-button type="text" @click="showTab = !showTab" >显示菜单</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | ] |
| | | }, |
| | | { |
| | | id: 2, |
| | | id: 124, |
| | | parentId: 0, |
| | | path: '/accidentHidden', |
| | | component: Layout, |
| | |
| | | const changeData = { |
| | | state:{ |
| | | classifyOne:'', |
| | | selectionData:[], |
| | | }, |
| | | mutations: { |
| | | SET_ONE : (state , name) =>{ |
| | |
| | | </el-table> |
| | | </div> |
| | | <el-dialog :visible.sync="controlActionVisible" append-to-body :close-on-click-modal="false" width="80%"> |
| | | <control-action ref="controlAction" @closeDialog="closeDialog" @giveRiskControlId="receiveRiskControlId"></control-action> |
| | | <control-action ref="controlAction" @closeDialog="closeDialog" @giveRiskControlId="receiveRiskControlId" @keepValue="keepValue"></control-action> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | riskControlMeasureVisible:false, |
| | | riskControlMeasureForm:[], |
| | | inspectionPointData:[], |
| | | keepValueList:[], |
| | | controlActionForm:{ |
| | | workId:'', |
| | | measureId:'', |
| | |
| | | showControlAction (){ |
| | | this.controlActionVisible = true |
| | | setTimeout( () => { |
| | | this.$refs.controlAction.ifShowButton() |
| | | this.$refs.controlAction.ifShowButton(this.inspectionPointData) |
| | | }) |
| | | }, |
| | | showMeasureDetail(val){ |
| | | this.controlActionVisible = true |
| | | setTimeout( () => { |
| | | this.$refs.controlAction.showMeasureDetail(val) |
| | | this.$refs.controlAction.ifShowSelf = false |
| | | this.$refs.controlAction.showMeasureDetail(val) |
| | | this.$refs.controlAction.ifShowSelf = false |
| | | }) |
| | | |
| | | |
| | | }, |
| | | closeDialog(){ |
| | | this.controlActionVisible = false |
| | | }, |
| | | async receiveRiskControlId(value) { |
| | | debugger |
| | | this.controlActionVisible = false |
| | | if(this.title === '新建巡检计划设定'){ |
| | | if(value){ |
| | | // this.inspectionPointData = JSON.parse(JSON.stringify(value.map( item => { |
| | | // return { |
| | | // id:item.id, |
| | | // content:item.riskMeasureDesc |
| | | // } |
| | | // }))) |
| | | if(this.inspectionPointData.findIndex(item => item.id === value.id) === -1) { |
| | | this.inspectionPointData.push({id:value.id,content:value.troubleshootContent}) |
| | | this.$emit('giveToForm',this.inspectionPointData) |
| | | this.inspectionPointData = JSON.parse(JSON.stringify(value.map( item => { |
| | | return { |
| | | id:item.id, |
| | | content:item.troubleshootContent |
| | | } |
| | | } |
| | | }))) |
| | | this.$emit('giveToForm',this.inspectionPointData) |
| | | // if(this.inspectionPointData.findIndex(item => item.id === value.id) === -1) { |
| | | // this.inspectionPointData.push({id:value.id,content:value.troubleshootContent}) |
| | | // this.$emit('giveToForm',this.inspectionPointData) |
| | | // } |
| | | } |
| | | }else{ |
| | | this.controlActionForm.workId = JSON.stringify(this.inspectionTaskForm.workId) |
| | | this.controlActionForm.measureId =JSON.stringify(value.id) |
| | |
| | | message:res.data.message |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | deleteById(value){ |
| | | if(this.title === '新建巡检计划设定'){ |
| | |
| | | duration:2000, |
| | | }) |
| | | } |
| | | |
| | | |
| | | }) |
| | | }) |
| | | } |
| | |
| | | async getControlActionList(){ |
| | | let res = await getInspectionControlAction(this.inspectionTaskForm.workId) |
| | | this.inspectionPointData = res.data.result.checkContents |
| | | }, |
| | | keepValue(value){ |
| | | debugger |
| | | this.keepValueList = value |
| | | } |
| | | } |
| | | } |
| | |
| | | ></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="basic_search"> |
| | | <span>异常通知人员:</span> |
| | | <el-select v-model="listQuery.noticeUid" filterable clearable> |
| | | <el-option |
| | | v-for="item in userList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.realname" |
| | | ></el-option> |
| | | </el-select> |
| | | </div> |
| | | <!-- <div class="basic_search">--> |
| | | <!-- <span>异常通知人员:</span>--> |
| | | <!-- <el-select v-model="listQuery.noticeUid" filterable clearable>--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in userList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :value="item.id"--> |
| | | <!-- :label="item.realname"--> |
| | | <!-- ></el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </div>--> |
| | | <div class="basic_search"> |
| | | <span>执行巡检人员:</span> |
| | | <el-select v-model="listQuery.execUid" filterable clearable> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="任务开始时间" prop="startTime" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="异常通知人" prop="noticeUname" align="center"> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="异常通知人" prop="noticeUname" align="center">--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column label="巡检人" prop="execUname" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="创建人" prop="createUname" align="center"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="异常通知部门" prop="noticeDepartment"> |
| | | <el-select v-model="noticeDepartment" class="analyseUnit_input" filterable clearable @change="changeNotice"> |
| | | <el-option |
| | | v-for="item in departmentList" |
| | | :key="item.id" |
| | | :value="item.department" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="异常通知人员" prop="noticeUid"> |
| | | <el-select v-model="inspectionTaskForm.noticeUid" filterable clearable class="analyseUnit_input"> |
| | | <el-option |
| | | v-for="item in noticeUidList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.realname" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-row>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="异常通知部门" prop="noticeDepartment">--> |
| | | <!-- <el-select v-model="noticeDepartment" class="analyseUnit_input" filterable clearable @change="changeNotice">--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in departmentList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :value="item.department"--> |
| | | <!-- :label="item.department"--> |
| | | <!-- ></el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="异常通知人员" prop="noticeUid">--> |
| | | <!-- <el-select v-model="inspectionTaskForm.noticeUid" filterable clearable class="analyseUnit_input">--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in noticeUidList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :value="item.id"--> |
| | | <!-- :label="item.realname"--> |
| | | <!-- ></el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执行巡检部门" prop="execDepartment"> |
| | |
| | | inspectionTaskData: [], |
| | | departmentList:[], |
| | | userList:[], |
| | | noticeUidList:[], |
| | | // noticeUidList:[], |
| | | execUidList:[], |
| | | statusList:[{name:'任务开启',id:1},{id:2,name:'任务关闭'}], |
| | | intervalSecondsList:[{id:7200,name:'2小时'},{id:21600,name:'6小时'},{id:43200,name:'12小时'},{id:86400,name:'1天'},{id:17280,name:'2天'}], |
| | | intervalSecondsList:[{id:3600,name:'1小时'},{id:7200,name:'2小时'},{id:21600,name:'6小时'},{id:28800,name:'8小时'},{id:43200,name:'12小时'},{id:86400,name:'1天'},{id:17280,name:'2天'},{id:604800,name:'每周'},{id:2592000,name:'每月'},{id:7862400,name:'每季度'}], |
| | | noticeSecondsList:[{id:600,name:'10分'},{id:3600,name:'1小时'},{id:7200,name:'2小时'},{id:21600,name:'6小时'},{id:43200,name:'12小时'},{id:86400,name:'1天'}], |
| | | effectSecondsList:[{id:1800,name:'30分'},{id:3600,name:'1小时'},{id:7200,name:'2小时'},{id:21600,name:'6小时'},{id:43200,name:'12小时'},{id:86400,name:'1天'}], |
| | | typeList:[{id:1,name:'日常检查'},{id:2,name:'周期检查'}], |
| | |
| | | title:'', |
| | | company:'', |
| | | code:'', |
| | | noticeDepartment:'', |
| | | // noticeDepartment:'', |
| | | execDepartment:'', |
| | | inspectionTaskVisible:false, |
| | | inspectionTaskFormRules:{ |
| | |
| | | execUid: null, |
| | | intervalSeconds: null, |
| | | noticeSeconds: null, |
| | | noticeUid: null, |
| | | // noticeUid: null, |
| | | title:'', |
| | | riskControlMeasureIdList: [ |
| | | ], |
| | |
| | | createUid: "", |
| | | endTime: "", |
| | | execUid: "", |
| | | noticeUid: "", |
| | | startTime: "", |
| | | status:"", |
| | | type: "", |
| | |
| | | }) |
| | | } |
| | | }, |
| | | changeNotice(){ |
| | | if(this.noticeDepartment === '') { |
| | | this.noticeUidList = [] |
| | | this.inspectionTaskForm.noticeUid = '' |
| | | } |
| | | this.noticeUidList = this.userList.filter( item => item.department === this.noticeDepartment) |
| | | }, |
| | | // changeNotice(){ |
| | | // if(this.noticeDepartment === '') { |
| | | // this.noticeUidList = [] |
| | | // this.inspectionTaskForm.noticeUid = '' |
| | | // } |
| | | // this.noticeUidList = this.userList.filter( item => item.department === this.noticeDepartment) |
| | | // }, |
| | | changeExec(){ |
| | | if(this.execDepartment === '') { |
| | | this.execUidList = [] |
| | |
| | | }else{ |
| | | this.ifShow = true |
| | | this.title = '编辑巡检计划设定' |
| | | this.noticeDepartment = this.handleDepartment(JSON.parse(JSON.stringify(value)).noticeUid) |
| | | this.changeNotice() |
| | | // this.noticeDepartment = this.handleDepartment(JSON.parse(JSON.stringify(value)).noticeUid) |
| | | // this.changeNotice() |
| | | this.execDepartment = this.handleDepartment(JSON.parse(JSON.stringify(value)).execUid) |
| | | this.changeExec() |
| | | this.inspectionTaskForm = JSON.parse(JSON.stringify(value)) |
| | | // this.inspectionTaskForm.execUid = value.execUname |
| | | this.inspectionTaskForm.execUid = value.execUname |
| | | // this.inspectionTaskForm.noticeUid = value.noticeUname |
| | | setTimeout(() => { |
| | | this.$refs.inspectionPoint.inspectionPointData = this.inspectionTaskForm.checkContents |
| | |
| | | execUid: this.inspectionTaskForm.execUid, |
| | | intervalSeconds: this.inspectionTaskForm.intervalSeconds, |
| | | noticeSeconds: this.inspectionTaskForm.noticeSeconds, |
| | | noticeUid: this.inspectionTaskForm.noticeUid, |
| | | // noticeUid: this.inspectionTaskForm.noticeUid, |
| | | startTime: this.inspectionTaskForm.startTime, |
| | | status: this.inspectionTaskForm.status, |
| | | workId: this.inspectionTaskForm.workId |
| | |
| | | </el-input> |
| | | </div> |
| | | <div class="basic_search"> |
| | | <span>事件名称:</span> |
| | | <span>管控方式:</span> |
| | | <el-select v-model="listQuery.filter.dataSrc" clearable style="width:200px"> |
| | | <el-option |
| | | v-for="item in DataSrcList" |
| | |
| | | :data="riskControlMeasureData" |
| | | border |
| | | fit |
| | | ref="table" |
| | | :row-key="getRowKey" |
| | | highlight-current-row |
| | | style="width: 100%;" |
| | | > |
| | | <!-- <el-table-column type="selection" width="55"></el-table-column> --> |
| | | <el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column> |
| | | <el-table-column label="安全风险事件名称" prop="riskEventId" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="管控方式" prop="dataSrc" align="center"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="管控方式描述" prop="riskMeasureDesc"> |
| | | <el-input v-model="riskControlMeasureForm.riskMeasureDesc" class="analyseUnit_input"></el-input> |
| | | <el-input type="textarea" :rows="4" v-model="riskControlMeasureForm.riskMeasureDesc" class="analyseUnit_input"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="管控措施分类1" prop="classify1"> |
| | | <el-select v-model="riskControlMeasureForm.classify1" class="analyseUnit_input" @change="changeClassifyTwoList(val)"> |
| | | <el-select v-model="riskControlMeasureForm.classify1" class="analyseUnit_input" @change="changeClassifyTwoList()"> |
| | | <el-option |
| | | v-for="item in classifyOneList" |
| | | :key="item.id" |
| | |
| | | <el-input v-model="riskControlMeasureForm.classify3" class="analyseUnit_input"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="隐患排查内容" prop="troubleshootContent"> |
| | | <el-input v-model="riskControlMeasureForm.troubleshootContent" class="analyseUnit_input"></el-input> |
| | | <el-input type="textarea" :rows="4" v-model="riskControlMeasureForm.troubleshootContent" class="analyseUnit_input"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div align="right"> |
| | |
| | | DataSrcList:[], |
| | | classifyOneList:[], |
| | | classifyTwoList:[], |
| | | riskCcntrolMeasureIdList:[], |
| | | riskControlMeasureIdList:[], |
| | | listLoading: false, |
| | | showCurrent:true, |
| | | showOther:false, |
| | |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | deleteById(val){ |
| | | this.$confirm('删除此条信息,是否继续','提示',{ |
| | |
| | | this.getRiskControlMeasureData() |
| | | }, |
| | | |
| | | ifShowButton (){ |
| | | ifShowButton (value){ |
| | | this.showCurrent = false |
| | | this.showOther = true |
| | | // this.$refs.table.clearSelection() |
| | | // value.forEach(row => { |
| | | // this.$refs.table.toggleRowSelection(this.riskControlMeasureData.find(item => { |
| | | // return row.id === item.id |
| | | // }) , this.riskControlMeasureData.find(item => {return row.id === item.id}) === undefined ? false :true) |
| | | // }) |
| | | }, |
| | | |
| | | handleSelectionChange(val){ |
| | | debugger |
| | | this.riskControlMeasureIdList = val |
| | | }, |
| | | |
| | | getRowKey(value){ |
| | | return value.id |
| | | }, |
| | | |
| | | giveValue(value){ |
| | | // this.$emit('giveRiskControlId',this.riskControlMeasureIdList) |
| | | this.$emit('giveRiskControlId',value) |
| | | this.$emit('giveRiskControlId',this.riskControlMeasureIdList) |
| | | // this.$emit('giveRiskControlId',value) |
| | | }, |
| | | showMeasureDetail(value){ |
| | | this.riskControlMeasureVisible = true |
| | |
| | | this.riskControlMeasureForm = riskControlMeasureForm |
| | | this.$emit('closeDialog') |
| | | }) |
| | | |
| | | |
| | | } |
| | | } |
| | | } |