From fe2617a36f52c16f83e7d3cb19d911bb91a3b79f Mon Sep 17 00:00:00 2001 From: lyfO_o <764716047@qq.com> Date: 星期一, 13 六月 2022 09:00:28 +0800 Subject: [PATCH] 删除固定菜单 --- src/views/doublePreventAction/hiddenDanger/inspectionRecord/index.vue | 291 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 220 insertions(+), 71 deletions(-) diff --git a/src/views/doublePreventAction/hiddenDanger/inspectionRecord/index.vue b/src/views/doublePreventAction/hiddenDanger/inspectionRecord/index.vue index 6b5d2b6..95b83e9 100644 --- a/src/views/doublePreventAction/hiddenDanger/inspectionRecord/index.vue +++ b/src/views/doublePreventAction/hiddenDanger/inspectionRecord/index.vue @@ -1,6 +1,58 @@ <template> <div class="app-container"> <div class="filter-container"> + <div class="basic_search"> + <span>开始时间:</span> + <el-date-picker v-model="listQuery.startTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="巡检开始时间"></el-date-picker> + </div> + <div class="basic_search"> + <span>结束时间:</span> + <el-date-picker v-model="listQuery.endTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="巡检结束时间"></el-date-picker> + </div> + <div class="basic_search"> + <span>任务类型:</span> + <el-select v-model="listQuery.type"> + <el-option + v-for="item in typeList" + :key="item.id" + :value="item.id" + :label="item.name" + ></el-option> + </el-select> + </div> + <div class="basic_search"> + <span>任务单元状态列表:</span> + <el-select v-model="listQuery.statusList" filterable clearable multiple> + <el-option + v-for="item in statusListList" + :key="item.id" + :value="item.id" + :label="item.name" + ></el-option> + </el-select> + </div> + <div class="basic_search"> + <span>巡检任务创建人员:</span> + <el-select v-model="listQuery.createUid" 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-option + v-for="item in userList" + :key="item.id" + :value="item.id" + :label="item.realname" + ></el-option> + </el-select> + </div> <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" icon="el-icon-refresh" @click="refreshHandle">搜索</el-button> </div> <div class="table_content"> @@ -13,34 +65,75 @@ highlight-current-row style="width: 100%;" > + <el-table-column type="expand"> + <template slot-scope="scope"> + <el-table + v-loading="listLoading" + :key="tableKey" + :data="scope.row.unitList" + border + fit + highlight-current-row + style="width: 100%;" + > + <el-table-column label="序号" type="index" width="150" align="center"> + </el-table-column> + <el-table-column label="隐患排查内容" prop="content" align="center"> + </el-table-column> + <el-table-column label="上报说明" prop="info" align="center"> + </el-table-column> + <el-table-column label="上报照片" prop="img" align="center"> + <template slot-scope="scope"> + <el-button type="text" @click="downloadFile(scope.row)">下载</el-button> + </template> + </el-table-column> + <el-table-column label="状态" prop="status" align="center"> + <template slot-scope="scope"> + {{ scope.row.status | parseUnitStatus}} + </template> + </el-table-column> + <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> + <template slot-scope="scope"> + <el-button type="text" @click="showInspectionRecordDetailForm(scope.row,'上报')" v-show="scope.row.status === 1">上报</el-button> + <el-button type="text" @click="showInspectionRecordDetailForm(scope.row,'查看')">查看</el-button> + </template> + </el-table-column> + </el-table> + </template> + </el-table-column> <el-table-column label="任务名称" prop="title" align="center"> </el-table-column> <el-table-column label="检查类型" prop="type" align="center"> - </el-table-column> - <el-table-column label="检查频次" prop="intervalSeconds" align="center"> - </el-table-column> - <el-table-column label="任务开始时间" prop="startTime" align="center"> - </el-table-column> - <el-table-column label="任务结束时间" prop="endTime" align="center"> - </el-table-column> - <el-table-column label="异常通知人" prop="noticeUname" align="center"> + <template slot-scope="scope"> + {{ scope.row.type | parseType}} + </template> </el-table-column> <el-table-column label="巡检人" prop="execUname" align="center"> </el-table-column> - <el-table-column label="检查日期时间" prop="updateTime" align="center"> + <el-table-column label="巡检开始时间" prop="expTime" align="center"> + </el-table-column> + <el-table-column label="巡检结束时间" prop="endTime" align="center"> + </el-table-column> + <el-table-column label="巡检提交时间" prop="execTime" align="center"> + </el-table-column> + <el-table-column label="任务状态" prop="status" align="center"> + <template slot-scope="scope"> + {{ scope.row.status | parseStatusList}} + </template> </el-table-column> <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> <template slot-scope="scope"> - <el-button type="text" @click="showInspectionRecordForm(scope.row,'编辑')">查看</el-button> + <el-button type="text" @click="submitInspectionRecordForm(scope.row,'上报')">提交</el-button> + <el-button type="text" @click="showInspectionRecordForm(scope.row,'查看')">查看</el-button> </template> </el-table-column> </el-table> <br> <el-pagination v-show="recordTotal>0" - :current-page="currentPage" + :current-page="listQuery.page" :page-sizes="[10, 20, 30, 50]" - :page-size="pageSize" + :page-size="listQuery.pageSize" :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" background @@ -50,50 +143,57 @@ /> <br> </div> - <el-dialog :title="title" :visible.sync="inspectionRecordVisible" :modal-append-to-body="false" :close-on-click-modal="false" width="600px"> - <el-form ref="inspectionRecordForm" :model="inspectionRecordForm" label-position="right" label-width="165px"> - <el-form-item label="责任部门" prop="hazardDep"> - <el-select v-model="inspectionRecordForm.hazardDep" class="analyseUnit_input"> - <el-option - v-for="item in departmentList" - :key="item.id" - :value="item.department" - :label="item.department" - ></el-option> - </el-select> - </el-form-item> - <el-form-item label="责任人" prop="hazardLiablePerson"> - <el-input v-model="inspectionRecordForm.hazardLiablePerson" class="analyseUnit_input"></el-input> - </el-form-item> - <el-form-item label="安全风险分析对象编码" prop="hazardCode"> - <el-input v-model="inspectionRecordForm.hazardCode" class="analyseUnit_input"></el-input> - </el-form-item> - <el-form-item label="安全风险分析单元名称" prop="riskUnitName"> - <el-input v-model="inspectionRecordForm.riskUnitName" class="analyseUnit_input"></el-input> - </el-form-item> - </el-form> - <div align="right"> - <el-button @click="unitFormVisible = false">取消</el-button> - </div> - </el-dialog> + <detail ref="detail" @getList="getInspectionRecordData"></detail> </div> </template> <script> + import Cookies from "js-cookie"; + import detail from './components/detail.vue' import { mapGetters } from 'vuex' import { computePageCount } from '@/utils' import { getInspectionRecord } from '@/api/inspectionTask' import {getAllDepartment, getDepartmentList} from "../../../../api/departmentManage"; + import {safetyInspectionItemName} from "../../../../api/safetySelfInspection"; + import {submitTask} from "../../../../api/inspectionTask"; export default { + components: { detail }, name: 'index', filters: { - parseMain(type){ + parseType(type){ if(type === 1){ - return "是" - }else if(type === 0){ - return "否" + return "日常检查" + }else{ + return "周期检查" } }, + parseStatus(status){ + if(status === 1){ + return "任务开启" + }else{ + return "任务关闭" + } + }, + parseUnitStatus(value) { + if(value === 1){ + return "待巡检" + }else if(value === 2) { + return "已完成" + } + }, + parseStatusList(status) { + if(status === 1){ + return "待巡检" + }else if(status === 2) { + return "巡检中" + }else if(status === 3) { + return "已完成" + }else if(status === 4) { + return "超时未巡检" + }else{ + return "已取消" + } + } }, computed: { ...mapGetters([ @@ -105,6 +205,9 @@ tableKey: 0, inspectionRecordData: [], departmentList:[], + userList:[], + typeList:[{id:1,name:'日常检查'},{id:2,name:'周期检查'}], + statusListList:[{id:1,name:'待巡检'},{id:2,name:'巡检中'},{id:3,name:'已完成'},{id:4,name:'超时未巡检'},{id:5,name:'已取消'}], listLoading: false, pageSize: 10, recordTotal: 0, @@ -113,38 +216,38 @@ title:'', company:'', code:'', - inspectionRecordVisible:false, inspectionRecordForm:{ - + }, listQuery:{ - createUid: null, - endTime: null, - execUid: null, - noticeUid: null, - page: 1, - pageSize:10, - startTime: null, - result:null, - statusList: null, - type: null + createUid: null, + endTime: null, + execUid: null, + execUname: null, + page: 1, + pageSize: 10, + result: null, + startTime: null, + statusList: null, + type: null }, } + }, + components: { + detail }, created() { this.getInspectionRecordData() this.getDepartment() + this.getUser() }, methods: { async getInspectionRecordData(){ this.listLoading = true let res = await getInspectionRecord(this.listQuery) if(res.data.code === '200'){ - this.recordTotal = res.data.result.total - this.pageSize = res.data.result.size - this.pageTotal = computePageCount(res.data.result.total, res.data.result.size) - this.currentPage = res.data.result.current - this.analyseUnitData = res.data.result.records + this.recordTotal = JSON.parse(res.data.message).total + this.inspectionRecordData = res.data.result }else{ this.$message({ message:res.data.message, @@ -164,19 +267,64 @@ }) } }, - showAnalyseUnitForm(value,type){ - this.inspectionRecordVisible = true - this.$nextTick(() =>{ - this.$refs["analyseUnitForm"].clearValidate() - }) - if(type === '新增'){ - this.title = '新增' - this.inspectionRecordData = { - + async getUser(){ + let res = await safetyInspectionItemName() + if(res.data.code === '200'){ + this.userList = res.data.result + }else{ + this.$message({ + message:res.data.message, + type:'warning' + }) + } + }, + showInspectionRecordForm(value){ + this.$refs.detail.showInspectionRecordForm(value) + }, + showInspectionRecordDetailForm(value,type) { + this.$refs.detail.showInspectionRecordDetailForm(value,type,this.userList,this.departmentList) + }, + async submitInspectionRecordForm(value){ + if(value.unitList.find(item => item.status === 1) === undefined){ + let data = { + + } + let res = await submitTask({ + execUid:Cookies.get('userId'), + info:"", + taskId: value.id + }) + if(res.data.code === '200'){ + this.getInspectionRecordData() + this.$message({ + type:'success', + message:'提交成功', + duration:2000, + title:'成功' + }) + }else{ + this.$message({ + type:'warning', + message:res.data.message + }) } }else{ - this.title = '修改' - this.inspectionRecordData = value + this.$message({ + type:'warning', + message:'请先上报所有巡检单元' + }) + } + }, + downloadFile(value){ + if(value.problem.imageInfoList === null){ + this.$message({ + type:'warning', + message:'无文件可下载' + }) + }else{ + for(let i in value.problem.imageInfoList){ + window.open(process.env.IMG_API + value.problem.imageInfoList[i].imgPath, '_blank') + } } }, refreshHandle(){ @@ -197,8 +345,9 @@ .basic_search{ display:inline-block; padding-bottom: 10px; + padding-left: 10px; } .analyseUnit_input{ - width:320px; + width:200px; } </style> -- Gitblit v1.9.2