zc

src/api/safetyCheck/indexDemoOne.js

@@ -1,929 +0,0 @@
-import request from '@/utils/request'
-
-/**************************** 检查项相关 ****************************/
-//检查项目表-列表
-export function securityCheckOptionList(data) {
-  return request({
-    url: '/security/checkOption/list',
-    method: 'post',
-    data: data
-  })
-}
-//检查项目表-列表-包含已删除
-export function securityCheckOptionSelAllList(data) {
-  return request({
-    url: '/security/checkOption/selAllList',
-    method: 'post',
-    data: data
-  })
-}
-//检查项目表-修改
-export function securityCheckOptionUpdate(data) {
-  return request({
-    url: '/security/checkOption/update',
-    method: 'post',
-    data: data
-  })
-}
-//检查项目表-新增
-export function securityCheckOptionAdd(data) {
-  return request({
-    url: '/security/checkOption/add',
-    method: 'post',
-    data: data
-  })
-}
-//检查项目表-删除
-export function securityCheckOptionDelete(data) {
-  return request({
-    url: '/security/checkOption/delete',
-    method: 'post',
-    data: data
-  })
-}
-//检查项目表-批量删除
-export function securityCheckOptionBatchDelete(data) {
-  return request({
-    url: '/security/checkOption/batchDelete',
-    method: 'post',
-    data: data
-  })
-}
-
-/**************************** 督导组相关 ****************************/
-
-/* 通用接口-人员查询(过滤已选/未选)
-   deptId:学院ID
-   searchValue:姓名/工号
-   filtType:1,//1.过滤 2.不过滤
-   selectedUserIds:[],//过滤用户IDS
-   userIds:[],//不过滤用户IDS
-   page:1,
-   pageSize:2,
-*/
-export function findUserList(data) {
-  return request({
-    url: '/system/user/findUserList',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-列表
-export function securityCheckGroupList(data) {
-  return request({
-    url: '/security/checkGroup/list',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-详情
-export function securityCheckGroupDetail(query) {
-  return request({
-    url: '/security/checkGroup/detail',
-    method: 'get',
-    params: query
-  })
-}
-//督导组-删除
-export function securityCheckGroupDelete(data) {
-  return request({
-    url: '/security/checkGroup/delete',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-启用/停用
-export function securityCheckGroupEnable(data) {
-  return request({
-    url: '/security/checkGroup/enable',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-人员-启用/停用
-export function securityCheckGroupUserEnable(data) {
-  return request({
-    url: '/security/checkGroup/userEnable',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-新增
-export function securityCheckGroupAdd(data) {
-  return request({
-    url: '/security/checkGroup/add',
-    method: 'post',
-    data: data
-  })
-}
-//督导组-修改
-export function securityCheckGroupUpdate(data) {
-  return request({
-    url: '/security/checkGroup/update',
-    method: 'post',
-    data: data
-  })
-}
-
-/**************************** 随手拍 ****************************/
-
-//随手拍-列表
-export function securityCheckPhotoMyList(data) {
-  return request({
-    url: '/security/checkPhoto/myList',
-    method: 'post',
-    data: data
-  })
-}
-//随手拍-详情
-export function securityCheckPhotoDetail(query) {
-  return request({
-    url: '/security/checkPhoto/detail',
-    method: 'get',
-    params: query
-  })
-}
-//随手拍-新增
-export function securityCheckPhotoMyAdd(data) {
-  return request({
-    url: '/security/checkPhoto/myAdd',
-    method: 'post',
-    data: data
-  })
-}
-//随手拍-删除
-export function securityCheckPhotoDelete(data) {
-  return request({
-    url: '/security/checkPhoto/delete',
-    method: 'post',
-    data: data
-  })
-}
-//随手拍-隐患列表
-export function securityCheckPhotoList(data) {
-  return request({
-    url: '/security/checkPhoto/list',
-    method: 'post',
-    data: data
-  })
-}
-//随手拍-隐患整改
-export function securityCheckPhotoUpdate(data) {
-  return request({
-    url: '/security/checkPhoto/update',
-    method: 'post',
-    data: data
-  })
-}
-
-/**************************** 检查依据 ****************************/
-
-//检查依据-列表
-export function securityCheckBasisList(data) {
-  return request({
-    url: '/security/checkBasis/list',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-新增
-export function securityCheckBasisAdd(data) {
-  return request({
-    url: '/security/checkBasis/add',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-编辑
-export function securityCheckBasisUpdate(data) {
-  return request({
-    url: '/security/checkBasis/update',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-详情
-export function securityCheckBasisDetail(query) {
-  return request({
-    url: '/security/checkBasis/detail',
-    method: 'get',
-    params: query
-  })
-}
-//检查依据-删除
-export function securityCheckBasisDelete(data) {
-  return request({
-    url: '/security/checkBasis/delete',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-检查指标下拉列表 level级别123 parentId父类ID
-export function securityCheckOptionSelList(data) {
-  return request({
-    url: '/security/checkOption/selList',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-查询穿梭框数据 id父级ID 一级与二级 notIds未选中的
-export function securityCheckOptionShuttleList(data) {
-  return request({
-    url: '/security/checkOption/shuttleList',
-    method: 'post',
-    data: data
-  })
-}
-//检查依据-查询穿梭框数据 id父级ID 一级与二级 ids选中的
-export function securityCheckOptionShuttleRightList(data) {
-  return request({
-    url: '/security/checkOption/shuttleRightList',
-    method: 'post',
-    data: data
-  })
-}
-
-/**************************** 检查计划 ****************************/
-//检查计划-列表
-export function securityCheckPlanList(data) {
-  return request({
-    url: '/security/checkPlan/list',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-新增
-export function securityCheckPlanAdd(data) {
-  return request({
-    url: '/security/checkPlan/add',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-编辑
-export function securityCheckPlanUpdate(data) {
-  return request({
-    url: '/security/checkPlan/update',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-删除
-export function securityCheckPlanDelete(data) {
-  return request({
-    url: '/security/checkPlan/delete',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-检查批量完成
-export function securityCheckSetOptionFinishCheck(query) {
-  return request({
-    url: '/security/checkSetOption/finishCheck',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-详情
-export function securityCheckPlanFindCheckPlan(query) {
-  return request({
-    url: '/security/checkPlan/findCheckPlan',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-查询全校实验室数量
-export function laboratorySubRelInfoGetAllSubNum(query) {
-  return request({
-    url: '/laboratory/subRelInfo/getAllSubNum',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-实验室查询穿梭框
-export function laboratorySubRelInfoConditionSubjectInfo(data) {
-  return request({
-    url: '/laboratory/subRelInfo/conditionSubjectInfo',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-历史标题列表
-export function checkPlanGetHistoryPlanTitles(query) {
-  return request({
-    url: '/security/checkPlan/getHistoryPlanTitles',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-删除历史标题 checkPlanId
-export function checkPlanHideHistoryPlanTitle(query) {
-  return request({
-    url: '/security/checkPlan/hideHistoryPlanTitle',
-    method: 'get',
-    params: query
-  })
-}
-/**************************** 检查管理/自查管理 ****************************/
-//检查管理/自查管理-计划列表
-export function securityCheckPlanTitleList(data) {
-  return request({
-    url: '/security/checkPlan/titleList',
-    method: 'post',
-    data: data
-  })
-}
-//检查管理/自查管理-计划下实验室列表
-export function securityCheckManageList(data) {
-  return request({
-    url: '/security/checkManage/list',
-    method: 'post',
-    data: data
-  })
-}
-//检查管理/自查管理-计划下-实验室下-检查项列表
-export function securityCheckSetOptionList(data) {
-  return request({
-    url: '/security/checkSetOption/list',
-    method: 'post',
-    data: data
-  })
-}
-//查询检查批次是否结束
-export function securityCheckPlanSetFindProgress(query) {
-  return request({
-    url: '/security/checkPlanSet/findProgress',
-    method: 'get',
-    params: query
-  })
-}
-//检查管理/自查管理-开始检查计划详情
-export function securityCheckPlanCheckInfo(data) {
-  return request({
-    url: '/security/checkPlan/checkInfo',
-    method: 'post',
-    data: data
-  })
-}
-//检查管理/自查管理-查询计划内实验室下未检查的检查项
-export function securityCheckSetOptionUnCheckList(query) {
-  return request({
-    url: '/security/checkSetOption/unCheckList',
-    method: 'get',
-    params: query
-  })
-}
-//检查管理/自查管理-开始检查第一次提交
-export function securityCheckSetOptionCheckCommit(data) {
-  return request({
-    url: '/security/checkSetOption/checkCommit',
-    method: 'post',
-    data: data
-  })
-}
-//检查管理/自查管理-流程详情
-export function securityCheckDangerGetDangerId(query) {
-  return request({
-    url: '/security/checkDanger/getDangerId',
-    method: 'get',
-    params: query
-  })
-}
-//检查管理/自查管理-草稿查询
-export function securityDraftFindBySetOptionId(query) {
-  return request({
-    url: '/security/draft/findBySetOptionId',
-    method: 'get',
-    params: query
-  })
-}
-//检查管理/自查管理-批量下载
-export function securityCheckPlanBatchDownloadFile(data) {
-  return request({
-    url: '/security/checkPlan/batchDownloadFile',
-    method: 'post',
-    data: data
-  })
-}
-/**************************** 安全隐患 ****************************/
-// 检查隐患/自查隐患-列表
-export function securityCheckDangerList (data) {
-  return request({
-    url: '/security/checkDanger/list',
-    method: 'post',
-    data: data
-  })
-}
-// 检查隐患/自查隐患-详情
-export function securityCheckDangerDetail (data) {
-  return request({
-    url: '/security/checkDanger/detail',
-    method: 'post',
-    data: data
-  })
-}
-// 检查隐患/自查隐患-整改提交
-export function securityCheckDangerCheckRectify (data) {
-  return request({
-    url: '/security/checkDanger/checkRectify',
-    method: 'post',
-    data: data
-  })
-}
-/**************************** 安全检查-数据统计 ****************************/
-// 数据统计列表
-export function securityDataStatisticsList(data) {
-  return request({
-    url: '/security/dataStatistics/list',
-    method: 'post',
-    data: data
-  })
-}
-// 检查计划-计划明细列表
-export function securityCheckDetailsCheckList(data) {
-  return request({
-    url: '/security/checkDetails/checkList',
-    method: 'post',
-    data: data
-  })
-}
-// 隐患统计柱状图
-export function securityHazardReportColumnPicture (data) {
-  return request({
-    url: '/security/hazardReport/columnPicture',
-    method: 'post',
-    data: data
-  })
-}
-// 各单位隐患整改统计-表头部参数
-export function reportHazardReportOneHazardGaugeOutfit (query) {
-  return request({
-    url: '/report/hazardReport/oneHazardGaugeOutfit',
-    method: 'get',
-    params: query
-  })
-}
-// 各单位隐患整改统计-列表-校级
-export function reportHazardReportDeptList (data) {
-  return request({
-    url: '/security/hazardReport/deptList',
-    method: 'post',
-    data: data
-  })
-}
-// 各单位隐患整改统计-头部数据-校级
-export function reportHazardReportDeptTop (data) {
-  return request({
-    url: '/security/hazardReport/deptTop',
-    method: 'post',
-    data: data
-  })
-}
-// 各单位隐患整改统计-查询是否有更新数据-校级
-export function securityCheckDangerTodayDangerList (query) {
-  return request({
-    url: '/security/checkDanger/todayDangerList',
-    method: 'get',
-    params: query
-  })
-}
-// 各单位隐患整改统计-更细数据-校级
-export function reportHazardReportItemsDeptRefresh (query) {
-  return request({
-    url: '/report/hazardReport/itemsDeptRefresh',
-    method: 'get',
-    params: query
-  })
-}
-// 一级检查项隐患分布-列表-校级
-export function reportHazardReportOneItemsScatter (data) {
-  return request({
-    url: '/report/hazardReport/oneItemsScatter',
-    method: 'post',
-    data: data
-  })
-}
-// 一级检查项隐患分布-头部数据-校级
-export function reportHazardReportOneItemsScatterTop (data) {
-  return request({
-    url: '/report/hazardReport/oneItemsScatterTop',
-    method: 'post',
-    data: data
-  })
-}
-
-// 检查项统计-一级指标隐患分布 饼图
-export function reportHazardItemsOneReportPie (data) {
-  return request({
-    url: '/report/hazardItems/oneReportPie',
-    method: 'post',
-    data: data
-  })
-}
-// 检查项统计-一级隐患列表
-export function reportHazardItemsOneReportList (data) {
-  return request({
-    url: '/report/hazardItems/oneReportList',
-    method: 'post',
-    data: data
-  })
-}
-// 检查项统计-一级隐患数据刷新
-export function reportHazardItemsOneReportRefresh (query) {
-  return request({
-    url: '/report/hazardItems/oneReportRefresh',
-    method: 'get',
-    params: query
-  })
-}
-// 检查项统计-二级隐患数据刷新
-export function securityHazardReportTwoReportRefresh (query) {
-  return request({
-    url: '/security/hazardReport/twoReportRefresh',
-    method: 'get',
-    params: query
-  })
-}
-// 检查项统计-三级隐患数据刷新
-export function reportHazardItemsThreeReportRefresh (query) {
-  return request({
-    url: '/report/hazardItems/threeReportRefresh',
-    method: 'get',
-    params: query
-  })
-}
-
-// 检查项统计-二级指标隐患分布 饼图
-export function reportHazardItemsTwoReportPie (data) {
-  return request({
-    url: '/report/hazardItems/twoReportPie',
-    method: 'post',
-    data: data
-  })
-}
-// 检查项统计-二级隐患列表
-export function reportHazardItemsTwoReportList (data) {
-  return request({
-    url: '/report/hazardItems/twoReportList',
-    method: 'post',
-    data: data
-  })
-}
-// 检查项统计-三级指标隐患分布 饼图
-export function reportHazardItemsThreeReportPie (data) {
-  return request({
-    url: '/report/hazardItems/threeReportPie',
-    method: 'post',
-    data: data
-  })
-}
-// 检查项统计-三级隐患列表
-export function reportHazardItemsThreeReportList (data) {
-  return request({
-    url: '/report/hazardItems/threeReportList',
-    method: 'post',
-    data: data
-  })
-}
-// 一级检查项隐患分布-列表-院级
-export function reportHazardItemsOneReportListCollege (data) {
-  return request({
-    url: '/report/hazardItems/oneReportListCollege',
-    method: 'post',
-    data: data
-  })
-}
-// 一级检查项隐患分布-头部数据-院级
-export function reportHazardItemsOneReportPieCollege (data) {
-  return request({
-    url: '/report/hazardItems/oneReportPieCollege',
-    method: 'post',
-    data: data
-  })
-}
-// 二级检查项隐患分布-列表-院级
-export function reportHazardItemsTwoReportListCollege (data) {
-  return request({
-    url: '/report/hazardItems/twoReportListCollege',
-    method: 'post',
-    data: data
-  })
-}
-// 二级检查项隐患分布-头部数据-院级
-export function reportHazardItemsTwoReportPieCollege (data) {
-  return request({
-    url: '/report/hazardItems/twoReportPieCollege',
-    method: 'post',
-    data: data
-  })
-}
-// 三级检查项隐患分布-列表-院级
-export function reportHazardItemsThreeReportListCollege (data) {
-  return request({
-    url: '/report/hazardItems/threeReportListCollege',
-    method: 'post',
-    data: data
-  })
-}
-// 三级检查项隐患分布-头部数据-院级
-export function reportHazardItemsThreeReportPieCollege (data) {
-  return request({
-    url: '/report/hazardItems/threeReportPieCollege',
-    method: 'post',
-    data: data
-  })
-}
-//隐患统计-隐患统计-列表-院级
-export function reportHazardReportDeptListCollege  (data) {
-  return request({
-    url: '/security/hazardReport/deptListCollege',
-    method: 'post',
-    data: data
-  })
-}
-//隐患统计-隐患统计-头部-院级
-export function reportHazardReportDeptTopCollege (data) {
-  return request({
-    url: '/security/hazardReport/deptTopCollege',
-    method: 'post',
-    data: data
-  })
-}
-//隐患统计-一级检查项分布-列表-院级
-export function reportHazardReportOneItemsScatterCollege (data) {
-  return request({
-    url: '/report/hazardReport/oneItemsScatterCollege',
-    method: 'post',
-    data: data
-  })
-}
-//隐患统计-一级检查项分布-头部-院级
-export function reportHazardReportOneItemsScatterCollegeTop (data) {
-  return request({
-    url: '/report/hazardReport/oneItemsScatterCollegeTop',
-    method: 'post',
-    data: data
-  })
-}
-//隐患统计-查询校级或者院级计划
-export function securityIndexStatisticsGetPlanIds (data) {
-  return request({
-    url: '/security/indexStatistics/getPlanIds',
-    method: 'post',
-    data: data
-  })
-}
-/**************************** 校级工作台统计 ****************************/
-//工作台-用户身份查询-校级
-export function securityIndexStatisticsUserIdentity (query) {
-  return request({
-    url: '/security/indexStatistics/userIdentity',
-    method: 'get',
-    params: query
-  })
-}
-//工作台-查询当前用户所属二级单位名称
-export function systemDeptDetail (query) {
-  return request({
-    url: '/system/dept/detail',
-    method: 'get',
-    params: query
-  })
-}
-//工作台-用户身份查询-院级
-export function securityCollegeStatisticsCollegeCheck (data) {
-  return request({
-    url: '/security/collegeStatistics/collegeCheck',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-检查数据(检查次数/项目数/通知书数)
-export function securityIndexStatisticsCheck (data) {
-  return request({
-    url: '/security/indexStatistics/check',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-数据总览
-export function securityIndexStatisticsProportionChart (data) {
-  return request({
-    url: '/security/indexStatistics/proportionChart',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-整改完成率-柱形图
-export function securityIndexStatisticsCompleteRatio (data) {
-  return request({
-    url: '/security/indexStatistics/completeRatio',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-未整改隐患
-export function securityIndexStatisticsUnresolvedHazard (data) {
-  return request({
-    url: '/security/indexStatistics/unresolvedHazard',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-已整改隐患
-export function securityIndexStatisticsRectifiedHazard (data) {
-  return request({
-    url: '/security/indexStatistics/rectifiedHazard',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-全年指标隐患分布
-export function securityIndexStatisticsHazardScatter (data) {
-  return request({
-    url: '/security/indexStatistics/hazardScatter',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-检查覆盖率
-export function securityIndexStatisticsCheckOverlap (data) {
-  return request({
-    url: '/security/indexStatistics/checkOverlap',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-检查结果统计
-export function securityIndexStatisticsCheckResults (data) {
-  return request({
-    url: '/security/indexStatistics/checkResults',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-年度全校实验室安全检查统计
-export function securityIndexStatisticsPlanList (data) {
-  return request({
-    url: '/security/indexStatistics/planList',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-各单位全年指标隐患分布表头数据
-export function reportSecIndexDataGetGaugeOutfit  (data) {
-  return request({
-    url: '/report/secIndexData/getGaugeOutfit ',
-    method: 'post',
-    data: data
-  })
-}
-//工作台-各单位全年指标隐患分布列表
-export function reportSecIndexDataDistributionHazard  (data) {
-  return request({
-    url: '/report/secIndexData/distributionHazard',
-    method: 'post',
-    data: data
-  })
-}
-
-/**************************** 复查管理/隐患复查 ****************************/
-//复查管理-列表
-export function securityCheckDangerReviewList (data) {
-  return request({
-    url: '/security/checkDanger/reviewList',
-    method: 'post',
-    data: data
-  })
-}
-//复查管理-督导组信息查询
-export function securityCheckDangerGetMemberInfo (data) {
-  return request({
-    url: '/security/checkDanger/getMemberInfo',
-    method: 'post',
-    data: data
-  })
-}
-//复查管理-督导组转移查询人员列表
-export function securityCheckDangerGetMemberList (data) {
-  return request({
-    url: '/security/checkDanger/getMemberList',
-    method: 'post',
-    data: data
-  })
-}
-//复查管理-转移隐患表复查人
-export function securityCheckDangerUpdateByReview (data) {
-  return request({
-    url: '/security/checkDanger/updateByReview',
-    method: 'post',
-    data: data
-  })
-}
-//复查管理-复查提交
-export function securityCheckDangerApprove (data) {
-  return request({
-    url: '/security/checkDanger/approve',
-    method: 'post',
-    data: data
-  })
-}
-/**************************** 整改通知/整改报告 ****************************/
-//整改通知-列表
-export function securityRectifyNoticeList (data) {
-  return request({
-    url: '/security/rectifyNotice/list',
-    method: 'post',
-    data: data
-  })
-}
-//整改通知-查看
-export function securityRectifyNoticeGetRectifyAdviceNoteView(query) {
-  return request({
-    url: '/security/rectifyNotice/getRectifyAdviceNoteView',
-    method: 'get',
-    params: query
-  })
-}
-//整改通知-整改情况列表
-export function securityCheckDangerNoPermissList(data) {
-  return request({
-    url: '/security/checkDanger/noPermissList',
-    method: 'post',
-    data: data
-  })
-}
-//整改报告-列表
-export function securityRectifyReportList (data) {
-  return request({
-    url: '/security/rectifyReport/list',
-    method: 'post',
-    data: data
-  })
-}
-//整改报告-提交
-export function securityRectifyReportUpdate (data) {
-  return request({
-    url: '/security/rectifyReport/update',
-    method: 'post',
-    data: data
-  })
-}
-//整改报告-查看
-export function securityRectifyReportGetRectifyReportView (query) {
-  return request({
-    url: '/security/rectifyReport/getRectifyReportView',
-    method: 'get',
-    params: query
-  })
-}
-/**************************** 安全检查-公共部分 ****************************/
-// 查询用户身份-校级管理员/院级管理员/督导组成员
-export function securityDataStatisticsGetUserIdentity(query) {
-  return request({
-    url: '/security/dataStatistics/getUserIdentity',
-    method: 'get',
-    params: query
-  })
-}
-// 根据检查项与实验室 查询触发次数 subId实验室ID hazardCheckId检查项ID
-export function securityCheckPhotoGetCheckNumBySub(query) {
-  return request({
-    url: '/security/checkPhoto/getCheckNumBySub',
-    method: 'get',
-    params: query
-  })
-}
-// 检查依据-下拉列表
-export function securityCheckBasisGetList(data) {
-  return request({
-    url: '/security/checkBasis/getList',
-    method: 'post',
-    data: data
-  })
-}
-// 督导组模糊查询下拉列表
-export function securityCheckGroupFindGroupList(data) {
-  return request({
-    url: '/security/checkGroup/findGroupList',
-    method: 'post',
-    data: data
-  })
-}
-//督导组成员查询
-export function securityCheckGroupMemberGroupMemberList(data) {
-  return request({
-    url: '/security/checkGroupMember/groupMemberList',
-    method: 'post',
-    data: data
-  })
-}
-
-//计划内督导组成员查询
-export function securityMemberPlanMemberList(data) {
-  return request({
-    url: '/security/member/planMemberList',
-    method: 'post',
-    data: data
-  })
-}

src/api/safetyCheck/indexDemoTwo.js

@@ -1 +0,0 @@
-import request from '@/utils/request'

src/api/safetyCheck/indexTow.js

@@ -1,375 +0,0 @@
-import request from '@/utils/request'
-
-/***************************检查计划***************************/
-
-//检查计划-列表
-//自查任务-列表
-export function checkPlanList(data) {
-  return request({
-    url: '/zd-security/checkPlan/list',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-根据计划ID删除
-//自查任务-根据计划ID删除
-export function checkPlanDelete(query) {
-  return request({
-    url: '/zd-security/checkPlan/delete',
-    method: 'delete',
-    params: query
-  })
-}
-//附件列表查询-通过计划ID查询附件列表
-export function getFindByCheckPlanId(query) {
-  return request({
-    url: '/zd-security/upload/findByCheckPlanId',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-根据计划ID查询管理列表
-//自查任务-根据计划ID查询管理列表
-export function findByCheckPlanId(data) {
-  return request({
-    url: '/zd-security/checkManage/findByCheckPlanId',
-    method: 'post',
-    data: data
-  })
-}
-// 查询校级下实验室数量
-export function laboratorySubRelInfoGetAllSubNum(query) {
-  return request({
-    url: '/laboratory/subRelInfo/getAllSubNum',
-    method: 'get',
-    params: query
-  })
-}
-// 检查范围，选择学院，查询学院信息和实验室数量
-export function laboratorySubRelInfoConditionCollegeInfo(query) {
-  return request({
-    url: '/laboratory/subRelInfo/conditionCollegeInfo',
-    method: 'get',
-    params: query
-  })
-}
-// 检查计划-查询选中院系下的实验室列表
-export function laboratorySubRelInfoGetRelListByCondition(data) {
-  return request({
-    url: '/laboratory/subRelInfo/getRelListByCondition',
-    method: 'post',
-    data: data
-  })
-}
-// 检查计划-查询选中院系下的实验室列表
-export function laboratorySubRelInfoConditionSubjectInfo(data) {
-  return request({
-    url: '/laboratory/subRelInfo/conditionSubjectInfo',
-    method: 'post',
-    data: data
-  })
-}
-// 检查计划-专项检查查询危化品穿梭框内容
-export function laboratoryHazardQueryHazardList(data) {
-  return request({
-    url: '/laboratory/hazard/queryHazardList',
-    method: 'post',
-    data: data
-  })
-}
-
-//通用接口-人员查询(过滤已选/未选)
-export function findUserList(data) {
-  return request({
-    url: '/system/user/findUserList',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-新增计划
-//自查任务-新增计划
-export function checkPlanAdd(data) {
-  return request({
-    url: '/zd-security/checkPlan/add',
-    method: 'post',
-    data: data
-  })
-}
-//检查计划-计划详情
-//自查任务-计划详情
-export function findCheckPlan(query) {
-  return request({
-    url: '/zd-security/checkPlan/findCheckPlan',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-修改计划
-//自查任务-修改计划
-export function checkPlanUpdate(data) {
-  return request({
-    url: '/zd-security/checkPlan/update',
-    method: 'post',
-    data: data
-  })
-}
-//校院巡察组-通过id查询巡查组详情
-export function checkGroupFind(query) {
-  return request({
-    url: '/zd-security/checkGroup/find',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-查询历史计划标题列表
-//自查任务-查询历史计划标题列表
-export function getHistoryPlanTitles(query) {
-  return request({
-    url: '/zd-security/checkPlan/getHistoryPlanTitles',
-    method: 'get',
-    params: query
-  })
-}
-
-//工作台-查询是否院级用户
-export function isSCollege(query) {
-  return request({
-    url: '/zd-security/collegCheck/isSCollege',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-根据ID隐藏历史标题
-export function hideHistoryPlanTitle(query) {
-  return request({
-    url: '/zd-security/checkPlan/hideHistoryPlanTitle',
-    method: 'get',
-    params: query
-  })
-}
-//通用接口-设备确定提交
-export function haveHazardInSub(data) {
-  return request({
-    url: '/laboratory/hazard/haveHazardInSub',
-    method: 'post',
-    data: data
-  })
-}
-//项目检查库-树状列表
-export function checkOptionList(query) {
-  return request({
-    url: '/zd-security/checkOption/list',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-查询管理详情接口
-//自查任务-查询管理详情接口
-//自查任务-查询管理计划详情接口
-//自查任务-查询管理任务详情接口
-export function findCheckManage(query) {
-  return request({
-    url: '/zd-security/checkManage/findCheckManage',
-    method: 'get',
-    params: query
-  })
-}
-//检查计划-查询管理保存/提交
-//自查任务-查询管理保存/提交
-export function checkManageUpdate(data) {
-  return request({
-    url: '/zd-security/checkManage/update',
-    method: 'put',
-    data: data
-  })
-}
-//通用接口-查询检查项再特定实验室发生历史次数
-export function countHazardNum(query) {
-  return request({
-    url: '/zd-security/checkHazard/countHazardNum',
-    method: 'get',
-    params: query
-  })
-}
-
-/***************************校院巡察组***************************/
-//校院巡察组-启用-停用巡查组
-export function checkGroupEnable(query) {
-  return request({
-    url: '/zd-security/checkGroup/enable',
-    method: 'put',
-    params: query
-  })
-}
-//校院巡察组-通过id删除巡查组
-export function checkGroupDelete(query) {
-  return request({
-    url: '/zd-security/checkGroup/delete',
-    method: 'delete',
-    params: query
-  })
-}
-//校院巡察组-分页获取校院巡查组列表
-export function checkGroupList(data) {
-  return request({
-    url: '/zd-security/checkGroup/list',
-    method: 'post',
-    data: data
-  })
-}
-//校院巡察组-新增
-export function checkGroupAdd(data) {
-  return request({
-    url: '/zd-security/checkGroup/add',
-    method: 'post',
-    data: data
-  })
-}
-
-//校院巡察组-编辑
-export function checkGroupUpdate(data) {
-  return request({
-    url: '/zd-security/checkGroup/update',
-    method: 'put',
-    data: data
-  })
-}
-
-//校院巡察组-获取巡察组下拉列表
-export function findGroupList(data) {
-  return request({
-    url: '/zd-security/checkGroup/findGroupList',
-    method: 'post',
-    data: data
-  })
-}
-
-//通用接口-根据实验室id查询该实验室有关计划
-export function getCheckPlanBySubId(query) {
-  return request({
-    url: '/zd-security/checkManage/getCheckPlanBySubId',
-    method: 'get',
-    params: query
-  })
-}
-
-//开展检查-提交
-export function checkManageAdd(data) {
-  return request({
-    url: '/zd-security/checkManage/add',
-    method: 'post',
-    data: data
-  })
-}
-//获取权限范围(巡查/自查)
-export function getGentle(query){
-  return request({
-    url: '/zd-security/checkSet/getGentle',
-    method: 'get',
-    params: query
-  })
-}
-
-//通用接口-根据实验室id分类查询实验室内设备
-export function getHazardInfoBySubId(query) {
-  return request({
-    url: '/laboratory/hazard/getHazardInfoBySubId',
-    method: 'get',
-    params: query
-  })
-}
-//通用接口-根据选择的设备id生成检查项
-export function getHazardInfoByJoinIds(query) {
-  return request({
-    url: '/security/checkManage/getHazardInfoByJoinIds',
-    method: 'get',
-    params: query
-  })
-}
-
-//检查计划-查询管理列表
-//自查任务-查询管理列表
-export function checkManageList(data) {
-  return request({
-    url: '/security/checkManage/list',
-    method: 'post',
-    data: data
-  })
-}
-//安全隐患-隐患详情
-export function getHazardById(query) {
-  return request({
-    url: '/zd-security/checkHazard/getHazardById',
-    method: 'get',
-    params: query
-  })
-}
-//安全隐患-隐患整改-隐患审核
-export function addOrApprove(data) {
-  return request({
-    url: '/zd-security/checkRectify/addOrApprove',
-    method: 'post',
-    data: data
-  })
-}
-
-//待整改
-export function rectifyList(query) {
-  return request({
-    url: '/zd-security/checkHazard/rectifyList',
-    method: 'get',
-    params: query
-  })
-}
-//待复核
-export function recheckList(query) {
-  return request({
-    url: '/zd-security/checkHazard/recheckList',
-    method: 'get',
-    params: query
-  })
-}
-//已完成
-export function overList(query) {
-  return request({
-    url: '/zd-security/checkHazard/overList',
-    method: 'get',
-    params: query
-  })
-}
-
-//安全隐患-校院巡察/批量审核列表
-export function batchApprovalList(query) {
-  return request({
-    url: '/zd-security/checkHazard/batchApprovalList',
-    method: 'get',
-    params: query
-  })
-}
-
-//安全隐患-批量审核
-export function batchApprove(data) {
-  return request({
-    url: '/zd-security/checkRectify/batchApprove',
-    method: 'post',
-    data: data
-  })
-}
-
-//安全隐患-暂无法整改列表数据
-export function unableRectifyList(query) {
-  return request({
-    url: '/zd-security/checkHazard/unableRectifyList',
-    method: 'get',
-    params: query
-  })
-}
-
-//整改报告-列表
-export function checkRectifyList(query) {
-  return request({
-    url: '/zd-security/checkRectify/list',
-    method: 'get',
-    params: query
-  })
-}

src/components/lookDocumentDialog/lookDocumentDataDialog.vue

@@ -1,179 +0,0 @@
-<!--
-    查看单个文档
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-
-    import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-
-    components: {
-      lookDocumentDataDialog
-    },
-
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-      }
-    }
-
-    //查看单个文档
-    lookDocumentButton(type,row){
-      if(type==1){
-        this.$set(this,'propsLookDocumentData',{
-          title:"整改报告",
-          type:1,
-          id:row.id,
-          name:row.title
-        });
-        this.$set(this,'lookDocumentType',true);
-      }else{
-        this.$set(this,'lookDocumentType',false);
-      }
-    },
--->
-<template>
-  <el-dialog class="lookDocumentDataDialog" :title="lookDocumentTitle"
-             :class="fullScreenType?'lookDocumentDataDialog-fullScreen':''"
-             :visible.sync="lookDocumentType" v-if="lookDocumentType"
-             @close="outLook"
-             width="834px" height="645px" append-to-body>
-    <div class="lookDocumentDataDialog-page scrollbar-box">
-      <rectificationReportDom v-if="documentType == 1" :propsRectificationReportData="propsRectificationReportData"></rectificationReportDom>
-      <noticeDom v-if="documentType == 2" :propsNoticeDomData="propsNoticeDomData"></noticeDom>
-      <informDom v-if="documentType == 3" :propsInformDomData="propsInformDomData"></informDom>
-    </div>
-    <p class="positionButton" @click="fullScreenButton">{{fullScreenType?'退出':'全屏'}}</p>
-    <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-      <p class="dialog-footer-button-null"></p>
-      <p class="dialog-footer-button-info" @click="outLook">取消</p>
-      <p class="dialog-footer-button-primary" @click="downloadButton">下载</p>
-      <p class="dialog-footer-button-null"></p>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-  import rectificationReportDom from './components/rectificationReportDom.vue'
-  import noticeDom from './components/noticeDom.vue'
-  import informDom from './components/informDom.vue'
-  export default {
-    name: 'lookDocumentDataDialog',
-    props:{
-      propsLookDocumentData:{},
-    },
-    components: {
-      rectificationReportDom,
-      noticeDom,
-      informDom
-    },
-    data(){
-      return{
-        //全屏状态
-        fullScreenType:false,
-        lookDocumentType:true,
-        lookDocumentTitle:"",
-        lookDocumentSrc:"",
-        documentType:null,//1.整改报告 2.通知书 3.告知书,
-        //整改报告
-        propsRectificationReportData:{},
-        //通知书
-        propsNoticeDomData:{},
-        //告知书
-        propsInformDomData:{},
-      }
-    },
-    created(){
-      this.$set(this,'lookDocumentTitle',this.propsLookDocumentData.title);
-      if(this.propsLookDocumentData.type == 1){
-        this.$set(this.propsRectificationReportData,'id',this.propsLookDocumentData.id)
-        this.$set(this,'documentType',1)
-      }else if(this.propsLookDocumentData.type == 2){
-        this.$set(this.propsNoticeDomData,'id',this.propsLookDocumentData.id)
-        this.$set(this,'documentType',2)
-      }else if(this.propsLookDocumentData.type == 3){
-        this.$set(this.propsInformDomData,'id',this.propsLookDocumentData.id)
-        this.$set(this,'documentType',3)
-      }
-    },
-    mounted(){
-
-    },
-    methods:{
-      // 返回按钮
-      outLook(){
-        this.$parent.lookDocumentButton(2)
-      },
-      // 下载按钮
-      downloadButton(){
-        if(this.documentType == 1){
-          this.downloadGet('/zd-security/checkRectify/genReport?id='+this.propsLookDocumentData.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'),this.propsLookDocumentData.name+'(整改报告).docx');
-        }else if(this.documentType == 2){
-          this.downloadGet('/zd-security/checkManage/getRectifyAdviceNote?checkMangeId='+this.propsLookDocumentData.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'),this.propsLookDocumentData.name+'(整改通知书).docx');
-        }else if(this.documentType == 3){
-          this.downloadGet('/zd-security/checkManage/getRectifyNotification?checkMangeId='+this.propsLookDocumentData.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'),this.propsLookDocumentData.name+'(整改告知书).docx');
-        }
-      },
-      fullScreenButton(){
-        this.fullScreenType = !this.fullScreenType
-      },
-      //打开新窗口
-      goPage(){
-        window.open(this.lookDocumentSrc)
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .lookDocumentDataDialog{
-    .lookDocumentDataDialog-page{
-      display: flex;
-      flex-direction: column;
-      flex:1;
-      height:645px;
-      position: relative;
-    }
-    .positionButton{
-      position: absolute;
-      top:15px;
-      right: 15px;
-      border:1px solid #0183fa;
-      border-radius:4px;
-      line-height:30px;
-      width:60px;
-      text-align: center;
-      cursor: pointer;
-      color:#0183fa;
-      background-color: #fff;
-    }
-    .positionButton:hover{
-      background-color:#0183fa;
-      color:#fff;
-    }
-  }
-  .lookDocumentDataDialog-fullScreen{
-    background-color: #666;
-    .positionButton{
-      top:25px;
-      right: 15px;
-    }
-    ::v-deep .el-dialog{
-      width:100% !important;
-      height:100% !important;
-      box-shadow: none;
-    }
-    ::v-deep .el-dialog__header{
-      display: none;
-    }
-    ::v-deep .el-dialog__body{
-      height:100% !important;
-      background-color: #666;
-      .lookDocumentDataDialog-page{
-        height:100%;
-      }
-    }
-    ::v-deep .el-dialog__footer{
-      display: none;
-    }
-  }
-</style>

src/components/lookDocumentDialog/lookDocumentListDialog.vue

@@ -1,317 +0,0 @@
-<!--
-    查看多个文档
-
-    import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-
-    components: {
-      lookDocumentListDialog
-    },
-
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-
-      //查看多个文档
-      lookDocumentListButton(type){
-        if(type==1){
-          this.$set(this,'propsLookDocumentListData',{
-            title:"查看附件",
-            list:this.addForm.data7
-          });
-          this.$set(this,'lookDocumentListType',true);
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
--->
-<template>
-  <el-dialog class="lookDocumentListDialog" :title="lookDocumentListTitle"
-             :visible.sync="lookDocumentListType" v-if="lookDocumentListType"
-             @close="outLook"
-             width="1500px" height="700" append-to-body>
-    <div class="lookDocumentListDialog-page">
-      <div class="left-box">
-        <div class="left-title-box">
-          <img src="@/assets/ZDimages/safetyCheck/icon_dr_wj.png">
-          <p>材料附件</p>
-          <p class="button-p" @click="allDownloadButton">全部下载</p>
-        </div>
-        <div class="left-for-box scrollbar-box">
-          <p class="left-for-p" v-for="(iframeItem,iframeIndex) in lookDocumentList" :key="iframeIndex"
-             @click="lookDocumentListCheck(iframeIndex)"
-             :class="lookDocumentListIndex == iframeIndex?'check-p':''">{{iframeItem.name}}</p>
-        </div>
-      </div>
-      <div class="center-border"></div>
-      <div class="right-box">
-        <vue-office-docx
-          style="width:1030px;"
-          v-if="officeType === 'docx'&&!officeNullType"
-          :src="lookUrl"
-          @rendered="renderedHandler"
-          @error="errorHandler"
-        />
-        <vue-office-excel
-          style="width:1030px;"
-          v-if="officeType === 'excel'&&!officeNullType"
-          :src="lookUrl"
-          @rendered="renderedHandler"
-          @error="errorHandler"
-        />
-        <vue-office-pdf
-          style="width:1030px;"
-          v-if="officeType === 'pdf'&&!officeNullType"
-          :src="lookUrl"
-          @rendered="renderedHandler"
-          @error="errorHandler"
-        />
-        <p v-if="officeNullType" class="office-null-text">加载失败...</p>
-      </div>
-    </div>
-    <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-      <p class="dialog-footer-button-null"></p>
-      <p class="dialog-footer-button-info" @click="outLook">取消</p>
-      <p class="dialog-footer-button-primary" @click="downloadButton">下载</p>
-      <p class="dialog-footer-button-null"></p>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-  //引入VueOfficeDocx组件
-  import VueOfficeDocx from '@vue-office/docx'
-  import '@vue-office/docx/lib/index.css'
-  //引入VueOfficeExcel组件
-  import VueOfficeExcel from '@vue-office/excel'
-  import '@vue-office/excel/lib/index.css'
-  //引入VueOfficePdf组件
-  import VueOfficePdf from '@vue-office/pdf'
-  import axios from 'axios'
-  import saveAs from 'file-saver'
-  import JSZip from 'jszip'
-  export default {
-    name: 'lookDocumentListDialog',
-    props:{
-      propsLookDocumentListData:{},
-    },
-    components: {
-      VueOfficeDocx,
-      VueOfficeExcel,
-      VueOfficePdf
-    },
-    data(){
-      return{
-        lookDocumentListType:true,
-        lookDocumentListTitle:"",
-        lookDocumentList:[],
-        lookDocumentSrc:"",
-        lookDocumentListIndex:0,
-        //文档类型
-        officeType:null,
-        //开关
-        officeNullType:true,
-        //文档地址
-        lookUrl:"",
-        fileBrowseEnvironment:localStorage.getItem('fileBrowseEnvironment'),
-      }
-    },
-    created(){
-      this.$set(this,'lookDocumentListTitle',this.propsLookDocumentListData.title);
-      this.$set(this,'lookDocumentList',this.propsLookDocumentListData.list);
-      this.lookDocumentListCheck(0);
-    },
-    mounted(){
-
-    },
-    methods:{
-      //全部下载
-      allDownloadButton(){
-        // 初始化一个zip打包对象
-        let zip = new JSZip()
-        var promises = [];
-        this.lookDocumentList.forEach(item => {
-          const promise = this.getFile(item.url).then(data => {
-            console.log(data)
-            zip.file(item.name, data, { binary: true });
-          });
-          promises.push(promise);
-        });
-        Promise.all(promises).then(() => {
-          zip.generateAsync({ type: "blob" }).then(content => {
-            // 生成二进制流
-            saveAs(content, '材料附件.zip')
-            this.msgSuccess('操作成功')
-          });
-        });
-      },
-      getFile(url){
-        return new Promise((resolve, reject) => {
-          axios({
-            method: "get",
-            url:this.fileBrowseEnvironment+url,
-            responseType: "blob"
-          })
-            .then(data => {
-              resolve(data.data);
-            })
-            .catch(error => {
-              reject(error.toString());
-            });
-        });
-      },
-      // 切换按钮
-      lookDocumentListCheck(val){
-        let type = '';
-        if(this.lookDocumentList[val].url.split('.')[1] == 'docx'){
-          type = 'docx'
-        }else if(this.lookDocumentList[val].url.split('.')[1] == 'xlsx'){
-          type = 'excel'
-        }else if(this.lookDocumentList[val].url.split('.')[1] == 'pdf'){
-          type = 'pdf'
-        }
-        let url = this.fileBrowseEnvironment + this.lookDocumentList[val].url;
-        this.$set(this,'lookUrl',url);
-        this.$set(this,'lookDocumentListIndex',val);
-        this.$set(this,'officeType',type);
-        this.$set(this,'officeNullType',false);
-      },
-      // 返回按钮
-      outLook(){
-        this.$parent.lookDocumentListButton(2)
-      },
-      // 下载按钮
-      downloadButton(){
-        let name = this.lookDocumentList[this.lookDocumentListIndex].name.split('.')[0];
-        let type = this.lookDocumentList[this.lookDocumentListIndex].name.split('.')[1];
-        let url = this.fileBrowseEnvironment + this.lookDocumentList[this.lookDocumentListIndex].url;
-        const oReq = new XMLHttpRequest()
-        oReq.open('GET', url, true)// URL 为下载的URL地址
-        oReq.responseType = 'blob'
-        oReq.onload = function() {
-          const file = new Blob([oReq.response], {
-            type: 'blob'
-          })
-          saveAs(file, name+'.'+type) // fileName为文件名
-        }
-        oReq.send()
-      },
-      //文件加载成功
-      renderedHandler() {
-        console.log("渲染完成")
-        this.$set(this,'officeNullType',false);
-      },
-      //文件加载失败
-      errorHandler() {
-        console.log("渲染失败")
-        this.$set(this,'officeNullType',true);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .lookDocumentListDialog{
-    .lookDocumentListDialog-page{
-      display: flex;
-      flex:1;
-      height:645px;
-      overflow: hidden;
-      padding:0 50px;
-      .left-box{
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        width:265px;
-        .left-title-box{
-          padding-bottom:20px;
-          display: flex;
-          width:230px;
-          border-bottom:1px dashed #D8D8D8;
-          img{
-            width:16px;
-            height:13px;
-            margin:13px 15px 13px 0;
-          }
-          p:nth-child(2){
-            flex:1;
-            line-height:40px;
-            font-size:16px;
-            color:#0183FA;
-          }
-          .button-p{
-            padding:0 10px;
-            margin-top:5px;
-            height:30px;
-            line-height:30px;
-            font-size:14px;
-            color:#0183FA;
-            border:1px solid #0183FA;
-            border-radius:4px;
-            cursor: pointer;
-          }
-          .button-p:hover{
-            color:#fff;
-            border:1px solid #0183FA;
-            background-color: #0183FA;
-          }
-        }
-        .left-for-box{
-          flex:1;
-          .left-for-p{
-            padding:0 10px;
-            width:230px;
-            line-height:40px;
-            margin-top:10px;
-            font-size:16px;
-            color:#333;
-            display:block;
-            overflow:hidden;
-            text-overflow:ellipsis;
-            white-space:nowrap;
-            cursor: pointer;
-          }
-          .check-p{
-            background-color:rgba(1,131,250,0.2);
-            color:#0183FA;
-          }
-        }
-      }
-      .center-border{
-        border-right:1px dashed #D8D8D8;
-      }
-      .right-box{
-        flex:1;
-        display: flex;
-        margin-left:57px;
-        position: relative;
-        .positionButton{
-          position: absolute;
-          top:15px;
-          right: 35px;
-          border:1px solid #0183fa;
-          border-radius:4px;
-          line-height:30px;
-          width:60px;
-          text-align: center;
-          cursor: pointer;
-          color:#0183fa;
-          background-color: #fff;
-        }
-        .iframe{
-          flex:1;
-        }
-      }
-      .out-button{
-        width:60px;
-        line-height:30px;
-        color:#999;
-        background-color: #dedede;
-        border-radius:4px;
-        text-align: center;
-        cursor: pointer;
-        position: absolute;
-        top:17px;
-        right:17px;
-        z-index:99999;
-      }
-    }
-  }
-</style>

src/views/safetyCheck/collegeInspect/hiddenDangersReview/index.vue

@@ -209,7 +209,7 @@
     securityCheckDangerGetMemberInfo,
     securityCheckDangerGetMemberList,
     securityCheckDangerUpdateByReview,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'index',

src/views/safetyCheck/collegeInspect/selfInspectionManage/index.vue

@@ -183,7 +183,7 @@
     securityCheckPlanTitleList,
     securityCheckManageList,
     securityCheckSetOptionFinishCheck,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import checkItem from "@/views/safetyCheck/components/checkItem.vue";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {

src/views/safetyCheck/collegeInspect/selfInspectionProject/index.vue

@@ -137,7 +137,7 @@
   import {
     securityCheckPlanList,
     securityCheckPlanDelete,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import projectAddPage from "@/views/safetyCheck/components/projectAddPage.vue";
   import inspectStatistics from "@/views/safetyCheck/components/inspectStatistics.vue";
   export default {

src/views/safetyCheck/collegeWorktable/annualHiddenDistribution.vue

@@ -34,7 +34,7 @@
   import {
     reportSecIndexDataGetGaugeOutfit,
     reportSecIndexDataDistributionHazard,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'annualSecureInspect',
     props:{

src/views/safetyCheck/collegeWorktable/annualSecureInspect.vue

@@ -26,7 +26,7 @@
   import {
     securityIndexStatisticsGetPlanIds,
     securityIndexStatisticsPlanList,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'annualSecureInspect',
     props:{

src/views/safetyCheck/collegeWorktable/coverageRateEcharts.vue

@@ -6,7 +6,7 @@
 <script>
 import {
   securityIndexStatisticsCheckOverlap,
-} from '@/api/safetyCheck/indexDemoOne'
+} from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'coverageRateEcharts',

src/views/safetyCheck/collegeWorktable/dataScreening.vue

@@ -30,7 +30,7 @@
 <script>
   import {
     securityCollegeStatisticsCollegeCheck,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'dataScreening',
     props:{

src/views/safetyCheck/collegeWorktable/dataScreeningChart.vue

@@ -8,7 +8,7 @@
 <script>
   import {
     securityIndexStatisticsProportionChart,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'dataScreeningChart',

src/views/safetyCheck/collegeWorktable/hiddenDangerStatisticsEcharts.vue

@@ -8,9 +8,8 @@
 <script>
   import {
     securityIndexStatisticsHazardScatter,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import echarts from 'echarts'
-  import { hiddenCountByType, collegCheckHiddenCountByType,isSCollege } from '@/api/safetyCheck/index'
   export default {
     name: 'hiddenDangerStatisticsEcharts',
     props:{

src/views/safetyCheck/collegeWorktable/index.vue

@@ -131,7 +131,7 @@
     systemDeptDetail,
     securityIndexStatisticsUnresolvedHazard,
     securityIndexStatisticsRectifiedHazard,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import dataScreening from './dataScreening.vue'
   import dataScreeningChart from './dataScreeningChart.vue'
   import rectificationFinish from './rectificationFinish.vue'

src/views/safetyCheck/collegeWorktable/inspectionStatisticsEcharts.vue

@@ -5,7 +5,7 @@
 <script>
   import {
     securityIndexStatisticsCheckResults
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'inspectionStatisticsEcharts',
     props:{

src/views/safetyCheck/collegeWorktable/rectificationFinish.vue

@@ -8,7 +8,7 @@
 <script>
 import {
   securityIndexStatisticsCompleteRatio,
-} from '@/api/safetyCheck/indexDemoOne'
+} from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'rectificationFinish',

src/views/safetyCheck/components/checkItem.vue

@@ -159,7 +159,7 @@
     securityCheckOptionList,
     securityCheckSetOptionList,
     securityCheckPlanSetFindProgress,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'checkItem',

src/views/safetyCheck/components/initiateInspect/initiateInspect.vue

@@ -268,7 +268,7 @@
     securityCheckDangerCheckRectify,
     securityCheckDangerApprove,
     securityCheckPlanBatchDownloadFile,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
 
   export default {
     name: 'initiateInspect',

src/views/safetyCheck/components/inspectStatistics.vue

@@ -159,9 +159,9 @@
   import {
     getDeptDropList,
   } from '@/api/commonality/permission'
-//import { getDicts } from "@/api/commonality/noPermission";
-//import { systemUserSelect } from "@/api/commonality/permission";
-import { securityCheckDetailsCheckList } from "@/api/safetyCheck/indexDemoOne";
+import {
+    securityCheckDetailsCheckList
+  } from "@/api/safetyCheck/index";
 import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   import exportComponent from "@/views/safetyCheck/components/exportComponent/exportComponent.vue";
 export default {

src/views/safetyCheck/components/inspectionItemsStatistics.vue

@@ -161,9 +161,6 @@
 </template>
 
 <script>
-  //import { getDicts } from "@/api/commonality/noPermission";
-  //import { systemUserSelect } from "@/api/commonality/permission";
-  //import { getInfo } from "@/api/basicsModules/index";
   import {
     getDeptDropList,
   } from '@/api/commonality/permission'
@@ -185,7 +182,7 @@
     reportHazardItemsTwoReportPieCollege,
     reportHazardItemsThreeReportListCollege,
     reportHazardItemsThreeReportPieCollege,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import echarts from 'echarts'
   import exportComponent from "@/views/safetyCheck/components/exportComponent/exportComponent.vue";
 

src/views/safetyCheck/components/noticeDom.vue

@@ -129,7 +129,7 @@
 <script>
   import {
     securityRectifyNoticeGetRectifyAdviceNoteView,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   export default {
     name: 'noticeDom',
     props:{

src/views/safetyCheck/components/projectAddPage.vue

@@ -279,10 +279,7 @@
     securityCheckPlanAdd,
     securityCheckPlanUpdate,
     securityCheckPlanFindCheckPlan,
-  } from '@/api/safetyCheck/indexDemoOne'
-  //import { getDicts } from "@/api/commonality/noPermission";
-  //import { systemUserSelect } from "@/api/commonality/permission";
-  //import { getInfo } from "@/api/basicsModules/index";
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'addPage',
     components: {

src/views/safetyCheck/components/rectificationReportDom.vue

@@ -126,7 +126,7 @@
 <script>
   import {
     securityRectifyReportGetRectifyReportView
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   export default {
     name: 'rectificationReportDom',
     props:{

src/views/safetyCheck/components/snapshotInfo.vue

@@ -192,7 +192,7 @@
     securityCheckPhotoMyAdd,
     securityCheckPhotoUpdate,
     securityCheckPhotoGetCheckNumBySub,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import {
     laboratorySubRelInfoGetRelList,
   } from '@/api/commonality/noPermission'

src/views/safetyCheck/components/subDialog.vue

@@ -214,7 +214,7 @@
 
 <script>  import {
   laboratorySubRelInfoConditionSubjectInfo,
-} from '@/api/safetyCheck/indexDemoOne'
+} from '@/api/safetyCheck/index'
   import {
   getDeptDropList,
   systemBuildingGetOptList,

src/views/safetyCheck/dataStatistics/hiddenDangerStatistics.vue

@@ -141,7 +141,7 @@ import {
   reportHazardReportDeptTopCollege,
   reportHazardReportOneItemsScatterCollege,
   reportHazardReportOneItemsScatterCollegeTop,
-} from "@/api/safetyCheck/indexDemoOne";
+} from "@/api/safetyCheck/index";
 import {
   getDeptDropList,
 } from '@/api/commonality/permission'

src/views/safetyCheck/dataStatistics/index.vue

@@ -125,7 +125,9 @@
 import exportComponent from "@/views/safetyCheck/components/exportComponent/exportComponent.vue";
 import hiddenDangerStatistics from "./hiddenDangerStatistics.vue";
 import inspectionItemsStatistics from "@/views/safetyCheck/components/inspectionItemsStatistics.vue";
-import { securityDataStatisticsList } from "@/api/safetyCheck/indexDemoOne";
+import {
+  securityDataStatisticsList
+} from "@/api/safetyCheck/index";
 
 
 export default {

src/views/safetyCheck/inspectProject/inspectProjectAccording/addPage.vue

@@ -40,7 +40,7 @@
     securityCheckBasisDetail,
     securityCheckBasisAdd,
     securityCheckBasisUpdate,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import itemCheckComponent from "./itemCheckComponent.vue";
   export default {
     name: "addPage",

src/views/safetyCheck/inspectProject/inspectProjectAccording/index.vue

@@ -88,7 +88,9 @@
 <script>
   //import { getDicts } from "@/api/commonality/noPermission";
   //import { systemUserSelect } from "@/api/commonality/permission";
-  import { securityCheckBasisList,securityCheckBasisDelete } from '@/api/safetyCheck/indexDemoOne'
+  import {
+    securityCheckBasisList,securityCheckBasisDelete
+  } from '@/api/safetyCheck/index'
   import addPage from "./addPage.vue";
   export default {
     name: 'index',

src/views/safetyCheck/inspectProject/inspectProjectAccording/itemCheckComponent.vue

@@ -127,7 +127,9 @@
 </template>
 
 <script>
-  import { securityCheckOptionShuttleList,securityCheckOptionShuttleRightList,securityCheckOptionSelList } from '@/api/safetyCheck/indexDemoOne'
+  import {
+    securityCheckOptionShuttleList,securityCheckOptionShuttleRightList,securityCheckOptionSelList
+  } from '@/api/safetyCheck/index'
   import { getDeptDropList } from '@/api/commonality/permission'
   export default {
     name: 'itemCheckComponent',

src/views/safetyCheck/inspectProject/inspectProjectTable/index.vue

@@ -139,7 +139,7 @@
     securityCheckOptionUpdate,
     securityCheckOptionDelete,
     securityCheckOptionBatchDelete,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import { getToken } from "@/utils/auth";
   //            V3
   import exportComponent from "@/views/safetyCheck/components/exportComponent/exportComponent.vue";

src/views/safetyCheck/inspectSupervisorGroup/addPage.vue

@@ -85,14 +85,11 @@
 </template>
 
 <script>
-  //import { getDicts } from "@/api/commonality/noPermission";
-  //import { systemUserSelect } from "@/api/commonality/permission";
-  //import { getInfo } from "@/api/basicsModules/index";
   import {
     securityCheckGroupDetail,
     securityCheckGroupUpdate,
     securityCheckGroupAdd,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import {
     getDeptDropList,
     systemUserDetail,

src/views/safetyCheck/inspectSupervisorGroup/index.vue

@@ -115,7 +115,7 @@
     securityCheckGroupList,
     securityCheckGroupEnable,
     securityCheckGroupDelete,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import {
     systemDeptGetLoginUserByDeptList,
   } from '@/api/commonality/permission'

src/views/safetyCheck/inspectSupervisorGroup/userCheckComponent.vue

@@ -109,7 +109,9 @@
 </template>
 
 <script>
-  import { findUserList } from "@/api/safetyCheck/indexDemoOne";
+  import {
+    findUserList
+  } from "@/api/safetyCheck/index";
   import { getDeptDropList } from '@/api/commonality/permission'
   export default {
     name: 'userCheckComponent',

src/views/safetyCheck/safetyHazard/inspectHazard/index.vue

@@ -178,7 +178,7 @@
   import {
     securityCheckOptionList,
     securityCheckDangerList,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'index',

src/views/safetyCheck/safetyHazard/rectificationNotice/index.vue

@@ -184,7 +184,7 @@
   } from '@/api/commonality/permission'
   import {
     securityRectifyNoticeList,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import listPage from "./listPage.vue";
   import noticeDom from '@/views/safetyCheck/components/noticeDom.vue'
   export default {

src/views/safetyCheck/safetyHazard/rectificationNotice/listPage.vue

@@ -161,7 +161,7 @@
   import {
     securityCheckOptionList,
     securityCheckDangerNoPermissList,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'listPage',

src/views/safetyCheck/safetyHazard/rectificationReport/index.vue

@@ -184,7 +184,7 @@
   import {
     securityRectifyReportList,
     securityRectifyReportUpdate
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import listPage from "./listPage.vue";
   import rectificationReportDom from '@/views/safetyCheck/components/rectificationReportDom.vue'
   export default {

src/views/safetyCheck/safetyHazard/rectificationReport/listPage.vue

@@ -161,7 +161,7 @@
   import {
     securityCheckOptionList,
     securityCheckDangerNoPermissList,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'listPage',

src/views/safetyCheck/safetyHazard/selfInspectionHazard/index.vue

@@ -178,7 +178,7 @@
   import {
     securityCheckOptionList,
     securityCheckDangerList,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'index',

src/views/safetyCheck/safetyHazard/snapshotHazard/index.vue

@@ -170,7 +170,9 @@
     laboratoryClassLevelGetList,
     laboratoryClassTypeGetList,
   } from '@/api/commonality/permission'
-  import { securityCheckPhotoList } from "@/api/safetyCheck/indexDemoOne";
+  import {
+    securityCheckPhotoList
+  } from "@/api/safetyCheck/index";
   import snapshotInfo from "@/views/safetyCheck/components/snapshotInfo.vue";
   export default {
     name: 'index',

src/views/safetyCheck/schoolInspect/inspectManage/index.vue

@@ -183,7 +183,7 @@
     securityCheckPlanTitleList,
     securityCheckManageList,
     securityCheckSetOptionFinishCheck,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import checkItem from "@/views/safetyCheck/components/checkItem.vue";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {

src/views/safetyCheck/schoolInspect/inspectProject/index.vue

@@ -137,7 +137,7 @@
   import {
     securityCheckPlanList,
     securityCheckPlanDelete,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import projectAddPage from "@/views/safetyCheck/components/projectAddPage.vue";
   import inspectStatistics from "@/views/safetyCheck/components/inspectStatistics.vue";
   export default {

src/views/safetyCheck/schoolInspect/reviewManage/index.vue

@@ -209,7 +209,7 @@
     securityCheckDangerGetMemberInfo,
     securityCheckDangerGetMemberList,
     securityCheckDangerUpdateByReview,
-  } from "@/api/safetyCheck/indexDemoOne";
+  } from "@/api/safetyCheck/index";
   import initiateInspect from "@/views/safetyCheck/components/initiateInspect/initiateInspect.vue";
   export default {
     name: 'index',

src/views/safetyCheck/schoolWorktable/annualHiddenDistribution.vue

@@ -34,7 +34,7 @@
   import {
     reportSecIndexDataGetGaugeOutfit,
     reportSecIndexDataDistributionHazard,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'annualSecureInspect',
     props:{

src/views/safetyCheck/schoolWorktable/annualSecureInspect.vue

@@ -26,7 +26,7 @@
   import {
     securityIndexStatisticsGetPlanIds,
     securityIndexStatisticsPlanList,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'annualSecureInspect',
     props:{

src/views/safetyCheck/schoolWorktable/coverageRateEcharts.vue

@@ -6,7 +6,7 @@
 <script>
 import {
   securityIndexStatisticsCheckOverlap,
-} from '@/api/safetyCheck/indexDemoOne'
+} from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'coverageRateEcharts',

src/views/safetyCheck/schoolWorktable/dataScreening.vue

@@ -30,7 +30,7 @@
 <script>
   import {
     securityIndexStatisticsCheck,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'dataScreening',
     props:{

src/views/safetyCheck/schoolWorktable/dataScreeningChart.vue

@@ -8,7 +8,7 @@
 <script>
   import {
     securityIndexStatisticsProportionChart,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'dataScreeningChart',

src/views/safetyCheck/schoolWorktable/hiddenDangerStatisticsEcharts.vue

@@ -8,9 +8,7 @@
 <script>
   import {
     securityIndexStatisticsHazardScatter,
-  } from '@/api/safetyCheck/indexDemoOne'
-  import echarts from 'echarts'
-  import { hiddenCountByType, collegCheckHiddenCountByType,isSCollege } from '@/api/safetyCheck/index'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'hiddenDangerStatisticsEcharts',
     props:{

src/views/safetyCheck/schoolWorktable/index.vue

@@ -130,7 +130,7 @@
     securityIndexStatisticsUserIdentity,
     securityIndexStatisticsUnresolvedHazard,
     securityIndexStatisticsRectifiedHazard,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import dataScreening from './dataScreening.vue'
   import dataScreeningChart from './dataScreeningChart.vue'
   import rectificationFinish from './rectificationFinish.vue'

src/views/safetyCheck/schoolWorktable/inspectionStatisticsEcharts.vue

@@ -5,7 +5,7 @@
 <script>
   import {
     securityIndexStatisticsCheckResults
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   export default {
     name: 'inspectionStatisticsEcharts',
     props:{

src/views/safetyCheck/schoolWorktable/rectificationFinish.vue

@@ -8,7 +8,7 @@
 <script>
 import {
   securityIndexStatisticsCompleteRatio,
-} from '@/api/safetyCheck/indexDemoOne'
+} from '@/api/safetyCheck/index'
   import echarts from 'echarts'
   export default {
     name: 'rectificationFinish',

src/views/safetyCheck/snapshot/index.vue

@@ -111,13 +111,10 @@
   import {
     securityCheckPhotoMyList,
     securityCheckPhotoDelete,
-  } from '@/api/safetyCheck/indexDemoOne'
+  } from '@/api/safetyCheck/index'
   import {
     getDeptDropList,
   } from '@/api/commonality/permission'
-  //import { getDicts } from "@/api/commonality/noPermission";
-  //import { systemUserSelect } from "@/api/commonality/permission";
-  //import { getInfo } from "@/api/basicsModules/index";
   import snapshotInfo from "@/views/safetyCheck/components/snapshotInfo.vue";
   export default {
     name: 'index',

src/views/safetyCheckDemo/checkConfiguration/checkUserPage.vue

@@ -1,137 +0,0 @@
-<template>
-  <div class="page-container checkUserPage">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="实验室/房间号/姓名"
-            clearable
-            style="width: 200px"/>
-        </el-form-item>
-        <el-form-item label="" prop="deptId" label-width="50px">
-          <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <p class="page-add-common-style-button"
-           style="width:100px;float: right;"
-           @click="configButton(1)"
-        >检查者配置</p>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border :data="tableList" ref="multipleTable">
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip/>
-        <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip width="300"/>
-        <el-table-column label="检查者" align="center" prop="nickNames" show-overflow-tooltip width="500"/>
-        <el-table-column label="操作人" align="center" prop="createName" show-overflow-tooltip width="200"/>
-        <!--<el-table-column label="操作时间" align="center" prop="createTime" show-overflow-tooltip width="300"/>-->
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-    <configDialog v-if="configDialogType" :configDialogData="queryParams"></configDialog>
-  </div>
-</template>
-
-<script>
-  import { checkStaffList } from '@/api/safetyCheck/index'
-  import configDialog from './configDialog.vue'
-  import { getDeptDropList } from '@/api/commonality/permission'
-  export default {
-    name: 'checkUserPage',
-    components: {
-      configDialog
-    },
-    data(){
-      return{
-        // 组件数据
-        configDialogType:false,
-        configDialogData:{
-          configType:1,//1.检查人员配置 2.整改人员配置
-        },
-        //查询数据
-        deptSelectList:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          staffType:1,
-          searchValue:"",
-          deptId:""
-        },
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.listDepartments();
-      this.getList();
-    },
-    methods:{
-      //配置按钮
-      configButton(type){
-        console.log('type',type)
-        if(type == 1){
-          this.$set(this,'configDialogType',true);
-        }else if(type == 2){
-          this.$set(this,'configDialogType',false);
-        }else if(type == 3){
-          this.getList();
-          this.$set(this,'configDialogType',false);
-        }
-      },
-      //获取数据列表
-      getList(){
-        checkStaffList(this.queryParams).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          staffType:1,
-          searchValue:"",
-          deptId:""
-        });
-        this.handleQuery();
-      },
-      //获取学院列表
-      listDepartments(){
-        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        });
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .checkUserPage{
-  }
-</style>

src/views/safetyCheckDemo/checkConfiguration/configDialog.vue

@@ -1,721 +0,0 @@
-<template>
-  <el-dialog class="configDialog"
-             :close-on-click-modal="false"
-             :title="configDialogData.staffType==1?'检查人员配置':'整改人员配置'" :visible.sync="configDialogType" v-if="configDialogType"
-             @close="addDialogAllOff" width="1373px" append-to-body>
-    <div class="configDialog-box" v-if="configPageType == 1">
-      <div class="configDialog-content-box">
-        <div class="configDialog-content-min-box">
-          <p class="configDialog-content-min-title">实验室{{configDialogData.staffType==1?'检查':(configDialogData.staffType==2?'整改':'')}}人员配置：</p>
-          <div class="configDialog-content-min-checkbox">
-            <el-checkbox-group v-model="checkDataList" @change="checkboxChange" :disabled="!editType">
-              <el-checkbox style="width:170px;margin-right:70px;"
-                           v-for="item in checkList" :value="item.key" :label="item.key" :key="item.key">{{item.label}}</el-checkbox>
-            </el-checkbox-group>
-          </div>
-          <p v-if="checkType" class="configDialog-content-min-button" @click="configUserButton(2)">配置</p>
-          <div class="configDialog-content-min-text-box">
-            <p></p>
-            <p></p>
-            <p>实验室白名单内的老师</p>
-            <p v-if="checkType">拥有实验室安全准入资格的学生</p>
-          </div>
-        </div>
-      </div>
-      <div class="dialog-footer-box" v-hasPermiRouter="['check:set:edit']">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="addDialogOff">取消</p>
-        <p class="dialog-footer-button-primary" @click="upDataButton">确定</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </div>
-    <div class="configDialog-user-box" v-if="configPageType == 2">
-      <div class="configDialog-user-content-box">
-        <div class="left-max-box">
-          <div class="dept-table-title-box">
-            <p>待选人员</p>
-            <p>{{userNumLeft}}/{{userTotalLeft}}</p>
-          </div>
-          <div class="dept-table-max-box">
-            <el-form :model="userQueryParamsLeft" class="form-box" ref="queryForm" :inline="true" label-width="50px">
-              <el-form-item label="" prop="deptId">
-                <el-select v-model="userQueryParamsLeft.deptId" clearable @change="userHandleQueryLeft" placeholder="选择部门" style="width: 110px">
-                  <el-option
-                    v-for="item in deptSelectList"
-                    :key="item.deptId"
-                    :label="item.deptName"
-                    :value="item.deptId">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-date-picker
-                  :clearable="false"
-                  v-model="leftDateRange"
-                  size="small"
-                  style="width: 180px"
-                  value-format="yyyy-MM-dd"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                ></el-date-picker>
-              </el-form-item>
-              <el-form-item label="" prop="searchValue" class="form-index" style="margin-right:0;">
-                <el-input
-                  maxLength="30"
-                  v-model="userQueryParamsLeft.searchValue"
-                  placeholder="姓名/手机号"
-                  style="width: 178px">
-                  <p class="el-icon-search" slot="append" @click="userHandleQueryLeft"></p>
-                </el-input>
-              </el-form-item>
-              <el-form-item style="margin-right:0;margin-left: 10px;">
-                <p class="page-submit-common-style-button" @click="userResetQueryLeft" style="width:60px;margin-right:0;">重置</p>
-              </el-form-item>
-            </el-form>
-            <el-table class="table-box" ref="leftUserTable" border :data="userTableListLeft" @selection-change="userChangeLeft" :row-key="getRowKeys">
-              <el-table-column v-if="editType" type="selection" width="50" :reserve-selection="true" align="center"/>
-              <el-table-column label="姓名" align="center" prop="userName" show-overflow-tooltip/>
-              <el-table-column label="学号" align="center" prop="userNumber" show-overflow-tooltip width="80"/>
-              <el-table-column label="手机号" align="center" prop="phonenumber" show-overflow-tooltip width="100"/>
-              <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip width="80"/>
-              <el-table-column label="准入有效期" align="center" prop="deptName" show-overflow-tooltip width="200">
-                <template slot-scope="scope">{{parseTime(scope.row.validBeginTime,"{y}-{m}-{d}")}} 至 {{parseTime(scope.row.validEndTime,"{y}-{m}-{d}")}}</template>
-              </el-table-column>
-            </el-table>
-            <pagination :page-sizes="[20, 30, 40, 50]"
-                        v-show="userTotalLeft>0"
-                        :total="userTotalLeft"
-                        :page.sync="userQueryParamsLeft.page"
-                        :limit.sync="userQueryParamsLeft.pageSize"
-                        @pagination="userGetListLeft"/>
-          </div>
-        </div>
-        <div class="center-box">
-          <p v-if="editType" class="el-icon-arrow-left" @click="userArrowButton(1)"></p>
-          <p v-if="editType" class="el-icon-arrow-right" @click="userArrowButton(2)"></p>
-        </div>
-        <div class="right-max-box">
-          <div class="dept-table-title-box">
-            <p>已选成员</p>
-            <p>{{userNumRight}}/{{userTotalRight}}</p>
-          </div>
-          <div class="dept-table-max-box">
-            <el-form :model="userQueryParamsRight" class="form-box" ref="queryForm" :inline="true" label-width="50px">
-              <el-form-item label="" prop="deptId">
-                <el-select v-model="userQueryParamsRight.deptId" clearable @change="userHandleQueryRight" placeholder="选择部门" style="width: 110px">
-                  <el-option
-                    v-for="item in deptSelectList"
-                    :key="item.deptId"
-                    :label="item.deptName"
-                    :value="item.deptId">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-date-picker
-                  :clearable="false"
-                  v-model="rightDateRange"
-                  size="small"
-                  style="width: 180px"
-                  value-format="yyyy-MM-dd"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                ></el-date-picker>
-              </el-form-item>
-              <el-form-item label="" prop="searchValue" class="form-index" style="margin-right:0;">
-                <el-input
-                  maxLength="30"
-                  v-model="userQueryParamsRight.searchValue"
-                  placeholder="姓名/手机号"
-                  style="width: 178px">
-                  <p class="el-icon-search" slot="append" @click="userHandleQueryRight"></p>
-                </el-input>
-              </el-form-item>
-              <el-form-item style="margin-right:0;margin-left: 10px;">
-                <p class="page-submit-common-style-button" @click="userResetQueryRight" style="width:60px;margin-right:0;">重置</p>
-              </el-form-item>
-            </el-form>
-            <el-table class="table-box" ref="rightUserTable" border :data="userTableListRight" @selection-change="userChangeRight" :row-key="getRowKeys">
-              <el-table-column v-if="editType" type="selection" width="50" :reserve-selection="true" align="center"/>
-              <el-table-column label="姓名" align="center" prop="userName" show-overflow-tooltip/>
-              <el-table-column label="学号" align="center" prop="userNumber" show-overflow-tooltip width="80"/>
-              <el-table-column label="手机号" align="center" prop="phonenumber" show-overflow-tooltip width="100"/>
-              <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip width="80"/>
-              <el-table-column label="准入有效期" align="center" prop="deptName" show-overflow-tooltip width="200">
-                <template slot-scope="scope">{{parseTime(scope.row.validBeginTime,"{y}-{m}-{d}")}} 至 {{parseTime(scope.row.validEndTime,"{y}-{m}-{d}")}}</template>
-              </el-table-column>
-            </el-table>
-            <pagination :page-sizes="[20, 30, 40, 50]"
-                        v-show="userTotalRight>0"
-                        :total="userTotalRight"
-                        :page.sync="userQueryParamsRight.page"
-                        :limit.sync="userQueryParamsRight.pageSize"
-                        @pagination="userGetListRight"/>
-          </div>
-        </div>
-      </div>
-      <div class="dialog-footer-box" v-hasPermiRouter="['check:set:edit']">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="addDialogOff">返回</p>
-        <p class="dialog-footer-button-primary" @click="addUserButton">确定</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { checkSet,checkSetAdd,checkStaffUserList } from '@/api/safetyCheck/index'
-import { getDeptDropList } from '@/api/commonality/permission'
-export default {
-  name: 'configDialog',
-  props:{
-    configDialogData:{},
-  },
-  data(){
-    return{
-      editType:this.hasPermiDom(['check:set:edit']),
-      configDialogType:true,
-      configPageType:1,
-      checkDataList:[],
-      checkList:[],
-      checkType:false,
-      /*===================================人员选择相关===================================*/
-      deptSelectList:[],
-      userQueryParamsLeft:{
-        page:1,
-        pageSize:20,
-        searchValue:"",
-        deptId:"",
-        filtType:1
-      },
-      userTableListLeft:[],
-      userTotalLeft:0,
-      userNumLeft:0,
-      userIdsLeft:[],
-      userQueryParamsRight:{
-        page:1,
-        pageSize:20,
-        deptId:"",
-        searchValue:"",
-        filtType:2
-      },
-      userTableListRight:[],
-      userTotalRight:0,
-      userNumRight:0,
-      userIdsRight:[],
-      leftDateRange:[],
-      rightDateRange:[],
-      //选中巡查人员列表
-      dialogTableList:[],
-      //选中页面人员列表数据
-      dialogTableDataList:[],
-    }
-  },
-  created(){
-
-  },
-  mounted(){
-    this.checkSet();
-    this.listDepartments();
-  },
-  methods:{
-    //提交
-    upDataButton(){
-      let self = this;
-      let obj = {
-        staffType:this.configDialogData.staffType,
-        setSubjectLead:false,
-        setSubjectSafety:false,
-        setTeacher:false,
-        setStudent:false,
-      };
-      for(let i=0;i<self.checkDataList.length;i++){
-        if(self.checkDataList[i] == '2'){
-          obj.setSubjectLead = true;
-        }else if(self.checkDataList[i] == '1'){
-          obj.setSubjectSafety = true;
-        }else if(self.checkDataList[i] == '3'){
-          obj.setTeacher = true;
-        }else if(self.checkDataList[i] == '4'){
-          obj.setStudent = true;
-        }
-      }
-      let list = [];
-      if(obj.setStudent){
-        this.dialogTableList.forEach((item)=>{
-          list.push({
-            deptId: item.deptId,
-            deptName: item.deptName,
-            nickName: item.nickName,
-            phonenumber: item.phonenumber,
-            subId: item.subId,
-            subName: item.subName,
-            userId: item.userId,
-            userNumber: item.userNumber,
-            validBeginTime: item.validBeginTime,
-            validEndTime: item.validEndTime,
-          })
-        })
-      }
-      obj.sysUserVoList = list
-      if(obj.setStudent){
-        if(!obj.sysUserVoList[0]){
-          this.msgError('并未勾选任何学生')
-          return
-        }
-      }
-      checkSetAdd(obj).then(response => {
-        this.msgSuccess(response.message);
-        this.$parent.configButton(3)
-      })
-    },
-    //获取配置
-    checkSet(){
-      checkSet({staffType:this.configDialogData.staffType}).then(response => {
-        let list = [];
-        if(response.data.setSubjectLead){
-          //实验室负责人
-          list.push('2');
-        }
-        if(response.data.setSubjectSafety){
-          //实验室安全员
-          list.push('1');
-        }
-        if(response.data.setTeacher){
-          //全部老师
-          list.push('3');
-        }
-        if(response.data.setStudent){
-          //全部学生
-          list.push('4');
-          this.$set(this,'checkType',true);
-        }
-        this.$set(this,'checkList',[
-          {
-            key:"2",
-            label:"实验室负责人",
-          },
-          {
-            key:"1",
-            label:"实验室安全员",
-          },
-          {
-            key:"3",
-            label:"老师",
-          },
-          {
-            key:"4",
-            label:"学生",
-          },
-        ]);
-        this.$set(this,'checkDataList',list);
-        this.$set(this,'dialogTableList',response.data.userStuList);
-      });
-    },
-    //人员选择
-    configUserButton(type){
-      let self = this;
-      if(this.configPageType != type){
-        if(type == 2){
-          this.$set(self,'dialogTableDataList',JSON.parse(JSON.stringify(this.dialogTableList)));
-          this.userResetQueryLeft();
-          this.userResetQueryRight();
-          this.$set(this,'configPageType',type);
-        }else{
-          checkStaffUserList.then(response => {
-            this.dialogTableList = response.data;
-          });
-          this.$set(this,'configPageType',type);
-        }
-      }
-    },
-    //选择器
-    checkboxChange(val){
-      if(val[0]){
-        let num = 0;
-        for(let i=0;i<val.length;i++){
-          if(val[i] == '4'){
-            num++
-          }
-        }
-        this.$set(this,'checkType',num != 0?true:false);
-      }else{
-        this.$set(this,'checkType',false);
-      }
-    },
-    //窗口关闭
-    addDialogAllOff(){
-      this.$parent.configButton(2)
-    },
-    addDialogOff(){
-      if(this.configPageType == 1){
-        this.$parent.configButton(2)
-      }else{
-        this.$set(this,'configPageType',1);
-      }
-    },
-    addUserButton(){
-      this.$set(this,'dialogTableList',this.dialogTableDataList);
-      this.$set(this,'configPageType',1);
-    },
-    /*===================================人员选择相关===================================*/
-    //查询
-    userHandleQueryLeft(){
-      this.$set(this.userQueryParamsLeft,'page',1);
-      this.$set(this,'userNumLeft',0);
-      this.$set(this,'userIdsLeft',[]);
-      if (this.$refs.leftUserTable){
-        this.$refs.leftUserTable.clearSelection();
-      }
-      this.userGetListLeft();
-    },
-    //重置
-    userResetQueryLeft(){
-      this.$set(this,'leftDateRange',[])
-      this.$set(this,'userQueryParamsLeft',{
-        page:1,
-        pageSize:20,
-        searchValue:"",
-        deptId:"",
-        filtType:1
-      });
-      this.userHandleQueryLeft();
-    },
-    //查询接口
-    userGetListLeft(){
-      let self = this;
-      let leftObj = JSON.parse(JSON.stringify(this.userQueryParamsLeft));
-      leftObj.filtCheckUserIdList = [];
-      for(let i=0;i<self.dialogTableDataList.length;i++){
-        let obj = {
-          userId:self.dialogTableDataList[i].userId,
-          subId:self.dialogTableDataList[i].subId
-        }
-        leftObj.filtCheckUserIdList.push(obj)
-      }
-      if(this.leftDateRange[0]){
-        leftObj.beginDate = this.leftDateRange[0]
-      }else{
-        leftObj.beginDate = ""
-      }
-      if(this.leftDateRange[1]){
-        leftObj.endDate = this.leftDateRange[1]
-      }else{
-        leftObj.endDate = ""
-      }
-      checkStaffUserList(leftObj).then(response => {
-        this.userTotalLeft = response.data.total;
-        this.userTableListLeft = response.data.records;
-      });
-    },
-    //查询
-    userHandleQueryRight(){
-      this.$set(this.userQueryParamsRight,'page',1);
-      this.$set(this,'userNumRight',0);
-      this.$set(this,'userIdsRight',[]);
-      if(this.$refs.rightUserTable){
-        this.$refs.rightUserTable.clearSelection();
-      }
-      this.userGetListRight();
-    },
-    //重置
-    userResetQueryRight(){
-      this.$set(this,'rightDateRange',[])
-      this.$set(this,'userQueryParamsRight',{
-        page:1,
-        pageSize:20,
-        deptId:"",
-        searchValue:"",
-        filtType:2
-      });
-      this.userHandleQueryRight();
-    },
-    //查询接口
-    userGetListRight(){
-      let self = this;
-      let rightObj = JSON.parse(JSON.stringify(this.userQueryParamsRight));
-      rightObj.notFiltCheckUserIdList = [];
-      for(let i=0;i<self.dialogTableDataList.length;i++){
-        let obj = {
-          userId:self.dialogTableDataList[i].userId,
-          subId:self.dialogTableDataList[i].subId
-        }
-        rightObj.notFiltCheckUserIdList.push(obj)
-      }
-
-      if(this.rightDateRange[0]){
-        rightObj.beginDate = this.rightDateRange[0]
-      }else{
-        rightObj.beginDate = ""
-      }
-      if(this.rightDateRange[1]){
-        rightObj.endDate = this.rightDateRange[1]
-      }else{
-        rightObj.endDate = ""
-      }
-      checkStaffUserList(rightObj).then(response => {
-        this.userTotalRight = response.data.total;
-        this.userTableListRight = response.data.records;
-      });
-    },
-    //穿梭按钮
-    userArrowButton(type){
-      let self = this;
-      if(type == 1){
-        //右至左
-        if(this.$refs.rightUserTable.selection[0]){
-          let list = JSON.parse(JSON.stringify(this.dialogTableDataList));
-          let userIdsRight = JSON.parse(JSON.stringify(this.$refs.rightUserTable.selection))
-          for(let i=0;i<userIdsRight.length;i++){
-            for(let s=0;s<list.length;s++){
-              if(userIdsRight[i].userId == list[s].userId && userIdsRight[i].subId == list[s].subId){
-                list.splice(s,1);
-                s--
-              }
-            }
-          }
-          this.$set(this,'dialogTableDataList',list);
-          this.$refs.rightUserTable.clearSelection();
-          this.userHandleQueryLeft();
-          this.userHandleQueryRight();
-        }else{
-          this.msgError('请先勾选右侧列表')
-        }
-      }else if(type == 2){
-        //左至右
-        if(this.$refs.leftUserTable.selection[0]){
-          let list = JSON.parse(JSON.stringify(this.dialogTableDataList));
-          let userIdsLeft = JSON.parse(JSON.stringify(this.$refs.leftUserTable.selection))
-          console.log('userIdsLeft',userIdsLeft)
-          for(let i=0;i<userIdsLeft.length;i++){
-            let obj = {
-              subId:userIdsLeft[i].subId,
-              subName:userIdsLeft[i].subName,
-              subRom:userIdsLeft[i].roomNum,
-              deptId:userIdsLeft[i].deptId,
-              deptName:userIdsLeft[i].deptName,
-              userId:userIdsLeft[i].userId,
-              nickName:userIdsLeft[i].userName,
-              userNumber:userIdsLeft[i].userNumber,
-              phonenumber:userIdsLeft[i].phonenumber,
-              validBeginTime:userIdsLeft[i].validBeginTime,
-              validEndTime:userIdsLeft[i].validEndTime,
-            }
-            list.push(obj);
-          }
-          this.$set(this,'dialogTableDataList',list);
-          this.$refs.leftUserTable.clearSelection();
-          this.userHandleQueryLeft();
-          this.userHandleQueryRight();
-        }else{
-          this.msgError('请先勾选左侧列表')
-        }
-      }
-    },
-    /*===记录勾选数据===
-      需要再el-table 添加  :row-key="getRowKeys"
-      需要在selection 添加 :reserve-selection="true"
-    */
-    getRowKeys(row) {
-      return row.id
-    },
-    userChangeLeft(selection){
-      this.userNumLeft = selection.length;
-      this.userIdsLeft = selection.map(item => item.userId);
-    },
-    userChangeRight(selection){
-      this.userNumRight = selection.length;
-      this.userIdsRight = selection.map(item => item.userId);
-    },
-    //获取学院列表
-    listDepartments(){
-      getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-        this.$set(this, 'deptSelectList', response.data)
-      });
-    },
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.configDialog{
-  overflow: hidden;
-  .configDialog-box{
-    height:600px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .configDialog-content-box{
-      flex:1;
-      padding:0 70px;
-      .configDialog-content-min-box{
-        height:160px;
-        border-radius:4px;
-        border: 1px solid #F5F5F5;
-        padding:0 30px;
-        position: relative;
-        .configDialog-content-min-title{
-          margin-top:19px;
-          margin-bottom:32px;
-          line-height:20px;
-          font-size:14px;
-          color:#333;
-        }
-        .configDialog-content-min-checkbox{
-
-        }
-        .configDialog-content-min-button{
-          position: absolute;
-          top:65px;
-          right:205px;
-          background-color: #0045AF;
-          width:70px;
-          height:30px;
-          line-height:30px;
-          text-align: center;
-          color:#fff;
-          border-radius:4px;
-          cursor: pointer;
-        }
-        .configDialog-content-min-text-box{
-          display: flex;
-          margin-top:15px;
-          p{
-            width:240px;
-            color:#999999;
-          }
-        }
-      }
-    }
-    .dialog-footer-box{
-      display: flex;
-    }
-  }
-  .configDialog-user-box{
-    height:600px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .configDialog-user-content-box{
-      flex:1;
-      display: flex;
-      overflow: hidden;
-      .dept-table-title-box{
-        display: flex;
-        padding:0 20px;
-        background: rgba(1,131,250,0.1);
-        p{
-          flex:1;
-          color:#0183FA;
-          font-size:16px;
-          line-height:40px;
-        }
-        p:nth-child(1){
-          text-align: left;
-        }
-        p:nth-child(2){
-          text-align: right;
-        }
-      }
-      .dept-table-max-box{
-        border: 1px solid #e0e0e0;
-        flex:1;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding:20px;
-        .form-index{
-          .el-input__inner{
-            border-right:none;
-            padding-right:0;
-          }
-          .el-input-group__append{
-            background: #fff;
-            cursor: pointer;
-            padding:0 10px;
-          }
-        }
-        input{
-          border: 1px solid #DCDFE6;
-        }
-      }
-      .left-max-box{
-        height:550px;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        width:639px;
-      }
-      .right-max-box{
-        height:550px;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        width:639px;
-      }
-      .center-box{
-        width:60px;
-        p{
-          display: block;
-          border-radius:50%;
-          width:30px;
-          height:30px;
-          line-height:30px;
-          text-align: center;
-          background: rgba(245,245,245,1);
-          color:rgba(62,62,62,1);
-          cursor: pointer;
-          font-size:16px;
-        }
-        p:nth-child(1){
-          margin:270px 16px 0;
-        }
-        p:nth-child(2){
-          margin:14px 16px 0;
-        }
-        p:hover{
-          color:#fff;
-          background: #0183fa;
-        }
-      }
-      ::v-deep .el-range-editor--small .el-range__icon{
-        display: none;
-      }
-      ::v-deep .el-range-editor--small .el-range__close-icon{
-        display: none;
-      }
-      ::v-deep .el-date-editor .el-range-input{
-        width:45%;
-      }
-      ::v-deep .el-range-editor--small .el-range-separator{
-        line-height:30px;
-      }
-      ::v-deep .el-input-group__append, .el-input-group__prepend{
-        background-color: #fff;
-      }
-      .form-index{
-        ::v-deep .el-input--medium .el-input__inner{
-          border:1px solid #DCDFE6;
-          border-right:none;
-          padding-right:0;
-        }
-        ::v-deep .el-input-group__append{
-          padding:0 10px;
-          cursor: pointer;
-        }
-      }
-    }
-    .dialog-footer-box{
-      display: flex;
-    }
-  }
-  ::v-deep .el-dialog__body{
-    padding: 30px 20px!important;
-  }
-}
-</style>

src/views/safetyCheckDemo/checkConfiguration/index.vue

@@ -1,92 +0,0 @@
-<template>
-  <div class="app-container checkConfiguration">
-    <div class="checkConfiguration-title-box">
-      <div :class="buttonType==1?'check-box':''" @click="buttonTitleClick(1)">
-        <p>检查人员</p>
-        <p></p>
-      </div>
-      <div :class="buttonType==2?'check-box':''" @click="buttonTitleClick(2)">
-        <p>整改人员</p>
-        <p></p>
-      </div>
-    </div>
-    <checkUserPage v-if="buttonType==1"></checkUserPage>
-    <rectificationUserPage v-if="buttonType==2"></rectificationUserPage>
-  </div>
-</template>
-
-<script>
-  import checkUserPage from './checkUserPage.vue'
-  import rectificationUserPage from './rectificationUserPage.vue'
-  export default {
-    name: 'index',
-    components: {
-      checkUserPage,
-      rectificationUserPage,
-    },
-    data(){
-      return{
-        buttonType:1,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-
-    },
-    methods:{
-      //页面切换
-      buttonTitleClick(type){
-        if(this.buttonType != type){
-          this.$set(this,'buttonType',type)
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .checkConfiguration{
-    flex:1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden!important;
-    *{
-      font-weight:500;
-    }
-    .checkConfiguration-title-box{
-      padding:0 20px;
-      display: flex;
-      border-bottom:1px solid #E0E0E0;
-      div{
-        height:80px;
-        margin-right:40px;
-        cursor: pointer;
-        p:nth-child(1){
-          width:80px;
-          font-size:16px;
-          text-align: center;
-          color:#333;
-          line-height:40px;
-          height:40px;
-          margin-top:20px;
-        }
-        p:nth-child(2){
-          width:60px;
-          height: 4px;
-          border-radius:4px;
-          margin:0 10px;
-        }
-      }
-      .check-box{
-        p:nth-child(1){
-          color:#0045AF;
-        }
-        p:nth-child(2){
-          background-color: #0045AF;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/checkConfiguration/rectificationUserPage.vue

@@ -1,136 +0,0 @@
-<template>
-  <div class="page-container rectificationUserPage">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="实验室/房间号/姓名"
-            clearable
-            style="width: 200px"/>
-        </el-form-item>
-        <el-form-item label="" prop="deptId" label-width="50px">
-          <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <p class="page-add-common-style-button"
-           style="width:100px;float: right;"
-           @click="configButton(1)"
-        >整改者配置</p>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border :data="tableList" ref="multipleTable">
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip/>
-        <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip width="300"/>
-        <el-table-column label="整改人" align="center" prop="nickNames" show-overflow-tooltip width="500"/>
-        <el-table-column label="操作人" align="center" prop="createName" show-overflow-tooltip width="200"/>
-        <!--<el-table-column label="操作时间" align="center" prop="createTime" show-overflow-tooltip width="300"/>-->
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-    <configDialog v-if="configDialogType" :configDialogData="queryParams"></configDialog>
-  </div>
-</template>
-
-<script>
-  import { checkStaffList } from '@/api/safetyCheck/index'
-  import configDialog from './configDialog.vue'
-  import { getDeptDropList } from '@/api/commonality/permission'
-  export default {
-    name: 'rectificationUserPage',
-    components: {
-      configDialog
-    },
-    data(){
-      return{
-        // 组件数据
-        configDialogType:false,
-        configDialogData:{
-          configType:2,//1.检查人员配置 2.整改人员配置
-        },
-        //查询数据
-        deptSelectList:[],
-        queryParams:{
-          page:1,
-          staffType:2,
-          pageSize:20,
-          searchValue:"",
-          deptId:""
-        },
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.listDepartments();
-      this.getList();
-    },
-    methods:{
-      //配置按钮
-      configButton(type){
-        if(type == 1){
-          this.$set(this,'configDialogType',true);
-        }else if(type == 2){
-          this.$set(this,'configDialogType',false);
-        }else if(type == 3){
-          this.getList();
-          this.$set(this,'configDialogType',false);
-        }
-      },
-      //获取数据列表
-      getList(){
-        checkStaffList(this.queryParams).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'queryParams',{
-          page:1,
-          staffType:2,
-          pageSize:20,
-          searchValue:"",
-          deptId:""
-        });
-        this.handleQuery();
-      },
-      //获取学院列表
-      listDepartments(){
-        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        });
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .rectificationUserPage{
-  }
-</style>

src/views/safetyCheckDemo/checkItemLibrary/index.vue

@@ -1,706 +0,0 @@
-<!--检查项目库-->
-<template>
-  <div class="app-container checkItemLibrary">
-    <div class="page-form-title-box">
-      <el-form class="form-box" :model="queryParams" ref="examineForm" :inline="true" label-width="80px">
-        <el-form-item label="" prop="name">
-          <el-input
-            maxlength="10"
-            v-model="queryParams.searchValue"
-            placeholder="序号/检查项目/检查要点"
-            clearable
-            size="small"/>
-        </el-form-item>
-        <el-form-item>
-          <p class="page-inquire-common-style-button" @click="onSearch">查询</p>
-          <p class="page-reset-common-style-button" @click="resetForm">重置</p>
-        </el-form-item>
-        <el-form-item style="float: right;" v-hasPermiRouter="['check:option:add']">
-          <p class="page-save-common-style-button" style="width:80px;" @click="addDialogOpen(1)">添加</p>
-        </el-form-item>
-        <el-form-item style="float: right;" v-hasPermiRouter="['check:option:del']">
-          <p class="page-add-common-style-button" style="width:100px;" @click="allDel">批量删除</p>
-        </el-form-item>
-        <el-form-item style="float: right;" v-hasPermiRouter="['check:option:export']">
-          <export-component :exportConfig="exportConfig"></export-component>
-        </el-form-item>
-        <el-form-item style="float: right;" v-hasPermiRouter="['check:option:import']">
-          <import-component :importConfig="importConfig"></import-component>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border
-                :data="tableData"
-                ref="table-box" :row-key="getRowKeys"
-                default-expand-all
-                :select-on-indeterminate="false"
-                @selection-change="handleSelectionChange"
-                :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
-        <el-table-column type="selection" width="50" align="center"/>
-        <el-table-column label="序号" prop="code" width="240"/>
-        <el-table-column label="检查项目" prop="name"/>
-<!--        <el-table-column label="检查要点" prop="mainPoint" width="700" show-overflow-tooltip/>-->
-        <el-table-column label="操作" width="180">
-          <template slot-scope="scope">
-            <div class="table-button-box">
-              <p class="table-button-null"></p>
-              <p class="table-button-p" v-if="scope.row.level != 4" v-hasPermiRouter="['check:option:add']"
-                 @click="addDialogOpen(2,scope.row)">新增</p>
-              <p class="table-button-p" @click="addDialogOpen(3,scope.row)" v-hasPermiRouter="['check:option:edit']">编辑</p>
-              <p class="table-button-p" @click="delItem(scope.row)" v-hasPermiRouter="['check:option:del']">删除</p>
-              <p class="table-button-null"></p>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <!--添加窗口-->
-    <el-dialog :title="addDialogTitle" :visible.sync="addDialogType" v-if="addDialogType" @close="addDialogOff" width="780px" append-to-body class="checkItemLibrary-dialog-box"
-               :close-on-click-modal="false">
-      <el-form ref="addDialogForm" :model="addDialogForm" :rules="rules" label-width="120px">
-        <el-form-item label="上级指标" prop="parentId">
-          <el-cascader
-            style="width:548px;"
-            v-model="addDialogForm.parentId"
-            :options="cascaderData"
-            :props="{ checkStrictly: true, value: 'id', label: 'labelName',emitPath:false }"
-            @change="cascaderCheck">
-            <template slot-scope="{data}">
-              <el-tooltip :content="data.labelName" v-if="data.labelName.length>22">
-                <p style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-              </el-tooltip>
-              <p v-else style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-            </template>
-          </el-cascader>
-        </el-form-item>
-        <el-form-item label="添加序号" prop="code">
-          <div class="code-max-box">
-            <el-input v-model="addDialogForm.code" placeholder="未选择指标"
-                      maxLength="6" disabled style="width:500px;"/>
-            <div class="code-button-box">
-              <p class="el-icon-arrow-up" @click="codeButton(1)"></p>
-              <p class="el-icon-arrow-down" @click="codeButton(2)"></p>
-            </div>
-          </div>
-        </el-form-item>
-        <el-form-item label="检查项目" prop="name">
-          <el-input
-            type="textarea"
-            :autosize="{ minRows: 5, maxRows: 5}"
-            placeholder="请输入检查项目内容"
-            v-model="addDialogForm.name"
-            maxlength="200"
-            resize="none"
-            show-word-limit
-            style="width:548px;">
-          </el-input>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="addDialogOff">取消</p>
-        <p class="dialog-footer-button-primary" @click="upDataButton">确定</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  import { checkOptionList,checkOptionAdd,checkOptionUpdate,checkOptionDelete,checkOptionBatchDelete } from '@/api/safetyCheck/index'
-  import { getToken } from "@/utils/auth";
-  //            V3
-  import exportComponent from "@/components/exportComponent/exportComponent.vue";
-  import importComponent from "@/components/importComponent/importComponent.vue";
-  export default {
-    name: 'index',
-    components: {
-      exportComponent,
-      importComponent,
-    },
-    data(){
-      return{
-        //导出
-        exportConfig:{
-          api:'/zd-security/checkOption/export/',             //导出接口地址
-          ids:'',                                       //勾选导出,勾选的IDS
-          fileName:'项目检查库',                         //导出文件的命名
-        },
-        //导入
-        importConfig:{
-          upLoadApi:'/zd-security/checkOption/importData',                //上传接口地址
-          downloadApi:'/zd-security/checkOption/importTemplate',          //下载模板接口地址
-          loseApi:'/zd-security/checkOption/importErrorData',             //失败报表接口地址
-          fileName:'导入模板-',                                   //下载模板命名
-        },
-        uploadImgUrl: window.location.href.split('://')[0]+'://' + this.judgmentNetworkReturnAddress() + "/zd-security/checkOption/importData", // 上传地址
-        headers: {
-          Authorization: getToken(),
-        },
-        // 遮罩层
-        loading: false,
-        queryParams:{
-          searchValue:"",
-        },
-        //导入弹层开关
-        importOpen:false,
-        //导入数据
-        upImportData:{
-          sysUserEnable:true,
-          upDate:false,
-        },
-        getImportData:{
-          downFile:false,
-          successNum:0,
-          failureNum:0,
-          textName:"",
-        },
-        // 检查项选项表格数据
-        tableData: [],
-        cascaderData:[],
-        cascaderDataPrimitive:[],
-        total:0,
-        addDialogType:false,
-        addDialogTitle:null,
-        addDialogLevel:0,
-        addDialogForm:{
-          parentId:"",
-          code:"",
-          name:"",
-          mainPoint:"",
-        },
-        // 表单校验
-        rules: {
-          parentId: [
-            { required: true, message: "请选择上级指标", trigger: "change" },
-            { required: true, message: "请选择上级指标", validator: this.spaceJudgment, trigger: "change" },
-          ],
-          name: [
-            { required: true, message: "请输入检查项目内容", trigger: "change" },
-            { required: true, message: "请输入检查项目内容", validator: this.spaceJudgment, trigger: "change" },
-          ],
-        },
-        checkList:[],
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //确定按钮
-      upDataButton(){
-        this.$refs["addDialogForm"].validate(valid => {
-          if (valid) {
-            if(this.addDialogForm.id){
-              //编辑
-              let obj = JSON.parse(JSON.stringify(this.addDialogForm))
-              obj.level = this.addDialogLevel+1;
-              obj.mainPoint = this.addDialogLevel>1?obj.mainPoint:'';
-              checkOptionUpdate(obj).then( response => {
-                this.msgSuccess(response.message)
-                this.addDialogOff();
-                this.getList();
-              })
-            }else{
-              //新增
-              let obj = JSON.parse(JSON.stringify(this.addDialogForm))
-              obj.level = this.addDialogLevel+1;
-              checkOptionAdd(obj).then( response => {
-                this.msgSuccess(response.message)
-                this.addDialogOff();
-                this.getList();
-              })
-            }
-          }
-        })
-      },
-      //添加页面开启
-      addDialogOpen(type,row){
-        console.log('row',row)
-        if(type == 1){
-          //新增
-          this.$set(this,'addDialogTitle','添加检查项目');
-          this.$set(this,'addDialogLevel',0);
-          this.$set(this,'addDialogForm',{
-            parentId:"",
-            code:"",
-            name:"",
-            mainPoint:"",
-          });
-          this.$set(this,'addDialogType',true);
-        }else if(type == 2){
-          //列表新增
-          this.$set(this,'addDialogTitle','添加检查项目');
-          let obj = this.cascaderCheckData(row.id,this.cascaderDataPrimitive);
-          this.$set(this,'checkList',JSON.parse(JSON.stringify(row.children)));
-          this.$set(this,'addDialogLevel',obj.level);
-          this.$set(this,'addDialogForm',{
-            parentId:row.id,
-            code:obj.key,
-            name:"",
-            mainPoint:"",
-          });
-          this.$set(this,'addDialogType',true);
-        }else if(type == 3){
-          //编辑
-          this.$set(this,'addDialogTitle','编辑检查项目');
-          this.$set(this,'addDialogLevel',row.level-1);
-          this.$set(this,'addDialogForm',{
-            id:row.id,
-            parentId:row.parentId,
-            code:row.code,
-            name:row.name,
-            mainPoint:row.mainPoint,
-          });
-          this.getCodeButton(this.cascaderDataPrimitive,row.parentId,row.id);
-          this.$set(this,'addDialogType',true);
-        }
-      },
-      //添加页面关闭
-      addDialogOff(){
-        this.$set(this,'addDialogType',false);
-      },
-      //联级选中
-      cascaderCheck(val){
-        let obj = this.cascaderCheckData(val,this.cascaderDataPrimitive);
-        this.$set(this.addDialogForm,'code',obj.key);
-        this.getCodeButton(this.cascaderDataPrimitive,obj.parentId,val);
-        this.$set(this,'addDialogLevel',obj.level);
-      },
-      //序号自增
-      cascaderCheckData(val,list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          if(list[i].id == val){
-            let obj = {
-              parentId:list[i].id,
-              parentKey:list[i].code,
-              level:list[i].level,
-              key:'',
-            }
-            if(list[i].children){
-              if(list[i].children[0]){
-                obj.key = list[i].code ? list[i].code + '.' + self.getListKey(list[i].children) : self.getListKey(list[i].children)
-              }else{
-                obj.key = list[i].code ? list[i].code+'.1':'1'
-              }
-            }else{
-              obj.key = list[i].code ? list[i].code+'.1':'1'
-            }
-            return obj
-          }else{
-            if (list[i].level<3){
-              if(list[i].children){
-                if(list[i].children[0]){
-                  let obj = self.cascaderCheckData(val,list[i].children);
-                  if(obj){
-                    return obj
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      //自动补位计算
-      getListKey(dataList){
-        let num = 0;
-        for(let i=0;i<dataList.length;i++){
-          let list = dataList[i].code.split('.');
-          if(num === 0 && parseInt(list[list.length-1]) !== 1){
-            return 1
-          }else{
-            if(num+1 === parseInt(list[list.length-1])){
-              num = parseInt(list[list.length-1]);
-            }else{
-              return num+1
-            }
-          }
-        }
-        return num+1
-      },
-      //序号调整按钮
-      codeButton(type){
-        let obj = this.getListCode(this.addDialogForm.code,type,this.checkList);
-        if(obj.type){
-          this.$set(this.addDialogForm,'code',obj.value);
-        }
-      },
-      getListCode(code,type,list){
-        let codeList = code.split('.');
-        let codeNum = parseInt(codeList[codeList.length-1]);
-        let codeText = '';
-        let obj = {type:false,value:""}
-        if(!list[0]){
-          return obj
-        }
-        if(type == 1){
-          if(codeNum==1 || !list[0]){
-            return obj
-          }
-        }else if(type == 2){
-          let maxList = list[list.length-1].code.split('.')
-          let maxCode = parseInt(maxList[maxList.length-1]);
-          if(codeNum > maxCode){
-            return obj
-          }
-        }
-        for(let i=0;i<codeList.length-1;i++){
-          if(i===0){
-            codeText = codeText + codeList[i]
-          }else{
-            codeText = codeText +'.'+ codeList[i]
-          }
-        }
-        let age = parseInt(codeNum);
-        if(type == 1){
-          age--
-          for(age;age>0;age--){
-            let counter = 0;
-            for(let o=0;o<list.length;o++){
-              let codeList = list[o].code.split('.');
-              let code = parseInt(codeList[codeList.length-1]);
-              if(code == age){
-                counter++
-              }
-            }
-            if(counter == 0){
-              return {
-                type:true,
-                value:codeText?codeText+'.'+age:age+''
-              }
-            }
-          }
-          return obj;
-        }else if(type == 2){
-          age++
-          for(age;age<999;age++){
-            let counter = 0;
-            for(let o=0;o<list.length;o++){
-              let codeList = list[o].code.split('.');
-              let code = parseInt(codeList[codeList.length-1]);
-              if(code == age){
-                counter++
-              }
-            }
-            if(counter == 0){
-              return {
-                type:true,
-                value:codeText?codeText+'.'+age:age+''
-              }
-            }
-          }
-          return obj;
-        }
-      },
-      //选中同级数据
-      getCodeButton(list,parentId,id){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          if(list[i].id == parentId){
-            if(list[i].children){
-              let newList = JSON.parse(JSON.stringify(list[i].children))
-              for(let o=0;o<newList.length;o++){
-                if(newList[o].id == id){
-                  newList.splice(o,1)
-                }
-              }
-              this.$set(this,'checkList',newList);
-              return
-            }
-          }else{
-            if (list[i].level<3){
-              if(list[i].children){
-                if(list[i].children[0]){
-                  self.getCodeButton(list[i].children,parentId,id)
-                }
-              }
-            }
-          }
-        }
-      },
-      //删除
-      delItem(row){
-        let self = this;
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          checkOptionDelete(row.id).then( response => {
-            self.msgSuccess(response.message)
-            self.getList();
-          })
-        }).then(() => {
-        }).catch(() => {});
-      },
-      //批量删除
-      allDel(){
-        let self = this;
-        if(!this.$refs['table-box'].selection[0]){
-          this.msgError('请勾选数据')
-          return
-        }
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          let list = self.$refs['table-box'].selection;
-          let ids = [];
-          for(let i=0;i<list.length;i++){
-            ids.push(list[i].id)
-          }
-          checkOptionBatchDelete(ids+'').then( response => {
-            self.msgSuccess(response.message);
-            self.getList();
-          })
-        }).then(() => {
-        }).catch(() => {});
-      },
-      /** 查询检查项选项列表 */
-      getList() {
-        this.loading = true;
-        checkOptionList(this.queryParams).then( response => {
-          this.$set(this,'tableData',JSON.parse(JSON.stringify(response.data)));
-          let list = [{
-            id:'0',
-            name:"最上级",
-            code:false,
-            level:0,
-            children:JSON.parse(JSON.stringify(response.data)),
-          }]
-          this.$set(this,'cascaderData',list);
-          this.$set(this,'cascaderDataPrimitive',JSON.parse(JSON.stringify(list)));
-          this.getCascaderData(this.cascaderData);
-          this.$set(this,'total',response.total);
-          this.loading = false;
-        });
-      },
-      //联级选择器数据处理
-      getCascaderData(list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-          if(list[i].level == 0 || list[i].level == 1 || list[i].level == 2){
-            self.getCascaderData(list[i].children)
-          }else{
-            delete list[i].children
-          }
-        }
-      },
-      //查询
-      onSearch() {
-        this.getList();
-      },
-      //重置
-      resetForm() {
-        this.$set(this.queryParams,'searchValue',null);
-        this.$set(this,'total',0);
-        this.onSearch();
-      },
-      //****************************************导入功能**************************************
-      /** 当前时间 */
-      getCurrentTime () {
-        const yy = new Date().getFullYear()
-        const mm = new Date().getMonth() + 1
-        const dd = new Date().getDate()
-        const hh = new Date().getHours()
-        const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
-        const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
-        return yy + '-' + mm + '-' + dd
-      },
-      /** 导出按钮操作 */
-      exportButton(item) {
-        let self = this;
-        this.currentDate=this.getCurrentTime()
-
-        if(item.command == 1){
-          self.$confirm(`确认导出全部数据?`, "提示", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning"
-          }).then(async () => {
-            self.download('/zd-security/checkOption/export/', {...self.queryParams}, '项目检查库.xlsx')
-          }).catch(() => {})
-        }else if(item.command == 2){
-          let list = self.$refs['table-box'].selection;
-          let ids = [];
-          for(let i=0;i<list.length;i++){
-            ids.push(list[i].id)
-          }
-          if(ids.length>0) {
-            self.$confirm(`确认导出选中数据?`, "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning"
-            }).then(async () => {
-              let obj = {
-                ids :ids.join(',')
-              }
-              self.download(`/zd-security/checkOption/export/`,obj, '项目检查库.xlsx')
-              this.$refs['table-box'].clearSelection();
-            }).catch(() => {})
-          }else {
-            this.msgError('请选择要导出的数据')
-          }
-        }
-      },
-      /** 下载模板操作 */
-      importTemplate() {
-        this.download('/zd-security/checkOption/importTemplate', {}, `项目检查库批量导入模板.xlsx`)
-      },
-      /*下载失败列表*/
-      failureExcel(){
-        this.download('/zd-security/checkOption/importErrorData', {}, `项目检查库批量导入失败报表.xlsx`)
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.exportConfig.ids = selection.map(item => item.id);
-      },
-      setChildren (children, type) {
-        children.map(j => {
-          this.toggleSelection(j, type)
-          if (j.children) {
-            this.setChildren(j.children, type)
-          }
-        })
-      },
-      toggleSelection (row, select) {
-        if (row) {
-          this.$nextTick(() => {
-            this.$refs['table-box'] && this.$refs['table-box'].toggleRowSelection(row, select)
-          })
-        }
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .checkItemLibrary{
-    .page-form-title-box{
-    }
-  }
-</style>
-<style lang="scss">
-  .checkItemLibrary-dialog-box{
-    .teacher-import-dialog-upLoad-box{
-      .el-upload{
-        width:450px;
-        margin:0 55px;
-        .el-upload-dragger{
-          width:450px;
-          .el-icon-upload{
-            font-size:100px;
-            color:#CBE6FE;
-          }
-          .el-upload__text{
-            margin-top:20px;
-          }
-        }
-      }
-      .el-upload__tip{
-        margin-left:60px;
-        font-size:14px;
-        margin-top:10px;
-      }
-      .el-upload-text-box{
-        background: #F5F5F5;
-        border-radius: 10px;
-        margin:15px 30px 0;
-        padding:0 20px 15px;
-        overflow: hidden;
-        *{
-          margin:0;
-        }
-        .img-text-box{
-          display: flex;
-          margin-top:15px;
-          img{
-            width:16px;
-            height:16px;
-            margin-right:13px;
-          }
-          p{
-            height:16px;
-            line-height:16px;
-            font-size:12px;
-          }
-        }
-        .text-p{
-          margin-top:15px;
-          margin-left:29px;
-          height:16px;
-          line-height:16px;
-          font-size:12px;
-        }
-      }
-    }
-    .teacher-import-dialog-button-box{
-      display: flex;
-      width:190px;
-      margin:0 auto;
-      p{
-        width:70px;
-        height:30px;
-        line-height:30px;
-        font-size:14px;
-        margin:0 auto;
-      }
-    }
-    .teacher-import-dialog-position-box{
-      width:100%;
-      height:100%;
-      position: absolute;
-      top:0;
-      left:0;
-      z-index: 999;
-      background: rgba(255,255,255,0.4);
-      border-radius:20px;
-    }
-    .code-max-box{
-      display: flex;
-      .code-button-box{
-        display: flex;
-        flex-direction: column;
-        margin-left:8px;
-        p{
-          width:40px;
-          text-align: center;
-          line-height:19px;
-          font-size:14px;
-          cursor: pointer;
-          color:#d8d8d8;
-        }
-        p:nth-child(1){
-          border:1px solid #d8d8d8;
-          border-top-left-radius: 4px;
-          border-top-right-radius: 4px;
-        }
-        p:nth-child(2){
-          border-bottom:1px solid #d8d8d8;
-          border-left:1px solid #d8d8d8;
-          border-right:1px solid #d8d8d8;
-          border-bottom-left-radius: 4px;
-          border-bottom-right-radius: 4px;
-        }
-        p:hover{
-          color:#fff;
-          background-color: #d8d8d8;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/components/addPage/addPage.vue

@@ -1,935 +0,0 @@
-<template>
-  <div class="inspectionManagement-addPage" v-loading.fullscreen.lock="loading">
-    <div class="page-top-title-box title-max-box">
-      <p class="page-top-title-name-p" style="margin-left:70px;">{{addPageTitle}}</p>
-      <p class="page-top-title-out-p" @click="outButton">返回</p>
-      <p class="page-top-title-save-p" @click="upDataButton(1)">保存</p>
-      <p class="page-top-title-submit-p" @click="upDataButton(2)">提交</p>
-      <img class="position-img" v-if="addForm.checkRange == 1" src="@/assets/ZDimages/safetyCheck/icon_xyxc_qx.png">
-      <img class="position-img" v-if="addForm.checkRange == 2" src="@/assets/ZDimages/safetyCheck/icon_xyxc_xy.png">
-      <img class="position-img" v-if="addForm.checkRange == 3" src="@/assets/ZDimages/safetyCheck/icon_xyxc_sys.png">
-    </div>
-    <div class="content-max-box scrollbar-box">
-      <el-form ref="addForm" :model="addForm" :rules="rules" label-width="82px">
-        <div class="top-form-box">
-          <div class="top-form-left-box">
-            <el-form-item label="计划标题" prop="title">
-              <el-input disabled v-model="addForm.title" placeholder="未填写" style="width: 690px"/>
-            </el-form-item>
-            <div style="display: flex">
-              <el-form-item label="学院" prop="collegeName">
-                <el-input disabled v-model="addForm.collegeName" placeholder="未填写" style="width: 300px"/>
-              </el-form-item>
-              <el-form-item label="实验室" prop="subjectName" label-width="110px">
-                <el-input disabled v-model="addForm.roomNumber?addForm.subjectName+'-'+addForm.roomNumber:addForm.subjectName" placeholder="未填写" style="width: 280px"/>
-              </el-form-item>
-            </div>
-            <el-form-item label="检查要求" prop="checkDemand">
-              <p style="background-color: #f5f5f5;color:#333;border-radius:4px;width:690px;padding:10px 15px;font-size:14px;line-height:20px;min-height:40px;">{{addForm.checkDemand}}<span v-if="!addForm.checkDemand" style="color:#999;">未输入</span></p>
-            </el-form-item>
-            <el-form-item label="检查类型" prop="checkCategory">
-              <p style="background-color: #f5f5f5;width:690px;padding:0 15px;line-height:40px;border-radius:4px;">{{addForm.checkCategory==1?'综合检查':(addForm.checkCategory==2?'专项检查':'')}}</p>
-            </el-form-item>
-            <el-form-item label="检查结果" prop="checkResult" v-if="addForm.checkCategory==1">
-              <el-select v-model="addForm.checkResult" @change="checkResultChange" placeholder="请选择检查结果" style="width: 690px">
-                <el-option :key="0" label="不符合" :value="0"></el-option>
-                <el-option :key="1" label="符合" :value="1"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="整改通知" prop="rectifyNotice" v-if="addForm.checkResult === 0 || addForm.checkCategory==2">
-              <el-radio-group v-model="addForm.rectifyNotice">
-                <el-radio :label="1">整改告知书</el-radio>
-                <el-radio :label="2">整改通知书</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </div>
-          <div class="top-form-right-box">
-            <el-form-item label="检查组织" prop="checkType">
-              <p style="background-color: #f5f5f5;width:450px;padding:0 15px;line-height:40px;border-radius:4px;">{{addForm.checkType==1?'校院巡查':(addForm.checkType==2?'实验室自查':'')}}</p>
-            </el-form-item>
-            <el-form-item label="楼栋" prop="buildName">
-              <el-input disabled v-model="addForm.buildName" placeholder="未填写" maxLength="10" style="width: 450px"/>
-            </el-form-item>
-            <el-form-item :label="addForm.checkType==1?'计划周期':(addForm.checkType==2?'任务周期':'')" prop="data9">
-              <el-input disabled v-model="addForm.cycleStartTime+' 至 '+addForm.cycleEndTime" placeholder="未填写" maxLength="10" style="width: 450px"/>
-            </el-form-item>
-            <el-form-item label="整改期限" prop="rectifyDeadline" v-if="addForm.checkResult === 0 || addForm.checkCategory==2">
-              <el-date-picker
-                style="width: 450px"
-                v-model="addForm.rectifyDeadline"
-                type="date"
-                value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions"
-                :clearable="false"
-                placeholder="选择整改期限">
-              </el-date-picker>
-            </el-form-item>
-          </div>
-        </div>
-        <!--综合检查-->
-        <div class="bottom-form-box" v-if="addForm.checkResult === 0 && addForm.checkCategory==1">
-          <div class="bottom-form-title-box">
-            <p>不符合项</p>
-            <p>隐患数：{{addForm.checkHazardDtoList.length}}</p>
-          </div>
-          <div class="for-max-big-box" v-for="(item,index) in addForm.checkHazardDtoList" :key="index">
-            <div class="for-title-box">
-              <p class="for-title-p">第{{index+1}}隐患项</p>
-              <div class="for-del-box">
-                <p class="el-icon-delete"></p>
-                <p @click="delCheckHazardDtoList(index)">删除此项</p>
-              </div>
-              <div class="for-button-box" @click="dataLookButton(item)">
-                <p :class="item.lookType?'el-icon-arrow-up':'el-icon-arrow-down'"></p>
-                <p>{{item.lookType?'收起':'展开'}}</p>
-              </div>
-            </div>
-            <div class="for-big-box" v-if="item.lookType">
-              <el-form-item label="隐患等级" :prop="'checkHazardDtoList.'+index+'.hazardLevel'" :rules="rules.hazardLevel" label-width="123px">
-                <el-select v-model="item.hazardLevel" clearable placeholder="请选择隐患等级" style="width: 408px">
-                  <el-option :key="2" label="一般隐患" :value="2"></el-option>
-                  <el-option :key="1" label="重大隐患" :value="1"></el-option>
-                  <el-option :key="3" label="管理问题" :value="3"></el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="检查项目" :prop="'checkHazardDtoList.'+index+'.hazardCheckPro'" :rules="rules.hazardCheckPro" label-width="123px">
-                <el-cascader
-                  @change="(val)=>cascaderChange(val,'',index)"
-                  v-model="item.hazardCheckPro"
-                  style="width: 898px"
-                  placeholder="请选择检查项"
-                  :options="options"
-                  :props="{ checkStrictly: false, value: 'id', label: 'labelName',emitPath:false }"
-                  popper-class="cascader-filterable-hazardCheckPro"
-                  filterable>
-                  <template slot-scope="{data}">
-                    <el-tooltip :content="data.labelName" v-if="data.labelName.length>22">
-                      <p style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                    </el-tooltip>
-                    <p v-else style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                  </template>
-                </el-cascader>
-                <p class="hazard-check-count-p" v-if="item.hazardCheckCount>0">此检查项在当前实验室累计出现 <span>{{item.hazardCheckCount}}</span> 次隐患</p>
-              </el-form-item>
-              <el-form-item label="检查要点" label-width="123px">
-                <el-input
-                  style="width: 898px"
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  placeholder="未查到此项检查要点，可在此输入添加"
-                  resize="none"
-                  maxlength="1000"
-                  show-word-limit
-                  v-model="item.hazardCheckPoint">
-                </el-input>
-              </el-form-item>
-              <el-form-item label="隐患描述" :prop="'checkHazardDtoList.'+index+'.hazardDescribe'" :rules="rules.hazardDescribe" label-width="123px">
-                <el-input
-                  style="width: 898px"
-                  type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 4}"
-                  placeholder="请输入隐患描述"
-                  resize="none"
-                  maxlength="100"
-                  show-word-limit
-                  v-model="item.hazardDescribe">
-                </el-input>
-              </el-form-item>
-              <el-form-item label="语音备注：" label-width="123px" class="el-form-item-bottom" v-if="item.voiceRemark[0]">
-                <div class="audio-box">
-                  <div class="audio-box-li" v-for="(voiceItem,voiceIndex) in item.voiceRemark" :key="voiceIndex">
-                    <div class="audio-box-li-l" @click="voicePlay(voiceItem.url)">{{voiceItem.times}}″</div>
-                    <img class="audio-box-li-r" @click="voiceDele('',index,voiceIndex)" src="@/assets/ZDimages/safetyCheck/icon_delete.png">
-                  </div>
-                </div>
-              </el-form-item>
-              <el-form-item label="隐患照片" :prop="'checkHazardDtoList.'+index+'.uploadDtoList'" :rules="rules.uploadDtoList" label-width="123px">
-                <div class="for-img-box" v-for="(img,imgIndex) in item.uploadDtoList" :key="imgIndex">
-                  <img class="for-img" :src="img.fileUrl" @click="lookImg(item.uploadDtoList,imgIndex)">
-                  <p class="for-del-button el-icon-circle-close" @click="delImg('',index,imgIndex)"></p>
-                </div>
-                <el-upload
-                  style="display: inline-block;overflow: hidden"
-                  v-if="item.uploadDtoList.length<5"
-                  class="avatar-uploader"
-                  :action="uploadImgUrl"
-                  :show-file-list="false"
-                  :on-success="(res)=>handleAvatarSuccess(res,item)"
-                  :headers="headers"
-                  :before-upload="(res)=>beforeAvatarUpload(res,item)">
-                  <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
-                </el-upload>
-              </el-form-item>
-              <el-form-item label="" label-width="123px" style="margin-bottom:40px;">
-                <p>支持jpg/png/bmp/gif格式，且不超过2M，最多上传5张</p>
-              </el-form-item>
-            </div>
-          </div>
-          <p class="add-bottom-button" @click="addObject">+新增隐患检查项</p>
-        </div>
-        <!--专项检查项-->
-        <div class="bottom-form-box" v-if="addForm.checkCategory==2">
-          <div class="bottom-form-title-box">
-            <p>检查项</p>
-            <p>检查项：{{addForm.checkHazardInfoVoList.length}}</p>
-          </div>
-          <div class="for-max-big-box for-max-big-box-special" v-for="(item,index) in addForm.checkHazardInfoVoList" :key="index">
-            <div class="for-title-box">
-              <p class="for-title-p">{{index+1}}、【{{item.hazardName}}-{{item.code}}】专项检查</p>
-              <div class="for-button-box" @click="dataLookButton(item)">
-                <p :class="item.lookType?'el-icon-arrow-up':'el-icon-arrow-down'"></p>
-                <p>{{item.lookType?'收起':'展开'}}</p>
-              </div>
-            </div>
-            <div class="for-big-box for-big-box-special"  v-if="item.lookType" v-for="(item2,index2) in item.checkHazardDtoList">
-              <el-form-item label="检查项目" :prop="'checkHazardInfoVoList.'+index+'.checkHazardDtoList.'+index2+'.hazardCheckPro'" :rules="rules.hazardCheckPro" label-width="123px">
-                <el-radio-group v-model="item2.checkFlag" style="margin-right: 20px;">
-                  <el-radio :label="1">符合</el-radio>
-                  <el-radio :label="0">不符合</el-radio>
-                </el-radio-group>
-                <el-cascader
-                  @change="(val)=>cascaderChange(val,item2,index2)"
-                  v-model="item2.hazardCheckPro"
-                  style="width: 730px"
-                  placeholder="请选择检查项"
-                  :options="options"
-                  :props="{ checkStrictly: false, value: 'id', label: 'labelName',emitPath:false }"
-                  popper-class="cascader-filterable-hazardCheckPro"
-                  filterable>
-                  <template slot-scope="{data}">
-                    <el-tooltip :content="data.labelName" v-if="data.labelName.length>22">
-                      <p style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                    </el-tooltip>
-                    <p v-else style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                  </template>
-                </el-cascader>
-                <p class="hazard-check-count-p" v-if="item2.hazardCheckCount>0">此检查项在当前实验室累计出现 <span>{{item2.hazardCheckCount}}</span> 次隐患</p>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患等级" :prop="'checkHazardInfoVoList.'+index+'.checkHazardDtoList.'+index2+'.hazardLevel'" :rules="rules.hazardLevel" label-width="123px">
-                <el-select v-model="item2.hazardLevel" clearable placeholder="请选择隐患等级" style="width: 408px">
-                  <el-option :key="2" label="一般隐患" :value="2"></el-option>
-                  <el-option :key="1" label="重大隐患" :value="1"></el-option>
-                  <el-option :key="3" label="管理问题" :value="3"></el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患描述"  label-width="123px">
-                <el-input
-                  style="width: 898px"
-                  type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 4}"
-                  placeholder="请输入隐患描述"
-                  resize="none"
-                  maxlength="100"
-                  show-word-limit
-                  v-model="item2.hazardDescribe">
-                </el-input>
-              </el-form-item>
-              <el-form-item label="语音备注：" label-width="123px" class="el-form-item-bottom" v-if="item2.voiceRemark[0]">
-                <div class="audio-box">
-                  <div class="audio-box-li" v-for="(voiceItem,voiceIndex) in item2.voiceRemark" :key="voiceIndex">
-                    <div class="audio-box-li-l" @click="voicePlay(voiceItem.url)">{{voiceItem.times}}″</div>
-                    <img class="audio-box-li-r" @click="voiceDele(item2,index2,voiceIndex)" src="@/assets/ZDimages/safetyCheck/icon_delete.png">
-                  </div>
-                </div>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患照片" :prop="'checkHazardInfoVoList.'+index+'.checkHazardDtoList.'+index2+'.uploadDtoList'" :rules="rules.uploadDtoList" label-width="123px">
-                <div class="for-img-box" v-for="(img,imgIndex) in item2.uploadDtoList" :key="imgIndex">
-                  <img class="for-img" :src="img.fileUrl" @click="lookImg(item2.uploadDtoList,imgIndex)">
-                  <p class="for-del-button el-icon-circle-close" @click="delImg(item2,index,imgIndex)"></p>
-                </div>
-                <el-upload
-                  v-if="item2.uploadDtoList.length<5"
-                  style="display: inline-block;overflow: hidden"
-                  class="avatar-uploader"
-                  :action="uploadImgUrl"
-                  :show-file-list="false"
-                  :on-success="(res)=>handleAvatarSuccess(res,item2)"
-                  :headers="headers"
-                  :before-upload="(res)=>beforeAvatarUpload(res,item2)">
-                  <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
-                </el-upload>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="" label-width="123px" style="margin-bottom:40px;color:#999;">
-                <p>支持jpg/png/bmp/gif格式，且不超过2M，最多上传5张</p>
-              </el-form-item>
-            </div>
-          </div>
-        </div>
-
-      </el-form>
-    </div>
-    <fullScreenView :fullScreenViewProps="fullScreenViewProps" ref="fullScreenView"></fullScreenView>
-  </div>
-</template>
-
-<script>
-  import fullScreenView from "@/components/fullScreenView/fullScreenView.vue";
-  import { getToken } from "@/utils/auth";
-  import { findCheckManage,checkOptionList,checkManageUpdate,countHazardNum } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'addPage',
-    props:{
-      propsAddData:{},
-    },
-    components: {
-      fullScreenView,
-    },
-    data(){
-      return{
-        loading:false,
-        uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
-        headers: {
-          Authorization: getToken(),
-        },
-        fullScreenViewProps:[],
-        //期限时间
-        pickerOptions: {
-          disabledDate(time) {
-            return time.getTime() < Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择今天的
-          }
-        },
-        addPageTitle:"",
-        //新增-编辑
-        options:[],
-        addForm:{},
-        //上传用名称保存
-        upDataName:"",
-        // 表单校验
-        rules: {
-          checkResult: [
-            { required: true, message: "请选择检查结果", trigger: "blur" },
-          ],
-          rectifyNotice: [
-            { required: true, message: "请选择整改通知", trigger: "blur" },
-          ],
-          rectifyDeadline: [
-            { required: true, message: "请选择整改期限", trigger: "blur" },
-          ],
-          hazardLevel: [
-            { required: true, message: "请选择隐患等级", trigger: "blur" },
-          ],
-          hazardCheckPro: [
-            { required: true, message: "请选择检查项目", trigger: "blur" },
-          ],
-          hazardDescribe: [
-            { required: true, message: "请输入隐患描述", trigger: "blur" },
-            { required: true, message: "请输入隐患描述", validator: this.spaceJudgment, trigger: "blur" },
-          ],
-          uploadDtoList: [
-            { required: true, message: "请上传隐患照片", trigger: "blur" },
-          ],
-        },
-        //隐患发生次数
-        hazardCheckCount:0,
-      }
-    },
-    created(){
-      this.$set(this,'addPageTitle',this.propsAddData.title);
-
-      this.findCheckManage();
-    },
-    mounted(){},
-    methods:{
-      //语音备忘播放
-      voicePlay(item){
-        let myaudio = new Audio();
-        myaudio.src = item;
-        myaudio.play();
-      },
-      //语音备忘删除
-      async voiceDele(item,index,voiceIndex){
-        let self = this;
-        this.$confirm('确定删除此语音吗?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          if(self.addForm.checkCategory==1){//综合检查
-            self.addForm.checkHazardDtoList[index].voiceRemark.splice(voiceIndex,1);
-          }else if(self.addForm.checkCategory==2){//专项检查
-            item.voiceRemark.splice(voiceIndex,1);
-          }
-        }).then(() => {
-
-        }).catch(() => {});
-      },
-      //保存/提交按钮
-      upDataButton(type){
-        this.$refs["addForm"].validate(valid => {
-          if (valid) {
-            let obj = JSON.parse(JSON.stringify(this.addForm));
-            obj.manageStatus = type
-            if(this.addForm.checkCategory==1){//综合检查
-              //语音备注JSON对象转字符串
-              for(let i=0;i<obj.checkHazardDtoList.length;i++){
-                if(obj.checkHazardDtoList[i].voiceRemark){
-                  obj.checkHazardDtoList[i].voiceRemark=JSON.stringify(obj.checkHazardDtoList[i].voiceRemark)
-                }
-              }
-              if(obj.checkResult === 0){
-                if(!obj.checkHazardDtoList[0]){
-                  this.msgError('请添加隐患检查项')
-                  return
-                }
-                for(let i=0;i<obj.checkHazardDtoList.length;i++){
-                  obj.checkHazardDtoList[i].checkCategory=this.addForm.checkCategory
-                  delete obj.checkHazardDtoList[i].lookType
-                }
-                obj.dangerNum = obj.checkHazardDtoList.length
-              }else{
-                obj.checkHazardDtoList = [];
-              }
-            }else if(this.addForm.checkCategory==2){//专项检查
-
-              let list=[]
-              let checkFlagList=[];
-              for(let i=0;i<this.addForm.checkHazardInfoVoList.length;i++){
-                for(let b=0;b<this.addForm.checkHazardInfoVoList[i].checkHazardDtoList.length;b++){
-                  checkFlagList.push(this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].checkFlag)
-                  //语音备注JSON对象转字符串
-                  if(this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].voiceRemark){
-                    this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].voiceRemark=JSON.stringify(this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].voiceRemark)
-                  }
-                  let obj={
-                    checkFlag:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].checkFlag,
-                    checkCategory:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].checkCategory,
-                    hazardCheckCode:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].hazardCheckCode,
-                    hazardCheckName:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].hazardCheckName,
-                    hazardCheckPro:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].hazardCheckPro,
-                    hazardDescribe:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].hazardDescribe,
-                    hazardLevel:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].hazardLevel,
-                    uploadDtoList:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].uploadDtoList,
-                    voiceRemark:this.addForm.checkHazardInfoVoList[i].checkHazardDtoList[b].voiceRemark,
-                    code:this.addForm.checkHazardInfoVoList[i].code,
-                    hazardId:this.addForm.checkHazardInfoVoList[i].hazardId,
-                    hazardName:this.addForm.checkHazardInfoVoList[i].hazardName,
-                    hazardTypeMode:this.addForm.checkHazardInfoVoList[i].hazardTypeMode,
-                    hazardTypeModeName:this.addForm.checkHazardInfoVoList[i].hazardTypeModeName,
-                    joinHazardId:this.addForm.checkHazardInfoVoList[i].joinHazardId,
-                  }
-                  list.push(obj)
-                }
-              }
-              if(checkFlagList.every(item=>{return item==1})){//符合
-                obj.checkResult=1;
-              }else{//不符合
-                obj.checkResult=0;
-              }
-              obj.checkHazardDtoList=list;
-            }
-
-            checkManageUpdate(obj).then(response => {
-              this.msgSuccess(response.message);
-              this.$parent.goAddPage(4);
-            });
-          }
-        })
-      },
-      //查询详情
-      findCheckManage(){
-        findCheckManage({id:this.propsAddData.id}).then(response => {
-          if(response.data.checkCategory==1){//综合检查
-            // response.data.checkResult = response.data.checkResult === 0 || response.data.checkResult === 1?response.data.checkResult:"";
-            response.data.rectifyNotice = response.data.rectifyNotice?response.data.rectifyNotice:"";
-            response.data.rectifyDeadline = response.data.rectifyDeadline?response.data.rectifyDeadline:"";
-            for(let i=0;i<response.data.checkHazardDtoList.length;i++){
-              response.data.checkHazardDtoList[i].lookType = true;
-              response.data.checkHazardDtoList[i].voiceRemark = response.data.checkHazardDtoList[i].voiceRemark?JSON.parse(response.data.checkHazardDtoList[i].voiceRemark):[];
-            }
-          }else if(response.data.checkCategory==2){//专项检查
-            response.data.rectifyNotice = response.data.rectifyNotice?response.data.rectifyNotice:"";
-            response.data.rectifyDeadline = response.data.rectifyDeadline?response.data.rectifyDeadline:"";
-            if(response.data.checkHazardInfoVoList[0]){
-              response.data.checkHazardInfoVoList.forEach(function(item) {
-                item.lookType = true;
-                item.checkHazardDtoList.forEach(function(item2) {
-                  //item2.hazardCheckCode=item2.code
-                  item2.voiceRemark=item2.voiceRemark?JSON.parse(item2.voiceRemark):[];
-                })
-              })
-            }
-          }
-          this.$set(this,'addForm',response.data);
-          this.checkOptionList();//获取检查项
-        });
-      },
-      //返回事件
-      outButton(){
-        this.$parent.goAddPage(1);
-      },
-      // 删除图片
-      delImg(item,index,imgIndex){
-        console.log(item)
-        if(this.addForm.checkCategory==1){//综合检查
-          this.addForm.checkHazardDtoList[index].uploadDtoList.splice(imgIndex,1);
-        }else if(this.addForm.checkCategory==2){//专项检查
-          item.uploadDtoList.splice(imgIndex,1);
-        }
-
-      },
-      //收起/展开
-      dataLookButton(item){
-        item.lookType = !item.lookType
-
-      },
-      //检查结果选中
-      checkResultChange(val){
-        if(val == 0){
-          //不符合时如果没有检查项则写入一条
-          if(!this.addForm.checkHazardDtoList[0]){
-            this.addObject();
-          }
-        }
-      },
-      //新增检查
-      addObject(){
-        if(this.addForm.checkHazardDtoList.length<10){
-          let obj = {
-            hazardCheckCode:'',
-            hazardCheckName:'',
-            hazardCheckPoint:'',
-            hazardCheckPro:'',
-            hazardDescribe:'',
-            hazardLevel:'',
-            lookType:true,
-            uploadDtoList:[],
-            voiceRemark:[],
-          };
-          this.addForm.checkHazardDtoList.push(obj);
-        }
-      },
-      //删除检查项
-      delCheckHazardDtoList(index){
-        let self = this;
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          self.addForm.checkHazardDtoList.splice(index,1);
-        }).then(() => {
-        }).catch(() => {});
-      },
-      //检查项选中
-      cascaderChange(val,item,index){
-        let obj = this.getCascaderDataQuery(val,this.options);
-        if(this.addForm.checkCategory==1){//综合检查
-          if(!obj){
-            this.$set(this.addForm.checkHazardDtoList[index],'hazardCheckPro','');
-            this.msgError('未找到相关项目')
-            return
-          }
-          this.$set(this.addForm.checkHazardDtoList[index],'hazardCheckCode',obj.code);
-          this.$set(this.addForm.checkHazardDtoList[index],'hazardCheckName',obj.name);
-          this.$set(this.addForm.checkHazardDtoList[index],'hazardCheckPoint',obj.mainPoint);
-          countHazardNum({subId:this.addForm.subId, hazardCheckPro:val}).then( response => {
-            this.$set(this.addForm.checkHazardDtoList[index],'hazardCheckCount',response.data);
-          })
-        }else if(this.addForm.checkCategory==2){//专项检查
-          if(!obj){
-            this.$set(this.addForm.specialCheckHazardDtoList[index],'hazardCheckPro','');
-            this.msgError('未找到相关项目')
-            return
-          }
-          item.hazardCheckCode=obj.code;
-          item.hazardCheckName=obj.name;
-          countHazardNum({subId:this.addForm.subId, hazardCheckPro:val}).then( response => {
-            this.$set(item,'hazardCheckCount',response.data);
-          })
-        }
-      },
-      //查看图片
-      lookImg(list,index){
-        let newList = [];
-        for(let i=0;i<list.length;i++){
-          newList.push(list[i].fileUrl)
-        }
-        this.$set(this,'fullScreenViewProps',newList);
-        this.$refs['fullScreenView'].initialize(index);
-      },
-      /*==========上传相关==========*/
-      handleAvatarSuccess(res,item) {
-        this.$set(this,'loading',false);
-        if(item.uploadDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return
-        }
-        let suffixName= this.upDataName.split('.')[this.upDataName.split('.').length - 2]
-        //判断文件名中是否有逗号和分号
-        if(suffixName.indexOf(',')==-1 && suffixName.indexOf(';')==-1){
-        }else{
-          this.msgError('文件名里包含逗号或分号，请修改后重新上传！')
-          return
-        }
-        let obj ={
-          fileName:this.upDataName,
-          fileUrl:res.data.url,
-          fileType:2,
-          source:2,
-        };
-        item.uploadDtoList.push(obj);
-        this.$forceUpdate()
-      },
-      beforeAvatarUpload(file,item) {
-        if(item.uploadDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return false
-        }
-        let type = false;
-        if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/jpg' || file.type == 'image/gif' || file.type == 'image/bmp') {
-          if(file.size> 2100000){
-            this.msgError('上传图片大小不能超过2M')
-            return false
-          }
-          this.$set(this,'loading',true);
-          this.upDataName = file.name;
-          type = true;
-        }else{
-          this.msgError('仅支持jpeg/jpg/png/bmp/gif格式')
-          type = false;
-        }
-        return type;
-      },
-      //获取检查项
-      checkOptionList(){
-        checkOptionList().then( response => {
-          this.$set(this,'options',response.data);
-          this.getCascaderData(this.options);
-        })
-      },
-      //联级选择器数据处理
-      getCascaderData(list){
-        let self = this;
-        if(this.addForm.checkCategory==1){//综合检查
-          for(let i=0;i<list.length;i++){
-            list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-            if(list[i].level == 0 || list[i].level == 1 || list[i].level == 2){
-              if(list[i].children){
-                if(list[i].children[0]){
-                  self.getCascaderData(list[i].children)
-                  if(list[i].children){
-                    if(!list[i].children[0]){
-                      list.splice(i,1)
-                      i--
-                    }
-                  }else{
-                    list.splice(i,1)
-                    i--
-                  }
-                }else{
-                  list.splice(i,1)
-                  i--
-                }
-              }else{
-                list.splice(i,1)
-                i--
-              }
-            }else{
-              if(list[i].level == 3){
-                if(list[i].children[0]){
-                  let mainPoint=[]
-                  for(let b=0;b<list[i].children.length;b++){
-                    mainPoint.push(list[i].children[b].name)
-                    list[i].mainPoint=mainPoint.join(',')
-                  }
-                }else{
-                  list[i].mainPoint='';
-                }
-              }
-
-              delete list[i].children
-            }
-          }
-        }else if(this.addForm.checkCategory==2){//专项检查
-          for(let i=0;i<list.length;i++){
-            list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-            if(list[i].level == 0 || list[i].level == 1 || list[i].level == 2 || list[i].level == 3){
-              if(list[i].children){
-                if(list[i].children[0]){
-                  self.getCascaderData(list[i].children)
-                  if(list[i].children){
-                    if(!list[i].children[0]){
-                      list.splice(i,1)
-                      i--
-                    }
-                  }else{
-                    list.splice(i,1)
-                    i--
-                  }
-                }else{
-                  list.splice(i,1)
-                  i--
-                }
-              }else{
-                list.splice(i,1)
-                i--
-              }
-            }else{
-              delete list[i].children
-            }
-          }
-        }
-
-      },
-      //获取学院列表
-      getCascaderDataQuery(text,list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          if(list[i].id == text){
-            return list[i]
-          }else{
-            if(list[i].children){
-              let obj = self.getCascaderDataQuery(text,list[i].children)
-              if(obj){
-                return obj
-              }
-            }
-          }
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .inspectionManagement-addPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    *{
-      font-weight:500;
-    }
-    .title-max-box{
-      position: relative;
-      .position-img{
-        width:80px;
-        height:80px;
-        position: absolute;
-        top:0;
-        left:0;
-      }
-    }
-    .content-max-box{
-      flex:1;
-      display: flex;
-      flex-direction: column;
-      .top-form-box{
-        padding:40px 85px 20px;
-        display: flex;
-        .top-form-left-box{
-          min-height:317px;
-          width:770px;
-          margin-right:90px;
-        }
-        .top-form-right-box{
-          min-height:317px;
-          width:534px;
-
-        }
-      }
-      .bottom-form-box{
-        .bottom-form-title-box{
-          background: #F5F5F5;
-          display: flex;
-          margin-bottom:31px;
-          p{
-            font-size:16px;
-            line-height:50px;
-          }
-          p:nth-child(1){
-            color:#333;
-            margin-left:30px;
-            flex:1;
-          }
-          p:nth-child(2){
-            color:#0183FA;
-            margin-right:37px;
-          }
-        }
-        .add-bottom-button{
-          cursor: pointer;
-          color:#0183FA;
-          border-radius:4px;
-          border:1px dashed #0183FA;
-          width:800px;
-          line-height:40px;
-          text-align: center;
-          font-size:14px;
-          margin: 20px auto;
-        }
-      }
-    }
-    .for-max-big-box{
-      border:1px solid #dedede;
-      overflow: hidden;
-      margin:0 81px;
-      .for-title-box{
-        display: flex;
-        background: #F5F5F5;
-        border-bottom:1px solid #dedede;
-        line-height:50px;
-        .for-title-p{
-          color:#333333;
-          font-size:16px;
-          margin-left: 30px;
-          flex:1;
-        }
-        .for-del-box{
-          color:#0183FA;
-          margin-left:46px;
-          cursor: pointer;
-          display: flex;
-          p{
-            font-size:14px;
-            line-height:50px;
-            margin-right:8px;
-          }
-        }
-        .for-button-box{
-          color:#0183FA;
-          margin-left:46px;
-          margin-right:43px;
-          cursor: pointer;
-          display: flex;
-          p{
-            font-size:14px;
-            line-height:50px;
-            margin-right:8px;
-          }
-        }
-      }
-      .for-big-box{
-        padding-top:27px;
-        .up-img-p{
-          height:80px;
-          width:80px;
-          line-height:80px;
-          text-align: center;
-          font-size:16px;
-          border-radius:4px;
-          border:1px dashed #E0E0E0;
-        }
-        .for-img-box{
-          width:80px;
-          height:80px;
-          border-radius:4px;
-          display: inline-block;
-          overflow: hidden;
-          margin-right:20px;
-          position: relative;
-          .for-img{
-            width:80px;
-            height:80px;
-            display: inline-block;
-            overflow: hidden;
-            cursor: pointer;
-          }
-          .for-del-button{
-            background: rgba(0,0,0,0.7);
-            width:20px;
-            height:20px;
-            line-height: 20px;
-            text-align: center;
-            color:#fff;
-            border-bottom-left-radius:4px;
-            cursor: pointer;
-            position: absolute;
-            top:0;
-            right:0;
-          }
-        }
-        .hazard-check-count-p{
-          display: inline-block;
-          margin-left: 20px;
-          font-size: 14px;
-          line-height: 40px;
-          span{
-            color:#FF0000;
-          }
-        }
-      }
-    }
-    /*专项检查*/
-    .for-max-big-box-special{
-      margin-bottom: 20px;
-      .for-big-box-special{
-        border-bottom: 1px dotted #D8D8D8;
-        margin:30px;
-      }
-      .for-big-box-special:last-of-type{
-        border-bottom: none;
-      }
-
-    }
-    /*语音备注*/
-    .audio-box{
-      padding: 16px 0 6px 16px;
-      box-sizing: border-box;
-      width: 898px;
-      min-height: 20px;
-      background: #F5F5F5;
-      border-radius: 4px 4px 4px 4px;
-      .audio-box-li{
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        margin-bottom: 10px;
-        .audio-box-li-l{
-          width: 278px;
-          height: 20px;
-          background: #0183FA;
-          border-radius: 4px 4px 4px 4px;
-          text-align: right;
-          display: inline-block;
-          font-style: normal;
-          font-size: 14px;
-          font-family: Microsoft YaHei, Microsoft YaHei;
-          font-weight: 400;
-          color: #FFFFFF;
-          line-height: 20px;
-          padding-right: 26px;
-          box-sizing: border-box;
-          cursor: pointer;
-        }
-        .audio-box-li-r{
-          width: 16px;
-          height: 16px;
-          margin-left: 6px;
-          cursor: pointer;
-        }
-      }
-    }
-    .bottom-button-max-box{
-      height:80px;
-      display: flex;
-      border-top:1px solid #dedede;
-      p{
-        margin-top:20px;
-      }
-      .null-p{
-        flex:1;
-      }
-      p:nth-child(2){
-        width:90px;
-        margin-right:20px;
-      }
-      p:nth-child(3){
-        width:90px;
-        margin-right:20px;
-      }
-      p:nth-child(4){
-        width:90px;
-        margin-right:20px;
-      }
-    }
-  }
-  ::v-deep .is-disabled{
-    .el-input__inner{
-      background-color: #f5f5f5;
-      color: #333;
-      border-color: #f5f5f5;
-      cursor:auto;
-    }
-  }
-</style>

src/views/safetyCheckDemo/components/infoPage/infoPage.vue

@@ -1,829 +0,0 @@
-<template>
-  <div class="inspectionManagement-infoPage">
-    <div class="page-top-title-box title-max-box">
-      <p class="page-top-title-name-p" style="margin-left:70px;">检查详情</p>
-      <p class="page-top-title-out-p" @click="outButton">返回</p>
-      <img class="position-img" v-if="addForm.checkRange == 1" src="@/assets/ZDimages/safetyCheck/icon_xyxc_qx.png">
-      <img class="position-img" v-if="addForm.checkRange == 2" src="@/assets/ZDimages/safetyCheck/icon_xyxc_xy.png">
-      <img class="position-img" v-if="addForm.checkRange == 3" src="@/assets/ZDimages/safetyCheck/icon_xyxc_sys.png">
-    </div>
-    <div class="content-max-box scrollbar-box">
-      <el-form  :model="addForm" label-width="82px">
-        <div class="top-form-box">
-          <div class="top-form-left-box">
-            <el-form-item label="计划标题" prop="title">
-              <el-input disabled v-model="addForm.title" placeholder="未填写" style="width: 690px"/>
-            </el-form-item>
-            <el-form-item label="检查组织" prop="checkType">
-              <p style="background-color: #f5f5f5;color:#333;border-radius:4px;width:690px;padding:0 15px;">{{addForm.checkCategory==1?'综合检查':(addForm.checkCategory==2?'专项检查':'')}}</p>
-            </el-form-item>
-            <div style="display: flex">
-              <el-form-item label="学院" prop="collegeName">
-                <el-input disabled v-model="addForm.collegeName" placeholder="未填写" style="width: 300px"/>
-              </el-form-item>
-              <el-form-item label="实验室" prop="subjectName" label-width="110px">
-                <el-input disabled v-model="addForm.roomNumber?addForm.subjectName+'-'+addForm.roomNumber:addForm.subjectName" placeholder="未填写" style="width: 280px"/>
-              </el-form-item>
-            </div>
-            <el-form-item label="检查要求" prop="checkDemand">
-              <p style="background-color: #f5f5f5;color:#333;border-radius:4px;width:690px;padding:10px 15px;font-size:14px;line-height:20px;min-height:40px;">{{addForm.checkDemand}}<span v-if="!addForm.checkDemand" style="color:#999;">未输入</span></p>
-              <!--<el-input disabled v-model="addForm.checkDemand" placeholder="未填写" style="width: 690px"/>-->
-            </el-form-item>
-            <el-form-item label="检查结果" prop="checkResult" v-if="addForm.checkResult == 0 || addForm.checkResult == 1">
-              <p style="background-color: #f5f5f5;color:#333;border-radius:4px;width:690px;padding:0 15px;">{{addForm.checkResult==0?'不符合':(addForm.checkResult==1?'符合':'')}}</p>
-            </el-form-item>
-            <div style="display: flex">
-              <el-form-item v-if="addForm.checkResult==0" :label="addForm.rectifyNotice == 1?'整改告知书':'整改通知书'" style="width: 300px">
-                <div class="data-button-box">
-                  <p class="look-button" @click="lookDocumentButton(1)">查看</p>
-                  <p class="download-button" @click="downloadButton">下载</p>
-                </div>
-              </el-form-item>
-              <el-form-item label="材料附件" style="width: 300px" v-if="addForm.checkResult!=1&&addForm.isAttachment == 1">
-                <div class="data-button-box">
-                  <p class="look-button" @click="lookDocumentListButton(1)">查看</p>
-                </div>
-              </el-form-item>
-            </div>
-          </div>
-          <div class="top-form-right-box">
-            <el-form-item label="检查组织" prop="checkType">
-              <p style="background-color: #f5f5f5;color:#333;border-radius:4px;width:450px;padding:0 15px;">{{addForm.checkType==1?'校院巡查':(addForm.checkType==2?'实验室自查':'')}}</p>
-            </el-form-item>
-            <el-form-item label="楼栋" prop="buildName">
-              <el-input disabled v-model="addForm.buildName" placeholder="未填写" maxLength="10" style="width: 450px"/>
-            </el-form-item>
-            <el-form-item :label="addForm.checkType==1?'计划周期':(addForm.checkType==2?'任务周期':'')" prop="data9">
-              <el-input disabled v-model="addForm.cycleStartTime+' 至 '+addForm.cycleEndTime" placeholder="未填写" maxLength="10" style="width: 450px"/>
-            </el-form-item>
-            <el-form-item label="整改期限" prop="rectifyDeadline" v-if="addForm.checkResult==0">
-              <el-input disabled v-model="addForm.rectifyDeadline" placeholder="未填写" maxLength="10" style="width: 450px"/>
-            </el-form-item>
-            <el-form-item label="材料附件" style="width: 450px" v-if="addForm.checkResult==1&&addForm.isAttachment == 1">
-              <div class="data-button-box">
-                <p class="look-button" @click="lookDocumentListButton(1)">查看</p>
-              </div>
-            </el-form-item>
-          </div>
-        </div>
-        <!--综合检查-->
-        <div class="bottom-form-box" v-if="addForm.checkResult==0 && addForm.checkCategory==1">
-          <div class="bottom-form-title-box">
-            <p>不符合项</p>
-            <p>隐患数：{{addForm.dangerNum}}</p>
-          </div>
-          <div class="for-max-big-box" v-for="(item,index) in addForm.checkHazardDtoList" :key="index">
-            <div class="for-title-box">
-              <p class="for-title-p">第{{index+1}}隐患项</p>
-            </div>
-            <div class="for-content-box">
-              <div class="content-box">
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>隐患状态</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box">
-                    <p class="button-p" @click="addDialogOpen(true,item)">{{item.rectifyStatus==1?'已完成':(item.rectifyStatus==2?'待整改':(item.rectifyStatus==3?'待复核':(item.rectifyStatus==4?'暂无法整改':'')))}} <i class="el-icon-d-arrow-right"></i></p>
-                  </div>
-                </div>
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>检查项目</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box" style="height:120px;">
-                    <div class="inspection-box">
-                      <p class="scrollbar-box">{{item.hazardCheckProStr}}</p>
-                      <p v-if="item.hazardCheckCount>0">此检查项在当前实验室累计出现 <span>{{item.hazardCheckCount}}</span> 次隐患</p>
-                    </div>
-                  </div>
-                </div>
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>隐患描述</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box" style="height:120px;">
-                    <div class="text-box">
-                      <p class="null-p"></p>
-                      <p class="text-p scrollbar-box">{{item.hazardDescribe}}</p>
-                      <p class="null-p"></p>
-                    </div>
-                  </div>
-                </div>
-                <div class="min-content-box" v-if="item.voiceRemark[0]">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>语音备注</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box" style="height:120px; padding: 10px; overflow-y: auto;">
-                    <div class="audio-box-li" v-for="(voiceItem,voiceIndex) in item.voiceRemark" :key="voiceIndex">
-                      <div class="audio-box-li-l" @click="voicePlay(voiceItem.url)">{{voiceItem.times}}″</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="content-box">
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>隐患等级</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box">
-                    <p class="title-p">{{item.hazardLevel==2?'一般隐患':(item.hazardLevel==1?'重大隐患':(item.hazardLevel==3?'管理问题':''))}}</p>
-                  </div>
-                </div>
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>检查要点</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box" style="height:120px;">
-                    <div class="text-box">
-                      <p class="null-p"></p>
-                      <p class="text-p scrollbar-box">{{item.hazardCheckPoint}}</p>
-                      <p class="null-p"></p>
-                    </div>
-                  </div>
-                </div>
-                <div class="min-content-box">
-                  <div class="left-min-content-box">
-                    <p></p>
-                    <p>隐患照片</p>
-                    <p></p>
-                  </div>
-                  <div class="right-min-content-box" style="height:120px;">
-                    <div class="img-box">
-                      <img :src="imgItem.fileUrl" @click="lookImg(item.uploadDtoList,imgIndex)"
-                           v-for="(imgItem,imgIndex) in item.uploadDtoList" :ley="imgIndex">
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!--专项检查项-->
-        <div class="bottom-form-box" v-if="(addForm.checkResult==0||addForm.checkResult==1) && addForm.checkCategory==2">
-          <div class="bottom-form-title-box">
-            <p>检查项</p>
-            <p>检查项：{{addForm.checkHazardInfoVoList.length}}</p>
-          </div>
-          <div class="for-max-big-box for-max-big-box-special" v-for="(item,index) in addForm.checkHazardInfoVoList" :key="index">
-            <div class="for-title-box">
-              <p class="for-title-p">{{index+1}}、【{{item.hazardName}}-{{item.code}}】专项检查</p>
-              <div class="for-button-box" @click="dataLookButton(item)">
-                <p :class="item.lookType?'el-icon-arrow-up':'el-icon-arrow-down'"></p>
-                <p>{{item.lookType?'收起':'展开'}}</p>
-              </div>
-            </div>
-            <div class="for-big-box for-big-box-special" v-if="item.lookType" v-for="(item2,index2) in item.checkHazardDtoList">
-              <el-form-item label="检查项目"  label-width="123px">
-                <el-radio-group v-model="item2.checkFlag" style="margin-right: 20px;" disabled>
-                  <el-radio :label="1">符合</el-radio>
-                  <el-radio :label="0">不符合</el-radio>
-                </el-radio-group>
-                <el-cascader
-                  disabled
-                  @change="(val)=>cascaderChange(val,item2,index2)"
-                  v-model="item2.hazardCheckPro"
-                  style="width: 730px"
-                  placeholder="请选择检查项"
-                  :options="options"
-                  :props="{ checkStrictly: false, value: 'id', label: 'labelName',emitPath:false }"
-                  popper-class="cascader-filterable-hazardCheckPro"
-                  filterable>
-                  <template slot-scope="{data}">
-                    <el-tooltip :content="data.labelName" v-if="data.labelName.length>22">
-                      <p style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                    </el-tooltip>
-                    <p v-else style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-                  </template>
-                </el-cascader>
-                <p class="button-p" v-if="item2.checkFlag==0" @click="addDialogOpen(true,item2)">{{item2.rectifyStatus==1?'已完成':(item2.rectifyStatus==2?'待整改':(item2.rectifyStatus==3?'待复核':(item2.rectifyStatus==4?'暂无法整改':'')))}} <i class="el-icon-d-arrow-right"></i></p>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患等级"  label-width="123px">
-                <el-select v-model="item2.hazardLevel" clearable placeholder="请选择隐患等级" style="width: 408px" disabled>
-                  <el-option :key="2" label="一般隐患" :value="2"></el-option>
-                  <el-option :key="1" label="重大隐患" :value="1"></el-option>
-                  <el-option :key="3" label="管理问题" :value="3"></el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患描述"  label-width="123px" >
-                <el-input
-                  disabled
-                  style="width: 898px"
-                  type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 4}"
-                  placeholder="请输入隐患描述"
-                  resize="none"
-                  maxlength="100"
-                  show-word-limit
-                  v-model="item2.hazardDescribe">
-                </el-input>
-              </el-form-item>
-              <el-form-item label="语音备注：" label-width="123px" class="el-form-item-bottom" v-if="item2.voiceRemark[0]">
-                <div class="audio-box">
-                    <div class="audio-box-li" v-for="(voiceItem,voiceIndex) in item2.voiceRemark" :key="voiceIndex">
-                        <div class="audio-box-li-l" @click="voicePlay(voiceItem.url)">{{voiceItem.times}}″</div>
-                    </div>
-                </div>
-              </el-form-item>
-              <el-form-item v-if="item2.checkFlag==0" label="隐患照片"  label-width="123px">
-                <div class="for-img-box" v-for="(img,imgIndex) in item2.uploadDtoList" :key="imgIndex">
-                  <img class="for-img" :src="img.fileUrl" @click="lookImg(item2.uploadDtoList,imgIndex)">
-                </div>
-              </el-form-item>
-            </div>
-          </div>
-        </div>
-
-      </el-form>
-    </div>
-    <fullScreenView :fullScreenViewProps="fullScreenViewProps" ref="fullScreenView"></fullScreenView>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import fullScreenView from "@/components/fullScreenView/fullScreenView.vue";
-  import { checkOptionList, findCheckManage, getFindByCheckPlanId } from '@/api/safetyCheck/indexTow'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-import { getToken } from '@/utils/auth'
-  export default {
-    name: 'infoPage',
-    props:{
-      propsInfoData:{},
-    },
-    components: {
-      fullScreenView,
-      infoDialog,
-      lookDocumentDataDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
-        headers: {
-          Authorization: getToken(),
-        },
-        fullScreenViewProps:[],
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsInfoDialogData:{},
-        //页面
-        imgType:1,
-        infoDialogType:false,
-        addForm:{},
-        options:[],
-      }
-    },
-    created(){},
-    mounted(){
-      this.checkOptionList();
-      this.findCheckManage();
-    },
-    methods:{
-      //语音备忘播放
-      voicePlay(item){
-        let myaudio = new Audio();
-        myaudio.src = item;
-        myaudio.play();
-      },
-      //查询详情
-      findCheckManage(){
-        findCheckManage({id:this.propsInfoData.id}).then(response => {
-          if(response.data.checkCategory==1){//综合检查
-            // response.data.checkResult = response.data.checkResult === 0 || response.data.checkResult === 1?response.data.checkResult:"";
-            response.data.rectifyNotice = response.data.rectifyNotice?response.data.rectifyNotice:"";
-            response.data.rectifyDeadline = response.data.rectifyDeadline?response.data.rectifyDeadline:"";
-            for(let i=0;i<response.data.checkHazardDtoList.length;i++){
-              response.data.checkHazardDtoList[i].lookType = true;
-              response.data.checkHazardDtoList[i].voiceRemark = response.data.checkHazardDtoList[i].voiceRemark?JSON.parse(response.data.checkHazardDtoList[i].voiceRemark):[];
-            }
-          } else if(response.data.checkCategory==2){//专项检查
-            if(response.data.checkHazardInfoVoList[0]){
-              response.data.checkHazardInfoVoList.forEach(function(item) {
-                item.lookType = true;
-                item.checkHazardDtoList.forEach(function(item2) {
-                  //item2.hazardCheckCode=item2.code
-                  item2.voiceRemark=item2.voiceRemark?JSON.parse(item2.voiceRemark):[];
-                })
-              })
-            }
-          }
-          this.$set(this,'addForm',response.data);
-          console.log(this.addForm)
-        });
-
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            console.log(obj)
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //获取检查项
-      checkOptionList(){
-        checkOptionList().then( response => {
-          this.$set(this,'options',response.data);
-          this.getCascaderData(this.options);
-        })
-      },
-      //联级选择器数据处理
-      getCascaderData(list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-          if(list[i].level == 0 || list[i].level == 1 || list[i].level == 2 || list[i].level == 3){
-            if(list[i].children){
-              if(list[i].children[0]){
-                self.getCascaderData(list[i].children)
-                if(list[i].children){
-                  if(!list[i].children[0]){
-                    list.splice(i,1)
-                    i--
-                  }
-                }else{
-                  list.splice(i,1)
-                  i--
-                }
-              }else{
-                list.splice(i,1)
-                i--
-              }
-            }else{
-              list.splice(i,1)
-              i--
-            }
-          }else{
-            delete list[i].children
-          }
-        }
-
-      },
-      //返回事件
-      outButton(){
-        this.$parent.goAddPage(1);
-      },
-      //收起/展开
-      dataLookButton(item){
-        item.lookType = !item.lookType
-      },
-      //查看图片
-      lookImg(list,index){
-        let newList = [];
-        for(let i=0;i<list.length;i++){
-          newList.push(list[i].fileUrl)
-        }
-        this.$set(this,'fullScreenViewProps',newList);
-        this.$refs['fullScreenView'].initialize(index);
-      },
-      // 单个下载按钮
-      downloadButton(){
-        if(this.addForm.rectifyNotice == 1){
-          //告知
-          this.downloadGet('/zd-security/checkManage/getRectifyNotification?checkMangeId='+this.addForm.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'), this.addForm.title+'(整改告知书).docx')
-        }else if(this.addForm.rectifyNotice == 2){
-          //通知
-          this.downloadGet('/zd-security/checkManage/getRectifyAdviceNote?checkMangeId='+this.addForm.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'), this.addForm.title+'(整改通知书).docx')
-        }
-      },
-      //查看单个文档
-      lookDocumentButton(type){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:this.addForm.rectifyNotice == 1?'整改告知书':'整改通知书',
-            type:this.addForm.rectifyNotice == 1?3:2,
-            id:this.addForm.id,
-            name:this.addForm.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //查看多个文档
-      lookDocumentListButton(type){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:this.addForm.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .inspectionManagement-infoPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    *{
-      font-weight:500;
-    }
-    .title-max-box{
-      position: relative;
-      .position-img{
-        width:80px;
-        height:80px;
-        position: absolute;
-        top:0;
-        left:0;
-      }
-    }
-    .content-max-box{
-      flex:1;
-      display: flex;
-      flex-direction: column;
-      .top-form-box{
-        padding:40px 85px 20px;
-        display: flex;
-        .top-form-left-box{
-          min-height:317px;
-          width:770px;
-          margin-right:90px;
-        }
-        .top-form-right-box{
-          min-height:317px;
-          width:534px;
-        }
-        .data-button-box{
-          display: flex;
-          padding-top: 5px;
-          .look-button{
-            width: 70px;
-            height: 30px;
-            background: #0045AF;
-            border-radius: 4px 4px 4px 4px;
-            color:#fff;
-            font-size:14px;
-            text-align: center;
-            line-height:30px;
-            margin-right:12px;
-            cursor: pointer;
-          }
-          .download-button{
-            width: 70px;
-            height: 30px;
-            border-radius: 4px 4px 4px 4px;
-            opacity: 1;
-            border: 1px solid #0045AF;
-            color:#0045AF;
-            font-size:14px;
-            text-align: center;
-            line-height:30px;
-            cursor: pointer;
-          }
-        }
-      }
-      .bottom-form-box{
-        .bottom-form-title-box{
-          background: #F5F5F5;
-          display: flex;
-          margin-bottom:31px;
-          p{
-            font-size:16px;
-            line-height:50px;
-          }
-          p:nth-child(1){
-            color:#333;
-            margin-left:30px;
-            flex:1;
-          }
-          p:nth-child(2){
-            color:#0183FA;
-            margin-right:37px;
-          }
-        }
-        .add-bottom-button{
-          cursor: pointer;
-          color:#0183FA;
-          border-radius:4px;
-          border:1px dashed #0183FA;
-          width:800px;
-          line-height:40px;
-          text-align: center;
-          font-size:14px;
-          margin: 20px auto;
-        }
-      }
-    }
-    .for-max-big-box{
-      border:1px solid #dedede;
-      border-bottom:none;
-      overflow: hidden;
-      margin:0 81px 40px;
-      .for-title-box{
-        display: flex;
-        background: #F5F5F5;
-        border-bottom:1px solid #dedede;
-        line-height:50px;
-        .for-title-p{
-          color:#333333;
-          font-size:16px;
-          margin-left: 30px;
-          flex:1;
-        }
-        .for-button-box{
-          color:#0183FA;
-          margin-left:46px;
-          margin-right:43px;
-          cursor: pointer;
-          display: flex;
-          p{
-            font-size:14px;
-            line-height:50px;
-            margin-right:8px;
-          }
-        }
-      }
-      .for-content-box{
-        display: flex;
-        .content-box{
-          flex:1;
-          display: flex;
-          flex-direction: column;
-          .min-content-box{
-            display: flex;
-            /*语音备注*/
-            .audio-box-li{
-              display: flex;
-              justify-content: flex-start;
-              align-items: center;
-              margin-bottom: 10px;
-              .audio-box-li-l{
-                width: 278px;
-                height: 20px;
-                background: #0183FA;
-                border-radius: 4px 4px 4px 4px;
-                text-align: right;
-                display: inline-block;
-                font-style: normal;
-                font-size: 14px;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                color: #FFFFFF;
-                line-height: 20px;
-                padding-right: 26px;
-                box-sizing: border-box;
-                cursor: pointer;
-              }
-              .audio-box-li-r{
-                width: 16px;
-                height: 16px;
-                margin-left: 6px;
-                cursor: pointer;
-              }
-            }
-            .left-min-content-box{
-              display: flex;
-              flex-direction: column;
-              width:120px;
-              border-right:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              p:nth-child(1){
-                flex:1;
-              }
-              p:nth-child(2){
-                font-size:16px;
-                color:#333;
-                text-align: center;
-                min-height:40px;
-                line-height:40px;
-              }
-              p:nth-child(3){
-                flex:1;
-              }
-            }
-            .right-min-content-box{
-              width:588px;
-              border-right:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              .button-p{
-                width:200px;
-                color:#0183FA;
-                font-size:16px;
-                min-height:40px;
-                line-height:40px;
-                margin-left:39px;
-                cursor: pointer;
-                i{
-                  font-size:14px;
-                }
-              }
-              .inspection-box{
-                height:120px;
-                padding:12px 20px;
-                font-size:14px;
-                color:#333;
-                line-height:18px;
-                display: flex;
-                flex-direction: column;
-                overflow: hidden;
-                p:nth-child(1){
-                  flex:1;
-                }
-                p:nth-child(2){
-                  margin-top:10px;
-                  height:20px;
-                  line-height:20px;
-                  span{
-                    color:#FF0000;
-                  }
-                }
-              }
-              .text-box{
-                height:120px;
-                padding:0 20px;
-                display: flex;
-                flex-direction: column;
-                .null-p{
-                  flex:1;
-                }
-                .text-p{
-                  max-height:100px;
-                  font-size:14px;
-                  color:#333;
-                  line-height:18px;
-                }
-              }
-              .title-p{
-                font-size:16px;
-                color:#333;
-                min-height:40px;
-                line-height:40px;
-                margin-left:18px;
-              }
-              .img-box{
-                height:120px;
-                padding:0 20px;
-                img{
-                  height:80px;
-                  width:80px;
-                  border-radius:4px;
-                  display: inline-block;
-                  overflow: hidden;
-                  margin:20px 10px 0 0;
-                  cursor: pointer;
-                }
-
-              }
-            }
-          }
-        }
-      }
-    }
-    .for-big-box{
-      padding-top:27px;
-      .up-img-p{
-        height:80px;
-        width:80px;
-        line-height:80px;
-        text-align: center;
-        font-size:16px;
-        border-radius:4px;
-        border:1px dashed #E0E0E0;
-      }
-      .for-img-box{
-        width:80px;
-        height:80px;
-        border-radius:4px;
-        display: inline-block;
-        overflow: hidden;
-        margin-right:20px;
-        position: relative;
-        .for-img{
-          width:80px;
-          height:80px;
-          display: inline-block;
-          overflow: hidden;
-          cursor: pointer;
-        }
-        .for-del-button{
-          background: rgba(0,0,0,0.7);
-          width:20px;
-          height:20px;
-          line-height: 20px;
-          text-align: center;
-          color:#fff;
-          border-bottom-left-radius:4px;
-          cursor: pointer;
-          position: absolute;
-          top:0;
-          right:0;
-        }
-      }
-      .button-p{
-        display: inline-block;
-        margin-left: 20px;
-        width:200px;
-        color:#0183FA;
-        font-size:16px;
-        min-height:40px;
-        line-height:40px;
-        margin-left:39px;
-        cursor: pointer;
-        i{
-          font-size:14px;
-        }
-      }
-    }
-    /*专项检查*/
-    .for-max-big-box-special{
-      margin-bottom: 20px;
-      .for-big-box-special{
-        border-bottom: 1px dotted #D8D8D8;
-        margin:30px;
-      }
-      .for-big-box-special:last-of-type{
-        border-bottom: none;
-      }
-      /*语音备注*/
-      .audio-box{
-        padding: 16px 0 6px 16px;
-        box-sizing: border-box;
-        width: 898px;
-        min-height: 20px;
-        background: #F5F5F5;
-        border-radius: 4px 4px 4px 4px;
-        .audio-box-li{
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          margin-bottom: 10px;
-          .audio-box-li-l{
-            width: 278px;
-            height: 20px;
-            background: #0183FA;
-            border-radius: 4px 4px 4px 4px;
-            text-align: right;
-            display: inline-block;
-            font-style: normal;
-            font-size: 14px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: 400;
-            color: #FFFFFF;
-            line-height: 20px;
-            padding-right: 26px;
-            box-sizing: border-box;
-            cursor: pointer;
-          }
-          .audio-box-li-r{
-            width: 16px;
-            height: 16px;
-            margin-left: 6px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-  ::v-deep .is-disabled{
-    .el-input__inner{
-      background-color: #f5f5f5;
-      color: #333;
-      border-color: #f5f5f5;
-      cursor:auto;
-    }
-  }
-</style>

src/views/safetyCheckDemo/dataStatistics/checkIndexStatistics.vue

@@ -1,290 +0,0 @@
-<!--指标统计列表-->
-<template>
-  <div class="page-container checkIndexStatistics">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="deptId" label-width="50px" v-if="!userFlg">
-          <el-select v-model="queryParams.deptId" clearable placeholder="全部">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="subId" label-width="50px" v-if="userFlg">
-          <el-select placeholder="请输入关键词" filterable remote reserve-keyword
-                     v-model="queryParams.subId" :remote-method="getSubList">
-            <el-option
-              v-for="item in subSelectList"
-              :key="item.subId"
-              :label="item.subName"
-              :value="item.subId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="计划任务"
-            clearable
-            style="width: 200px"/>
-        </el-form-item>
-        <el-form-item label="" prop="dateRange" label-width="70px">
-          <el-date-picker
-            :clearable="false"
-            v-model="dateRange"
-            size="small"
-            style="width: 240px"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-          ></el-date-picker>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <el-form-item style="float: right;" v-hasPermiRouter="['safety:dataSub:export']">
-          <export-component :exportConfig="exportConfig"></export-component>
-
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <div class="num-data-box">
-        共搜索到隐患总数 {{numData.sumTotal}}，一级指标隐患总数 {{numData.level1}}，占比 {{numData.percent1}}，二级指标隐患总数 {{numData.level2}}，占比 {{numData.percent2}}，三级指标隐患总数 {{numData.level3}}，占比 {{numData.percent3}}，四级指标隐患总数 {{numData.level4}}，占比 {{numData.percent4}}
-      </div>
-      <el-table class="table-box" border :data="tableList" ref="table-box"
-                 :row-key="getRowKeys"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="50" align="center"/>
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="计划任务" align="center" prop="title" show-overflow-tooltip/>
-        <el-table-column v-if="!userFlg" label="学院" align="center" prop="collegeName" show-overflow-tooltip width="230"/>
-        <el-table-column v-if="userFlg" label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="230"/>
-        <el-table-column label="隐患总数" align="center" prop="sumTotal" show-overflow-tooltip width="120"/>
-        <el-table-column label="一级指标隐患数" align="center" prop="itemsTotal1" show-overflow-tooltip width="130"/>
-        <el-table-column label="一级指标占比" align="center" prop="percent" show-overflow-tooltip width="130"/>
-        <el-table-column label="二级指标隐患数" align="center" prop="itemsTotal2" show-overflow-tooltip width="130"/>
-        <el-table-column label="二级指标占比" align="center" prop="percent2" show-overflow-tooltip width="130"/>
-        <el-table-column label="三级指标隐患数" align="center" prop="itemsTotal3" show-overflow-tooltip width="130"/>
-        <el-table-column label="三级指标占比" align="center" prop="percent3" show-overflow-tooltip width="130"/>
-        <el-table-column label="四级指标隐患数" align="center" prop="itemsTotal4" show-overflow-tooltip width="130"/>
-        <el-table-column label="四级指标占比" align="center" prop="percent4" show-overflow-tooltip width="130"/>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import {
-  dataStatisticsItemsList, dataStatisticsItemsListTop, isSCollege, getloginUser,
-  hiddenDataItemsSubList, hiddenDataItemsSubListTop, listSubAdmin, laboratorySubRelInfoGetListByDeptId
-} from '@/api/safetyCheck/index'
-  //            V3
-  import exportComponent from "@/components/exportComponent/exportComponent.vue";
-  import { getDeptDropList } from '@/api/commonality/permission'
-
-  export default {
-    name: 'checkIndexStatistics',
-    components: {
-      exportComponent,
-    },
-    props:{
-      propsData:{},
-    },
-    data(){
-      return{
-        //导出
-        exportConfig:{
-          api:'',             //导出接口地址
-          ids:'',                                       //勾选导出,勾选的IDS
-          fileName:'检查指标统计',                         //导出文件的命名
-        },
-        deptSelectList:[],
-        subSelectList:[],
-        classTypeList:[],
-        classifiedList:[],
-        dateRange:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          deptId:null,
-          subId:null,
-          searchValue:null,
-        },
-        setChildren:"",
-        numData:{},
-        tableList:[],
-        total:0,
-        userFlg:false,
-        deptId:"",
-      }
-    },
-    created(){
-    },
-    mounted(){
-      this.initializationInterface();
-    },
-    methods:{
-      initializationInterface(){
-        let self = this;
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          searchValue:null,
-        });
-        //获取学院列表
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-        getloginUser().then(response => {
-          this.$set(this,'deptId',response.data.deptId)
-          this.getSubList('');
-        });
-        isSCollege().then(response => {
-          this.$set(this,'userFlg',response.data.userFlg);
-          if(this.userFlg){
-            this.$set(this.queryParams,'subId',null)
-            this.$set(this.exportConfig,'api','/zd-security/collegCheck/collegeItemsExport/')
-          }else{
-            this.$set(this.queryParams,'deptId',null)
-            this.$set(this.exportConfig,'api','/zd-security/DataStatistics/itemsExport/')
-          }
-          setTimeout(function(){
-            self.getList();
-          },200);
-        })
-      },
-      //实验室搜索
-      getSubList(val){
-        console.log('val',val)
-        laboratorySubRelInfoGetListByDeptId({deptIds:[this.deptId],subName:val}).then(response => {
-          this.subSelectList = response.data;
-        });
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        let objTop = JSON.parse(JSON.stringify(this.queryParams))
-
-        if(this.dateRange[0]){
-          obj.beginTime=this.dateRange[0]+'T00:00:00';
-          obj.endTime=this.dateRange[1]+'T23:59:59';
-
-          objTop.beginTime=this.dateRange[0]+'T00:00:00';
-          objTop.endTime=this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.beginTime== "";
-          obj.endTime== "";
-          objTop.beginTime== "";
-          objTop.endTime== "";
-        }
-
-
-        delete objTop.page
-        delete objTop.pageSize
-        if(this.userFlg){
-          //院级
-          hiddenDataItemsSubList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-          hiddenDataItemsSubListTop(objTop).then(response => {
-            this.$set(this,'numData',response.data);
-          });
-        }else{
-          //校级
-          dataStatisticsItemsList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-          dataStatisticsItemsListTop(objTop).then(response => {
-            this.$set(this,'numData',response.data);
-          });
-        }
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          searchValue:null,
-        });
-        if(this.userFlg){
-          this.$set(this.queryParams,'subId',null)
-        }else{
-          this.$set(this.queryParams,'deptId',null)
-        }
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.exportConfig.ids = selection.map(item => item.id);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .checkIndexStatistics{
-    .form-box{
-      .form-dropdown-box{
-        display: flex;
-        margin:0;
-        padding:0 10px;
-        cursor: pointer;
-        height:40px;
-        img:nth-child(1){
-          width:16px;
-          height:16px;
-          margin-top:12px;
-        }
-        p{
-          width:47px;
-          text-align: center;
-          font-size:14px;
-          margin:0;
-          line-height:40px;
-        }
-        img:nth-child(3){
-          width:10px;
-          height:6px;
-          margin-top:17px;
-        }
-      }
-    }
-    .num-data-box{
-      background: rgba(1,131,250,0.2);
-      color:#0183FA;
-      font-size:14px;
-      line-height:40px;
-      padding:0 20px;
-      border-radius:4px;
-      margin-bottom:20px;
-    }
-  }
-</style>

src/views/safetyCheckDemo/dataStatistics/index.vue

@@ -1,111 +0,0 @@
-<template>
-  <div class="app-container dataStatistics">
-    <div class="title-box">
-      <div :class="pageType == 1?'checkTitle':''" @click="checkTitleButton(1)">
-        <p>按实验室</p>
-        <p></p>
-      </div>
-      <div :class="pageType == 2?'checkTitle':''" @click="checkTitleButton(2)">
-        <p>按安全隐患</p>
-        <p></p>
-      </div>
-      <div :class="pageType == 3?'checkTitle':''" @click="checkTitleButton(3)">
-        <p>按检查指标</p>
-        <p></p>
-      </div>
-      <div :class="pageType == 4?'checkTitle':''" @click="checkTitleButton(4)">
-        <p>按检查内容</p>
-        <p></p>
-      </div>
-    </div>
-    <laboratoryStatistics v-if="pageType == 1"></laboratoryStatistics>
-    <safetyHazardStatistics v-if="pageType == 2"></safetyHazardStatistics>
-    <checkIndexStatistics v-if="pageType == 3" :propsData="propsData"></checkIndexStatistics>
-    <inspectContent v-if="pageType == 4" ></inspectContent>
-  </div>
-</template>
-
-<script>
-  import laboratoryStatistics from './laboratoryStatistics.vue'
-  import safetyHazardStatistics from './safetyHazardStatistics.vue'
-  import checkIndexStatistics from './checkIndexStatistics.vue'
-  import inspectContent from './inspectContent.vue'
-  export default {
-    name: 'index',
-    components: {
-      laboratoryStatistics,
-      safetyHazardStatistics,
-      checkIndexStatistics,
-      inspectContent
-    },
-    data(){
-      return{
-        pageType:1,
-        propsData:{
-          jumpType:false,
-        }
-      }
-    },
-    created(){
-      if(this.$route.query.type){
-        this.$set(this,'pageType',3);
-      }
-    },
-    mounted(){
-
-    },
-    methods:{
-      checkTitleButton(type){
-        if(this.pageType != type){
-          this.$set(this,'pageType',type);
-        }
-      }
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .dataStatistics{
-    flex:1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    *{
-      font-weight: 500;
-    }
-    .title-box{
-      display: flex;
-      height:80px;
-      border-bottom:1px solid #d8d8d8;
-      padding:0 40px;
-      div{
-        height:80px;
-        margin-right:80px;
-        cursor: pointer;
-        p:nth-child(1){
-          width:80px;
-          font-size:16px;
-          text-align: center;
-          color:#333;
-          line-height:40px;
-          height:40px;
-          margin-top:20px;
-        }
-        p:nth-child(2){
-          width:60px;
-          height: 4px;
-          border-radius:4px;
-          margin:0 10px;
-        }
-      }
-      .checkTitle{
-        p:nth-child(1){
-          color:#0045AF;
-        }
-        p:nth-child(2){
-          background-color: #0045AF;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/dataStatistics/inspectContent.vue

@@ -1,265 +0,0 @@
-<!--检查内容统计列表-->
-<template>
-  <div class="page-container safetyHazardStatistics">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="rectifyStatus">
-          <el-select v-model="queryParams.hazardTypeMode" clearable placeholder="全部检查内容">
-            <el-option
-              v-for="item in materialTypeList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="deptId" label-width="50px">
-          <el-select v-model="queryParams.deptId" @change="handleNodeClick" clearable placeholder="全部学院">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="subId" label-width="58px">
-          <el-select v-model="queryParams.subId" placeholder="请选择实验室">
-            <el-option
-              v-for="item in subjectOptions"
-              :key="item.subId"
-              :label="item.subName"
-              :value="item.subId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="dateRange" label-width="70px">
-          <el-date-picker
-            :clearable="false"
-            v-model="dateRange"
-            size="small"
-            style="width: 240px"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-          ></el-date-picker>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <el-form-item style="float: right;" v-hasPermiRouter="['safety:dataSub:export']">
-          <export-component :exportConfig="exportConfig"></export-component>
-
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <div class="num-data-box">
-        共搜索到隐患总数 {{numData.sumTotal}}，已整改数 {{numData.sumYzg}}， 未整改数 {{numData.sumWzg}}，整改率 {{numData.rate}}
-      </div>
-      <el-table class="table-box" border :data="tableList" ref="table-box"
-                 :row-key="getRowKeys"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="50" align="center" fixed/>
-        <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-        <el-table-column label="检查内容" align="center" prop="hazardName" show-overflow-tooltip width="200" fixed/>
-        <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="200" fixed/>
-        <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="180"/>
-        <el-table-column label="隐患总数" align="center" prop="sumTotal" show-overflow-tooltip width="100"/>
-        <el-table-column label="隐患占比" align="center" prop="percent" show-overflow-tooltip width="180"/>
-        <el-table-column label="已整改" align="center" prop="sumYzg" show-overflow-tooltip width="180"/>
-        <el-table-column label="未整改" align="center" prop="sumWzg" show-overflow-tooltip width="180"/>
-        <el-table-column label="整改率" align="center" prop="percent2" show-overflow-tooltip width="180"/>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-  import { getDicts } from "@/api/commonality/noPermission";
-  import {
-    dataStatisticsContentList,
-    dataStatisticsContentListTop,
-    laboratorySubRelInfoGetListByDeptId
-  } from '@/api/safetyCheck/index'
-  import { dangerList } from '@/apiDemo/gasManage3_0/gasManage'
-  import { subjectDictList } from '@/apiDemo/laboratory/record'
-  //            V3
-  import exportComponent from "@/components/exportComponent/exportComponent.vue";
-  import { getDeptDropList } from '@/api/commonality/permission'
-
-  export default {
-    name: 'safetyHazardStatistics',
-    components: {
-      exportComponent,
-    },
-    data(){
-      return{
-        //导出
-        exportConfig:{
-          api:'/zd-security/DataStatistics/contentExport/',             //导出接口地址
-          ids:'',                                       //勾选导出,勾选的IDS
-          fileName:'检查内容统计',                         //导出文件的命名
-        },
-        deptSelectList:[],
-        materialTypeList:[],
-        subjectOptions:[],
-        levelList:[{label:"一般隐患",key:"2"},{label:"重大隐患",key:"1"},{label:"管理问题",key:"3"}],
-        dateRange:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          hazardTypeMode:null,
-          deptId:null,
-          subId:null,
-        },
-        setChildren:"",
-        numData:{},
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.dangerList();
-      this.initializationInterface();
-      this.getList();
-    },
-    methods:{
-      initializationInterface(){
-        //获取学院列表
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-      //获取危险源类型
-      dangerList(){
-        let self=this;
-        getDicts('lab_hazard_type').then(response => {
-          this.$set(this,'materialTypeList',response.data);
-        });
-      },
-      // 节点单击事件
-      handleNodeClick(data) {
-        this.queryParams.deptId = data;
-        this.getSubjectDictList(data);
-      },
-      /** 查询实验室字典列表 */
-      getSubjectDictList (deptId) {
-        this.subjectOptions = null;
-        laboratorySubRelInfoGetListByDeptId({deptIds:[deptId],subName:''}).then(response => {
-          this.subjectOptions = response.data;
-        });
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTime=this.dateRange[0]+'T00:00:00';
-          obj.endTime=this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.beginTime== "";
-          obj.endTime== "";
-        }
-        dataStatisticsContentList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-        dataStatisticsContentListTop(obj).then(response => {
-          this.$set(this,'numData',response.data);
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          hazardTypeMode:"",
-          deptId:"",
-          subId:"",
-        });
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.exportConfig.ids = selection.map(item => item.id);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .safetyHazardStatistics{
-    .form-box{
-      .form-dropdown-box{
-        display: flex;
-        margin:0;
-        padding:0 10px;
-        cursor: pointer;
-        height:40px;
-        img:nth-child(1){
-          width:16px;
-          height:16px;
-          margin-top:12px;
-        }
-        p{
-          width:47px;
-          text-align: center;
-          font-size:14px;
-          margin:0;
-          line-height:40px;
-        }
-        img:nth-child(3){
-          width:10px;
-          height:6px;
-          margin-top:17px;
-        }
-      }
-    }
-    .num-data-box{
-      background: rgba(1,131,250,0.2);
-      color:#0183FA;
-      font-size:14px;
-      line-height:40px;
-      padding:0 20px;
-      border-radius:4px;
-      margin-bottom:20px;
-    }
-
-  }
-</style>

src/views/safetyCheckDemo/dataStatistics/laboratoryStatistics.vue

@@ -1,251 +0,0 @@
-<!--实验室统计列表-->
-<template>
-  <div class="page-container laboratoryStatistics">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="deptId" label-width="50px">
-          <el-select v-model="queryParams.deptId" clearable placeholder="全部">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="typeId">
-          <el-select v-model="queryParams.typeId" clearable placeholder="安全分类" style="width: 120px">
-            <el-option
-              v-for="item in classTypeList"
-              :key="item.typeId"
-              :label="item.typeName"
-              :value="item.typeId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="level">
-          <el-select v-model="queryParams.level" clearable placeholder="安全分级" style="width: 120px">
-            <el-option
-              v-for="item in classifiedList"
-              :key="item.levelId"
-              :label="item.levelName"
-              :value="item.levelId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="实验室/房间号"
-            clearable
-            style="width: 200px"/>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <el-form-item style="float: right;" v-hasPermiRouter="['safety:dataSub:export']">
-          <export-component :exportConfig="exportConfig"></export-component>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <div class="num-data-box">
-        搜索到实验室总数 {{numData.sumTotal}}，存在危险源的实验室数 {{numData.hazardSubjectTotal}}，危险源总数 {{numData.hazardTotal}}<span v-for="item in numData.classListVo">，{{item.levelName}} {{item.amount}}</span>
-      </div>
-      <el-table class="table-box" border :data="tableList" ref="table-box"
-                 tooltip-effect="dark" :row-key="getRowKeys"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="50" align="center" fixed/>
-        <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-        <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="200" fixed/>
-        <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="180" fixed/>
-        <el-table-column label="房间号" align="center" prop="roomNumber" show-overflow-tooltip width="100"/>
-        <el-table-column label="楼栋" align="center" prop="buildName" show-overflow-tooltip width="180"/>
-        <el-table-column label="安全分类" align="center" prop="typeName" show-overflow-tooltip width="100"/>
-        <el-table-column label="安全分级" align="center" prop="levelName" show-overflow-tooltip width="100"/>
-        <el-table-column label="危险源" align="center" prop="hazardName" show-overflow-tooltip width="260"/>
-        <el-table-column label="实验室安全员" align="center" prop="safeUserNameAdminPhone" show-overflow-tooltip width="185"/>
-        <el-table-column label="实验室负责人" align="center" prop="adminNameAndPhone" show-overflow-tooltip width="180"/>
-        <el-table-column label="隐患总数" align="center" prop="dangerNum" show-overflow-tooltip width="100"/>
-        <el-table-column label="整改率" align="center" prop="percent" show-overflow-tooltip width="100"/>
-        <el-table-column label="复核通过率" align="center" prop="percent2" show-overflow-tooltip width="100"/>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-  import { dataStatisticsSubList,dataStatisticsSubListTop } from "@/api/safetyCheck/index";
-  //            V3
-  import exportComponent from "@/components/exportComponent/exportComponent.vue";
-  import {
-    getDeptDropList,
-    laboratoryClassLevelGetList,
-    laboratoryClassTypeGetList
-  } from '@/api/commonality/permission'
-
-  export default {
-    name: 'laboratoryStatistics',
-    components: {
-      exportComponent,
-    },
-    data(){
-      return{
-        //导出
-        exportConfig:{
-          api:'/zd-security/DataStatistics/subExport/',             //导出接口地址
-          ids:'',                                       //勾选导出,勾选的IDS
-          fileName:'实验室统计',                         //导出文件的命名
-        },
-        deptSelectList:[],
-        classTypeList:[],
-        classifiedList:[],
-        dateRange:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          searchValue:null,
-          deptId:null,
-          typeId:null,
-          level:null,
-        },
-        setChildren:"",
-        numData:{},
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.initializationInterface();
-      this.getList();
-    },
-    methods:{
-      initializationInterface(){
-        //获取学院列表
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-        /**获取分级*/
-        laboratoryClassLevelGetList({}).then(response => {
-          this.$set(this, 'classifiedList', response.data)
-        })
-        /**获取分类*/
-        laboratoryClassTypeGetList({}).then(response => {
-          this.$set(this, 'classTypeList', response.data)
-        })
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        // if(this.dateRange[0]){
-        //   obj.beginTime = this.dateRange[0];
-        // }else{
-        //   obj.beginTime = "";
-        // }
-        // if(this.dateRange[1]){
-        //   obj.endTime = this.dateRange[1];
-        // }else{
-        //   obj.endTime = "";
-        // }
-        dataStatisticsSubList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-        dataStatisticsSubListTop(obj).then(response => {
-          this.$set(this,'numData',response.data);
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          searchValue:"",
-          deptId:"",
-          typeId:"",
-          level:""
-        });
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.exportConfig.ids = selection.map(item => item.id);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .laboratoryStatistics{
-    .form-box{
-      .form-dropdown-box{
-        display: flex;
-        margin:0;
-        padding:0 10px;
-        cursor: pointer;
-        height:40px;
-        img:nth-child(1){
-          width:16px;
-          height:16px;
-          margin-top:12px;
-        }
-        p{
-          width:47px;
-          text-align: center;
-          font-size:14px;
-          margin:0;
-          line-height:40px;
-        }
-        img:nth-child(3){
-          width:10px;
-          height:6px;
-          margin-top:17px;
-        }
-      }
-    }
-    .num-data-box{
-      background: rgba(1,131,250,0.2);
-      color:#0183FA;
-      font-size:14px;
-      line-height:40px;
-      padding:0 20px;
-      border-radius:4px;
-      margin-bottom:20px;
-    }
-  }
-</style>

src/views/safetyCheckDemo/dataStatistics/safetyHazardStatistics.vue

@@ -1,264 +0,0 @@
-<!--安全隐患统计列表-->
-<template>
-  <div class="page-container safetyHazardStatistics">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="deptId" label-width="50px">
-          <el-select v-model="queryParams.deptId" clearable placeholder="全部">
-            <el-option
-              v-for="item in deptSelectList"
-              :key="item.deptId"
-              :label="item.deptName"
-              :value="item.deptId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="rectifyStatus">
-          <el-select v-model="queryParams.rectifyStatus" clearable placeholder="全部状态" style="width: 120px">
-            <el-option
-              v-for="item in typeList"
-              :key="item.key"
-              :label="item.label"
-              :value="item.key">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="hdLevel">
-          <el-select v-model="queryParams.hdLevel" clearable placeholder="全部隐患等级" style="width: 140px">
-            <el-option
-              v-for="item in levelList"
-              :key="item.key"
-              :label="item.label"
-              :value="item.key">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="计划任务/实验室/房间号"
-            clearable
-            style="width: 200px"/>
-        </el-form-item>
-        <el-form-item label="" prop="dateRange" label-width="70px">
-          <el-date-picker
-            :clearable="false"
-            v-model="dateRange"
-            size="small"
-            style="width: 240px"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-          ></el-date-picker>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <el-form-item style="float: right;" v-hasPermiRouter="['safety:dataSub:export']">
-          <export-component :exportConfig="exportConfig"></export-component>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <div class="num-data-box">
-        共搜索到隐患总数 {{numData.sumTotal}}，重大隐患数 {{numData.zdHazardTotal}}，一般隐患数 {{numData.ybHazardTotal}}，管理问题数 {{numData.glHazardTotal}} ，待整改总数 {{numData.rectifiedTotal}}，复核总数 {{numData.resultTotal}}，复核通过率 {{numData.rate}}
-      </div>
-      <el-table class="table-box" border :data="tableList" ref="table-box"
-                 :row-key="getRowKeys"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="50" align="center" fixed/>
-        <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-        <el-table-column label="计划任务" align="center" prop="title" show-overflow-tooltip width="200" fixed/>
-        <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="200" fixed/>
-        <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="180"/>
-        <el-table-column label="房间号" align="center" prop="subRoom" show-overflow-tooltip width="100"/>
-        <el-table-column label="楼栋" align="center" prop="buildName" show-overflow-tooltip width="180"/>
-        <el-table-column label="隐患等级" align="center" prop="hazardLevel" show-overflow-tooltip width="100">
-          <template slot-scope="scope">
-            {{scope.row.hazardLevel==1?'重大隐患':(scope.row.hazardLevel==2?'一般隐患':(scope.row.hazardLevel==3?'管理问题':''))}}
-          </template>
-        </el-table-column>
-        <el-table-column label="不符合项" align="center" prop="hazardCheckPoint" show-overflow-tooltip width="260">
-          <template slot-scope="scope">
-            <span>{{scope.row.hazardCheckCode}}</span>
-            <span v-if="scope.row.checkCategory==1">{{scope.row.hazardCheckPoint}}</span>
-            <span v-if="scope.row.checkCategory!=1">{{scope.row.hazardCheckName}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="历史出现次数" align="center" prop="sumTotal" show-overflow-tooltip width="120"/>
-        <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="180"/>
-        <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
-        <el-table-column label="检查时间" align="center" prop="checkTime2" show-overflow-tooltip width="180"/>
-        <el-table-column label="状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="100">
-          <template slot-scope="scope">
-            {{scope.row.rectifyStatus==1?'复核完毕':(scope.row.rectifyStatus==2?'未整改':(scope.row.rectifyStatus==3?'已整改':(scope.row.rectifyStatus==4?'暂无法整改':'')))}}
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-  import { dataStatisticsHazardList,dataStatisticsHazardListTop } from "@/api/safetyCheck/index";
-  //            V3
-  import exportComponent from "@/components/exportComponent/exportComponent.vue";
-  import { getDeptDropList } from '@/api/commonality/permission'
-
-  export default {
-    name: 'safetyHazardStatistics',
-    components: {
-      exportComponent,
-    },
-    data(){
-      return{
-        //导出
-        exportConfig:{
-          api:'/zd-security/DataStatistics/hazardExport/',             //导出接口地址
-          ids:'',                                       //勾选导出,勾选的IDS
-          fileName:'安全隐患统计',                         //导出文件的命名
-        },
-        deptSelectList:[],
-        typeList:[{label:"未整改",key:"2"},{label:"已整改",key:"3"},{label:"暂无法整改",key:"4"},{label:"复核完毕",key:"1"}],
-        levelList:[{label:"一般隐患",key:"2"},{label:"重大隐患",key:"1"},{label:"管理问题",key:"3"}],
-        dateRange:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          searchValue:null,
-          deptId:null,
-          rectifyStatus:null,
-          hdLevel:null,
-        },
-        setChildren:"",
-        numData:{},
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.initializationInterface();
-      this.getList();
-    },
-    methods:{
-      initializationInterface(){
-        //获取学院列表
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTime=this.dateRange[0]+'T00:00:00';
-          obj.endTime=this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.beginTime== "";
-          obj.endTime== "";
-        }
-        dataStatisticsHazardList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-        dataStatisticsHazardListTop(obj).then(response => {
-          this.$set(this,'numData',response.data);
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          searchValue:"",
-          deptId:"",
-          rectifyStatus:"",
-          hdLevel:"",
-        });
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.exportConfig.ids = selection.map(item => item.id);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .safetyHazardStatistics{
-    .form-box{
-      .form-dropdown-box{
-        display: flex;
-        margin:0;
-        padding:0 10px;
-        cursor: pointer;
-        height:40px;
-        img:nth-child(1){
-          width:16px;
-          height:16px;
-          margin-top:12px;
-        }
-        p{
-          width:47px;
-          text-align: center;
-          font-size:14px;
-          margin:0;
-          line-height:40px;
-        }
-        img:nth-child(3){
-          width:10px;
-          height:6px;
-          margin-top:17px;
-        }
-      }
-    }
-    .num-data-box{
-      background: rgba(1,131,250,0.2);
-      color:#0183FA;
-      font-size:14px;
-      line-height:40px;
-      padding:0 20px;
-      border-radius:4px;
-      margin-bottom:20px;
-    }
-
-  }
-</style>

src/views/safetyCheckDemo/equipmentConfig/index.vue

@@ -1,417 +0,0 @@
-<!--设备检查配置-->
-<template>
-  <div class="app-container approval_handle">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" ref="queryForm" :inline="true">
-          <el-form-item label="" prop="checkLevel">
-            <el-select  v-model="queryParams.hazardType" placeholder="请选择类型">
-              <el-option
-                v-for="item in dangerArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="name">
-            <el-input
-              v-model="queryParams.searchValue"
-              placeholder="名称/型号"
-              clearable
-              maxLength="30"
-              size="small"
-            />
-          </el-form-item>
-          <el-form-item>
-            <p class="page-inquire-common-style-button" @click="handleQuery">查询</p>
-            <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          </el-form-item>
-          <el-form-item style="float: right;">
-            <p class="page-add-common-style-button" v-hasPermiRouter="['check:device:add']" style="width:120px;" @click="handleClick('','','add')">新增检查内容</p>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border v-loading="loading" :data="tableData">
-          <el-table-column label="序号"  width="100" align="left"  type="index"/>
-          <el-table-column label="类型" align="left" prop="dictLabel"/>
-          <el-table-column label="名称" align="left" prop="anotherName"></el-table-column>
-          <el-table-column label="型号" align="left" prop="anotherCode"></el-table-column>
-          <el-table-column label="检查项目数" align="left" prop="checkNum"></el-table-column>
-          <el-table-column label="编辑人" align="left" prop="createName"></el-table-column>
-          <el-table-column label="编辑时间" align="left" prop="createTimeStr"></el-table-column>
-          <el-table-column label="操作" width="180">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['check:device:detail']" @click="handleClick('',scope.row,'detail')">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['check:device:edit']" @click="handleClick('',scope.row,'edit')">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['check:device:del']" @click="handleClick('',scope.row,'delete')">删除</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    :total="total"
-                    layout="total, prev, pager, next, sizes, jumper"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <!--添加窗口-->
-    <el-dialog :title="addDialogTitle" :visible.sync="addDialogType" v-if="addDialogType" @close="addDialogOff" width="780px" append-to-body class="checkItemLibrary-dialog-box"
-               :close-on-click-modal="false">
-      <el-form ref="addDialogForm" :model="addDialogForm" :rules="rules" label-width="120px">
-        <el-form-item label="检查内容:" prop="joinHazardReid">
-          <el-select  v-model="addDialogForm.joinHazardReid" clearable placeholder="请选择检查项" :disabled="isDetail" style="width:548px;">
-            <el-option
-              v-for="item in materialTypeList"
-              :key="item.hazardId"
-              :label="item.chName"
-              :value="item.hazardId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <div class="small_title">对应检查项目</div>
-        <el-form-item label="检查类目" prop="joinCheckOpList" v-if="!isDetail">
-          <el-cascader
-            style="width:548px;max-height: 300px; overflow-y: auto"
-            v-model="addDialogForm.joinCheckOpList"
-            :options="cascaderData"
-            :props="{ multiple: true, value: 'id', label: 'labelName',emitPath:false }"
-            @change="cascaderCheck">
-            <template slot-scope="{data}">
-              <el-tooltip :content="data.labelName" v-if="data.labelName.length>22">
-                <p style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-              </el-tooltip>
-              <p v-else style="max-width:300px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;">{{data.labelName}}</p>
-            </template>
-          </el-cascader>
-        </el-form-item>
-        <div style="height: 300px;overflow-y: auto">
-          <el-form-item label="">
-            <el-tree
-              ref="tree"
-              :data="cascaderTreeData"
-              :props="defaultProps"
-              show-checkbox
-              node-key="id"
-              default-expand-all
-              :default-checked-keys="cascaderCheckedData"
-              >
-            </el-tree>
-          </el-form-item>
-        </div>
-
-      </el-form>
-      <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="addDialogOff">取消</p>
-        <p class="dialog-footer-button-primary" @click="upDataButton">确定</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { getToken } from "@/utils/auth";
-import {
-  checkOptionList,
-  checkDeviceList,
-  checkDeviceAdd,
-  inspectContentList, checkDeviceDetail, checkDeviceEdit, checkDeviceDelete,
-} from '@/api/safetyCheck'
-import { getDicts } from '@/api/commonality/noPermission'
-export default {
-  name: "Approval",
-  components: {
-
-  },
-  data() {
-    return {
-      //页面状态
-      pageType:1,
-      loading:false,
-      headers: {
-        Authorization: getToken()
-      },
-      // 查询参数
-      queryParams: {
-        page: 1,
-        pageSize:20,
-        hazardType:'',
-        searchValue:'',
-      },
-      total:0,
-      tableData:[],
-      dateRange:[],
-      pageData2:{},
-      addDialogTitle:'新增检查项',
-      addDialogType:false,
-      addDialogForm:{
-        joinHazardReid:'',
-        joinCheckOpList:[],
-      },
-      //检查项
-      cascaderData:[],
-      cascaderTreeData:[],
-      cascaderDataPrimitive:[],
-      dangerArr:[],//危险源类型
-      materialTypeList:[],//检查内容
-      // 表单校验
-      rules: {
-        joinCheckOpList: [
-          { required: true, message: "请选择", trigger: "blur" },
-          { required: true, message: "请选择", validator: this.spaceJudgment, trigger: "blur" }
-        ],
-        joinHazardReid: [
-          { required: true, message: "请输入检查项目内容", trigger: "blur" },
-          { required: true, message: "请输入检查项目内容", validator: this.spaceJudgment, trigger: "blur" }
-        ],
-      },
-
-      defaultProps: {
-        children: 'children',
-        label: 'labelName'
-      },
-      cascaderCheckedData:[],//检查类目树回显
-      isDetail:false,
-    }
-
-  },
-  mounted() {
-    this.dangerList()
-    this.checkOptionList();
-    this.inspectContentList()
-
-    this.getList()
-  },
-  methods: {
-
-    handleClick(index,row,doType){
-      let _this=this;
-      if(doType=='add'){//新增
-        this.isDetail=false;
-        this.$set(this,'addDialogType',true);
-        this.$set(this,'addDialogTitle','新增检查项');
-        this.inspectContentList()//检查内容
-        this.$nextTick(function () {
-          //Dom更新完毕
-          this.$refs.tree.setCheckedKeys([]);
-        });
-      }else if(doType=='detail'){//详情
-        this.isDetail=true;
-        this.$set(this,'addDialogType',true);
-        this.$set(this,'addDialogTitle','编辑检查项');
-        this.getInfo(row.id)
-        this.inspectContentList(row.id)//检查内容
-        this.$nextTick(function () {
-          //Dom更新完毕
-          this.$refs.tree.setCheckedKeys([]);
-        });
-      }else if(doType=='edit'){//编辑
-        this.isDetail=false;
-        this.$set(this,'addDialogType',true);
-        this.$set(this,'addDialogTitle','编辑检查项');
-        this.getInfo(row.id)
-        this.inspectContentList(row.id)//检查内容
-        this.$nextTick(function () {
-          //Dom更新完毕
-          this.$refs.tree.setCheckedKeys([]);
-        });
-
-      }else if(doType=='delete'){//删除
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(() => {
-          checkDeviceDelete(row.id).then(response => {
-            if(response.code == 200){
-              this.getList();
-              this.msgSuccess("删除成功");
-            }
-          });
-        }).catch(() => {});
-      }
-    },
-    //添加页面关闭
-    addDialogOff(){
-      this.$set(this.addDialogForm,'joinCheckOpList',null);
-      this.$set(this.addDialogForm,'joinHazardReid','');
-      this.$set(this,'addDialogType',false);
-    },
-    //联级选中
-    cascaderCheck(val){
-
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.page = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.queryParams.searchValue = "";
-      this.queryParams.hazardType='',
-        this.handleQuery();
-    },
-    /** 查询检查项选项列表 */
-    checkOptionList() {
-      this.loading = true;
-      checkOptionList(this.queryParams).then( response => {
-        let list=JSON.parse(JSON.stringify(response.data))
-        this.$set(this,'cascaderData',list);
-        this.$set(this,'cascaderTreeData',JSON.parse(JSON.stringify(list)));
-        this.$set(this,'cascaderDataPrimitive',JSON.parse(JSON.stringify(list)));
-        this.getCascaderData(this.cascaderData);
-        this.getCascaderTreeData(this.cascaderTreeData);
-        this.loading = false;
-      });
-    },
-    //联级选择器数据处理
-    getCascaderData(list){
-      let self = this;
-      for(let i=0;i<list.length;i++){
-        list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-        if(list[i].level == 1 || list[i].level == 2 || list[i].level == 3){
-          self.getCascaderData(list[i].children)
-        }else{
-          delete list[i].children
-        }
-      }
-    },
-    //树形选择器数据处理
-    getCascaderTreeData(list){
-      let self = this;
-      for(let i=0;i<list.length;i++){
-        list[i].labelName = list[i].code? list[i].code +' '+ list[i].name:list[i].name
-        list[i].disabled = true;
-        if(list[i].level == 1 || list[i].level == 2 || list[i].level == 3){
-          self.getCascaderTreeData(list[i].children)
-        }else{
-          delete list[i].children
-        }
-      }
-    },
-    //获取危险源类型
-    dangerList(){
-      // dangerList().then( response => {
-      //   let res=response.rows;
-      //   _this.dangerArr=res;
-      // });
-
-      let self=this;
-      getDicts('lab_hazard_type').then(response => {
-        this.$set(this,'dangerArr',response.data);
-      });
-    },
-    //检查内容
-    inspectContentList(joinHazardReid){
-      let _this=this;
-      if(joinHazardReid){//编辑的时候
-        inspectContentList({joinHazardReid:joinHazardReid}).then( response => {
-          let res=response.data;
-          _this.materialTypeList=res;
-        });
-      }else{//新增的时候
-        inspectContentList().then( response => {
-          let res=response.data;
-          _this.materialTypeList=res;
-        });
-      }
-
-    },
-    //详情
-    getInfo(id){
-      let _this=this;
-      checkDeviceDetail(({id:id})).then( response => {
-        let res=response.data;
-        if(response.code==200){
-          let list=[];
-          this.addDialogForm.joinHazardReOldid=res.hazardId;
-          this.addDialogForm.joinHazardReid=res.hazardId;
-          res.checkList.forEach(function(item) {
-            list.push(item.joinCheckOpid)
-          })
-          this.addDialogForm.joinCheckOpList=list
-          this.cascaderCheckedData=list
-        }
-      });
-    },
-    //列表
-    getList(){
-      let _this=this;
-      checkDeviceList(_this.queryParams).then( response => {
-        let res=response.data.records;
-        _this.tableData=res;
-        _this.total=response.data.total;
-      });
-    },
-    //新增编辑
-    upDataButton(){
-      this.$refs["addDialogForm"].validate(valid => {
-        if (valid) {
-          console.log(this.addDialogForm)
-          if(this.addDialogForm.joinHazardReOldid){
-            //编辑
-            let obj={
-              joinHazardReOldid:JSON.parse(JSON.stringify(this.addDialogForm)).joinHazardReOldid,
-              joinHazardReid:JSON.parse(JSON.stringify(this.addDialogForm)).joinHazardReid,
-              joinCheckOpList:JSON.parse(JSON.stringify(this.addDialogForm)).joinCheckOpList,
-            }
-            checkDeviceEdit(obj).then( response => {
-              this.msgSuccess(response.message)
-              this.addDialogOff();
-              this.getList();
-              this.inspectContentList()
-            })
-          }else{
-            //新增
-            let obj={
-              joinHazardReid:JSON.parse(JSON.stringify(this.addDialogForm)).joinHazardReid,
-              joinCheckOpList:JSON.parse(JSON.stringify(this.addDialogForm)).joinCheckOpList,
-            }
-            checkDeviceAdd(obj).then( response => {
-              this.msgSuccess(response.message)
-              this.addDialogOff();
-              this.getList();
-              this.inspectContentList()
-            })
-          }
-        }
-      })
-    },
-  },
-
-};
-</script>
-
-<style scoped lang="scss">
-.approval_handle {
-  .goods-category-cascader-stocking-page .el-cascader-menu:nth-of-type(1) .el-checkbox__input {
-    display: none !important;
-  }
-}
-.el-dialog__body{
-  padding: 20px 0!important;
-}
-
-.small_title{
-  width: 100%;
-  height: 40px;
-  background: #F5F5F5;
-  font-size: 16px;
-  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
-  font-weight: 400;
-  color: #0045AF;
-  line-height: 40px;
-  padding-left: 50px;
-  margin-bottom:20px;
-}
-</style>

src/views/safetyCheckDemo/laboratorySelfTest/selfInspectionManagement/index.vue

@@ -1,432 +0,0 @@
-<!--自查管理-->
-<template>
-  <div class="app-container selfInspectionManagement">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.manageStatus=='-1'?'checkDiv':''" @click="topLeftClickType('-1')">全部</p>
-              <p class="text-p" :class="queryParams.manageStatus=='0'?'checkDiv':''" @click="topLeftClickType('0')">待检查</p>
-              <p class="text-p" :class="queryParams.manageStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">检查中</p>
-              <p class="text-p" :class="queryParams.manageStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">已检查</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" style="margin-left:10px;" prop="searchValue">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号/检查者"
-              clearable
-              style="width: 250px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip width="250" fixed/>
-          <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="220" fixed>
-            <template slot-scope="scope">{{scope.row.roomNumber?scope.row.subjectName+'-'+scope.row.roomNumber:scope.row.subjectName}}</template>
-          </el-table-column>
-          <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="150"/>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查状态" align="center" prop="manageStatus" show-overflow-tooltip width="90">
-            <template slot-scope="scope">
-              <p :class="scope.row.manageStatus==0?'manageStatus-color-1':(scope.row.manageStatus==1?'manageStatus-color-2':(scope.row.manageStatus==2?'manageStatus-color-3':''))">
-                {{scope.row.manageStatus==0?'待检查':(scope.row.manageStatus==1?'检查中':(scope.row.manageStatus==2?'已检查':''))}}
-              </p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
-          <el-table-column label="检查结果" align="center" prop="checkResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkResult==0?'不符合':(scope.row.checkResult==1?'符合':'')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="隐患数" align="center" prop="dangerNum" show-overflow-tooltip width="80"/>
-          <el-table-column label="整改进度" align="center" prop="rectifySchedule" show-overflow-tooltip width="200"/>
-          <el-table-column label="计划周期" align="center" prop="startTime" show-overflow-tooltip width="270">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage_1:detail']"
-                   v-show="scope.row.manageStatus==0||scope.row.manageStatus==2" @click="goAddPage(3,scope.row.id)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage_1:edit']"
-                   v-show="scope.row.manageStatus==1 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage_1:edit']"
-                   v-show="scope.row.manageStatus==0 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">开始检查</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage_1:edit']"
-                   style="color:#999" v-show="scope.row.manageStatus==0 && scope.row.isCheck==0 && scope.row.isSelfData==1">开始检查</p>
-                <p class="table-button-p" v-show="scope.row.isEndProcess==1 && scope.row.checkResult==0" @click="lookDocumentButton(1,scope.row)">整改报告</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <addPage v-if="pageType==2" :propsAddData="propsAddData"></addPage>
-    <infoPage v-if="pageType==3" :propsInfoData="propsInfoData"></infoPage>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addPage from '@/views/safetyCheckDemo/components/addPage/addPage.vue'
-  import infoPage from '@/views/safetyCheckDemo/components/infoPage/infoPage.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  //                        V3
-  import {
-    getDeptDropList
-  } from '@/api/commonality/permission'
-  import {
-    checkManageList, getFindByCheckPlanId
-  } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    components: {
-      addPage,
-      infoPage,
-      lookDocumentDataDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsAddData:{},
-        propsInfoData:{},
-        //学院列表
-        deptSelectList:[],
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          checkType:2,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){
-      if(this.$route.query.id){
-        this.goAddPage(2,this.$route.query.id);
-      }
-    },
-    mounted(){
-      this.getDeptDropList();
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        checkManageList({
-          page:1,
-          pageSize:20,
-          checkType:2,
-          checkTimeSort:0,
-          myRelated:1,
-          manageStatus:this.queryParams.manageStatus,
-          searchValue:this.queryParams.searchValue,
-          deptId:this.queryParams.deptId,
-          startTime:this.dateRange[0]?this.dateRange[0]+'T00:00:00':'',
-          endTime:this.dateRange[1]?this.dateRange[1]+'T23:59:59':'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //开始检查
-      goAddPage(type,id){
-        if(this.pageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'pageType',type);
-          }else if(type == 2){
-            //开始检查/编辑
-            this.$set(this,'propsAddData',{
-              id:id,
-              title:'实验室自查',
-            });
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            //详情
-            this.$set(this,'propsInfoData',{id:id});
-            this.$set(this,'pageType',type);
-          }else if(type == 4){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'pageType',1);
-          }
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':"0"));
-          this.handleQuery();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.manageStatus != type){
-          this.$set(this.queryParams,'manageStatus',type);
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.startTime = this.dateRange[0]+'T00:00:00';
-          obj.endTime = this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.startTime = "";
-          obj.endTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        checkManageList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          checkType:2,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      //查看单个文档
-      lookDocumentButton(type,row){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:"整改报告",
-            type:1,
-            id:row.id,
-            name:row.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-      //获取学院列表
-      getDeptDropList(){
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .selfInspectionManagement{
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(4){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/laboratorySelfTest/selfInspectionTask/index.vue

@@ -1,419 +0,0 @@
-<!--自查任务-->
-<template>
-  <div class="app-container selfInspectionTask">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.checkStatus=='0'?'checkDiv':''" @click="topLeftClickType('0')">全部</p>
-              <p class="text-p" :class="queryParams.checkStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">未开始</p>
-              <p class="text-p" :class="queryParams.checkStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">进行中</p>
-              <p class="text-p" :class="queryParams.checkStatus=='3'?'checkDiv':''" @click="topLeftClickType('3')">已结束</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" style="margin-left:10px;" prop="searchValue">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/创建人"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:130px;float: right;"
-             @click="addDialogOpen(1)"
-          >创建自查任务</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="检查范围" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkRange==1?'全校':(scope.row.checkRange==2?'学院':(scope.row.checkRange==3?'实验室':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="任务周期" align="center" prop="cycleStartTime" show-overflow-tooltip width="260">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="状态" align="center" prop="checkStatus" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p :class="scope.row.checkStatus==1?'checkStatus-color-1':(scope.row.checkStatus==2?'checkStatus-color-2':(scope.row.checkStatus==3?'checkStatus-color-3':''))">{{scope.row.checkStatus==1?'未开始':(scope.row.checkStatus==2?'进行中':(scope.row.checkStatus==3?'已结束':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查进度" align="center" prop="checkSchedule" show-overflow-tooltip width="210"/>
-          <el-table-column label="创建人" align="center" prop="createName" show-overflow-tooltip width="130"/>
-          <el-table-column label="创建时间" sortable="custom" align="center" prop="createTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan_1:detail']"
-                   v-show="scope.row.checkStatus!=1" @click="addDialogOpen(3,scope.row)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan_1:edit']"
-                   v-show="scope.row.checkStatus==1&&scope.row.isSelfData == 1" @click="addDialogOpen(2,scope.row)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_3:list']"
-                   @click="goPage(2,scope.row)">自查管理</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan_1:del']"
-                   v-show="scope.row.checkStatus==1&&scope.row.isSelfData == 1" @click="deleteObj(scope.row)">删除</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <list-page v-if="pageType == 2" :propsListPageData="propsListPageData"></list-page>
-    <add-dialog v-if="addDialogType" :addDialogData="addDialogData"></add-dialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addDialog from './addDialog.vue'
-  import listPage from './listPage.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  import { checkPlanList,checkPlanDelete,getFindByCheckPlanId } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    components: {
-      addDialog,
-      listPage,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsListPageData:{},
-        addDialogType:false,
-        addDialogData:{},
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          checkStatus:0,
-          createTimeSort:0,
-          searchValue:"",
-          checkType:2,
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        checkPlanList({
-          page:1,
-          pageSize:20,
-          createTimeSort:0,
-          checkType:2,
-          myRelated:1,
-          checkStatus:this.queryParams.checkStatus,
-          searchValue:this.queryParams.searchValue,
-          cycleStartTime:this.dateRange[0]?this.dateRange[0]:'',
-          cycleEndTime:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //切换页面
-      goPage(type,data){
-        if(this.pageType != type){
-          if(type == 2){
-            this.$set(this,'propsListPageData',data);
-            this.$set(this,'pageType',type);
-          }else if(type == 1){
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            this.$set(this,'pageType',1);
-            this.getList();
-          }
-        }
-      },
-      //弹窗开启
-      addDialogOpen(type,data){
-        if(type==1){
-          this.$set(this,'addDialogData',{
-            title:"创建自查任务",
-            lookInfoType:false,
-            addType:true,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==2){
-          this.$set(this,'addDialogData',{
-            title:"编辑自查任务",
-            id:data.id,
-            lookInfoType:false,
-            addType:false,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==3){
-          this.$set(this,'addDialogData',{
-            title:"自查任务详情",
-            id:data.id,
-            lookInfoType:true,
-            addType:false,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==4){
-          this.$set(this,'addDialogType',false);
-        }else if(type == 5){
-          this.$set(this,'addDialogType',false);
-          this.getList();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.checkStatus != type){
-          this.$set(this.queryParams,'checkStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'createTime'){
-          this.$set(this.queryParams,'createTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':'0'));
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.cycleStartTime = this.dateRange[0];
-        }else{
-          obj.cycleStartTime = "";
-        }
-        if(this.dateRange[1]){
-          obj.cycleEndTime = this.dateRange[1];
-        }else{
-          obj.cycleEndTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        checkPlanList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          checkStatus:0,
-          createTimeSort:0,
-          searchValue:"",
-          checkType:2,
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      //删除
-      deleteObj(obj){
-        let self = this;
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          checkPlanDelete({id:obj.id,checkType:obj.checkType}).then(response => {
-            self.msgSuccess(response.message)
-            self.getList();
-          })
-        }).then(() => {
-        }).catch(() => {});
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.id}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .selfInspectionTask{
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(4){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-      .page-content-box{
-        .checkStatus-color-1{
-          color:#0183FA;
-        }
-        .checkStatus-color-2{
-          color:#EE0606;
-        }
-        .checkStatus-color-3{
-          color:#23B303;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/laboratorySelfTest/selfInspectionTask/listPage.vue

@@ -1,381 +0,0 @@
-<!--自查子项管理-->
-<template>
-  <div class="selfInspectionManagement">
-    <div class="selfInspectionManagement-page" v-if="pageType == 1">
-      <div class="title-box page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box" style="margin-left:10px;">
-              <div :class="queryParams.manageStatus=='-1'?'checkDiv':''" @click="topLeftClickType('-1')">
-                <p class="text-p">全部</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus=='-1'"></p>
-              </div>
-              <div :class="queryParams.manageStatus==0?'checkDiv':''" @click="topLeftClickType(0)">
-                <p class="text-p">待检查</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==0"></p>
-              </div>
-              <div :class="queryParams.manageStatus==1?'checkDiv':''" @click="topLeftClickType(1)">
-                <p class="text-p">检查中</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==1"></p>
-              </div>
-              <div :class="queryParams.manageStatus==2?'checkDiv':''" @click="topLeftClickType(2)">
-                <p class="text-p">已检查</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==2"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="关键字" prop="searchValue">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号/检查者"
-              clearable
-              style="width: 250px"
-            />
-          </el-form-item>
-          <el-form-item label="学院" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="检查时间" prop="dateRange" style="margin-left:10px;" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <el-form-item>
-            <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-            <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          </el-form-item>
-          <el-form-item style="float: right">
-            <p class="page-out-common-style-button" style="width:80px;" @click="outButton">返回</p>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip width="250" fixed/>
-          <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="220" fixed>
-            <template slot-scope="scope">{{scope.row.roomNumber?scope.row.subjectName+'-'+scope.row.roomNumber:scope.row.subjectName}}</template>
-          </el-table-column>
-          <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="150"/>
-          <el-table-column label="检查状态" align="center" prop="manageStatus" show-overflow-tooltip width="90">
-            <template slot-scope="scope">
-              <p :class="scope.row.manageStatus==0?'manageStatus-color-1':(scope.row.manageStatus==1?'manageStatus-color-2':(scope.row.manageStatus==2?'manageStatus-color-3':''))">{{scope.row.manageStatus==0?'待检查':(scope.row.manageStatus==1?'检查中':(scope.row.manageStatus==2?'已检查':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
-          <el-table-column label="检查结果" align="center" prop="checkResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkResult==0?'不符合':(scope.row.checkResult==1?'符合':'')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="隐患数" align="center" prop="dangerNum" show-overflow-tooltip width="80"/>
-          <el-table-column label="整改进度" align="center" prop="rectifySchedule" show-overflow-tooltip width="200"/>
-          <el-table-column label="任务周期" align="center" prop="startTime" show-overflow-tooltip width="270">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_3:detail']"
-                   v-show="scope.row.manageStatus==0||scope.row.manageStatus==2 && scope.row.isSelfData==1" @click="goAddPage(3,scope.row.id)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_3:edit']"
-                   v-show="scope.row.manageStatus==1 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_3:edit']"
-                   v-show="scope.row.manageStatus==0 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">开始检查</p>
-                <p class="table-button-p"
-                   style="color:#999" v-show="scope.row.manageStatus==0 && scope.row.isCheck==0">开始检查</p>
-                <p class="table-button-p" v-show="scope.row.isEndProcess==1 && scope.row.checkResult==0" @click="lookDocumentButton(1,scope.row)">整改报告</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <addPage v-if="pageType==2" :propsAddData="propsAddData"></addPage>
-    <infoPage v-if="pageType==3" :propsInfoData="propsInfoData"></infoPage>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addPage from '@/views/safetyCheckDemo/components/addPage/addPage.vue'
-  import infoPage from '@/views/safetyCheckDemo/components/infoPage/infoPage.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  //                        V3
-  import {
-    getDeptDropList
-  } from '@/api/commonality/permission'
-  import {
-    findByCheckPlanId,
-    getFindByCheckPlanId,
-  } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    props:{
-      propsListPageData:{},
-    },
-    components: {
-      addPage,
-      infoPage,
-      lookDocumentDataDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsAddData:{},
-        propsInfoData:{},
-        //学院列表
-        deptSelectList:[],
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getDeptDropList();
-      this.getList();
-    },
-    methods:{
-      //返回按钮
-      outButton(){
-        this.$parent.goPage(3);
-      },
-      //开始检查
-      goAddPage(type,id){
-        if(this.pageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'pageType',type);
-          }else if(type == 2){
-            //开始检查/编辑
-            this.$set(this,'propsAddData',{
-              id:id,
-              title:'实验室自查',
-            });
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            //详情
-            this.$set(this,'propsInfoData',{id:id});
-            this.$set(this,'pageType',type);
-          }else if(type == 4){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'pageType',1);
-          }
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':"0"));
-          this.handleQuery();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.manageStatus != type){
-          this.$set(this.queryParams,'manageStatus',type);
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        obj.checkPlanId = this.propsListPageData.id;
-        if(this.dateRange[0]){
-          obj.startTime = this.dateRange[0]+'T00:00:00';
-          obj.endTime = this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.startTime = "";
-          obj.endTime = "";
-        }
-        findByCheckPlanId(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        });
-        this.handleQuery();
-      },
-      //查看单个文档
-      lookDocumentButton(type,row){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:"整改报告",
-            type:1,
-            id:row.id,
-            name:row.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-      //获取学院列表
-      getDeptDropList(){
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .selfInspectionManagement{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .selfInspectionManagement-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .title-box{
-        padding-top:20px;
-        border-bottom:1px solid #dedede;
-        .form-button-max-big-box{
-          display: inline-block;
-          .form-button-big-box{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv{
-              color:#0183FA;
-              border:1px solid #0183FA;
-            }
-          }
-        }
-      }
-      .content-box{
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        padding:20px;
-        overflow: hidden;
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/rectificationReport/index.vue

@@ -1,332 +0,0 @@
-<template>
-  <div class="app-container rectificationReport">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划任务/实验室/房间号"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" style="margin-left:10px;" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:100px;float: right;"
-             @click="allDownload"
-          >批量下载</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @selection-change="handleSelectionChange"  :row-key="getRowKeys">
-          <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
-          <el-table-column label="序号" align="center"  type="index" width="50" />
-          <el-table-column label="计划任务" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="160"/>
-          <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="160"/>
-          <el-table-column label="房间号" align="center" prop="roomNumber" show-overflow-tooltip width="80"/>
-          <el-table-column label="楼栋" align="center" prop="buildName" show-overflow-tooltip width="100"/>
-          <el-table-column label="隐患数" align="center" prop="hazardCount" show-overflow-tooltip width="80"/>
-          <el-table-column label="计划周期" align="center" prop="cycleTime" show-overflow-tooltip width="200"/>
-          <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="80"/>
-          <el-table-column label="检查时间" align="center" prop="checkTime" show-overflow-tooltip width="120"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="200">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" @click="goPage(2,scope.row)">检查详情</p>
-                <p class="table-button-p" @click="lookDocumentButton(1,scope.row)">查看</p>
-                <p class="table-button-p" @click="downloadButton(scope.row)">下载</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <listPage v-if="pageType == 2" :propsListPageData="propsListPageData"></listPage>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-  </div>
-</template>
-
-<script>
-  import {
-    getDeptDropList
-  } from '@/api/commonality/permission'
-  import { checkRectifyList } from  '@/api/safetyCheck/indexTow'
-  import listPage from './listPage.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  export default {
-    name: 'index',
-    components: {
-      listPage,
-      lookDocumentDataDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        propsListPageData:{},
-        pageType:1,
-        deptSelectList:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        selectedNum:0,
-        ids:[],
-        correlationNum:'',
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getDeptDropList();
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        checkRectifyList({
-          page:1,
-          pageSize:20,
-          myRelated:1,
-          deptId:this.queryParams.deptId,
-          searchValue:this.queryParams.searchValue,
-          beginDate:this.dateRange[0]?this.dateRange[0]:'',
-          endDate:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      // 批量下载
-      allDownload(){
-        let self = this;
-        if(!this.ids[0]){
-          this.msgError('请先勾选数据')
-          return
-        }
-        this.$confirm('是否批量下载?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          let text = self.ids+'';
-          self.downloadGet('/zd-security/checkRectify/genReport/zip?idListStr='+text+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'), '批量报告下载.zip')
-        }).then(() => {
-        }).catch(() => {});
-      },
-      // 单个下载按钮
-      downloadButton(row){
-        this.downloadGet('/zd-security/checkRectify/genReport?id='+row.id+'&fileUrl='+localStorage.getItem('fileBrowseEnvironment'), row.title+'(整改报告).docx')
-      },
-      //开关详情页面
-      goPage(type,data){
-        if(this.pageType != type){
-          if(type == 2){
-            this.$set(this.propsListPageData,'id',data.id);
-          }
-          this.$set(this,'pageType',type);
-        }
-      },
-      //查看单个文档
-      lookDocumentButton(type,row){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:"整改报告",
-            type:1,
-            id:row.id,
-            name:row.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginDate = this.dateRange[0]
-        }else{
-          obj.beginDate = ""
-        }
-        if(this.dateRange[1]){
-          obj.endDate = this.dateRange[1]
-        }else{
-          obj.endDate = ""
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        checkRectifyList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.selectedNum = selection.length;
-        this.ids = selection.map(item => item.id)
-      },
-      //获取学院列表
-      getDeptDropList(){
-        //获取学院列表
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .rectificationReport{
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:100px;
-              line-height: 40px;
-              text-align: center;
-              color:#0045AF;
-              font-size:14px;
-              border:1px solid #0045AF;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-            }
-            .checkDiv{
-              color:#fff;
-              background-color:#0045AF;
-              border:1px solid #0045AF;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/rectificationReport/listPage.vue

@@ -1,230 +0,0 @@
-<!--自查子项管理-->
-<template>
-  <div class="rectificationReport-listPage">
-    <div class="rectificationReport-listPage-page" v-if="pageType == 1">
-      <div class="page-top-title-box title-max-box">
-        <p class="page-top-title-name-p">检查详情</p>
-        <p class="page-top-title-out-p" @click="outButton">返回</p>
-      </div>
-      <div class="content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="220"/>
-          <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="170"/>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="160"/>
-          <el-table-column label="整改人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-          <el-table-column label="整改期限" sortable="custom" align="center" prop="rectifyDeadline" show-overflow-tooltip width="130"/>
-          <el-table-column label="整改状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="110">
-            <template slot-scope="scope">
-              <p :class="scope.row.rectifyStatus==1?'rectifyStatusColorA':(scope.row.rectifyStatus==2||scope.row.rectifyStatus==3?'rectifyStatusColorB':(scope.row.rectifyStatus==4?'rectifyStatusColorC':''))">{{scope.row.rectifyStatus==1?'已完成':(scope.row.rectifyStatus==2?'待整改':(scope.row.rectifyStatus==3?'待复核':(scope.row.rectifyStatus==4?'暂无法整改':'')))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="220">
-            <template slot-scope="scope">
-              <p>{{scope.row.rectifyTime}}<span v-if="scope.row.overdueStatus==1" style="margin-left:10px;color:#EE0606;">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="审核状态" align="center" prop="examineResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              {{scope.row.examineResult == 1?'已通过':(scope.row.examineResult == 2?'已驳回':(scope.row.examineResult == 3?'待审核':''))}}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="80">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" @click="addDialogOpen(true,scope.row)">详情</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-  </div>
-</template>
-
-<script>
-  import { checkHazardList } from '@/apiDemo/safetyCheck/index'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  export default {
-    name: 'index',
-    props:{
-      propsListPageData:{},
-    },
-    components: {
-      lookDocumentDataDialog,
-      infoDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        infoDialogType:false,
-        propsInfoDialogData:{},
-        //学院列表
-        deptSelectList:[],
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.getList();
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //返回按钮
-      outButton(){
-        this.$parent.goPage(1);
-      },
-      //开始检查
-      goAddPage(type,id){
-        if(this.pageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'pageType',type);
-          }else if(type == 2){
-            //开始检查/编辑
-            this.$set(this,'propsAddData',{
-              id:id,
-              title:'实验室自查',
-            });
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            //详情
-            this.$set(this,'propsInfoData',{id:id});
-            this.$set(this,'pageType',type);
-          }else if(type == 4){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'pageType',1);
-          }
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':"0"));
-          this.handleQuery();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.buttonType != type){
-          this.$set(this.queryParams,'buttonType',type);
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        checkHazardList({managerId:this.propsListPageData.id}).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        });
-        this.handleQuery();
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .rectificationReport-listPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .rectificationReport-listPage-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .title-box{
-        border-bottom:1px solid #dedede;
-        display: flex;
-        p:nth-child(1){
-          flex:1;
-          font-size:16px;
-          margin-left:20px;
-          line-height:80px;
-          color:#0045AF;
-          font-weight:500;
-        }
-        p:nth-child(2){
-          margin:20px 20px 0 0;
-        }
-      }
-      .content-box{
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        padding:20px;
-        overflow: hidden;
-        .rectifyStatusColorA{
-          color:#23B303;
-        }
-        .rectifyStatusColorB{
-          color:#0183FA;
-        }
-        .rectifyStatusColorC{
-          color:#EE0606;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/safetyHazard/batchAudit.vue

@@ -1,351 +0,0 @@
-<!--批量审核-->
-<template>
-  <div class="page-container batchAudit">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-        <el-form-item label="" prop="searchValue">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="计划标题/实验室/房间号"
-            clearable
-            style="width: 200px"
-          />
-        </el-form-item>
-        <el-form-item label="" prop="dateRange" style="margin-left:10px;" label-width="70px">
-          <el-date-picker
-            :clearable="false"
-            v-model="dateRange"
-            size="small"
-            style="width: 240px"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-          ></el-date-picker>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <p class="page-add-common-style-button" style="float: right;" @click="openDialogPage(1)">确认</p>
-        <p class="page-out-common-style-button" style="float: right;margin-right:20px;" @click="outButton">返回</p>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange"
-                 @selection-change="tableChange" :row-key="getRowKeys">
-        <el-table-column type="selection" width="50" :reserve-selection="true" align="center"/>
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-        <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="220"/>
-        <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="170"/>
-        <el-table-column label="安全员" align="center" prop="safeUserName" show-overflow-tooltip width="170"/>
-        <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="160"/>
-        <el-table-column label="整改人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-        <el-table-column label="整改期限" sortable="custom" align="center" prop="rectifyDeadline" show-overflow-tooltip width="130"/>
-        <el-table-column label="状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="110">
-          <template slot-scope="scope">
-            <p :class="scope.row.rectifyStatus==1?'rectifyStatusColorA':(scope.row.rectifyStatus==2?'rectifyStatusColorB':(scope.row.rectifyStatus==3?'rectifyStatusColorC':''))">{{scope.row.rectifyStatus==1?'已完成':(scope.row.rectifyStatus==2?'待整改':(scope.row.rectifyStatus==3?'待复核':''))}}</p>
-          </template>
-        </el-table-column>
-        <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="220">
-          <template slot-scope="scope">
-            <p>{{scope.row.rectifyTime}}<span v-if="scope.row.overdueStatus==1" style="margin-left:10px;color:#EE0606;">已逾期</span></p>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" width="80">
-          <template slot-scope="scope">
-            <div class="table-button-box">
-              <p class="table-button-null"></p>
-              <p class="table-button-p" @click="addDialogOpen(true,scope.row)">详情</p>
-              <p class="table-button-null"></p>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-    <el-dialog class="inspectionPlan-dialog-box"
-               :close-on-click-modal="false"
-               title="批量审核" :visible.sync="dialogType" v-if="dialogType"
-               @close="openDialogPage(2)" width="1303px" append-to-body>
-
-      <el-table border :data="dialogTableList">
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-        <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="220"/>
-        <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="170"/>
-        <el-table-column label="整改人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-        <el-table-column label="操作" align="center" prop="examineResult" width="140">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.examineResult" placeholder="请选择">
-              <el-option
-                v-for="item in dialogOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="审核意见" align="center" prop="examineOpinion" width="400">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.examineOpinion" placeholder="请输入审核意见" maxLength="100"></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="openDialogPage(2)">返回</p>
-        <p class="dialog-footer-button-primary" @click="dialogButton">批量审核</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  import { batchApprovalList,batchApprove } from '@/api/safetyCheck/indexTow'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  export default {
-    name: 'batchAudit',
-    props:{
-      propsBatchAuditData:{},
-    },
-    components: {
-      infoDialog
-    },
-    data(){
-      return{
-        //组件传参
-        propsInfoDialogData:{},
-        infoDialogType:false,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          rectifyStatus:3,
-          searchValue:"",
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        tableNum:0,
-        tableIds:[],
-        //审批弹窗数据
-        dialogType:false,
-        dialogTableList:[],
-        dialogOptions:[
-          {value:"0",label:"驳回"},
-          {value:"1",label:"通过"},
-        ],
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //批量审核
-      dialogButton(){
-        let self = this;
-        let list = [];
-        for(let i=0;i<self.dialogTableList.length;i++){
-          if(!self.dialogTableList[i].examineResult){
-            this.msgError('第'+(i+1)+'条数据,未选择审核结果')
-            return
-          }
-          if(!self.dialogTableList[i].examineOpinion){
-            this.msgError('第'+(i+1)+'条数据,未输入审核意见')
-            return
-          }
-          let obj = {
-            id:self.dialogTableList[i].rectifyId,
-            checkHazardId:self.dialogTableList[i].id,
-            examineResult:self.dialogTableList[i].examineResult,
-            examineOpinion:self.dialogTableList[i].examineOpinion,
-
-          };
-          list.push(obj);
-        }
-        batchApprove(list).then(response => {
-          this.$refs.multipleTable.clearSelection();
-          this.msgSuccess(response.message)
-          this.$parent.goPage(3);
-        });
-      },
-      //批量审核弹窗
-      openDialogPage(type){
-        if(type == 1){
-          if(!this.$refs.multipleTable.selection[0]){
-            this.msgError('请勾选需要审批的数据')
-            return
-          }
-          let list = JSON.parse(JSON.stringify(this.$refs.multipleTable.selection));
-          for(let i=0;i<list.length;i++){
-            list[i].examineResult = '';
-            list[i].examineOpinion = '';
-          }
-          this.$set(this,'dialogTableList',list);
-          this.$set(this,'dialogType',true);
-        }else{
-          this.$set(this,'dialogType',false);
-        }
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.$refs.multipleTable.clearSelection();
-            this.getList();
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //返回
-      outButton(){
-        this.$parent.goPage(1);
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyTime'){
-          this.$set(this.queryParams,'zgTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyDeadline'){
-          this.$set(this.queryParams,'zgTermOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTimeStr = this.dateRange[0];
-        }else{
-          obj.beginTimeStr = "";
-        }
-        if(this.dateRange[1]){
-          obj.endTimeStr = this.dateRange[1];
-        }else{
-          obj.endTimeStr = "";
-        }
-        obj.hazardType = this.propsBatchAuditData.hazardType
-        batchApprovalList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          rectifyStatus:3,
-          searchValue:"",
-        });
-        this.handleQuery();
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.id
-      },
-      tableChange(selection){
-        this.tableNum = selection.length;
-        this.tableIds = selection.map(item => item.userId);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .batchAudit{
-    .page-form-title-box{
-      .form-button-max-big-box{
-        display: inline-block;
-        overflow: hidden;
-        .form-button-big-box{
-          display: flex;
-          div{
-            position: relative;
-            height:40px;
-            width:80px;
-            line-height: 40px;
-            text-align: center;
-            color:#999;
-            font-size:14px;
-            border:1px solid #999;
-            border-radius:4px;
-            margin-left:10px;
-            font-weight:500;
-            cursor: pointer;
-            .icon-p{
-              width:15px;
-              height:15px;
-              line-height:15px;
-              text-align: center;
-              position: absolute;
-              right:0;
-              bottom:0;
-              color:#fff;
-              background: #0183fa;
-              border-top-left-radius:4px;
-            }
-          }
-          .checkDiv{
-            color:#0183FA;
-            border:1px solid #0183FA;
-          }
-        }
-      }
-    }
-    .page-content-box{
-      .rectifyStatusColorA{
-        color:#23B303;
-      }
-      .rectifyStatusColorB{
-        color:#0183FA;
-      }
-      .rectifyStatusColorC{
-        color:#EE0606;
-      }
-    }
-    .dialog-footer-box{
-      padding:20px 0;
-      height:70px;
-      border-top:1px solid #D8D8D8;
-      display: flex;
-    }
-  }
-</style>

src/views/safetyCheckDemo/safetyHazard/cannotListPage.vue

@@ -1,304 +0,0 @@
-<!--暂无法整改隐患-->
-<template>
-  <div class="cannotListPage">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-        <div class="form-button-max-big-box">
-          <div class="form-button-big-box">
-            <p class="text-p" :class="queryParams.hazardType=='1'?'checkDiv':''" @click="topLeftClickType('1')">校院巡查</p>
-            <p class="text-p" :class="queryParams.hazardType=='2'?'checkDiv':''" @click="topLeftClickType('2')">实验室自查</p>
-          </div>
-        </div>
-        <!--与我相关-->
-        <div class="form-button-max-big-box-me">
-          <div class="form-button-big-box-me">
-            <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-              <p class="text-p-me">与我有关{{correlationNum}}</p>
-              <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-            </div>
-          </div>
-        </div>
-        <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="计划标题/实验室/房间号"
-            clearable
-            style="width: 200px"
-          />
-        </el-form-item>
-        <el-form-item label="" prop="dateRange" label-width="70px">
-          <el-date-picker
-            :clearable="false"
-            v-model="dateRange"
-            size="small"
-            style="width: 240px"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-          ></el-date-picker>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-        <el-table-column label="序号" align="center"  type="index" width="60" />
-        <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-        <el-table-column label="检查组织" align="center" prop="deptName" show-overflow-tooltip width="180">
-          <template slot-scope="scope">
-            {{scope.row.hazardType == 1?'校院巡查':(scope.row.hazardType == 2?'实验室自查':'')}}
-          </template>
-        </el-table-column>
-        <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="240"/>
-        <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-          <template slot-scope="scope">
-            <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-          </template>
-        </el-table-column>
-        <el-table-column label="检查内容" align="center" prop="checkRange" show-overflow-tooltip width="120">
-          <template slot-scope="scope">
-            <p>{{scope.row.hazardName?scope.row.hazardName:'-'}}</p>
-          </template>
-        </el-table-column>
-        <el-table-column label="检查时间" sortable align="center" prop="checkTime" show-overflow-tooltip width="160"/>
-        <el-table-column label="处理人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-        <el-table-column label="原因描述" align="center" prop="rectifyMeasure" show-overflow-tooltip width="435"/>
-        <el-table-column label="操作" align="center" width="80">
-          <template slot-scope="scope">
-            <div class="table-button-box">
-              <p class="table-button-null"></p>
-              <p class="table-button-p" v-hasPermiRouter="['safety:rectifyHazard:detail']"
-                 @click="addDialogOpen(true,scope.row)">详情</p>
-              <p class="table-button-null"></p>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-  </div>
-</template>
-
-<script>
-  import { unableRectifyList } from '@/api/safetyCheck/indexTow'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  export default {
-    name: 'cannotListPage',
-    components: {
-      infoDialog
-    },
-    data(){
-      return{
-        propsInfoDialogData:{},
-        infoDialogType:false,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          rectifyStatus:4,
-          hazardType:1,
-          searchValue:"",
-          checkTimeOrder:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){},
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        unableRectifyList({
-          page:1,
-          pageSize:20,
-          rectifyStatus:4,
-          checkTimeOrder:"",
-          myRelated:1,
-          hazardType:this.queryParams.hazardType,
-          searchValue:this.queryParams.searchValue,
-          beginTime:this.dateRange[0]?this.dateRange[0]:'',
-          endTime:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.getList();
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.hazardType != type){
-          this.$set(this.queryParams,'hazardType',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTime = this.dateRange[0];
-        }else{
-          obj.beginTime = "";
-        }
-        if(this.dateRange[1]){
-          obj.endTime = this.dateRange[1];
-        }else{
-          obj.endTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        unableRectifyList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          rectifyStatus:4,
-          hazardType:1,
-          searchValue:"",
-          checkTimeOrder:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .cannotListPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .page-form-title-box{
-      .form-button-max-big-box{
-        display: inline-block;
-        overflow: hidden;
-        .form-button-big-box{
-          display: flex;
-          p:nth-child(1){
-            border-top-left-radius: 4px;
-            border-bottom-left-radius: 4px;
-            border-top:1px solid #E0E0E0;
-            border-bottom:1px solid #E0E0E0;
-          }
-          p:nth-child(2){
-            border-top-right-radius: 4px;
-            border-bottom-right-radius: 4px;
-            border-top:1px solid #E0E0E0;
-            border-bottom:1px solid #E0E0E0;
-            border-right:1px solid #E0E0E0;
-          }
-          p{
-            height:40px;
-            width:100px;
-            line-height: 40px;
-            text-align: center;
-            color:#666666;
-            font-size:14px;
-            font-weight:500;
-            cursor: pointer;
-            border-left:1px solid #E0E0E0;
-          }
-          .checkDiv{
-            color:#fff!important;
-            border:1px solid #0183FA!important;
-            background-color: #0183FA;
-          }
-        }
-      }
-      .form-button-max-big-box-me{
-        display: inline-block;
-        overflow: hidden;
-        .form-button-big-box-me{
-          display: flex;
-          div{
-            position: relative;
-            height:40px;
-            width:130px;
-            line-height: 40px;
-            text-align: center;
-            color:#999;
-            font-size:14px;
-            border:1px solid #999;
-            border-radius:4px;
-            margin-left:10px;
-            font-weight:500;
-            cursor: pointer;
-            .icon-p-me{
-              width:15px;
-              height:15px;
-              line-height:15px;
-              text-align: center;
-              position: absolute;
-              right:0;
-              bottom:0;
-              color:#fff;
-              background: #0183fa;
-              border-top-left-radius:4px;
-            }
-          }
-          .checkDiv-me{
-            color:#0183FA!important;
-            border:1px solid #0183FA!important;
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/safetyHazard/departmentListPage.vue

@@ -1,412 +0,0 @@
-<!--实验室自查隐患-->
-<template>
-  <div class="departmentListPage">
-    <div class="departmentListPage-page" v-if="minPageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.rectifyStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">待整改</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='3'?'checkDiv':''" @click="topLeftClickType('3')">待复核</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">已完成</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <el-form-item label="" prop="examineResult">
-            <el-select v-model="queryParams.examineResult" placeholder="审核状态" style="width: 160px">
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:90px;float: right;"
-             @click="goPage(2)"
-          >批量审核</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="220"/>
-          <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="170"/>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查内容" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.hazardName?scope.row.hazardName:'-'}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="160"/>
-          <el-table-column label="整改人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-          <el-table-column label="整改期限" sortable="custom" align="center" prop="rectifyDeadline" show-overflow-tooltip width="180">
-            <template slot-scope="scope">
-              <p>{{scope.row.rectifyDeadline}}<span v-if="scope.row.overdueStatus==1" style="margin-left:10px;color:#EE0606;">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="整改状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="110">
-            <template slot-scope="scope">
-              <p :class="scope.row.rectifyStatus==1?'rectifyStatusColorA':(scope.row.rectifyStatus==2||scope.row.rectifyStatus==3?'rectifyStatusColorB':'')">{{scope.row.rectifyStatus==1?'已完成':(scope.row.rectifyStatus==2?'待整改':(scope.row.rectifyStatus==3?'待复核':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="170"/>
-          <el-table-column label="审核状态" align="center" prop="examineResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              {{scope.row.examineResult == 1?'已通过':(scope.row.examineResult == 0?'已驳回':(scope.row.examineResult == 2?'待审核':''))}}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="80">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:rectifyHazard:detail']"
-                   @click="addDialogOpen(true,scope.row)">详情</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <batchAudit v-if="minPageType == 2" :propsBatchAuditData="propsBatchAuditData"></batchAudit>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-  </div>
-</template>
-
-<script>
-  import { rectifyList, recheckList, overList } from '@/api/safetyCheck/indexTow'
-  import batchAudit from './batchAudit.vue'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  export default {
-    name: 'departmentListPage',
-    components: {
-      batchAudit,
-      infoDialog
-    },
-    data(){
-      return{
-        //子组件参数
-        propsBatchAuditData:{},
-        propsInfoDialogData:{},
-        minPageType:1,
-        infoDialogType:false,
-        options:[
-          {value:"2",label:"待审核"},
-          {value:"1",label:"已通过"},
-          {value:"0",label:"已驳回"},
-        ],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          hazardType:2,
-          rectifyStatus:"2",
-          examineResult:"",
-          searchValue:"",
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){},
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        rectifyList({
-          page:1,
-          pageSize:20,
-          hazardType:2,
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-          rectifyStatus:this.queryParams.rectifyStatus,
-          examineResult:this.queryParams.examineResult,
-          searchValue:this.queryParams.searchValue,
-          beginTime:this.dateRange[0]?this.dateRange[0]:'',
-          endTime:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.getList();
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //页面切换
-      goPage(type){
-        if(this.minPageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'minPageType',type);
-          }else if(type == 2){
-            //批量审核
-            this.$set(this,'propsBatchAuditData',{hazardType:2,});
-            this.$set(this,'minPageType',type);
-          }else if(type == 3){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'minPageType',1);
-          }
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.rectifyStatus != type){
-          this.$set(this.queryParams,'rectifyStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyTime'){
-          this.$set(this.queryParams,'zgTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyDeadline'){
-          this.$set(this.queryParams,'zgTermOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTime = this.dateRange[0];
-        }else{
-          obj.beginTime = "";
-        }
-        if(this.dateRange[1]){
-          obj.endTime = this.dateRange[1];
-        }else{
-          obj.endTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        if(this.queryParams.rectifyStatus == 2){
-          rectifyList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        } else if (this.queryParams.rectifyStatus == 3){
-          recheckList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        }  else if (this.queryParams.rectifyStatus == 1){
-          overList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        }
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          hazardType:2,
-          rectifyStatus:"2",
-          examineResult:"",
-          searchValue:"",
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .departmentListPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .departmentListPage-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-      .page-content-box{
-        .rectifyStatusColorA{
-          color:#23B303;
-        }
-        .rectifyStatusColorB{
-          color:#0183FA;
-        }
-        .rectifyStatusColorC{
-          color:#EE0606;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/safetyHazard/index.vue

@@ -1,105 +0,0 @@
-<!--安全隐患-->
-<template>
-  <div class="app-container safetyHazard">
-    <div class="safetyHazard-page">
-      <div class="title-button-box">
-        <div :class="pageType == 1?'check-div':''" @click="goPage(1)">
-          <p>校院巡查隐患</p>
-          <p></p>
-        </div>
-        <div :class="pageType == 2?'check-div':''" @click="goPage(2)">
-          <p>实验室自查隐患</p>
-          <p></p>
-        </div>
-        <div :class="pageType == 3?'check-div':''" @click="goPage(3)">
-          <p>暂无法整改隐患</p>
-          <p></p>
-        </div>
-      </div>
-      <schoolListPage v-if="pageType == 1"></schoolListPage>
-      <departmentListPage v-if="pageType == 2"></departmentListPage>
-      <cannotListPage v-if="pageType == 3"></cannotListPage>
-    </div>
-  </div>
-</template>
-
-<script>
-  import schoolListPage from './schoolListPage.vue'
-  import departmentListPage from './departmentListPage.vue'
-  import cannotListPage from './cannotListPage.vue'
-  export default {
-    name: 'index',
-    components: {
-      schoolListPage,
-      departmentListPage,
-      cannotListPage
-    },
-    data(){
-      return{
-        pageType:1,
-
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-
-    },
-    methods:{
-      goPage(type){
-        if(this.pageType != type){
-          this.$set(this,'pageType',type);
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .safetyHazard{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .safetyHazard-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .title-button-box{
-        display: flex;
-        height:80px;
-        border-bottom:1px solid #E0E0E0;
-        div{
-          width:120px;
-          margin-left:47px;
-          overflow: hidden;
-          cursor: pointer;
-          p:nth-child(1){
-            font-size:16px;
-            color:#333;
-            text-align: center;
-            line-height:40px;
-            margin-top:20px;
-            font-weight: 500;
-          }
-          p:nth-child(2){
-            width:60px;
-            height:4px;
-            border-radius:4px;
-            margin:0 30px;
-          }
-        }
-        .check-div{
-          p:nth-child(1){
-            color:#0045AF;
-          }
-          p:nth-child(2){
-            background-color: #0045AF;
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/safetyHazard/schoolListPage.vue

@@ -1,412 +0,0 @@
-<!--校院巡查隐患-->
-<template>
-  <div class="schoolListPage">
-    <div class="schoolListPage-page" v-if="minPageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.rectifyStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">待整改</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='3'?'checkDiv':''" @click="topLeftClickType('3')">待复核</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">已完成</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <el-form-item label="" prop="examineResult">
-            <el-select v-model="queryParams.examineResult" placeholder="审核状态" style="width: 160px">
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:90px;float: right;"
-             @click="goPage(2)"
-          >批量审核</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="220"/>
-          <el-table-column label="实验室" align="center" prop="subRoom" show-overflow-tooltip width="170"/>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查内容" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.hazardName?scope.row.hazardName:'-'}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="160"/>
-          <el-table-column label="整改人" align="center" prop="rectifyName" show-overflow-tooltip width="90"/>
-          <el-table-column label="整改期限" sortable="custom" align="center" prop="rectifyDeadline" show-overflow-tooltip width="180">
-            <template slot-scope="scope">
-              <p>{{scope.row.rectifyDeadline}}<span v-if="scope.row.overdueStatus==1" style="margin-left:10px;color:#EE0606;">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="整改状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="110">
-            <template slot-scope="scope">
-              <p :class="scope.row.rectifyStatus==1?'rectifyStatusColorA':(scope.row.rectifyStatus==2||scope.row.rectifyStatus==3?'rectifyStatusColorB':'')">{{scope.row.rectifyStatus==1?'已完成':(scope.row.rectifyStatus==2?'待整改':(scope.row.rectifyStatus==3?'待复核':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="170"/>
-          <el-table-column label="审核状态" align="center" prop="examineResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              {{scope.row.examineResult == 1?'已通过':(scope.row.examineResult == 0?'已驳回':(scope.row.examineResult == 2?'待审核':''))}}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="80">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:rectifyHazard:detail']"
-                   @click="addDialogOpen(true,scope.row)">详情</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <batchAudit v-if="minPageType == 2" :propsBatchAuditData="propsBatchAuditData"></batchAudit>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-  </div>
-</template>
-
-<script>
-  import { rectifyList, recheckList, overList } from '@/api/safetyCheck/indexTow'
-  import batchAudit from './batchAudit.vue'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  export default {
-    name: 'schoolListPage',
-    components: {
-      batchAudit,
-      infoDialog
-    },
-    data(){
-      return{
-        //子组件参数
-        propsBatchAuditData:{},
-        propsInfoDialogData:{},
-        minPageType:1,
-        infoDialogType:false,
-        options:[
-          {value:"2",label:"待审核"},
-          {value:"1",label:"已通过"},
-          {value:"0",label:"已驳回"},
-        ],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          hazardType:1,
-          rectifyStatus:"2",
-          examineResult:"",
-          searchValue:"",
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){},
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        rectifyList({
-          page:1,
-          pageSize:20,
-          hazardType:1,
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-          rectifyStatus:this.queryParams.rectifyStatus,
-          examineResult:this.queryParams.examineResult,
-          searchValue:this.queryParams.searchValue,
-          beginTime:this.dateRange[0]?this.dateRange[0]:'',
-          endTime:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.id
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.getList();
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      //页面切换
-      goPage(type){
-        if(this.minPageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'minPageType',type);
-          }else if(type == 2){
-            //批量审核
-            this.$set(this,'propsBatchAuditData',{hazardType:1,});
-            this.$set(this,'minPageType',type);
-          }else if(type == 3){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'minPageType',1);
-          }
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.rectifyStatus != type){
-          this.$set(this.queryParams,'rectifyStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyTime'){
-          this.$set(this.queryParams,'zgTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTermOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'rectifyDeadline'){
-          this.$set(this.queryParams,'zgTermOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'checkTimeOrder','');
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.beginTime = this.dateRange[0];
-        }else{
-          obj.beginTime = "";
-        }
-        if(this.dateRange[1]){
-          obj.endTime = this.dateRange[1];
-        }else{
-          obj.endTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        if(this.queryParams.rectifyStatus == 2){
-          rectifyList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        } else if (this.queryParams.rectifyStatus == 3){
-          recheckList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        }  else if (this.queryParams.rectifyStatus == 1){
-          overList(obj).then(response => {
-            this.total = response.data.total;
-            this.tableList = response.data.records;
-          });
-        }
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          hazardType:1,
-          rectifyStatus:"2",
-          examineResult:"",
-          searchValue:"",
-          checkTimeOrder:"",
-          zgTimeOrder:"",
-          zgTermOrder:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  .schoolListPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .schoolListPage-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-      .page-content-box{
-        .rectifyStatusColorA{
-          color:#23B303;
-        }
-        .rectifyStatusColorB{
-          color:#0183FA;
-        }
-        .rectifyStatusColorC{
-          color:#EE0606;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/schoolInspection/inspectionGroup/addDialog.vue

@@ -1,742 +0,0 @@
-<template>
-  <el-dialog class="inspectionGroup-dialog-box"
-             :close-on-click-modal="false"
-             :title="addDialogTitle" :visible.sync="addDialogType" v-if="addDialogType"
-             @close="addDialogAllOff" width="1303px" append-to-body>
-    <div class="add-max-box" v-if="addDialogBoxType == 1">
-      <el-form ref="addDialogForm" :model="dialogForm" :rules="rules" label-width="100px" class="add-form-box">
-        <el-form-item label="是否启用:" prop="enable">
-          <el-switch
-            v-if="!lookInfoType"
-            @click.native="changeIsNeedCaptcha(dialogForm.enable)"
-            class="switch captcha-img"
-            :active-value="1"
-            :inactive-value="0"
-            active-color="#0183FA"
-            inactive-color="#999"
-            v-model="dialogForm.enable"
-            active-text="启用"
-            inactive-text="停用"
-          ></el-switch>
-          <p v-if="lookInfoType" :class="dialogForm.enable==1?'switchFontColor':''" style="line-height:40px;">{{dialogForm.enable==1?'启用':'停用'}}</p>
-        </el-form-item>
-        <el-form-item label="巡查组名称:" prop="groupName">
-          <el-input :disabled="lookInfoType" v-model="dialogForm.groupName" placeholder="请输入巡查组名称" maxLength="20" style="width:450px;"/>
-        </el-form-item>
-      </el-form>
-      <div class="dialog-table-box">
-        <div class="dialog-table-title-box">
-          <img src="@/assets/ZDimages/safetyCheck/icon_xyxc_cy.png">
-          <p class="dialog-table-title-p">巡查成员</p>
-          <p v-if="!lookInfoType" class="page-submit-common-style-button dialog-table-title-button" @click="dialogClickType(2)">+ 添加</p>
-          <p v-if="lookInfoType" class="dialog-table-title-text">{{dialogTableList[0]?dialogTableList.length+'人':'0人'}}</p>
-        </div>
-        <el-table class="table-box" border :data="dialogTableList">
-          <el-table-column label="序号" align="center"  type="index" width="140"/>
-          <el-table-column label="姓名" align="center" prop="name" show-overflow-tooltip/>
-          <el-table-column label="工号" align="center" prop="jobNum" show-overflow-tooltip/>
-          <el-table-column label="所在部门" align="center" prop="deptName" show-overflow-tooltip/>
-          <el-table-column label="是否启用" align="center" prop="enable" width="150">
-            <template slot-scope="scope">
-              <el-switch
-                v-if="!lookInfoType"
-                @click.native="changeIsNeedCaptcha(scope.row.deptName)"
-                class="switch captcha-img"
-                :active-value="1"
-                :inactive-value="0"
-                active-color="#0183FA"
-                inactive-color="#999"
-                v-model="scope.row.enable"
-                active-text="启用"
-                inactive-text="停用"
-              ></el-switch>
-              <p v-if="lookInfoType" :class="scope.row.enable==1?'switchFontColor':''">{{scope.row.enable==1?'启用':'停用'}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" prop="deptName" width="150" v-if="!lookInfoType">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" @click="delTable(scope.row)">删除</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="inspectionPlan-dialog-user-box" v-show="addDialogBoxType == 2">
-      <div class="left-max-box">
-      <div class="dept-table-title-box">
-        <p>待选人员</p>
-        <p>{{userNumLeft}}/{{userTotalLeft}}</p>
-      </div>
-      <div class="dept-table-max-box">
-        <el-form :model="userQueryParamsLeft" class="form-box" ref="queryForm" :inline="true" label-width="50px">
-          <el-form-item label="" prop="deptId">
-            <el-select v-model="userQueryParamsLeft.deptId" @change="userHandleQueryLeft" clearable placeholder="选择部门" style="width: 110px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="searchValue" class="form-index">
-            <el-input
-              maxLength="20"
-              v-model="userQueryParamsLeft.searchValue"
-              placeholder="搜索姓名/工号"
-              clearable
-              style="width: 240px">
-              <p class="el-icon-search" slot="append" @click="userHandleQueryLeft"></p>
-            </el-input>
-          </el-form-item>
-          <el-form-item style="margin-right:0;">
-            <p class="page-submit-common-style-button" @click="userResetQueryLeft" style="width:60px;">重置</p>
-          </el-form-item>
-        </el-form>
-        <el-table class="table-box" ref="leftUserTable" border :data="userTableListLeft" @selection-change="userChangeLeft" :row-key="getRowKeys">
-          <el-table-column type="selection" width="50" :reserve-selection="true" align="center"/>
-          <el-table-column label="姓名" align="center" prop="userName" show-overflow-tooltip/>
-          <el-table-column label="工号" align="center" prop="account" show-overflow-tooltip width="150"/>
-          <el-table-column label="所在部门" align="center" prop="deptName" show-overflow-tooltip width="168"/>
-        </el-table>
-        <pagination layout="total, prev, pager, next, jumper"
-                    v-show="userTotalLeft>0"
-                    :total="userTotalLeft"
-                    :pager-count="5"
-                    :page.sync="userQueryParamsLeft.page"
-                    :limit.sync="userQueryParamsLeft.pageSize"
-                    @pagination="userGetListLeft"/>
-      </div>
-    </div>
-      <div class="center-box">
-        <p class="el-icon-arrow-left" @click="userArrowButton(1)"></p>
-        <p class="el-icon-arrow-right" @click="userArrowButton(2)"></p>
-      </div>
-      <div class="right-max-box">
-        <div class="dept-table-title-box">
-          <p>已选成员</p>
-          <p>{{userNumRight}}/{{userTotalRight}}</p>
-        </div>
-        <div class="dept-table-max-box">
-          <el-form :model="userQueryParamsRight" class="form-box" ref="queryForm" :inline="true" label-width="50px">
-            <el-form-item label="" prop="deptId">
-              <el-select v-model="userQueryParamsRight.deptId" clearable @change="userHandleQueryRight" placeholder="选择部门" style="width: 110px">
-                <el-option
-                  v-for="item in deptSelectList"
-                  :key="item.deptId"
-                  :label="item.deptName"
-                  :value="item.deptId">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="" prop="searchValue" class="form-index">
-              <el-input
-                maxLength="20"
-                v-model="userQueryParamsRight.searchValue"
-                placeholder="搜索姓名/工号"
-                clearable
-                style="width: 240px">
-                <p class="el-icon-search" slot="append" @click="userHandleQueryRight"></p>
-              </el-input>
-            </el-form-item>
-            <el-form-item style="margin-right:0;">
-              <p class="page-submit-common-style-button" @click="userResetQueryRight" style="width:60px;">重置</p>
-            </el-form-item>
-          </el-form>
-          <el-table class="table-box" ref="rightUserTable" border :data="userTableListRight" @selection-change="userChangeRight" :row-key="getRowKeys">
-            <el-table-column type="selection" width="50" :reserve-selection="true" align="center"/>
-            <el-table-column label="姓名" align="center" prop="userName" show-overflow-tooltip/>
-            <el-table-column label="工号" align="center" prop="account" show-overflow-tooltip width="150"/>
-            <el-table-column label="所在部门" align="center" prop="deptName" show-overflow-tooltip width="168"/>
-          </el-table>
-          <pagination layout="total, prev, pager, next, jumper"
-                      v-show="userTotalRight>0"
-                      :total="userTotalRight"
-                      :pager-count="5"
-                      :page.sync="userQueryParamsRight.page"
-                      :limit.sync="userQueryParamsRight.pageSize"
-                      @pagination="userGetListRight"/>
-        </div>
-      </div>
-    </div>
-    <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-      <p class="dialog-footer-button-null"></p>
-      <p class="dialog-footer-button-info" @click="addDialogOff">{{addDialogBoxType==1?'取消':'返回'}}</p>
-      <p class="dialog-footer-button-primary" v-if="!lookInfoType" @click="addUserButton">确定</p>
-      <p class="dialog-footer-button-null"></p>
-    </div>
-
-  </el-dialog>
-</template>
-
-<script>
-  import { getDeptDropList } from '@/api/commonality/permission'
-  import { checkGroupFind,findUserList,checkGroupAdd,checkGroupUpdate } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'addDialog',
-    props:{
-      addDialogData:{},
-    },
-    data(){
-      return{
-        addDialogTitle:"",
-        addDialogType:true,
-        addDialogBoxType:1,
-        lookInfoType:false,
-        dialogForm:{
-          enable:1,
-          groupName:"",
-        },
-        //层级
-        dialogRangeOptions:[{key:1,label:"校级"},{key:2,label:"院级"}],
-        //院系
-        deptSelectList:[],
-        //选中巡查人员列表
-        dialogTableList:[],
-        //选中页面人员列表数据
-        dialogTableDataList:[],
-        //弹窗内容状态
-        userQueryParamsLeft:{
-          page: 1,
-          pageSize: 20,
-          deptId:"",
-          searchValue:"",
-          filtType:1
-        },
-        userTableListLeft:[],
-        userTotalLeft:0,
-        userNumLeft:0,
-        userIdsLeft:[],
-        userQueryParamsRight:{
-          page: 1,
-          pageSize: 20,
-          deptId:"",
-          searchValue:"",
-          filtType:2
-        },
-        userTableListRight:[],
-        userTotalRight:0,
-        userNumRight:0,
-        userIdsRight:[],
-        // 表单校验
-        rules: {
-          enable: [
-            { required: true, message: "请选择是否启用", trigger: "change" },
-          ],
-          groupName: [
-            { required: true, message: "请输入巡查组名称", trigger: "change" },
-            { required: true, message: "请输入巡查组名称", validator: this.spaceJudgment, trigger: "change" },
-          ],
-        },
-      }
-    },
-    created(){
-      this.$set(this,'addDialogTitle',this.addDialogData.title);
-      this.$set(this,'lookInfoType',this.addDialogData.lookInfoType);
-      if(this.addDialogData.addType){
-        //新增
-      }else{
-        //详情-编辑
-        this.checkGroupFind();
-      }
-    },
-    mounted(){
-      this.listDepartments();
-    },
-    methods:{
-      //获取详情
-      checkGroupFind(){
-        checkGroupFind({id:this.addDialogData.id,selectEnable:0}).then(response => {
-          this.$set(this.dialogForm,'id',response.data.id?response.data.id:'');
-          this.$set(this.dialogForm,'enable',response.data.enable);
-          this.$set(this.dialogForm,'groupName',response.data.groupName);
-          this.$set(this,'dialogTableList',response.data.checkGroupMemberList);
-        });
-      },
-      //弹窗关闭
-      addDialogAllOff(){
-        this.$parent.addDialogOpen(4)
-      },
-      addDialogOff(){
-        if(this.addDialogBoxType == 1){
-          this.$parent.addDialogOpen(4)
-        }else{
-          this.dialogClickType(1);
-        }
-      },
-      //添加人员
-      addUserButton(){
-        let self = this;
-        if(this.addDialogBoxType == 1){
-          this.$refs["addDialogForm"].validate(valid => {
-            if (valid) {
-              if(!this.dialogTableList[0]){
-                this.msgError('请添加至少一名巡查成员')
-                return
-              }
-              if(this.dialogForm.id){
-                //编辑
-                let obj = this.dialogForm;
-                obj.checkGroupMemberList = this.dialogTableList
-                checkGroupUpdate(obj).then(response => {
-                  this.msgSuccess(response.message);
-                  this.$parent.addDialogOpen(5)
-                })
-              }else{
-                //新增
-                let obj = this.dialogForm;
-                obj.checkGroupMemberList = this.dialogTableList
-                checkGroupAdd(obj).then(response => {
-                  this.msgSuccess(response.message);
-                  this.$parent.addDialogOpen(5)
-                })
-              }
-            }
-          })
-        }else{
-          let list = [];
-          let newObj = {};
-          for(let o=0;o<self.dialogTableDataList.length;o++){
-            let num = 0;
-            for(let i=0;i<self.dialogTableList.length;i++){
-              if(self.dialogTableList[i].userId == self.dialogTableDataList[o].userId){
-                num++
-                newObj = JSON.parse(JSON.stringify(self.dialogTableList[i]))
-              }
-            }
-            if(num == 0){
-              let obj = {
-                userId:self.dialogTableDataList[o].userId,
-                name:self.dialogTableDataList[o].name,
-                jobNum:self.dialogTableDataList[o].jobNum,
-                deptName:self.dialogTableDataList[o].deptName,
-                deptId:self.dialogTableDataList[o].deptId,
-                userType:self.dialogTableDataList[o].userType,
-                enable:1,
-              };
-              list.push(obj)
-            }else{
-              let obj = {
-                userId:self.dialogTableDataList[o].userId,
-                name:self.dialogTableDataList[o].name,
-                jobNum:self.dialogTableDataList[o].jobNum,
-                deptName:self.dialogTableDataList[o].deptName,
-                deptId:self.dialogTableDataList[o].deptId,
-                userType:self.dialogTableDataList[o].userType,
-                enable:newObj.enable,
-              };
-              list.push(obj)
-            }
-          }
-          this.$set(this,'dialogTableList',list);
-          this.dialogClickType(1);
-        }
-      },
-      //弹窗状态切换
-      dialogClickType(type){
-        let self = this;
-        if(type == 2){
-          this.$set(self,'dialogTableDataList',JSON.parse(JSON.stringify(this.dialogTableList)));
-          this.userResetQueryLeft();
-          this.userResetQueryRight();
-          this.$set(this,'addDialogBoxType',type);
-        }else{
-          this.$set(this,'addDialogBoxType',type);
-        }
-      },
-      //删除弹窗列表
-      delTable(row){
-        let self = this;
-        for(let i=0;i<self.dialogTableList.length;i++){
-          if(row.userId == self.dialogTableList[i].userId){
-            this.dialogTableList.splice(i,1)
-          }
-        }
-      },
-      /*===================================人员选择相关===================================*/
-      //查询
-      userHandleQueryLeft(){
-        this.$set(this.userQueryParamsLeft,'page',1);
-        this.$set(this,'userNumLeft',0);
-        this.$set(this,'userIdsLeft',[]);
-        this.$refs.leftUserTable.clearSelection();
-        this.userGetListLeft();
-      },
-      //重置
-      userResetQueryLeft(){
-        this.$set(this,'userQueryParamsLeft',{
-          page: 1,
-          pageSize: 20,
-          deptId:"",
-          searchValue:"",
-          filtType:1
-        });
-        this.userHandleQueryLeft();
-      },
-      //查询接口
-      userGetListLeft(){
-        let self = this;
-        let leftObj = JSON.parse(JSON.stringify(this.userQueryParamsLeft));
-        leftObj.selectedUserIds = [];
-        for(let i=0;i<self.dialogTableDataList.length;i++){
-          leftObj.selectedUserIds.push(self.dialogTableDataList[i].userId);
-        }
-        findUserList(leftObj).then(response => {
-          this.userTotalLeft = response.data.total;
-          this.userTableListLeft = response.data.records;
-        });
-      },
-      //查询
-      userHandleQueryRight(){
-        this.$set(this.userQueryParamsRight,'page',1);
-        this.$set(this,'userNumRight',0);
-        this.$set(this,'userIdsRight',[]);
-        this.$refs.rightUserTable.clearSelection();
-        this.userGetListRight();
-      },
-      //重置
-      userResetQueryRight(){
-        this.$set(this,'userQueryParamsRight',{
-          page: 1,
-          pageSize: 20,
-          deptId:"",
-          searchValue:"",
-          filtType:2
-        });
-        this.userHandleQueryRight();
-      },
-      //查询接口
-      userGetListRight(){
-        let self = this;
-        let rightObj = JSON.parse(JSON.stringify(this.userQueryParamsRight));
-        rightObj.userIds = [];
-        for(let i=0;i<self.dialogTableDataList.length;i++){
-          rightObj.userIds.push(self.dialogTableDataList[i].userId);
-        }
-        findUserList(rightObj).then(response => {
-          this.userTotalRight = response.data.total;
-          this.userTableListRight = response.data.records;
-        });
-      },
-      //穿梭按钮
-      userArrowButton(type){
-        let self = this;
-        if(type == 1){
-          //右至左
-          if(this.$refs.rightUserTable.selection[0]){
-            let list = JSON.parse(JSON.stringify(this.dialogTableDataList));
-            let userIdsRight = JSON.parse(JSON.stringify(this.$refs.rightUserTable.selection))
-            for(let i=0;i<userIdsRight.length;i++){
-              for(let s=0;s<list.length;s++){
-                if(userIdsRight[i].userId == list[s].userId){
-                  list.splice(s,1);
-                  s--
-                }
-              }
-            }
-            this.$set(this,'dialogTableDataList',list);
-            this.$refs.rightUserTable.clearSelection();
-            this.userHandleQueryLeft();
-            this.userHandleQueryRight();
-          }else{
-            this.msgError('请先勾选右侧列表')
-          }
-        }else if(type == 2){
-          //左至右
-          if(this.$refs.leftUserTable.selection[0]){
-            let list = JSON.parse(JSON.stringify(this.dialogTableDataList));
-            let userIdsLeft = JSON.parse(JSON.stringify(this.$refs.leftUserTable.selection))
-            for(let i=0;i<userIdsLeft.length;i++){
-              let obj = {
-                userId:userIdsLeft[i].userId,
-                name:userIdsLeft[i].userName,
-                jobNum:userIdsLeft[i].account,
-                deptName:userIdsLeft[i].deptName,
-                deptId:userIdsLeft[i].deptId,
-                userType:userIdsLeft[i].userType,
-              }
-              list.push(obj);
-            }
-            if(list.length>50){
-              this.msgError('巡查成员最多50人')
-              return
-            }
-            this.$set(this,'dialogTableDataList',list);
-            this.$refs.leftUserTable.clearSelection();
-            this.userHandleQueryLeft();
-            this.userHandleQueryRight();
-          }else{
-            this.msgError('请先勾选左侧列表')
-          }
-        }
-      },
-      /*===记录勾选数据===
-        需要再el-table 添加  :row-key="getRowKeys"
-        需要在selection 添加 :reserve-selection="true"
-      */
-      getRowKeys(row) {
-        return row.userId
-      },
-      userChangeLeft(selection){
-        this.userNumLeft = selection.length;
-        this.userIdsLeft = selection.map(item => item.userId);
-      },
-      userChangeRight(selection){
-        this.userNumRight = selection.length;
-        this.userIdsRight = selection.map(item => item.userId);
-      },
-      changeIsNeedCaptcha(data){
-        if(this.lookInfoType){
-          return
-        }
-        data = data == 1?0:1;
-        this.$forceUpdate()
-      },
-      //获取学院列表
-      listDepartments(){
-        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        });
-      },
-    }
-  }
-</script>
-
-<style lang="scss">
-  .inspectionGroup-dialog-box{
-    .el-dialog__body{
-      padding:20px 30px 20px 30px;
-    }
-    .is-disabled{
-      background-color: #f5f5f5;
-      color: #333;
-      border-color: #f5f5f5;
-      cursor:auto;
-      border-radius: 4px;
-      .el-input__icon{
-        display: none;
-      }
-      .el-input__inner{
-        background-color: #f5f5f5;
-        color: #333;
-        border-color: #f5f5f5;
-        cursor:auto!important;
-        border-radius: 4px;
-      }
-      .el-range-input{
-        background-color: #f5f5f5;
-        color: #333;
-        border-color: #f5f5f5;
-        cursor:auto;
-        border-radius: 4px;
-      }
-      .el-textarea__inner{
-        background-color: #f5f5f5;
-        color: #333;
-        border-color: #f5f5f5;
-        cursor:auto;
-        border-radius: 4px;
-      }
-    }
-    .switchFontColor{
-      color:#0183FA;
-    }
-    .add-max-box{
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      height:610px;
-      .add-form-box{
-        .switch .el-switch__label {
-          position: absolute;
-          display: none;
-          color: #fff !important;
-        }
-        .switch .el-switch__label--right {
-          z-index: 1;
-        }
-        .switch .el-switch__label--right span{
-          margin-left: 10px;
-          margin-top: 8px;
-        }
-        .switch .el-switch__label--left {
-          z-index: 1;
-        }
-        .switch .el-switch__label--left span{
-          margin-top: 8px;
-          margin-left: 30px;
-        }
-        .switch .el-switch__label.is-active {
-          display: block;
-        }
-        .el-switch__core:after{
-          width:20px;
-          height:20px;
-          top:4px;
-          margin-left: 4px;
-        }
-        .el-switch.is-checked .el-switch__core::after{
-          width:20px;
-          height:20px;
-          top:4px;
-          margin-left: -24px;
-
-        }
-        .switch.el-switch .el-switch__core,
-        .el-switch .el-switch__label {
-          width: 70px !important;
-          height:30px !important;
-          border-radius: 50px 50px 50px 50px;
-          margin: 0;
-        }
-      }
-      .dialog-table-box{
-        margin-top:20px;
-        display: flex;
-        flex-direction: column;
-        flex:1;
-        overflow: hidden;
-        .dialog-table-title-box{
-          display: flex;
-          border:1px solid #e0e0e0;
-          border-bottom:none;
-          img{
-            width:14px;
-            height:14px;
-            margin:18px 12px 18px 12px;
-          }
-          .dialog-table-title-p{
-            line-height:50px;
-            flex:1;
-            font-size:16px;
-          }
-          .dialog-table-title-button{
-            width:70px;
-            height:30px;
-            line-height:28px;
-            margin:10px 26px;
-          }
-          .dialog-table-title-text{
-            height:30px;
-            line-height:28px;
-            margin:10px 26px;
-          }
-        }
-        .switch .el-switch__label {
-          position: absolute;
-          display: none;
-        }
-        .switch .el-switch__label--right {
-          z-index: 1;
-          color: #fff !important;
-        }
-        .switch .el-switch__label--right span{
-          margin-left: 10px;
-        }
-        .switch .el-switch__label--left {
-          z-index: 1;
-          color: #fff !important;
-        }
-        .switch .el-switch__label--left span{
-          margin-left: 24px;
-        }
-        .switch .el-switch__label.is-active {
-          display: block;
-        }
-        .switch.el-switch .el-switch__core,
-        .el-switch .el-switch__label {
-          width: 60px !important;
-          margin: 0;
-        }
-      }
-    }
-    .inspectionPlan-dialog-user-box{
-      display: flex;
-      overflow: hidden;
-      height:610px;
-      .dept-table-title-box{
-        display: flex;
-        padding:0 20px;
-        background: rgba(1,131,250,0.1);
-        p{
-          flex:1;
-          color:#0183FA;
-          font-size:16px;
-          line-height:40px;
-        }
-        p:nth-child(1){
-          text-align: left;
-        }
-        p:nth-child(2){
-          text-align: right;
-        }
-      }
-      .dept-table-max-box{
-        border: 1px solid #e0e0e0;
-        flex:1;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding:20px;
-        .form-index{
-          .el-input__inner{
-            border-right:none;
-            padding-right:0;
-          }
-          .el-input-group__append{
-            background: #fff;
-            cursor: pointer;
-            padding:0 10px;
-          }
-        }
-        input{
-          border: 1px solid #DCDFE6;
-        }
-      }
-      .left-max-box{
-        height:610px;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        width:588px;
-      }
-      .right-max-box{
-        height:610px;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        width:588px;
-        flex:1;
-      }
-      .center-box{
-        width:68px;
-        p{
-          display: block;
-          border-radius:50%;
-          width:30px;
-          height:30px;
-          line-height:30px;
-          text-align: center;
-          background: rgba(245,245,245,1);
-          color:rgba(62,62,62,1);
-          cursor: pointer;
-          font-size:16px;
-        }
-        p:nth-child(1){
-          margin:270px 19px 0;
-        }
-        p:nth-child(2){
-          margin:14px 19px 0;
-        }
-        p:hover{
-          color:#fff;
-          background: #0183fa;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/schoolInspection/inspectionGroup/index.vue

@@ -1,226 +0,0 @@
-<!--校院巡查组-->
-<template>
-  <div class="app-container inspectionGroup">
-    <div class="page-form-title-box">
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-        <el-form-item label="" prop="searchValue">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="巡查组名称"
-            clearable
-            style="width: 200px"
-          />
-        </el-form-item>
-        <el-form-item label="" prop="enable" label-width="60px">
-          <el-select v-model="queryParams.enable" clearable placeholder="请选择状态" style="width: 150px">
-            <el-option
-              v-for="item in optionsTwo"
-              :key="item.key"
-              :label="item.label"
-              :value="item.key">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-        <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        <p class="page-add-common-style-button"
-           style="width:130px;float: right;"
-           @click="addDialogOpen(1)"
-        >添加巡查组</p>
-      </el-form>
-    </div>
-    <div class="page-content-box">
-      <el-table class="table-box" border :data="tableList" ref="multipleTable">
-        <el-table-column label="序号"  width="60" align="center"  type="index"/>
-        <el-table-column label="巡查组名称" align="center" prop="groupName" show-overflow-tooltip/>
-        <el-table-column label="成员人数" align="center" prop="peopleNum" show-overflow-tooltip width="150"/>
-        <el-table-column label="是否启用" align="center" prop="enable" show-overflow-tooltip width="185">
-          <template slot-scope="scope">
-            <div style="width:70px;margin-left:50px;">
-              <el-switch
-                @click.native="switchClick(scope.row)"
-                class="switch"
-                v-model="scope.row.enable"
-                :active-value="1"
-                :inactive-value="0"
-                active-color="#0183FA"
-                inactive-color="#E0E0E0"
-                active-text="启用"
-                inactive-text="停用"
-                disabled
-              ></el-switch>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作人" align="center" prop="deptName" show-overflow-tooltip width="150">
-          <template slot-scope="scope">{{scope.row.updateName?scope.row.updateName:scope.row.createName}}</template>
-        </el-table-column>
-        <el-table-column label="操作时间" align="center" prop="updateTime" show-overflow-tooltip width="250">
-          <template slot-scope="scope">{{scope.row.updateTime?scope.row.updateTime:scope.row.createTime}}</template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" prop="deptName" width="200" v-if="tableButtonType">
-          <template slot-scope="scope">
-            <div class="table-button-box">
-              <p class="table-button-null"></p>
-              <p class="table-button-p" @click="addDialogOpen(3,scope.row)" v-hasPermiRouter="['security:checkGroup:detail']">详情</p>
-              <p class="table-button-p" @click="addDialogOpen(2,scope.row)" v-hasPermiRouter="['security:checkGroup:edit']">编辑</p>
-              <p class="table-button-p" @click="deleteObj(scope.row)" v-hasPermiRouter="['security:checkGroup:del']">删除</p>
-              <p class="table-button-null"></p>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination :page-sizes="[20, 30, 40, 50]"
-                  v-show="total>0"
-                  :total="total"
-                  :page.sync="queryParams.page"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-      />
-    </div>
-    <addDialog v-if="addDialogType" :addDialogData="addDialogData"></addDialog>
-  </div>
-</template>
-
-<script>
-  import addDialog from './addDialog.vue'
-  import { checkGroupList,checkGroupDelete,checkGroupEnable } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    components: {
-      addDialog,
-    },
-    data(){
-      return{
-        tableButtonType:this.hasPermiDom(['security:checkGroup:detail','security:checkGroup:edit','security:checkGroup:del']),
-        addDialogType:false,
-        addDialogData:{},
-        queryParams:{
-          page:1,
-          pageSize:20,
-          searchValue:"",
-          enable:"",
-        },
-        tableList:[],
-        total:0,
-        optionsOne:[{key:1,label:"校级"},{key:2,label:"院级"}],
-        optionsTwo:[{key:1,label:"启用"},{key:0,label:"停用"}],
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //弹窗开启
-      addDialogOpen(type,data){
-        if(type==1){
-          this.$set(this,'addDialogData',{
-            title:"新增巡查组",
-            addType:true,
-            lookInfoType:false,
-          })
-          this.$set(this,'addDialogType',true)
-        }else if(type == 2){
-          this.$set(this,'addDialogData',{
-            title:"编辑巡查组",
-            addType:false,
-            lookInfoType:false,
-            id:data.id
-          })
-          this.$set(this,'addDialogType',true)
-        }else if(type == 3){
-          this.$set(this,'addDialogData',{
-            title:"巡查组详情",
-            addType:false,
-            lookInfoType:true,
-            id:data.id
-          })
-          this.$set(this,'addDialogType',true)
-        }else if(type == 5){
-          this.getList();
-          this.$set(this,'addDialogType',false)
-        }else{
-          this.$set(this,'addDialogType',false)
-        }
-      },
-      // 开关
-      switchClick(data){
-        console.log('data',data);
-        let self = this;
-        this.$confirm('是否确认'+(data.enable==1?'停用':'启用')+'?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          let obj = {
-            checkGroupId:data.id,
-            enable:data.enable==1?0:1
-          };
-          checkGroupEnable(obj).then(response => {
-            self.msgSuccess(response.message)
-            self.getList();
-          });
-        }).then(() => {
-        }).catch(() => {});
-      },
-      //获取数据列表
-      getList(){
-        checkGroupList(this.queryParams).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          searchValue:"",
-          enable:"",
-        });
-        this.handleQuery();
-      },
-      //删除
-      deleteObj(data){
-        let self = this;
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          checkGroupDelete({id:data.id}).then(response => {
-            self.msgSuccess(response.message)
-            self.getList();
-          });
-        }).then(() => {
-        }).catch(() => {});
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .inspectionGroup {
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .content-box{
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      padding:20px;
-      overflow: hidden;
-    }
-  }
-</style>
-

src/views/safetyCheckDemo/schoolInspection/inspectionManagement/index.vue

@@ -1,434 +0,0 @@
-<!--巡查管理-->-
-<template>
-  <div class="app-container inspectionManagement">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.manageStatus=='-1'?'checkDiv':''" @click="topLeftClickType('-1')">全部</p>
-              <p class="text-p" :class="queryParams.manageStatus=='0'?'checkDiv':''" @click="topLeftClickType('0')">待检查</p>
-              <p class="text-p" :class="queryParams.manageStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">检查中</p>
-              <p class="text-p" :class="queryParams.manageStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">已检查</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我相关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" style="margin-left:10px;" prop="searchValue">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号/检查者"
-              clearable
-              style="width: 250px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip width="250" fixed/>
-          <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="220" fixed>
-            <template slot-scope="scope">{{scope.row.roomNumber?scope.row.subjectName+'-'+scope.row.roomNumber:scope.row.subjectName}}</template>
-          </el-table-column>
-          <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="150"/>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查状态" align="center" prop="manageStatus" show-overflow-tooltip width="90">
-            <template slot-scope="scope">
-              <p :class="scope.row.manageStatus==0?'manageStatus-color-1':(scope.row.manageStatus==1?'manageStatus-color-2':(scope.row.manageStatus==2?'manageStatus-color-3':''))">{{scope.row.manageStatus==0?'待检查':(scope.row.manageStatus==1?'检查中':(scope.row.manageStatus==2?'已检查':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
-          <el-table-column label="检查结果" align="center" prop="checkResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkResult==0?'不符合':(scope.row.checkResult==1?'符合':'')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="隐患数" align="center" prop="dangerNum" show-overflow-tooltip width="80"/>
-          <el-table-column label="整改进度" align="center" prop="rectifySchedule" show-overflow-tooltip width="200"/>
-          <el-table-column label="计划周期" align="center" prop="startTime" show-overflow-tooltip width="270">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage:detail']"
-                   v-show="scope.row.manageStatus==0||scope.row.manageStatus==2" @click="goAddPage(3,scope.row.id)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage:edit']"
-                   v-show="scope.row.manageStatus==1 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage:edit']"
-                   v-show="scope.row.manageStatus==0 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">开始检查</p>
-                <p class="table-button-p" v-hasPermiRouter="['safety:checkManage:edit']"
-                   style="color:#999" v-show="scope.row.manageStatus==0 && scope.row.isCheck==0 && scope.row.isSelfData==1">开始检查</p>
-                <p class="table-button-p" v-show="scope.row.isEndProcess==1 && scope.row.checkResult==0" @click="lookDocumentButton(1,scope.row)">整改报告</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <addPage v-if="pageType==2" :propsAddData="propsAddData"></addPage>
-    <infoPage v-if="pageType==3" :propsInfoData="propsInfoData"></infoPage>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addPage from '@/views/safetyCheckDemo/components/addPage/addPage.vue'
-  import infoPage from '@/views/safetyCheckDemo/components/infoPage/infoPage.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  //                        V3
-  import {
-    getDeptDropList
-  } from '@/api/commonality/permission'
-  import {
-    checkManageList, getFindByCheckPlanId
-  } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    components: {
-      addPage,
-      infoPage,
-      lookDocumentDataDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsAddData:{},
-        propsInfoData:{},
-        //学院列表
-        deptSelectList:[],
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          checkType:1,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){
-      if(this.$route.query.id){
-        this.goAddPage(2,this.$route.query.id);
-      }
-    },
-    mounted(){
-      this.getDeptDropList();
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        checkManageList({
-          page:1,
-          pageSize:20,
-          checkType:1,
-          checkTimeSort:0,
-          myRelated:1,
-          manageStatus:this.queryParams.manageStatus,
-          searchValue:this.queryParams.searchValue,
-          deptId:this.queryParams.deptId,
-          startTime:this.dateRange[0]?this.dateRange[0]+'T00:00:00':'',
-          endTime:this.dateRange[1]?this.dateRange[1]+'T23:59:59':'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //开始检查
-      goAddPage(type,id){
-        if(this.pageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'pageType',type);
-          }else if(type == 2){
-            //开始检查/编辑
-            this.$set(this,'propsAddData',{
-              id:id,
-              title:'校院巡查',
-            });
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            //详情
-            this.$set(this,'propsInfoData',{id:id});
-            this.$set(this,'pageType',type);
-          }else if(type == 4){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'pageType',1);
-          }
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':"0"));
-          this.handleQuery();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.manageStatus != type){
-          this.$set(this.queryParams,'manageStatus',type);
-          this.handleQuery();
-        }
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.startTime = this.dateRange[0]+'T00:00:00';
-          obj.endTime = this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.startTime = "";
-          obj.endTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        checkManageList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          checkType:1,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      //查看单个文档
-      lookDocumentButton(type,row){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:"整改报告",
-            type:1,
-            id:row.id,
-            name:row.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-      //获取学院列表
-      getDeptDropList(){
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .inspectionManagement{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(4){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/schoolInspection/inspectionPlan/index.vue

@@ -1,420 +0,0 @@
-<!--巡查计划-->
-<template>
-  <div class="app-container inspectionPlan">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.checkStatus=='0'?'checkDiv':''" @click="topLeftClickType('0')">全部</p>
-              <p class="text-p" :class="queryParams.checkStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">未开始</p>
-              <p class="text-p" :class="queryParams.checkStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">进行中</p>
-              <p class="text-p" :class="queryParams.checkStatus=='3'?'checkDiv':''" @click="topLeftClickType('3')">已结束</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;" label-width="70px">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/创建人"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:130px;float: right;"
-             @click="addDialogOpen(1)"
-          >创建巡查计划</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip/>
-          <el-table-column label="检查范围" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkRange==1?'全校':(scope.row.checkRange==2?'学院':(scope.row.checkRange==3?'实验室':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="计划周期" align="center" prop="cycleStartTime" show-overflow-tooltip width="260">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="状态" align="center" prop="checkStatus" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p :class="scope.row.checkStatus==1?'checkStatus-color-1':(scope.row.checkStatus==2?'checkStatus-color-2':(scope.row.checkStatus==3?'checkStatus-color-3':''))">{{scope.row.checkStatus==1?'未开始':(scope.row.checkStatus==2?'进行中':(scope.row.checkStatus==3?'已结束':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查进度" align="center" prop="checkSchedule" show-overflow-tooltip width="210"/>
-          <el-table-column label="创建人" align="center" prop="createName" show-overflow-tooltip width="130"/>
-          <el-table-column label="创建时间" sortable="custom" align="center" prop="createTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan:detail']"
-                   v-show="scope.row.checkStatus!=1" @click="addDialogOpen(3,scope.row)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan:edit']"
-                   v-show="scope.row.checkStatus==1&&scope.row.isSelfData == 1" @click="addDialogOpen(2,scope.row)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_2:list']"
-                   @click="goPage(2,scope.row)">巡查管理</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkPlan:del']"
-                   v-show="scope.row.checkStatus==1&&scope.row.isSelfData == 1" @click="deleteObj(scope.row)">删除</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <list-page v-if="pageType == 2" :propsListPageData="propsListPageData"></list-page>
-    <add-dialog v-if="addDialogType" :addDialogData="addDialogData"></add-dialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addDialog from './addDialog.vue'
-  import listPage from './listPage.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  import { checkPlanList,checkPlanDelete,getFindByCheckPlanId } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    components: {
-      addDialog,
-      listPage,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsListPageData:{},
-        addDialogType:false,
-        addDialogData:{},
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          checkStatus:0,
-          createTimeSort:0,
-          searchValue:"",
-          checkType:1,
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        checkPlanList({
-          page:1,
-          pageSize:20,
-          createTimeSort:0,
-          checkType:1,
-          myRelated:1,
-          checkStatus:this.queryParams.checkStatus,
-          searchValue:this.queryParams.searchValue,
-          cycleStartTime:this.dateRange[0]?this.dateRange[0]+'T00:00:00':'',
-          cycleEndTime:this.dateRange[1]?this.dateRange[1]+'T23:59:59':'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      //切换页面
-      goPage(type,data){
-        if(this.pageType != type){
-          if(type == 2){
-            this.$set(this,'propsListPageData',data);
-            this.$set(this,'pageType',type);
-          }else if(type == 1){
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            this.$set(this,'pageType',1);
-            this.getList();
-          }
-        }
-      },
-      //弹窗开启
-      addDialogOpen(type,data){
-        if(type==1){
-          this.$set(this,'addDialogData',{
-            title:"创建巡查计划",
-            lookInfoType:false,
-            addType:true,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==2){
-          this.$set(this,'addDialogData',{
-            title:"编辑巡查计划",
-            id:data.id,
-            lookInfoType:false,
-            addType:false,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==3){
-          this.$set(this,'addDialogData',{
-            title:"巡查计划详情",
-            id:data.id,
-            lookInfoType:true,
-            addType:false,
-          })
-          this.$set(this,'addDialogType',true);
-        }else if(type==4){
-          this.$set(this,'addDialogType',false);
-        }else if(type == 5){
-          this.$set(this,'addDialogType',false);
-          this.getList();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.checkStatus != type){
-          this.$set(this.queryParams,'checkStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'createTime'){
-          this.$set(this.queryParams,'createTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':'0'));
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]){
-          obj.cycleStartTime = this.dateRange[0]+'T00:00:00';
-          obj.cycleEndTime = this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.cycleStartTime = "";
-          obj.cycleEndTime = "";
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        checkPlanList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          checkStatus:0,
-          createTimeSort:0,
-          searchValue:"",
-          checkType:1,
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      //删除
-      deleteObj(obj){
-        let self = this;
-        this.$confirm('是否确认删除?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          checkPlanDelete({id:obj.id,checkType:obj.checkType}).then(response => {
-            self.msgSuccess(response.message)
-            self.getList();
-          })
-        }).then(() => {
-        }).catch(() => {});
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.id}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .inspectionPlan{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(4){
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-      .page-content-box{
-        .checkStatus-color-1{
-          color:#0183FA;
-        }
-        .checkStatus-color-2{
-          color:#EE0606;
-        }
-        .checkStatus-color-3{
-          color:#23B303;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/schoolInspection/inspectionPlan/listPage.vue

@@ -1,395 +0,0 @@
-<!--巡查子项管理-->
-<template>
-  <div class="selfInspectionManagement">
-    <div class="selfInspectionManagement-page" v-if="pageType == 1">
-      <div class="title-box page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box" style="margin-left:10px;">
-              <div :class="queryParams.manageStatus=='-1'?'checkDiv':''" @click="topLeftClickType('-1')">
-                <p class="text-p">全部</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus=='-1'"></p>
-              </div>
-              <div :class="queryParams.manageStatus==0?'checkDiv':''" @click="topLeftClickType(0)">
-                <p class="text-p">待检查</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==0"></p>
-              </div>
-              <div :class="queryParams.manageStatus==1?'checkDiv':''" @click="topLeftClickType(1)">
-                <p class="text-p">检查中</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==1"></p>
-              </div>
-              <div :class="queryParams.manageStatus==2?'checkDiv':''" @click="topLeftClickType(2)">
-                <p class="text-p">已检查</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.manageStatus==2"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="计划标题/实验室/房间号/检查者"
-              clearable
-              style="width: 250px;margin-left:10px;"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" style="margin-left:10px;" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 240px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <el-form-item>
-            <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-            <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          </el-form-item>
-          <el-form-item style="float: right">
-            <p class="page-out-common-style-button" style="width:80px;" @click="outButton">返回</p>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" fixed/>
-          <el-table-column label="计划标题" align="center" prop="title" show-overflow-tooltip width="250" fixed/>
-          <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="220" fixed>
-            <template slot-scope="scope">{{scope.row.roomNumber?scope.row.subjectName+'-'+scope.row.roomNumber:scope.row.subjectName}}</template>
-          </el-table-column>
-          <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="150"/>
-          <el-table-column label="检查类型" align="center" prop="checkRange" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkCategory==1?'综合检查':(scope.row.checkCategory==2?'专项检查':'-')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查状态" align="center" prop="manageStatus" show-overflow-tooltip width="90">
-            <template slot-scope="scope">
-              <p :class="scope.row.manageStatus==0?'manageStatus-color-1':(scope.row.manageStatus==1?'manageStatus-color-2':(scope.row.manageStatus==2?'manageStatus-color-3':''))">{{scope.row.manageStatus==0?'待检查':(scope.row.manageStatus==1?'检查中':(scope.row.manageStatus==2?'已检查':''))}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
-          <el-table-column label="检查结果" align="center" prop="checkResult" show-overflow-tooltip width="80">
-            <template slot-scope="scope">
-              <p>{{scope.row.checkResult==0?'不符合':(scope.row.checkResult==1?'符合':'')}}</p>
-            </template>
-          </el-table-column>
-          <el-table-column label="隐患数" align="center" prop="dangerNum" show-overflow-tooltip width="80"/>
-          <el-table-column label="整改进度" align="center" prop="rectifySchedule" show-overflow-tooltip width="200"/>
-          <el-table-column label="计划周期" align="center" prop="startTime" show-overflow-tooltip width="270">
-            <template slot-scope="scope">
-              <p>{{scope.row.cycleStartTime}} 至 {{scope.row.cycleEndTime}}<span style="color:#EE0606;margin-left:15px;" v-if="scope.row.isOverdue==1">已逾期</span></p>
-            </template>
-          </el-table-column>
-          <el-table-column label="检查时间" sortable="custom" align="center" prop="checkTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="操作" align="center" prop="deptName" width="280">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_2:detail']"
-                   v-show="scope.row.manageStatus==0||scope.row.manageStatus==2" @click="goAddPage(3,scope.row.id)">详情</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_2:edit']"
-                   v-show="scope.row.manageStatus==1 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">编辑</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_2:edit']"
-                   v-show="scope.row.manageStatus==0 && scope.row.isCheck==1 && scope.row.isSelfData==1" @click="goAddPage(2,scope.row.id)">开始检查</p>
-                <p class="table-button-p" v-hasPermiRouter="['security:checkManage_2:edit']"
-                   style="color:#999" v-show="scope.row.manageStatus==0 && scope.row.isCheck==0 && scope.row.isSelfData==1">开始检查</p>
-                <p class="table-button-p" v-show="scope.row.isEndProcess==1 && scope.row.checkResult==0" @click="lookDocumentButton(1,scope.row)">整改报告</p>
-                <p class="table-button-p" v-show="scope.row.isAttachment == 1" @click="lookDocumentListButton(1,scope.row)">查看附件</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <addPage v-if="pageType==2" :propsAddData="propsAddData"></addPage>
-    <infoPage v-if="pageType==3" :propsInfoData="propsInfoData"></infoPage>
-    <lookDocumentDataDialog v-if="lookDocumentType" :propsLookDocumentData="propsLookDocumentData"></lookDocumentDataDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import addPage from '@/views/safetyCheckDemo/components/addPage/addPage.vue'
-  import infoPage from '@/views/safetyCheckDemo/components/infoPage/infoPage.vue'
-  import lookDocumentDataDialog from '@/components/lookDocumentDialog/lookDocumentDataDialog.vue'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  //                        V3
-  import {
-    getDeptDropList
-  } from '@/api/commonality/permission'
-  import {
-    findByCheckPlanId,
-    getFindByCheckPlanId,
-  } from '@/api/safetyCheck/indexTow'
-  export default {
-    name: 'index',
-    props:{
-      propsListPageData:{},
-    },
-    components: {
-      addPage,
-      infoPage,
-      lookDocumentDataDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        lookDocumentType:false,
-        propsLookDocumentData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        propsAddData:{},
-        propsInfoData:{},
-        //学院列表
-        deptSelectList:[],
-        pageType:1,
-        queryParams:{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.getDeptDropList();
-      this.getList();
-    },
-    methods:{
-      //返回按钮
-      outButton(){
-        this.$parent.goPage(3);
-      },
-      //开始检查
-      goAddPage(type,id){
-        if(this.pageType != type){
-          if(type == 1){
-            //返回
-            this.$set(this,'pageType',type);
-          }else if(type == 2){
-            //开始检查/编辑
-            this.$set(this,'propsAddData',{
-              id:id,
-              title:'校院巡查',
-            });
-            this.$set(this,'pageType',type);
-          }else if(type == 3){
-            //详情
-            this.$set(this,'propsInfoData',{id:id});
-            this.$set(this,'pageType',type);
-          }else if(type == 4){
-            //返回并刷新
-            this.getList();
-            this.$set(this,'pageType',1);
-          }
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'checkTime'){
-          this.$set(this.queryParams,'checkTimeSort',val.order=='ascending'?'1':(val.order=='descending'?'2':"0"));
-          this.handleQuery();
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.manageStatus != type){
-          this.$set(this.queryParams,'manageStatus',type);
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        obj.checkPlanId = this.propsListPageData.id;
-        if(this.dateRange[0]){
-          obj.startTime = this.dateRange[0]+'T00:00:00';
-          obj.endTime = this.dateRange[1]+'T23:59:59';
-        }else{
-          obj.startTime = "";
-          obj.endTime = "";
-        }
-        findByCheckPlanId(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          manageStatus:'-1',
-          checkTimeSort:0,
-          searchValue:"",
-          deptId:""
-        });
-        this.handleQuery();
-      },
-      //查看单个文档
-      lookDocumentButton(type,row){
-        if(type==1){
-          this.$set(this,'propsLookDocumentData',{
-            title:"整改报告",
-            type:1,
-            id:row.id,
-            name:row.title
-          });
-          this.$set(this,'lookDocumentType',true);
-        }else{
-          this.$set(this,'lookDocumentType',false);
-        }
-      },
-      //查看多个文档
-      lookDocumentListButton(type,row){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:row.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-      //获取学院列表
-      getDeptDropList(){
-        getDeptDropList({ deptName: '', level: 2, deptType: 1 }).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        })
-      },
-    },
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-table__body-wrapper{
-    padding-bottom: 8px;
-  }
-  ::v-deep .el-table__fixed{
-    margin-top:-1px;
-    margin-left:-1px;
-    height:calc(100% - 8px)!important;
-  }
-  ::v-deep .el-table__fixed-body-wrapper{
-    height: calc(100% - 48px);
-    overflow-y: auto;
-  }
-  .selfInspectionManagement{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .selfInspectionManagement-page{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .title-box{
-        padding-top:20px;
-        border-bottom:1px solid #dedede;
-        .form-button-max-big-box{
-          display: inline-block;
-          .form-button-big-box{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv{
-              color:#0183FA;
-              border:1px solid #0183FA;
-            }
-          }
-        }
-      }
-      .content-box{
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        padding:20px;
-        overflow: hidden;
-        .manageStatus-color-1{
-          color:#0183FA;
-        }
-        .manageStatus-color-2{
-          color:#EE0606;
-        }
-        .manageStatus-color-3{
-          color:#23B303;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/snapshotManagement/index.vue

@@ -1,610 +0,0 @@
-<template>
-  <div class="app-container snapshotManagement">
-    <div class="page-container" v-if="pageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="70px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <p class="text-p" :class="queryParams.rectifyStatus==''?'checkDiv':''" @click="topLeftClickType('')">全部</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='0'?'checkDiv':''" @click="topLeftClickType('0')">待整改</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='1'?'checkDiv':''" @click="topLeftClickType('1')">已整改</p>
-              <p class="text-p" :class="queryParams.rectifyStatus=='2'?'checkDiv':''" @click="topLeftClickType('2')">暂无法整改</p>
-            </div>
-          </div>
-          <!--与我相关-->
-          <div class="form-button-max-big-box-me">
-            <div class="form-button-big-box-me">
-              <div :class="queryParams.myRelated==1?'checkDiv-me':''" @click="topRightClickType">
-                <p class="text-p-me">与我有关{{correlationNum}}</p>
-                <p class="el-icon-check icon-p-me" v-if="queryParams.myRelated==1"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="实验室/房间号/上报人"
-              clearable
-              style="width: 180px"/>
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="40px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="选择学院" style="width: 130px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange"  label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 220px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-add-common-style-button"
-             style="width:90px;float: right;"
-             @click="addButton"
-          >随手拍</p>
-          <p class="page-add-common-style-button"
-             style="width:90px;float: right;margin-right:20px;"
-             @click="goPage(2)"
-          >上报记录</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip/>
-          <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip width="220">
-            <template slot-scope="scope">{{scope.row.roomNum?scope.row.subName+'-'+scope.row.roomNum:scope.row.subName}}</template>
-          </el-table-column>
-          <el-table-column label="安全员" align="center" prop="safetyPeople" show-overflow-tooltip width="120"/>
-          <el-table-column label="上报人" align="center" prop="createName" show-overflow-tooltip width="90"/>
-          <el-table-column label="上报时间" sortable="custom" align="center" prop="createTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="280"/>
-          <el-table-column label="整改人" align="center" prop="rectifyPeople" show-overflow-tooltip width="100"/>
-          <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="整改状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              {{scope.row.rectifyStatus==0?'待整改':(scope.row.rectifyStatus==1?'已整改':(scope.row.rectifyStatus==2?'暂无法整改':''))}}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" prop="deptName" width="100">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" @click="goPage(3,scope.row)" v-hasPermiRouter="['safety:rectifyClap:detail']">详情</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"/>
-      </div>
-    </div>
-    <listPage v-if="pageType == 2"></listPage>
-    <infoPage v-if="pageType == 3" :infoPropsData="infoPropsData"></infoPage>
-    <el-dialog class="safetyHazard-info-dialog-box" @close="outDialog"
-               :close-on-click-modal="false"
-               v-loading="loading"
-               title="随手拍上报" :visible.sync="addDialogType" v-if="addDialogType"
-               width="787px" append-to-body>
-      <div>
-        <el-form  ref="addDialogForm" :model="addDialogForm" :rules="rules" label-width="140px">
-          <el-form-item label="学院：" prop="deptId">
-            <el-select v-model="addDialogForm.deptId" @change="dialogDeptChange" placeholder="请选择学院" style="width:548px;">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="实验室：" prop="subId">
-            <el-select
-              style="width:548px;"
-              v-model="addDialogForm.subId"
-              filterable
-              remote
-              reserve-keyword
-              placeholder="搜索选择实验室"
-              @change="dialogSubChange"
-              :remote-method="getSelectList"
-              :loading="dialogLoading">
-              <el-option
-                v-for="item in dialogSubList"
-                :key="item.subId"
-                :label="item.subName"
-                :value="item.subId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="隐患描述：" prop="hazardDescribe">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 4, maxRows: 4}"
-              placeholder="请输入隐患描述"
-              v-model="addDialogForm.hazardDescribe"
-              maxlength="100"
-              resize="none"
-              show-word-limit
-              style="width:548px;">
-            </el-input>
-          </el-form-item>
-          <el-form-item label="隐患照片:" prop="imgDtoList">
-            <div class="snapshotManagement-for-img-box" v-for="(img,imgIndex) in addDialogForm.imgDtoList" :key="imgIndex">
-              <img class="for-img" :src="img.fileUrl">
-              <p class="for-del-button el-icon-circle-close" @click="delImg(imgIndex)"></p>
-            </div>
-            <el-upload
-              v-if="addDialogForm.imgDtoList.length<5"
-              style="display: inline-block;overflow: hidden"
-              class="avatar-uploader"
-              :action="uploadImgUrl"
-              :show-file-list="false"
-              :on-success="(res)=>handleAvatarSuccess(res)"
-              :headers="headers"
-              :before-upload="(res)=>beforeAvatarUpload(res)">
-              <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
-            </el-upload>
-            <p class="dialog-material-text">支持jpg/png/bmp/gif格式，最多上传5张</p>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
-        <p class="dialog-footer-button-null"></p>
-        <p class="dialog-footer-button-info" @click="outDialog">取消</p>
-        <p class="dialog-footer-button-primary" @click="upDialogButton">确定</p>
-        <p class="dialog-footer-button-null"></p>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-  import { securityCheckClapList,checkClapAdd } from '@/api/safetyCheck/index'
-  import listPage from './listPage.vue'
-  import infoPage from './infoPage.vue'
-  import { getToken } from "@/utils/auth";
-  import { getDeptDropList } from '@/api/commonality/permission'
-  import { laboratorySubRelInfoGetListByDeptId } from '@/api/safetyCheck'
-  export default {
-    name: 'index',
-    components: {
-      listPage,
-      infoPage
-    },
-    data(){
-      return{
-        loading:false,
-        uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
-        headers: {
-          Authorization:getToken(),
-        },
-        pageType:1,
-        deptSelectList:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          rectifyStatus:'',
-          upTimeOrder:"",
-          zgTimeOrder:"",
-          myRelated:1,
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        correlationNum:'',
-        //新增窗口
-        addDialogType:false,
-        addDialogForm:{
-          deptId:"",
-          deptName:"",
-          subId:"",
-          subName:"",
-          hazardDescribe:"",
-          imgDtoList:[],
-        },
-        rules:{
-          deptId: [
-            { required: true, message: "请选择学院", trigger: "change" },
-          ],
-          subId: [
-            { required: true, message: "请选择实验室", trigger: "change" },
-          ],
-          imgDtoList: [
-            { required: true, message: "请上传隐患照片", trigger: "change" },
-          ],
-        },
-        dialogDeptOptions:[],
-        dialogLoading:false,
-        dialogSubList:[],
-        dialogSubListData:[],
-        suffixName:"",
-        //详情
-        infoPropsData:{}
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.listDepartments();
-      this.getList();
-    },
-    methods:{
-      //获取相关数量
-      getCorrelationNum(){
-        securityCheckClapList({
-          page:1,
-          pageSize:20,
-          upTimeOrder:"",
-          zgTimeOrder:"",
-          myRelated:1,
-          deptId:this.queryParams.deptId,
-          searchValue:this.queryParams.searchValue,
-          rectifyStatus:this.queryParams.rectifyStatus,
-          beginTime:this.dateRange[0]?this.dateRange[0]:'',
-          endTime:this.dateRange[1]?this.dateRange[1]:'',
-        }).then(response => {
-          this.$set(this,'correlationNum',response.data.total>999?' 999+':(response.data.total<1?'':' '+response.data.total));
-        });
-      },
-      //与我相关按钮
-      topRightClickType(){
-        this.$set(this.queryParams,'myRelated',this.queryParams.myRelated==1?0:1);
-        this.handleQuery();
-      },
-      goPage(type,data){
-        if(this.pageType != type){
-          if (type==1){
-            this.$set(this,'pageType',type);
-          } else if(type==2){
-            this.$set(this,'pageType',type);
-          } else if(type==3){
-            this.$set(this,'infoPropsData',data);
-            this.$set(this,'pageType',type);
-          } else if(type==4){
-            this.$set(this,'pageType',1);
-            this.getList();
-          }
-        }
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.rectifyStatus !== type){
-          this.$set(this.queryParams,'rectifyStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'rectifyTime'){
-          this.$set(this.queryParams,'zgTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'upTimeOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'createTime'){
-          this.$set(this.queryParams,'upTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-        if(this.dateRange[0]) {
-          obj.beginTime=this.dateRange[0]+'T00:00:00';
-          obj.endTime=this.dateRange[1]+'T23:59:59';
-        } else {
-          obj.beginTime='';
-          obj.endTime='';
-        }
-        let self = this;
-        setTimeout(function(){
-          self.getCorrelationNum();
-        },500);
-        securityCheckClapList(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          rectifyStatus:'',
-          upTimeOrder:"",
-          zgTimeOrder:"",
-          myRelated:1,
-        });
-        this.handleQuery();
-      },
-      /*==========上传相关==========*/
-      handleAvatarSuccess(res) {
-        this.$set(this,'loading',false);
-        if(this.addDialogForm.imgDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return
-        }
-        let suffixName= this.upDataName.split('.')[this.upDataName.split('.').length - 2]
-        //判断文件名中是否有逗号和分号
-        if(suffixName.indexOf(',')==-1 && suffixName.indexOf(';')==-1){
-        }else{
-          this.msgError('文件名里包含逗号或分号，请修改后重新上传！')
-          return
-        }
-        let obj ={
-          fileName:this.upDataName,
-          fileUrl:res.data.url,
-        };
-        this.addDialogForm.imgDtoList.push(obj);
-        this.$forceUpdate()
-      },
-      beforeAvatarUpload(file) {
-        if(this.addDialogForm.imgDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return false
-        }
-        let type = false;
-        if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/jpg' || file.type == 'image/gif' || file.type == 'image/bmp') {
-          if(file.size> 2100000){
-            this.msgError('上传图片大小不能超过2M')
-            return false
-          }
-          this.$set(this,'loading',true);
-          this.upDataName = file.name;
-          type = true;
-        }else{
-          this.msgError('仅支持jpeg/jpg/png/bmp/gif格式')
-          type = false;
-        }
-        return type;
-      },
-      //删除照片
-      delImg(imgIndex){
-        this.addDialogForm.imgDtoList.splice(imgIndex,1);
-      },
-      /**************** 新增窗口 ******************/
-      //提交
-      upDialogButton(){
-        this.$refs["addDialogForm"].validate(valid => {
-          if (valid) {
-            checkClapAdd(this.addDialogForm).then(response => {
-              this.msgSuccess(response.message);
-              this.outDialog();
-              this.getList();
-            });
-          }
-        })
-      },
-      addButton(){
-        this.$set(this,'addDialogForm',{
-          deptId:"",
-          deptName:"",
-          subId:"",
-          subName:"",
-          hazardDescribe:"",
-          imgDtoList:[],
-        });
-        this.$set(this,'addDialogType',true);
-      },
-      outDialog(){
-        this.$set(this,'addDialogType',false);
-      },
-      //选中院系
-      dialogDeptChange(val){
-        let self = this;
-        let obj = {
-          deptId:val,
-        }
-
-        laboratorySubRelInfoGetListByDeptId({deptIds:[val],subName:''}).then(response => {
-          this.$set(this,'dialogSubListData',response.data);
-          this.$set(this,'dialogSubList',response.data);
-          for(let i=0;i<self.deptSelectList.length;i++){
-            if(val == self.deptSelectList[i].deptId){
-              self.$set(self.addDialogForm,'deptName',self.deptSelectList[i].deptName);
-            }
-          }
-          this.$set(this.addDialogForm,'subId','');
-          this.$set(this.addDialogForm,'subName','');
-        });
-
-        // getSubjectDictByViolation(obj).then(response => {
-        //   this.$set(this,'dialogSubListData',response.data);
-        //   this.$set(this,'dialogSubList',response.data);
-        //   for(let i=0;i<self.deptSelectList.length;i++){
-        //     if(val == self.deptSelectList[i].deptId){
-        //       self.$set(self.addDialogForm,'deptName',self.deptSelectList[i].deptName);
-        //     }
-        //   }
-        //   this.$set(this.addDialogForm,'subId','');
-        //   this.$set(this.addDialogForm,'subName','');
-        // });
-      },
-      //实验室选中
-      dialogSubChange(val){
-        let self = this;
-        for(let i=0;i<self.dialogSubList.length;i++){
-          if(val == self.dialogSubList[i].subId){
-            self.$set(self.addDialogForm,'subName',self.dialogSubList[i].subName);
-          }
-        }
-      },
-      /** 实验室-本地懒加载 */
-      getSelectList(val) {
-        let self = this;
-        let list = [];
-        for(let i=0;i<self.dialogSubListData.length;i++){
-          if(self.dialogSubListData[i].subName.indexOf(val) != -1){
-            list.push(self.dialogSubListData[i]);
-          }
-        }
-        this.dialogSubList = JSON.parse(JSON.stringify(list))
-      },
-      //获取学院列表
-      listDepartments(){
-        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        });
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .snapshotManagement{
-    .page-container{
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            p:nth-child(1){
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(2){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(3){
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-            }
-            p:nth-child(4){
-              width:100px;
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-              border-top:1px solid #E0E0E0;
-              border-bottom:1px solid #E0E0E0;
-              border-right:1px solid #E0E0E0;
-            }
-            p{
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#666666;
-              font-size:14px;
-              font-weight:500;
-              cursor: pointer;
-              border-left:1px solid #E0E0E0;
-            }
-            .checkDiv{
-              color:#fff!important;
-              border:1px solid #0183FA!important;
-              background-color: #0183FA;
-            }
-          }
-        }
-        .form-button-max-big-box-me{
-          margin-left:10px;
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box-me{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:130px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p-me{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            .checkDiv-me{
-              color:#0183FA!important;
-              border:1px solid #0183FA!important;
-            }
-          }
-        }
-      }
-    }
-  }
-  ::v-deep .snapshotManagement-for-img-box{
-    width:80px;
-    height:80px;
-    border-radius:4px;
-    display: inline-block;
-    overflow: hidden;
-    margin-right:20px;
-    position: relative;
-    .for-img{
-      width:80px;
-      height:80px;
-      display: inline-block;
-      overflow: hidden;
-    }
-    .for-del-button{
-      background: rgba(0,0,0,0.7);
-      width:20px;
-      height:20px;
-      line-height: 20px;
-      text-align: center;
-      color:#fff;
-      border-bottom-left-radius:4px;
-      cursor: pointer;
-      position: absolute;
-      top:0;
-      right:0;
-    }
-  }
-  ::v-deep .up-img-p{
-    height:80px;
-    width:80px;
-    line-height:80px;
-    text-align: center;
-    font-size:16px;
-    border-radius:4px;
-    border:1px dashed #E0E0E0;
-  }
-</style>

src/views/safetyCheckDemo/snapshotManagement/infoPage.vue

@@ -1,514 +0,0 @@
-<template>
-  <div class="snapshotManagement-infoPage" v-loading.fullscreen.lock="loading">
-    <div class="page-top-title-box title-max-box">
-      <p class="page-top-title-name-p">随手拍详情</p>
-      <p class="page-top-title-out-p" @click="outButton">返回</p>
-    </div>
-    <div class="content-box scrollbar-box">
-      <div class="info-box">
-        <div class="info-box-text">
-          <p>学院</p>
-          <p>{{infoData.deptName}}</p>
-        </div>
-        <div class="info-box-text">
-          <p>实验室</p>
-          <p>{{infoData.subName}}</p>
-        </div>
-        <div class="info-box-text">
-          <p>隐患描述</p>
-          <p>{{infoData.hazardDescribe}}</p>
-        </div>
-        <div class="info-box-img">
-          <p>隐患照片</p>
-          <div>
-            <img :src="imgItem.fileUrl" @click="lookImg(infoData.yhDtoList,index)"
-                 v-for="(imgItem,index) in infoData.yhDtoList" :key="index">
-          </div>
-        </div>
-        <div class="info-box-text-two">
-          <div class="left-box">
-            <p>上报人</p>
-            <p>{{infoData.createName}}</p>
-          </div>
-          <div class="right-box">
-            <p>上报时间</p>
-            <p>{{infoData.createTime}}</p>
-          </div>
-        </div>
-      </div>
-      <div class="type-box" v-if="infoData.rectifyStatus == 1 || infoData.rectifyStatus == 2">
-        <div class="info-box-type">
-          <p>整改结果</p>
-          <p>{{infoData.rectifyStatus == 1?'已整改':(infoData.rectifyStatus == 2?'暂无法整改':'')}}</p>
-        </div>
-        <div class="info-box-text">
-          <p>{{infoData.rectifyStatus == 1?'整改措施':(infoData.rectifyStatus == 2?'原因描述':'')}}</p>
-          <p>{{infoData.rectifyDescribe}}</p>
-        </div>
-        <div class="info-box-img">
-          <p>上传照片</p>
-          <div>
-            <img :src="imgItem.fileUrl" @click="lookImg(infoData.zgDtoList,index)"
-                 v-for="(imgItem,index) in infoData.zgDtoList" :key="index">
-            <p v-if="!infoData.zgDtoList[0]" style="font-size:14px;color:#999;">未上传照片</p>
-          </div>
-        </div>
-        <div class="info-box-text-two">
-          <div class="left-box">
-            <p>整改人</p>
-            <p>{{infoData.rectifyPeople}}</p>
-          </div>
-          <div class="right-box">
-            <p>整改时间</p>
-            <p>{{infoData.rectifyTime}}</p>
-          </div>
-        </div>
-      </div>
-      <div class="up-data-box" v-if="infoData.rectifyStatus == 0 && infoData.rectifyGentle">
-        <el-form ref="addDialogForm" :model="upFormData" :rules="rules" label-width="140px">
-          <el-form-item label="整改结果：" prop="rectifyStatus">
-            <el-radio-group v-model="upFormData.rectifyStatus" style="margin-top:5px;">
-              <el-radio :label="1">已整改</el-radio>
-              <el-radio :label="2">暂无法整改</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item :label="upFormData.rectifyStatus==1?'整改措施：':(upFormData.rectifyStatus==2?'原因描述：':'')" prop="rectifyDescribe">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 4, maxRows: 4}"
-              :placeholder="upFormData.rectifyStatus==1?'请输入整改措施':(upFormData.rectifyStatus==2?'请输入原因描述':'')"
-              v-model="upFormData.rectifyDescribe"
-              maxlength="100"
-              resize="none"
-              show-word-limit
-              style="width:548px;">
-            </el-input>
-          </el-form-item>
-          <el-form-item label="上传照片:" prop="imgDtoList">
-            <div class="snapshotManagement-for-img-box" v-for="(img,imgIndex) in upFormData.imgDtoList" :key="imgIndex">
-              <img class="for-img" :src="img.fileUrl">
-              <p class="for-del-button el-icon-circle-close" @click="delImg(imgIndex)"></p>
-            </div>
-            <el-upload
-              v-if="upFormData.imgDtoList.length<5"
-              style="display: inline-block;overflow: hidden"
-              class="avatar-uploader"
-              :action="uploadImgUrl"
-              :show-file-list="false"
-              :on-success="(res)=>handleAvatarSuccess(res)"
-              :headers="headers"
-              :before-upload="(res)=>beforeAvatarUpload(res)">
-              <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
-            </el-upload>
-            <p class="dialog-material-text">支持jpg/png/bmp/gif格式，最多上传5张</p>
-          </el-form-item>
-        </el-form>
-      </div>
-    </div>
-    <div class="button-box dialog-footer-box" v-if="infoData.rectifyStatus == 0 && infoData.rectifyGentle">
-      <p class="dialog-footer-button-null"></p>
-      <p class="dialog-footer-button-info" @click="outButton">取消</p>
-      <p class="dialog-footer-button-primary" @click="upDataButton">确定</p>
-      <p class="dialog-footer-button-null"></p>
-    </div>
-    <fullScreenView :fullScreenViewProps="fullScreenViewProps" ref="fullScreenView"></fullScreenView>
-  </div>
-</template>
-
-<script>
-  import fullScreenView from "@/components/fullScreenView/fullScreenView.vue";
-  import { findById,clapApprove } from '@/apiDemo/safetyCheck/index'
-  import { getToken } from "@/utils/auth";
-  export default {
-    name: 'infoPage',
-    props:{
-      infoPropsData:{},
-    },
-    components: {
-      fullScreenView,
-    },
-    data(){
-      return{
-        loading:false,
-        uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
-        headers: {
-          Authorization: getToken(),
-        },
-        fullScreenViewProps:[],
-        infoData:{},
-        upFormData:{
-          rectifyStatus:1,
-          rectifyDescribe:"",
-          imgDtoList:[],
-        },
-        upDataName:"",
-        rules:{
-          rectifyStatus: [
-            { required: true, message: "请选择整改结果", trigger: "change" },
-          ],
-        }
-      }
-    },
-    created(){
-      this.findById();
-    },
-    mounted(){
-
-    },
-    methods:{
-      //提交整改
-      upDataButton(){
-        let self = this;
-        this.$refs["addDialogForm"].validate(valid => {
-          if (valid) {
-            this.$confirm('确定提交?', "警告", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning"
-            }).then(function() {
-              let obj = JSON.parse(JSON.stringify(self.upFormData))
-              obj.id = self.infoPropsData.id;
-              clapApprove(obj).then(response => {
-                self.msgSuccess(response.message)
-                self.$parent.goPage(4);
-              })
-            }).then(() => {
-            }).catch(() => {});
-          }
-        })
-      },
-      //查询详情
-      findById(){
-        findById({id:this.infoPropsData.id}).then(response => {
-          this.$set(this,'infoData',response.data);
-        })
-      },
-      outButton(){
-        this.$parent.goPage(1);
-      },
-      lookImg(list,index){
-        let newList = [];
-        for(let i=0;i<list.length;i++){
-          newList.push(list[i].fileUrl)
-        }
-        this.$set(this,'fullScreenViewProps',newList);
-        this.$refs['fullScreenView'].initialize(index);
-      },
-      /*==========上传相关==========*/
-      handleAvatarSuccess(res) {
-        this.$set(this,'loading',false);
-        if(this.upFormData.imgDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return
-        }
-        let suffixName= this.upDataName.split('.')[this.upDataName.split('.').length - 2]
-        //判断文件名中是否有逗号和分号
-        if(suffixName.indexOf(',')==-1 && suffixName.indexOf(';')==-1){
-        }else{
-          this.msgError('文件名里包含逗号或分号，请修改后重新上传！')
-          return
-        }
-        let obj ={
-          fileName:this.upDataName,
-          fileUrl:res.data.url,
-        };
-        this.upFormData.imgDtoList.push(obj);
-        this.$forceUpdate()
-      },
-      beforeAvatarUpload(file) {
-        if(this.upFormData.imgDtoList.length>4){
-          this.msgError('最多只可上传5张')
-          return false
-        }
-        let type = false;
-        if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/jpg' || file.type == 'image/gif' || file.type == 'image/bmp') {
-          if(file.size> 2100000){
-            this.msgError('上传图片大小不能超过2M')
-            return false
-          }
-          this.$set(this,'loading',true);
-          this.upDataName = file.name;
-          type = true;
-        }else{
-          this.msgError('仅支持jpeg/jpg/png/bmp/gif格式')
-          type = false;
-        }
-        return type;
-      },
-      //删除照片
-      delImg(imgIndex){
-        this.upFormData.imgDtoList.splice(imgIndex,1);
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .snapshotManagement-infoPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    *{
-      font-weight:500;
-    }
-    .title-box{
-      border-bottom:1px solid #dedede;
-      display: flex;
-      p:nth-child(1){
-        line-height:80px;
-        margin-left:30px;
-        flex:1;
-        color:#0045AF;
-      }
-      p:nth-child(2){
-        width:70px;
-        height:40px;
-        line-height:40px;
-        margin:20px 30px;
-      }
-    }
-    .content-box{
-      flex:1;
-      .info-box{
-        margin:0 32px;
-        padding:40px 50px;
-        .info-box-text{
-          display: flex;
-          margin-bottom:20px;
-          p:nth-child(1){
-            width:70px;
-            font-size:16px;
-            color:#333;
-            margin-right:30px;
-            line-height:40px;
-            text-align: right;
-          }
-          p:nth-child(2){
-            padding:12px 20px;
-            background-color: #F5F5F5;
-            width:953px;
-            border-radius:4px;
-            font-size:14px;
-            color:#333;
-          }
-        }
-        .info-box-img{
-          display: flex;
-          margin-bottom:20px;
-          p:nth-child(1){
-            width:70px;
-            font-size:16px;
-            color:#333;
-            margin-right:30px;
-            line-height:40px;
-            text-align: right;
-          }
-          div{
-            img{
-              width:80px;
-              height:80px;
-              border-radius:4px;
-              margin-right:10px;
-              cursor: pointer;
-            }
-          }
-        }
-        .info-box-text-two{
-          display: flex;
-          .left-box{
-            display: flex;
-            p:nth-child(1){
-              width:70px;
-              font-size:16px;
-              color:#333;
-              margin-right:30px;
-              line-height:40px;
-              text-align: right;
-            }
-            p:nth-child(2){
-              padding:12px 20px;
-              background-color: #F5F5F5;
-              width:425px;
-              border-radius:4px;
-              font-size:14px;
-              color:#333;
-            }
-          }
-          .right-box{
-            display: flex;
-            p:nth-child(1){
-              width:90px;
-              font-size:16px;
-              color:#333;
-              margin-right:13px;
-              line-height:40px;
-              text-align: right;
-            }
-            p:nth-child(2){
-              padding:12px 20px;
-              background-color: #F5F5F5;
-              width:425px;
-              border-radius:4px;
-              font-size:14px;
-              color:#333;
-            }
-          }
-        }
-      }
-      .type-box{
-        margin:0 32px;
-        padding:40px 50px;
-        border-top: 1px dashed #D8D8D8;
-        .info-box-type{
-          display: flex;
-          margin-bottom:20px;
-          p:nth-child(1){
-            width:70px;
-            font-size:16px;
-            color:#333;
-            margin-right:30px;
-            line-height:40px;
-            text-align: right;
-          }
-          p:nth-child(2){
-            padding:12px 20px;
-            font-size:14px;
-            color:#0183FA;
-          }
-        }
-        .info-box-text{
-          display: flex;
-          margin-bottom:20px;
-          p:nth-child(1){
-            width:70px;
-            font-size:16px;
-            color:#333;
-            margin-right:30px;
-            line-height:40px;
-            text-align: right;
-          }
-          p:nth-child(2){
-            padding:12px 20px;
-            background-color: #F5F5F5;
-            width:953px;
-            border-radius:4px;
-            font-size:14px;
-            color:#333;
-          }
-        }
-        .info-box-img{
-          display: flex;
-          margin-bottom:20px;
-          p:nth-child(1){
-            width:70px;
-            font-size:16px;
-            color:#333;
-            margin-right:30px;
-            line-height:40px;
-            text-align: right;
-          }
-          div{
-            img{
-              width:80px;
-              height:80px;
-              border-radius:4px;
-              margin-right:10px;
-              cursor: pointer;
-            }
-          }
-        }
-        .info-box-text-two{
-          display: flex;
-          .left-box{
-            display: flex;
-            p:nth-child(1){
-              width:70px;
-              font-size:16px;
-              color:#333;
-              margin-right:30px;
-              line-height:40px;
-              text-align: right;
-            }
-            p:nth-child(2){
-              padding:12px 20px;
-              background-color: #F5F5F5;
-              width:425px;
-              border-radius:4px;
-              font-size:14px;
-              color:#333;
-            }
-          }
-          .right-box{
-            display: flex;
-            p:nth-child(1){
-              width:90px;
-              font-size:16px;
-              color:#333;
-              margin-right:13px;
-              line-height:40px;
-              text-align: right;
-            }
-            p:nth-child(2){
-              padding:12px 20px;
-              background-color: #F5F5F5;
-              width:425px;
-              border-radius:4px;
-              font-size:14px;
-              color:#333;
-            }
-          }
-        }
-      }
-      .up-data-box{
-        margin:0 32px;
-        padding:40px 50px;
-        border-top: 1px dashed #D8D8D8;
-      }
-    }
-    .up-data-box{
-
-      .snapshotManagement-for-img-box{
-        width:80px;
-        height:80px;
-        border-radius:4px;
-        display: inline-block;
-        overflow: hidden;
-        margin-right:20px;
-        position: relative;
-        .for-img{
-          width:80px;
-          height:80px;
-          display: inline-block;
-          overflow: hidden;
-        }
-        .for-del-button{
-          background: rgba(0,0,0,0.7);
-          width:20px;
-          height:20px;
-          line-height: 20px;
-          text-align: center;
-          color:#fff;
-          border-bottom-left-radius:4px;
-          cursor: pointer;
-          position: absolute;
-          top:0;
-          right:0;
-        }
-      }
-      .up-img-p{
-        height:80px;
-        width:80px;
-        line-height:80px;
-        text-align: center;
-        font-size:16px;
-        border-radius:4px;
-        border:1px dashed #E0E0E0;
-      }
-    }
-    .button-box{
-      padding:20px;
-      display: flex;
-    }
-  }
-</style>

src/views/safetyCheckDemo/snapshotManagement/listPage.vue

@@ -1,284 +0,0 @@
-<template>
-  <div class="snapshotManagement-listPage">
-    <div class="snapshotManagement-listPage-min" v-if="infoPageType == 1">
-      <div class="page-form-title-box">
-        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
-          <div class="form-button-max-big-box">
-            <div class="form-button-big-box">
-              <div :class="queryParams.rectifyStatus===''?'checkDiv':''" @click="topLeftClickType('')">
-                <p class="text-p">全部</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.rectifyStatus===''"></p>
-              </div>
-              <div :class="queryParams.rectifyStatus===0?'checkDiv':''" @click="topLeftClickType(0)">
-                <p class="text-p">待整改</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.rectifyStatus===0"></p>
-              </div>
-              <div :class="queryParams.rectifyStatus===1?'checkDiv':''" @click="topLeftClickType(1)">
-                <p class="text-p">已整改</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.rectifyStatus===1"></p>
-              </div>
-              <div :class="queryParams.rectifyStatus===2?'checkDiv':''" @click="topLeftClickType(2)">
-                <p class="text-p">暂无法整改</p>
-                <p class="el-icon-check icon-p" v-if="queryParams.rectifyStatus===2"></p>
-              </div>
-            </div>
-          </div>
-          <el-form-item label="" prop="searchValue" style="margin-left:10px;">
-            <el-input
-              maxLength="30"
-              v-model="queryParams.searchValue"
-              placeholder="实验室/房间号/上报人"
-              clearable
-              style="width: 180px"
-            />
-          </el-form-item>
-          <el-form-item label="" prop="deptId" label-width="50px">
-            <el-select v-model="queryParams.deptId" clearable placeholder="学院" style="width: 150px">
-              <el-option
-                v-for="item in deptSelectList"
-                :key="item.deptId"
-                :label="item.deptName"
-                :value="item.deptId">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="dateRange" style="margin-left:10px;" label-width="70px">
-            <el-date-picker
-              :clearable="false"
-              v-model="dateRange"
-              size="small"
-              style="width: 220px"
-              value-format="yyyy-MM-dd"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            ></el-date-picker>
-          </el-form-item>
-          <p class="page-inquire-common-style-button" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
-          <p class="page-out-common-style-button"
-             style="float: right;"
-             @click="outButton"
-          >返回</p>
-        </el-form>
-      </div>
-      <div class="page-content-box">
-        <el-table class="table-box" border :data="tableList" ref="multipleTable" @sort-change="sortChange">
-          <el-table-column label="序号" align="center"  type="index" width="60" />
-          <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip/>
-          <el-table-column label="实验室" align="center" prop="subName" show-overflow-tooltip width="220">
-            <template slot-scope="scope">{{scope.row.roomNum?scope.row.subName+'-'+scope.row.roomNum:scope.row.subName}}</template>
-          </el-table-column>
-          <el-table-column label="安全员" align="center" prop="safetyPeople" show-overflow-tooltip width="120"/>
-          <el-table-column label="上报人" align="center" prop="createName" show-overflow-tooltip width="90"/>
-          <el-table-column label="上报时间" sortable="custom" align="center" prop="createTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="280"/>
-          <el-table-column label="整改人" align="center" prop="rectifyPeople" show-overflow-tooltip width="100"/>
-          <el-table-column label="整改时间" sortable="custom" align="center" prop="rectifyTime" show-overflow-tooltip width="157"/>
-          <el-table-column label="整改状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="120">
-            <template slot-scope="scope">
-              {{scope.row.rectifyStatus==0?'待整改':(scope.row.rectifyStatus==1?'已整改':(scope.row.rectifyStatus==2?'暂无法整改':''))}}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" prop="deptName" width="120">
-            <template slot-scope="scope">
-              <div class="table-button-box">
-                <p class="table-button-null"></p>
-                <p class="table-button-p" @click="goPage(3,scope.row)" v-hasPermiRouter="['safety:rectifyClap:detail']">详情</p>
-                <p class="table-button-null"></p>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination :page-sizes="[20, 30, 40, 50]"
-                    v-show="total>0"
-                    :total="total"
-                    :page.sync="queryParams.page"
-                    :limit.sync="queryParams.pageSize"
-                    @pagination="getList"
-        />
-      </div>
-    </div>
-    <infoPage v-if="infoPageType == 3" :infoPropsData="infoPropsData"></infoPage>
-  </div>
-</template>
-
-<script>
-  import { checkClapMylist } from '@/api/safetyCheck/index'
-  import infoPage from './infoPage.vue'
-  import { getDeptDropList } from '@/api/commonality/permission'
-  export default {
-    name: 'listPage',
-    components: {
-      infoPage
-    },
-    data(){
-      return{
-        infoPageType:1,
-        deptSelectList:[],
-        queryParams:{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          rectifyStatus:'',
-          upTimeOrder:"",
-          zgTimeOrder:"",
-        },
-        dateRange:[],
-        tableList:[],
-        total:0,
-        //详情
-        infoPropsData:{}
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.listDepartments();
-      this.getList();
-    },
-    methods:{
-      //详情按钮
-      goPage(type,data){
-        if(this.infoPageType != type){
-          if (type==1){
-            this.$set(this,'infoPageType',type);
-          } else if(type==2){
-            this.$set(this,'infoPageType',type);
-          } else if(type==3){
-            this.$set(this,'infoPropsData',data);
-            this.$set(this,'infoPageType',type);
-          } else if(type==4){
-            this.$set(this,'infoPageType',1);
-            this.getList();
-          }
-        }
-      },
-      //返回按钮
-      outButton(){
-        this.$parent.goPage(1);
-      },
-      //范围选择
-      topLeftClickType(type){
-        if(this.queryParams.rectifyStatus !== type){
-          this.$set(this.queryParams,'rectifyStatus',type);
-          this.handleQuery();
-        }
-      },
-      //时间排序方法
-      sortChange(val){
-        if(val.prop == 'rectifyTime'){
-          this.$set(this.queryParams,'zgTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'upTimeOrder','');
-          this.handleQuery();
-        }else if(val.prop == 'createTime'){
-          this.$set(this.queryParams,'upTimeOrder',val.order=='ascending'?'1':(val.order=='descending'?'2':''));
-          this.$set(this.queryParams,'zgTimeOrder','');
-          this.handleQuery();
-        }
-      },
-      //获取数据列表
-      getList(){
-        let obj = JSON.parse(JSON.stringify(this.queryParams))
-
-        if(this.dateRange[0]) {
-          obj.beginDate=this.dateRange[0]+'T00:00:00';
-          obj.endDate=this.dateRange[1]+'T23:59:59';
-        } else {
-          obj.beginDate='';
-          obj.endDate='';
-        }
-
-        checkClapMylist(obj).then(response => {
-          this.total = response.data.total;
-          this.tableList = response.data.records;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.$set(this.queryParams,'page',1);
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.$set(this,'dateRange',[]);
-        this.$set(this,'queryParams',{
-          page:1,
-          pageSize:20,
-          deptId:'',
-          searchValue:'',
-          rectifyStatus:'',
-          upTimeOrder:"",
-          zgTimeOrder:"",
-        });
-        this.handleQuery();
-      },
-      //获取学院列表
-      listDepartments(){
-        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
-          this.$set(this, 'deptSelectList', response.data)
-        });
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .snapshotManagement-listPage{
-    flex: 1;
-    display: flex !important;
-    flex-direction: column;
-    overflow: hidden;
-    .snapshotManagement-listPage-min{
-      flex: 1;
-      display: flex !important;
-      flex-direction: column;
-      overflow: hidden;
-      .page-form-title-box{
-        .form-button-max-big-box{
-          display: inline-block;
-          overflow: hidden;
-          .form-button-big-box{
-            display: flex;
-            div{
-              position: relative;
-              height:40px;
-              width:80px;
-              line-height: 40px;
-              text-align: center;
-              color:#999;
-              font-size:14px;
-              border:1px solid #999;
-              border-radius:4px;
-              margin-left:10px;
-              font-weight:500;
-              cursor: pointer;
-              .icon-p{
-                width:15px;
-                height:15px;
-                line-height:15px;
-                text-align: center;
-                position: absolute;
-                right:0;
-                bottom:0;
-                color:#fff;
-                background: #0183fa;
-                border-top-left-radius:4px;
-              }
-            }
-            div:nth-child(4){
-              width:110px;
-            }
-            .checkDiv{
-              color:#0183FA;
-              border:1px solid #0183FA;
-            }
-          }
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/worktable/coverageRateEcharts.vue

@@ -1,212 +0,0 @@
-<template>
-  <div class="coverageRateEcharts" id="coverageRateEcharts-box">
-  </div>
-</template>
-
-<script>
-  import echarts from 'echarts'
-  import { yearRate } from '@/api/safetyCheck/index'
-  export default {
-    name: 'coverageRateEcharts',
-    data(){
-      return{
-
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.eCharts();
-    },
-    methods:{
-      //eCharts方法
-      eCharts(){
-        yearRate().then(response => {
-          let myChart = this.$echarts.init(document.getElementById('coverageRateEcharts-box'));
-          let getname = ['未检查', '已检查', '检查中'];
-          let getbl = [0, 0, 0]; // 比例
-          let getNum = [0, 0, 0]; // 数量
-          for(let i=0;i<response.data.length;i++){
-            if(response.data[i].type == 0){
-              if(response.data[i].rate.indexOf('%') != -1){
-                response.data[i].rate = response.data[i].rate.split('%')[0]
-                getbl[0] = response.data[i].rate
-              }else{
-                getbl[0] = response.data[i].rate
-              }
-              getNum[0] = response.data[i].number
-            }else if(response.data[i].type == 2){
-              if(response.data[i].rate.indexOf('%') != -1){
-                response.data[i].rate = response.data[i].rate.split('%')[0]
-                getbl[1] = response.data[i].rate
-              }else{
-                getbl[1] = response.data[i].rate
-              }
-              getNum[1] = response.data[i].number
-            }else if(response.data[i].type == 1){
-              if(response.data[i].rate.indexOf('%') != -1){
-                response.data[i].rate = response.data[i].rate.split('%')[0]
-                getbl[2] = response.data[i].rate
-              }else{
-                getbl[2] = response.data[i].rate
-              }
-              getNum[2] = response.data[i].number
-            }
-          }
-          let data = [];
-          for (let i = 0; i < getname.length; i++) {
-            data.push({ name: getname[i], value: getbl[i], num: getNum[i] })
-          }
-          let option = {
-            legend: {
-              type: "scroll",
-              orient: 'vertical',
-              height: '100%',
-              right: '0%',
-              top: 'center',
-              //icon: "circle", //设置为圆，删除则为矩形
-              itemWidth: 14,
-              itemHeight: 6,
-              itemGap: 25,
-              data: getname,
-              formatter: function (name) {
-                for (let i = 0; i < getname.length; i++) {
-                  if (name == data[i].name) {
-                    return '{name|' + name + '}'
-                  }
-                }
-              },
-              textStyle: {
-                rich: {
-                  name: {
-                    fontSize: 14,
-                    fontWeight: 400,
-                    width: 100,
-                    height: 20,
-                    padding: [0, 0, 0, 5],
-                    color: 'rgba(0, 0, 0, 0.85)',
-                    fontFamily: 'Source Han Sans CN-Regular',
-                  },
-                  num: {
-                    fontSize: 14,
-                    fontWeight: 500,
-                    height: 20,
-                    width: 50,
-                    color: 'rgba(0, 0, 0, 0.65)',
-                    fontFamily: 'Source Han Sans CN-Regular',
-                  },
-                  value: {
-                    fontSize: 14,
-                    fontWeight: 500,
-                    height: 20,
-                    width: 50,
-                    color: 'rgba(0, 0, 0, 0.65)',
-                    fontFamily: 'Source Han Sans CN-Regular',
-                  }
-                }
-              }
-
-            },
-            series: [{
-              type: 'pie',
-              top:20,
-              bottom:20,
-              left:10,
-              right:10,
-              radius: ['55%', '70%'],
-              center: ["38%", "50%"],
-              // label: {
-              //   formatter: params => {
-              //     let name = params.name;
-              //     if (name == getname[0]) {
-              //       return `{name0|${name}：${params.data.num}\n${params.value}%}`
-              //     } else if (name == getname[1]) {
-              //       return `{name1|${name}：${params.data.num}\n${params.value}%}`
-              //     } else if (name == getname[2]) {
-              //       return `{name2|${name}：${params.data.num}\n${params.value}%}`
-              //     }
-              //   },
-              //   rich: {
-              //     name0: {
-              //       fontSize: 14,
-              //       fontFamily: 'Source Han Sans CN-Regular',
-              //       color: fontColor[0],
-              //       padding: [2, 6, 4, 6],
-              //       borderRadius: 100
-              //     },
-              //     name1: {
-              //       fontSize: 14,
-              //       fontFamily: 'Source Han Sans CN-Regular',
-              //       color: fontColor[1],
-              //       padding: [2, 6, 4, 6],
-              //       borderRadius: 100
-              //     },
-              //     name2: {
-              //       fontSize: 14,
-              //       fontFamily: 'Source Han Sans CN-Regular',
-              //       color: fontColor[2],
-              //       padding: [2, 6, 4, 6],
-              //       borderRadius: 100
-              //     },
-              //   }
-              // },
-              // labelLine: {
-              //   show: false,
-              //   normal: {
-              //     length: 5,
-              //     length2: 50
-              //   }
-              // },
-              label: {
-                normal: {
-                    formatter: params => {
-                      let name = params.name;
-                      if (name == getname[0]) {
-                        return `${name}：${params.data.num}\n${params.value}%`
-                      } else if (name == getname[1]) {
-                        return `${name}：${params.data.num}\n${params.value}%`
-                      } else if (name == getname[2]) {
-                        return `${name}：${params.data.num}\n${params.value}%`
-                      }
-                    },
-                  textStyle: {
-                    fontSize: 12,
-                    color:'#333'
-                  },
-                  padding: [0, -60, 26, -60],
-                }
-              },
-              labelLine: {
-                normal: {
-                  length: 10,
-                  length2: 60,
-                }
-              },
-              data: data,
-              itemStyle: {
-                shadowBlur: 8,
-                shadowColor: "rgba(255, 255, 255, 0)",
-                borderColor: '#FFF',
-                borderWidth: 2,
-                color: function (colors) {
-                  var colorList = ['#FFA200', '#0183FA', '#FF5D3D'];
-                  return colorList[colors.dataIndex];
-                }
-              },
-            }
-            ]
-          };
-
-          myChart.setOption(option);
-        });
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .coverageRateEcharts{
-    height:183px;
-  }
-</style>

src/views/safetyCheckDemo/worktable/hiddenDangerStatisticsEcharts.vue

@@ -1,325 +0,0 @@
-<template>
-  <div class="hiddenDangerStatisticsEcharts">
-    <div class="title-button-box">
-      <p :class="hdLevel==1?'check-p':''" @click="titleButtonClick(1)">一级指标</p>
-      <p :class="hdLevel==2?'check-p':''" @click="titleButtonClick(2)">二级指标</p>
-      <p :class="hdLevel==3?'check-p':''" @click="titleButtonClick(3)">三级指标</p>
-    </div>
-    <img  v-if="nullType" class="null-img" src="@/assets/ZDimages/basicsModules/null-data-1.png">
-    <div class="hiddenDangerStatisticsEcharts-box" id="hiddenDangerStatisticsEcharts-box">
-    </div>
-  </div>
-</template>
-
-<script>
-  import echarts from 'echarts'
-  import { hiddenCountByType, collegCheckHiddenCountByType,isSCollege } from '@/api/safetyCheck/index'
-  export default {
-    name: 'hiddenDangerStatisticsEcharts',
-    data(){
-      return{
-        hdLevel:1,
-        userFlg:true,
-        nullType:false,
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.isSCollege();
-    },
-    methods:{
-      isSCollege(){
-        isSCollege().then(response => {
-          this.$set(this,'userFlg',response.data.userFlg);
-          if(this.userFlg){
-            this.departmentEcharts();
-          }else{
-            this.schoolEcharts();
-          }
-        })
-      },
-      titleButtonClick(type){
-        if(this.hdLevel != type){
-          this.$set(this,'hdLevel',type);
-          if(this.userFlg){
-            this.departmentEcharts();
-          }else{
-            this.schoolEcharts();
-          }
-        }
-      },
-      //院系
-      departmentEcharts(){
-        collegCheckHiddenCountByType({hdLevel:this.hdLevel}).then(response => {
-          console.log('院系',response)
-          let myChart = this.$echarts.init(document.getElementById('hiddenDangerStatisticsEcharts-box'));
-          let data = {
-            name:[],
-            nameText:[],
-            text:[],
-            num: [],
-            percent: [],
-          }
-          if(!response.data[0]){
-            this.$set(this,'nullType',true);
-            return
-          }else{
-            this.$set(this,'nullType',false);
-          }
-          response.data.sort(this.compare('sumTotal', true))
-          for(let i=0;i<response.data.length;i++){
-            data.name.push(response.data[i].subjectName.length>8?response.data[i].subjectName.substring(0,8)+'..':response.data[i].subjectName)
-            data.nameText.push(response.data[i].subjectName)
-            data.text.push(response.data[i].hazardCheckName)
-            data.num.push(response.data[i].sumTotal)
-            data.percent.push(response.data[i].percent)
-          }
-          let option = {
-            grid: {
-              left: '30%',
-              top: '8%',
-              right: '15%',
-              bottom: '15%',
-            },
-            tooltip: {
-              trigger: 'axis',
-              formatter: params => {
-                return data.nameText[params[0].dataIndex] +' 隐患:'+ data.num[params[0].dataIndex]+' 占比:'+data.percent[params[0].dataIndex]
-                // return `${params.data.nameText} 隐患:${params.data.value} 占比:${params.percent}%`
-              },
-              backgroundColor: 'rgba(0, 0, 0, 0.6)', // 提示框背景色
-              borderColor: '#05050F', // 提示框边框色
-              textStyle: {
-                color: '#fff', // 提示框文本颜色
-              },
-              axisPointer: {
-                type: 'none',
-              },
-            },
-            legend: {
-              show:false,
-            },
-            xAxis: {
-              type: 'value',
-              position: "bottom",
-              splitLine: {
-                show: false,
-              },
-              axisTick: {
-                show: false,
-              },
-              axisLabel: {
-                textStyle: {
-                  color: '#333',
-                  fontSize: 12,
-                },
-              },
-              axisLine: {
-                show: true,
-                lineStyle: {
-                  color: 'rgba(216,216,216,1)',
-                },
-              },
-            },
-            yAxis: {
-              type: 'category',
-              splitLine: {
-                show: false,
-              },
-              axisTick: {
-                show: false,
-              },
-              data: data.name,
-              axisLabel: {
-                textStyle: {
-                  color: '#333',
-                  fontSize: 12,
-                },
-              },
-              axisLine: {
-                lineStyle: {
-                  color: 'rgba(216,216,216,1)',
-                },
-              },
-            },
-            series: [
-              {
-                name: '隐患',
-                type: 'bar',
-                barWidth:15,
-                data: data.num,
-                itemStyle: {
-                  emphasis: {
-                    barBorderRadius: [0, 20, 20, 0],
-                  },
-                  normal: {
-                    barBorderRadius: [0, 20, 20, 0],
-                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0,
-                      [
-                        {
-                          offset: 0,
-                          color: 'rgba(246,111,0,0.1)', // 0% 处的颜色
-                        },
-                        {
-                          offset: 1,
-                          color: 'rgba(246,111,0,1)', // 100% 处的颜色
-                        },
-                      ],
-                      false
-                    ),
-                  },
-                },
-                label: {
-                  normal: {
-                    show: true,
-                    formatter: params => {
-                      return '隐患'+params.data
-                    },
-                    position: 'insideRight',
-                    offset: [40, 1.5],
-                    textStyle: {
-                      color: '#333',
-                      fontSize: 12,
-                    },
-                  },
-                },
-              },
-            ],
-            barCategoryGap: '60%',
-          };
-          myChart.setOption(option);
-        })
-      },
-      //校级
-      schoolEcharts(){
-        hiddenCountByType({hdLevel:this.hdLevel}).then(response => {
-          let myChart = this.$echarts.init(document.getElementById('hiddenDangerStatisticsEcharts-box'));
-          let data = [];
-          if(!response.data[0]){
-            this.$set(this,'nullType',true);
-            return
-          }else{
-            this.$set(this,'nullType',false);
-          }
-          for(let i=0;i<response.data.length;i++){
-            // substring
-            let obj = {
-              name:response.data[i].collegeName.length>8?response.data[i].collegeName.substring(0,8)+'..':response.data[i].collegeName,
-              nameText:response.data[i].collegeName,
-              value:response.data[i].sumTotal,
-            }
-            data.push(obj);
-          }
-          let option = {
-            legend: {
-              show:false,
-            },
-            tooltip: {
-              confine: true,
-              trigger: 'item',
-              // formatter: '{b} : {c}'
-
-              formatter: params => {
-                console.log('params',params)
-                return `${params.data.nameText} 隐患:${params.data.value} 占比:${params.percent}%`
-              },
-            },
-            series: [
-              {
-                avoidLabelOverlap: false,
-                type: 'pie',
-                left:20,
-                right:20,
-                roseType: 'area', // 玫瑰图
-                center: ['50%', '50%'],
-                radius: ['0%', '40%'],
-                label: {
-                  normal: {
-                    formatter: '{b}\n隐患{c}\t占比{d}%',
-                    textStyle: {
-                      fontSize: 12,
-                      color:'#333'
-                    },
-                    padding: [0, -110, 26, -110],
-                  }
-                },
-                labelLine: {
-                  normal: {
-                    length: 30,
-                    length2: 110,
-                  }
-                },
-                data: data,
-                itemStyle: {
-                  normal: {
-                    color: function (colors) {
-                      var colorList = ['#0183FA', '#A069FF', '#80C459', '#FFA200', '#39DBED', '#FF2A00', '#009DFF', '#41BE26', '#2758E0', '#FFE019', '#FF5E86'];
-                      return colorList[colors.dataIndex];
-                    }
-                  },
-                }
-              }
-            ]
-          };
-          myChart.setOption(option);
-        });
-      },
-      compare (attr,rev) {
-        // console.log(attr, rev)
-        if(rev ==  undefined){
-          rev = 1;
-        }else{
-          rev = (rev) ? 1 : -1;
-        }
-        return (a,b) => {
-          a = a[attr];
-          b = b[attr];
-          if(a < b){
-            return rev * -1;
-          }
-          if(a > b){
-            return rev * 1;
-          }
-          return 0;
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .hiddenDangerStatisticsEcharts{
-    height:483px;
-    overflow: hidden;
-    .null-img{
-      width:160px;
-      margin:100px 0 0 170px;
-    }
-    .title-button-box{
-      display: flex;
-      border:1px solid #0183fa;
-      width:300px;
-      margin:32px 71px 0;
-      p{
-        width:100px;
-        line-height:30px;
-        text-align: center;
-        color:#0183fa;
-        cursor: pointer;
-      }
-      p:nth-child(2){
-        border-left:1px solid #0183fa;
-        border-right:1px solid #0183fa;
-      }
-      .check-p{
-        background-color: #0183fa;
-        color:#fff;
-      }
-    }
-    .hiddenDangerStatisticsEcharts-box{
-      height:420px;
-    }
-  }
-</style>

src/views/safetyCheckDemo/worktable/index.vue

@@ -1,529 +0,0 @@
-<template>
-  <div class="app-container worktable scrollbar-box">
-    <div class="top-max-big-box">
-      <!--校级数据卡-->
-      <div class="school-data-box">
-        <div class="left-min-box">
-          <img src="@/assets/ZDimages/safetyCheck/icon_gzt_xyxc.png">
-          <div>
-            <p>校院巡查</p>
-            <el-tooltip class="item" effect="dark" :content="'校院巡查总数：'+schoolWorkData.xcCount" placement="top">
-              <p>{{schoolWorkData.xcCount}}</p>
-            </el-tooltip>
-          </div>
-        </div>
-        <div class="right-min-box">
-          <div>
-            <img src="@/assets/ZDimages/safetyCheck/icon_gzt_aqyh.png">
-            <el-tooltip class="item" effect="dark" :content="'发现隐患数：'+schoolWorkData.yhCount" placement="top">
-              <p>{{schoolWorkData.yhCount}}</p>
-            </el-tooltip>
-          </div>
-          <div>
-            <img src="@/assets/ZDimages/safetyCheck/icon_gzt_yjcsys.png">
-            <el-tooltip class="item" effect="dark" :content="'涉及实验室数：'+schoolWorkData.subCount" placement="top">
-              <p>{{schoolWorkData.subCount}}</p>
-            </el-tooltip>
-          </div>
-        </div>
-      </div>
-      <!--院级数据卡-->
-      <div class="department-data-box">
-        <div class="left-min-box">
-          <img src="@/assets/ZDimages/safetyCheck/icon_gzt_syszc.png">
-          <div>
-            <p>实验室自查</p>
-            <el-tooltip class="item" effect="dark" :content="'实验室自查总数：'+schoolWorkSubData.zcCount" placement="top">
-              <p>{{schoolWorkSubData.zcCount}}</p>
-            </el-tooltip>
-          </div>
-        </div>
-        <div class="right-min-box">
-          <div>
-            <img src="@/assets/ZDimages/safetyCheck/icon_gzt_aqyh.png">
-            <el-tooltip class="item" effect="dark" :content="'发现隐患数：'+schoolWorkSubData.yhCount" placement="top">
-              <p>{{schoolWorkSubData.yhCount}}</p>
-            </el-tooltip>
-          </div>
-          <div>
-            <img src="@/assets/ZDimages/safetyCheck/icon_gzt_yjcsys.png">
-            <el-tooltip class="item" effect="dark" :content="'涉及实验室数：'+schoolWorkSubData.subCount" placement="top">
-              <p>{{schoolWorkSubData.subCount}}</p>
-            </el-tooltip>
-          </div>
-        </div>
-      </div>
-      <!--页面跳转按钮盒子-->
-      <div class="page-button-box">
-        <worktableButtonBox></worktableButtonBox>
-      </div>
-    </div>
-    <div class="bottom-max-big-box">
-      <!--待办事项-->
-      <div class="bottom-left-max-big-box">
-        <div class="min-title-box">
-          <p></p>
-          <p>待办事项</p>
-        </div>
-        <toDoListBox></toDoListBox>
-      </div>
-      <div class="bottom-center-max-big-box">
-        <!--存在隐患-->
-        <div class="hidden-danger-box">
-          <div class="min-title-box">
-            <p></p>
-            <p>存在隐患</p>
-          </div>
-          <div class="hidden-danger-big-box">
-            <div class="hidden-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_gjyh_2.png">
-              <el-tooltip class="item" effect="dark" :content="'未整改隐患总数：'+hiddenCountData.hiddenCount" placement="top">
-                <p>共计{{hiddenCountData.hiddenCount}}项隐患</p>
-              </el-tooltip>
-            </div>
-            <p class="center-null-p"></p>
-            <div class="hidden-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_sjsys_2.png">
-              <el-tooltip class="item" effect="dark" :content="'隐患涉及实验室总数：'+hiddenCountData.subjectCount" placement="top">
-                <p>涉及{{hiddenCountData.subjectCount}}个实验室</p>
-              </el-tooltip>
-            </div>
-          </div>
-        </div>
-        <!--检查率覆盖-->
-        <div class="coverage-rate-box">
-          <div class="min-title-box">
-            <p></p>
-            <p>当年检查覆盖率</p>
-          </div>
-          <coverageRateEcharts></coverageRateEcharts>
-        </div>
-        <!--检查统计-->
-        <div class="statistics-box">
-          <div class="min-title-box">
-            <p></p>
-            <p>检查统计</p>
-          </div>
-          <inspectionStatisticsEcharts></inspectionStatisticsEcharts>
-        </div>
-      </div>
-      <div class="bottom-right-max-big-box">
-        <!--已处理隐患-->
-        <div class="dealt-with-danger">
-          <div class="min-title-box">
-            <p></p>
-            <p>已处理隐患</p>
-          </div>
-          <div class="dealt-with-danger-big-box" style="margin-top:7px;">
-            <div class="dealt-with-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_dy.png">
-              <el-tooltip class="item" effect="dark" :content="'当周已处理隐患数：'+hiddenDangerRectifyData.weekCount" placement="top">
-                <p>当周 <span>{{hiddenDangerRectifyData.weekCount}}</span> 项</p>
-              </el-tooltip>
-            </div>
-            <div class="dealt-with-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_sy.png">
-              <el-tooltip class="item" effect="dark" :content="'上月已处理隐患数：'+hiddenDangerRectifyData.lastMonthCount" placement="top">
-                <p>上月 <span>{{hiddenDangerRectifyData.lastMonthCount}}</span> 项</p>
-              </el-tooltip>
-            </div>
-          </div>
-          <div class="dealt-with-danger-big-box">
-            <div class="dealt-with-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_by.png">
-              <el-tooltip class="item" effect="dark" :content="'当月已处理隐患数：'+hiddenDangerRectifyData.monthCount" placement="top">
-                <p>当月 <span>{{hiddenDangerRectifyData.monthCount}}</span> 项</p>
-              </el-tooltip>
-            </div>
-            <div class="dealt-with-danger-min-box">
-              <img src="@/assets/ZDimages/safetyCheck/icon_gzt_dn.png">
-              <el-tooltip class="item" effect="dark" :content="'当年已处理隐患数：'+hiddenDangerRectifyData.yearCount" placement="top">
-                <p>当年 <span>{{hiddenDangerRectifyData.yearCount}}</span> 项</p>
-              </el-tooltip>
-            </div>
-          </div>
-        </div>
-        <!--隐患统计-->
-        <div class="hidden-danger-statistics">
-          <div class="min-title-box">
-            <p></p>
-            <p>检查指标隐患统计</p>
-            <p @click="goPage">查看全部</p>
-          </div>
-          <hiddenDangerStatisticsEcharts></hiddenDangerStatisticsEcharts>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import { schoolWorkCheck, schoolWorkSubCheck, hiddenCount, hiddenDangerRectify } from '@/api/safetyCheck/index'
-  import toDoListBox from './toDoListBox.vue'
-  import worktableButtonBox from './worktableButtonBox.vue'
-  import coverageRateEcharts from './coverageRateEcharts.vue'
-  import inspectionStatisticsEcharts from './inspectionStatisticsEcharts.vue'
-  import hiddenDangerStatisticsEcharts from './hiddenDangerStatisticsEcharts.vue'
-  export default {
-    name: 'index',
-    components: {
-      toDoListBox,
-      worktableButtonBox,
-      coverageRateEcharts,
-      inspectionStatisticsEcharts,
-      hiddenDangerStatisticsEcharts,
-    },
-    data(){
-      return{
-        //用户身份 校级/院级
-        userType:"",
-        schoolWorkData:{
-          subCount:0,
-          yhCount:0,
-          xcCount:0
-        },
-        schoolWorkSubData:{
-          subCount:0,
-          zcCount:0,
-          yhCount:0
-        },
-        hiddenCountData:{
-          hiddenCount:0,
-          subjectCount:0
-        },
-        hiddenDangerRectifyData:{
-          yearCount:0,   //当年隐患总数
-          weekCount:0,   //本周隐患总数
-          lastMonthCount:0,   //上月隐患总数
-          monthCount:0,   //本月隐患总数
-        },
-        //数据统计页面权限
-        goDataStatistics:false
-      }
-    },
-    created(){
-      this.schoolWorkCheck();
-      this.schoolWorkSubCheck();
-      this.hiddenCount();
-      this.hiddenDangerRectify();
-      this.setButtonList();
-    },
-    mounted(){
-
-    },
-    methods:{
-      //校级巡查数据
-      schoolWorkCheck(){
-        schoolWorkCheck().then(response => {
-          this.$set(this,'schoolWorkData',response.data);
-        });
-      },
-      //实验室巡查数据
-      schoolWorkSubCheck(){
-        schoolWorkSubCheck().then(response => {
-          this.$set(this,'schoolWorkSubData',response.data);
-        });
-      },
-      //存在隐患
-      hiddenCount(){
-        hiddenCount().then(response => {
-          this.$set(this,'hiddenCountData',response.data);
-        });
-      },
-      //已处理隐患
-      hiddenDangerRectify(){
-        hiddenDangerRectify().then(response => {
-          this.$set(this,'hiddenDangerRectifyData',response.data);
-        });
-      },
-      //去数据统计页面
-      goPage(){
-        if(this.goDataStatistics){
-          this.$router.push({
-            path: '/safetyCheck/dataStatistics',
-            query:{
-              type:true
-            }
-          });
-        }else{
-          this.msgError('没有相关权限,请联系管理员')
-        }
-        // safetyCheck/dataStatistics
-      },
-      //权限查找
-      setButtonList() {
-        let localRoute = JSON.parse(localStorage.getItem("routeData"))
-        this.forRouteData('dataStatistics',localRoute);
-      },
-      forRouteData(item,list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          if(item == list[i].path){
-            if(item == 'dataStatistics'){
-              self.$set(self,'goDataStatistics',true);
-            }
-          }else{
-            if(list[i].children){
-              self.forRouteData(item,list[i].children)
-            }
-          }
-        }
-      },
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .worktable{
-    flex:1;
-    display: flex;
-    flex-direction: column;
-    padding:10px!important;
-    font-weight: 400;
-    .top-max-big-box{
-      height:140px;
-      display: flex;
-      .school-data-box{
-        width:330px;
-        height:120px;
-        margin:10px;
-        background: #009DFF;
-        border-radius:10px;
-        display: flex;
-        .left-min-box{
-          display: flex;
-          img{
-            width:50px;
-            height:50px;
-            margin:35px 14px 35px 20px;
-          }
-          div{
-            width:118px;
-            color:#fff;
-            p:nth-child(1){
-              font-size:16px;
-              line-height:40px;
-              margin-top:20px;
-              font-weight: 400;
-            }
-            p:nth-child(2){
-              font-size:24px;
-              font-weight: 700;
-              line-height:40px;
-              cursor: default;
-            }
-          }
-        }
-        .right-min-box{
-          width:58px;
-          display: flex;
-          div{
-            width:94px;
-            img{
-              width:20px;
-              height:20px;
-              margin:38px 19px 8px;
-            }
-            p{
-              color:#fff;
-              text-align: center;
-              line-height:20px;
-              font-size:16px;
-              font-weight: 400;
-              cursor: default;
-            }
-          }
-        }
-      }
-      .department-data-box{
-        width:330px;
-        height:120px;
-        margin:10px;
-        background: #2CCFDA;
-        border-radius:10px;
-        display: flex;
-        .left-min-box{
-          display: flex;
-          img{
-            width:50px;
-            height:50px;
-            margin:35px 14px 35px 20px;
-          }
-          div{
-            width:118px;
-            color:#fff;
-            p:nth-child(1){
-              font-size:16px;
-              line-height:40px;
-              margin-top:20px;
-              font-weight: 400;
-            }
-            p:nth-child(2){
-              font-size:24px;
-              font-weight: 700;
-              line-height:40px;
-              cursor: default;
-            }
-          }
-        }
-        .right-min-box{
-          width:58px;
-          display: flex;
-          div{
-            width:94px;
-            img{
-              width:20px;
-              height:20px;
-              margin:38px 19px 8px;
-            }
-            p{
-              color:#fff;
-              text-align: center;
-              line-height:20px;
-              font-size:16px;
-              font-weight: 400;
-              cursor: default;
-            }
-          }
-        }
-      }
-      .page-button-box{
-        overflow: hidden;
-        flex:1;
-        height:120px;
-        margin:10px;
-        border-radius:10px;
-        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-      }
-    }
-    .bottom-max-big-box{
-      flex:1;
-      display:flex;
-      .bottom-left-max-big-box{
-        overflow: hidden;
-        width:500px;
-        height:722px;
-        margin:10px;
-        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-        border-radius: 10px 10px 10px 10px;
-      }
-      .bottom-center-max-big-box{
-        overflow: hidden;
-        .hidden-danger-box{
-          overflow: hidden;
-          width:556px;
-          height:174px;
-          margin:10px 10px 20px;
-          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-          border-radius: 10px 10px 10px 10px;
-          .hidden-danger-big-box{
-            display: flex;
-            .center-null-p{
-              width:1px;
-              height:30px;
-              background-color: #d8d8d8;
-              margin-top:48px;
-            }
-            .hidden-danger-min-box{
-              display: flex;
-              flex:1;
-              img{
-                width:60px;
-                height:60px;
-                margin:33px 21px 0 41px;
-              }
-              p{
-                margin-top:58px;
-                font-size:16px;
-                line-height:16px;
-                cursor: default;
-              }
-            }
-          }
-        }
-        .coverage-rate-box{
-          overflow: hidden;
-          width:556px;
-          height:228px;
-          margin:0 10px 20px;
-          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-          border-radius: 10px 10px 10px 10px;
-        }
-        .statistics-box{
-          overflow: hidden;
-          width:556px;
-          height:280px;
-          margin:0 10px 10px;
-          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-          border-radius: 10px 10px 10px 10px;
-        }
-      }
-      .bottom-right-max-big-box{
-        .dealt-with-danger{
-          overflow: hidden;
-          width:440px;
-          height:174px;
-          margin:10px 10px 20px;
-          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-          border-radius: 10px 10px 10px 10px;
-          .dealt-with-danger-big-box{
-            display: flex;
-            padding:17px 50px;
-            .dealt-with-danger-min-box:nth-child(1){
-              width:200px;
-            }
-            .dealt-with-danger-min-box{
-              display: flex;
-              img{
-                width:20px;
-                height:20px;
-                margin-right:13px;
-              }
-              p{
-                line-height:20px;
-                font-size:16px;
-                color:#333;
-                cursor: default;
-                span{
-                  color:#009DFF;
-                }
-              }
-            }
-          }
-        }
-        .hidden-danger-statistics{
-          width:440px;
-          height:528px;
-          margin:0 10px 10px;
-          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
-          border-radius: 10px 10px 10px 10px;
-        }
-      }
-      .min-title-box{
-        display: flex;
-        height:45px;
-        p:nth-child(1){
-          background-color: #0183FA;
-          height:18px;
-          width:4px;
-          margin:24px 10px 0 20px;
-        }
-        p:nth-child(2){
-          font-size:16px;
-          color:#333;
-          line-height:24px;
-          margin-top:21px;
-          flex:1;
-        }
-        p:nth-child(3){
-          font-size:14px;
-          color:#0183fa;
-          line-height:24px;
-          margin-top:21px;
-          margin-right:20px;
-          cursor: pointer;
-        }
-      }
-    }
-  }
-</style>

src/views/safetyCheckDemo/worktable/inspectionStatisticsEcharts.vue

@@ -1,260 +0,0 @@
-<template>
-  <div class="inspectionStatisticsEcharts" id="inspectionStatisticsEcharts-box"></div>
-</template>
-
-<script>
-  import { checkStatistics } from '@/api/safetyCheck/index'
-  export default {
-    name: 'inspectionStatisticsEcharts',
-    data(){
-      return{
-
-      }
-    },
-    created(){
-
-    },
-    mounted(){
-      this.eCharts();
-    },
-    methods:{
-      //eCharts方法
-      eCharts(){
-        checkStatistics().then(response => {
-          let data = {
-            name : [],
-            standards : [],
-            notStandards : [],
-          }
-          for(let i=0;i<response.data.length;i++){
-            data.name.push(response.data[i].yearMonth)
-            if(response.data[i].notStandards.indexOf('%') != -1){
-              response.data[i].notStandards = response.data[i].notStandards.split('%')[0]
-              data.notStandards.push(response.data[i].notStandards)
-            }else{
-              data.notStandards.push(response.data[i].notStandards)
-            }
-            if(response.data[i].standards.indexOf('%') != -1){
-              response.data[i].standards = response.data[i].standards.split('%')[0]
-              data.standards.push(response.data[i].standards)
-            }else{
-              data.standards.push(response.data[i].standards)
-            }
-          }
-          let myChart = this.$echarts.init(document.getElementById('inspectionStatisticsEcharts-box'));
-          let option = {
-            //你的代码
-            tooltip: {
-              show:true,
-              trigger: 'axis',
-              formatter: function(params) {
-                let html = '<div>';
-                html += '<p>'+params[0].name+'</p>'
-                for(let i=0;i<params.length;i++){
-                  html += '<p>'+params[i].marker+'&nbsp'+params[i].seriesName+'&nbsp:&nbsp'+params[i].data+'%<p>'
-                }
-                return html;
-              },
-              axisPointer: {
-                lineStyle: {
-                  color: 'rgb(126,199,255)',
-                },
-              },
-            },
-            legend: {
-              show: true,
-              icon: 'circle',
-              itemWidth: 30,
-              itemHeight: 10,
-              right:20,
-              textStyle: {
-                color: 'rgba(0, 0, 0, 1)',
-                fontSize: 14,
-                padding: [0, 8, 0, 8]
-              }
-            },
-            grid: {
-              top: '20%',
-              left: '10%',
-              right: '7%',
-              bottom: '15%',
-            },
-            xAxis: [
-              {
-                type: 'category',
-                boundaryGap: false,
-                axisLine: {
-                  show: true,
-                  lineStyle: {
-                    color: 'rgb(41,188,245)',
-                  },
-                },
-                axisLabel: {
-                  textStyle: {
-                    color: 'rgba(112, 151, 184, 1)',
-                    fontSize: 12,
-                  },
-                },
-                splitLine: {
-                  show: false,
-                },
-                axisTick: {
-                  show: false,
-                },
-                data: data.name,
-              },
-            ],
-            yAxis: [
-              {
-                name: "",
-                nameTextStyle: {
-                  color: "#fff",
-                  fontSize: 12,
-                  padding: [0, 60, 0, 0]
-                },
-                // minInterval: 1,
-                type: 'value',
-                splitLine: {
-                  show: false,
-                },
-                axisLine: {
-                  show: false,
-                },
-                axisLabel: {
-                  show: true,
-                  textStyle: {
-                    color: 'rgba(112, 151, 184, 1)',
-                    fontSize: 14
-                  }
-                },
-                axisTick: {
-                  show: false,
-                },
-              },
-            ],
-            series: [
-              {
-                name: '符合',
-                type: 'line',
-                symbol: 'circle',
-                smooth: true,
-                lineStyle: {
-                  normal: {
-                    width: 1,
-                    color: '#00AEFF', // 线条颜色
-                  },
-                },
-                showSymbol: false,
-                itemStyle: {
-                  normal: {
-                    color: '#00AEFF',//拐点颜色
-                    label: {
-                      show: false, //开启显示
-                      color: '#fff',
-                      position: 'top', //在上方显示
-                      formatter: function (res) {
-                        console.log('res',res)
-                        if (res.value) {
-                          return res.value
-                        } else {
-                          return 0
-                        }
-                      },
-                    },
-                  },
-                },
-                areaStyle: {
-                  color: {
-                    type: 'linear',
-                    x: 0,
-                    y: 0,
-                    x2: 0,
-                    y2: 1,
-                    colorStops: [  // 渐变颜色
-                      {
-                        offset: 0,
-                        color: 'rgba(0,174,255,1)',
-                      },
-                      {
-                        offset: 0.5,
-                        color: 'rgba(0,174,255,0.38)',
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(0,174,255,0)',
-                      },
-                    ],
-                    global: false,
-                  },
-                },
-                data: data.standards,
-              },
-              {
-                name: '不符合',
-                type: 'line',
-                symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-                smooth: true,
-                lineStyle: {
-                  normal: {
-                    width: 1,
-                    color: '#F66F00', // 线条颜色
-                  },
-                },
-                showSymbol: false,
-                itemStyle: {
-                  normal: {
-                    color: '#F66F00',//拐点颜色
-                    label: {
-                      show: true, //开启显示
-                      color: '#fff',
-                      position: 'top', //在上方显示
-                      formatter: function (res) {
-                        if (res.value) {
-                          return res.value
-                        } else {
-                          return 0
-                        }
-                      },
-                    },
-                  },
-                },
-                areaStyle: {
-                  color: {
-                    type: 'linear',
-                    x: 0,
-                    y: 0,
-                    x2: 0,
-                    y2: 1,
-                    colorStops: [  // 渐变颜色
-                      {
-                        offset: 0,
-                        color: 'rgba(246,111,0,1)',
-                      },
-                      {
-                        offset: 0.5,
-                        color: 'rgba(246,111,0,0.38)',
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(246,111,0,0)',
-                      },
-                    ],
-                    global: false,
-                  },
-                },
-                data: data.notStandards,
-              }
-            ]
-          };
-          myChart.setOption(option);
-        })
-      },
-    }
-  }
-</script>
-
-<style scoped>
-  .inspectionStatisticsEcharts{
-    height:236px;
-  }
-</style>

src/views/safetyCheckDemo/worktable/toDoListBox.vue

@@ -1,435 +0,0 @@
-<template>
-  <div class="toDoListBox">
-    <div class="toDoListBox-form-box">
-      <div class="form-button-box">
-        <p :class="queryParams.manageStatus == 0?'check-p':''" @click="titleClickButton(0)">待检查</p>
-        <p :class="queryParams.manageStatus == 1?'check-p':''" @click="titleClickButton(1)">检查中</p>
-        <p :class="queryParams.manageStatus == 2?'check-p':''" @click="titleClickButton(2)">待复核</p>
-      </div>
-      <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="" prop="searchValue" label-width="80px">
-          <el-input
-            maxLength="30"
-            v-model="queryParams.searchValue"
-            placeholder="搜索实验室/房间号"
-            style="width: 186px">
-            <p slot="append" class="el-icon-search" @click="handleQuery"></p>
-          </el-input>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="toDoListBox-list-box scrollbar-box"
-         @mouseleave="tableTimerFun"
-         @mouseenter="tableTimerOff"
-         ref="scrollDiv">
-      <div  class="for-list-box"
-            v-for="(item,index) in tableList" :key="index">
-        <div class="for-name-box">
-          <p class="name-p">{{item.subjectName}}-{{item.roomNumber}}</p>
-          <p class="type-p" v-if="item.isOverdue == 1">已逾期</p>
-          <p class="null-p"></p>
-          <img v-if="item.isAttachment == 1" @click="lookDocumentListButton(1,item)"
-               src="@/assets/ZDimages/safetyCheck/icon_gzt_bg.png">
-        </div>
-        <div class="for-title-box">
-          <p>{{item.title}}</p>
-        </div>
-        <div class="for-button-box">
-          <p>{{queryParams.manageStatus==0?'待检查':(queryParams.manageStatus==1?'检查中':(queryParams.manageStatus==2?'待复核':''))}}</p>
-          <p>{{item.checkType==1?'校院巡查':(item.checkType==2?'实验室自查':'')}}</p>
-          <p>{{item.collegeName}}</p>
-        </div>
-        <div class="for-time-box">
-          <p>计划周期：{{item.cycleStartTime}} 至 {{item.cycleEndTime}}</p>
-          <p v-if="item.manageStatus == 0 && item.checkIsStatus" @click="goPage(item)">开始检查</p>
-          <p v-if="item.manageStatus == 0 && !item.checkIsStatus" class="noButton">计划未开始</p>
-          <p v-if="item.manageStatus == 1 && item.isUpdate" @click="goPage(item)">编辑</p>
-          <p v-if="item.manageStatus == 2 && item.isCheck" @click="addDialogOpen(true,item)">复核</p>
-        </div>
-        <img class="position-img" v-if="item.checkRange == 1" src="@/assets/ZDimages/safetyCheck/icon_xyxc_qx.png">
-        <img class="position-img" v-if="item.checkRange == 2" src="@/assets/ZDimages/safetyCheck/icon_xyxc_xy.png">
-        <img class="position-img" v-if="item.checkRange == 3" src="@/assets/ZDimages/safetyCheck/icon_xyxc_sys.png">
-      </div>
-      <img  v-if="!tableList[0]" class="null-img" src="@/assets/ZDimages/basicsModules/null-data-1.png">
-    </div>
-    <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
-    <lookDocumentListDialog v-if="lookDocumentListType" :propsLookDocumentListData="propsLookDocumentListData"></lookDocumentListDialog>
-  </div>
-</template>
-
-<script>
-  import { todoList, tobeReviewed,getFindByCheckPlanId } from '@/api/safetyCheck/index'
-  import lookDocumentListDialog from '@/components/lookDocumentDialog/lookDocumentListDialog.vue'
-  import infoDialog from '@/views/safetyCheckDemo/components/infoDialog/infoDialog.vue'
-  export default {
-    name: 'toDoListBox',
-    components: {
-      infoDialog,
-      lookDocumentListDialog
-    },
-    data(){
-      return{
-        //子组件数据
-        infoDialogType:false,
-        propsInfoDialogData:{},
-        lookDocumentListType:false,
-        propsLookDocumentListData:{},
-        queryParams:{
-          manageStatus:0,
-          searchValue:"",
-        },
-        tableList:[],
-        total:0,
-        //跳转巡查权限
-        goInspectionManagement:false,
-        //跳转自查权限
-        goSelfInspectionManagement:false,
-        /*****************数据滚动相关*****************/
-        tableTimer: null,
-
-      }
-    },
-    created(){
-      this.getList();
-      this.setButtonList();
-    },
-    mounted(){
-
-    },
-    methods:{
-      //滚动方法
-      tableActionFun() {
-        this.$refs.scrollDiv.scrollTop = 0;
-        this.tableTimerFun();
-      },
-      //开始滚动
-      tableTimerFun() {
-        if(this.tableList[3]){
-          this.tableTimer = window.setInterval(() => {
-            let csrollTop = this.$refs.scrollDiv.scrollTop
-            let maxHeight = this.$refs.scrollDiv.scrollHeight - this.$refs.scrollDiv.offsetHeight
-            if (csrollTop >= maxHeight) {
-              this.$refs.scrollDiv.scrollTop = 0;
-            } else {
-              this.$refs.scrollDiv.scrollTop += 1;
-            }
-          }, 30);
-        }
-      },
-      //停止滚动
-      tableTimerOff(){
-        window.clearInterval(this.tableTimer)
-      },
-      //跳转
-      goPage(item){
-        //跳转 巡查/自查页面
-        if(item.checkType == 1){
-          //巡查
-          if(this.goInspectionManagement){
-            this.$router.push({
-              path: `/safetyCheck/schoolInspection/inspectionManagement`,
-              query:{
-                id:item.id
-              }
-            })
-          }else{
-            this.msgError('没有相关权限,请联系管理员')
-          }
-        }else if(item.checkType == 2){
-          //自查
-          if(this.goSelfInspectionManagement){
-            this.$router.push({
-              path: `/safetyCheck/laboratorySelfTest/selfInspectionManagement`,
-              query:{
-                id:item.id
-              }
-            })
-          }else{
-            this.msgError('没有相关权限,请联系管理员')
-          }
-        }
-      },
-      //开关详情页面
-      addDialogOpen(type,data){
-        if(this.infoDialogType != type){
-          if(type){
-            let obj = {
-              id:data.hazardId
-            }
-            this.$set(this,'propsInfoDialogData',obj);
-            this.$set(this,'infoDialogType',type);
-          }else{
-            this.$set(this,'infoDialogType',type);
-          }
-        }
-      },
-      titleClickButton(type){
-        if(this.queryParams.manageStatus != type){
-          this.$set(this.queryParams,'manageStatus',type);
-          this.getList();
-        }
-      },
-      //获取数据列表
-      getList(){
-        clearInterval(this.tableTimer);
-        if(this.queryParams.manageStatus == 2){
-          let obj = JSON.parse(JSON.stringify(this.queryParams))
-          obj.rectifyStatus = 3;
-          tobeReviewed(obj).then(response => {
-            this.$set(this,'tableList',response.data.records);
-            this.tableActionFun();
-          });
-        }else{
-          todoList(this.queryParams).then(response => {
-            this.$set(this,'tableList',response.data.records);
-            this.tableActionFun();
-          });
-        }
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.getList();
-      },
-      //查看多个文档
-      lookDocumentListButton(type,item){
-        if(type==1){
-          getFindByCheckPlanId({checkPlanId:item.checkPlanId}).then(response => {
-            let list = [];
-            for(let i=0;i<response.data.length;i++){
-              let obj = {
-                name:response.data[i].fileName,
-                url:response.data[i].fileUrl,
-              }
-              list.push(obj);
-            }
-            this.$set(this,'propsLookDocumentListData',{
-              title:"查看附件",
-              list:list
-            });
-            this.$set(this,'lookDocumentListType',true);
-          });
-        }else{
-          this.$set(this,'lookDocumentListType',false);
-        }
-      },
-      //权限查找
-      setButtonList() {
-        let localRoute = JSON.parse(localStorage.getItem("routeData"))
-        this.forRouteData('inspectionManagement',localRoute);
-        this.forRouteData('selfInspectionManagement',localRoute);
-      },
-      forRouteData(item,list){
-        let self = this;
-        for(let i=0;i<list.length;i++){
-          if(item == list[i].path){
-            if(item == 'inspectionManagement'){
-              self.$set(self,'goInspectionManagement',true);
-            }else if(item == 'selfInspectionManagement'){
-              self.$set(self,'goSelfInspectionManagement',true);
-            }
-          }else{
-            if(list[i].children){
-              self.forRouteData(item,list[i].children)
-            }
-          }
-        }
-      },
-    },
-    beforeDestroy() {
-      //清除定时器
-      window.clearInterval(this.tableTimer);
-      this.$set(this,'tableTimer',null);
-      this.$set(this,'tableList',[]);
-    },
-    destroyed() {
-      //清除定时器
-      window.clearInterval(this.tableTimer);
-      this.$set(this,'tableTimer',null);
-      this.$set(this,'tableList',[]);
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .toDoListBox{
-    height:676px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .toDoListBox-form-box{
-      display: flex;
-      padding:30px 20px 0;
-      .form-button-box{
-        display: flex;
-        p{
-          cursor: pointer;
-          width:80px;
-          height:30px;
-          font-size:14px;
-          color:#333;
-          border:1px solid #E0E0E0;
-          border-radius:4px;
-          line-height:28px;
-          text-align: center;
-          margin-right:10px;
-        }
-        .check-p{
-          color:#fff;
-          border-color: #0183FA;
-          background-color: #0183FA;
-        }
-      }
-      ::v-deep .el-input__inner{
-        height:30px;
-        border: 1px solid #DCDFE6;
-        border-right:none;
-        padding-right:0;
-      }
-      ::v-deep .el-input-group__append{
-        padding:0 11px;
-        background-color: #fff;
-        cursor: pointer;
-      }
-    }
-    .toDoListBox-list-box{
-      position: relative;
-      padding:0 20px 20px;
-      flex:1;
-      .null-img{
-        width:160px;
-        margin:160px 0 0 170px;
-      }
-      .for-list-box{
-        height:190px;
-        border-radius:20px;
-        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
-        overflow: hidden;
-        margin-top:20px;
-        position: relative;
-        .for-name-box{
-          overflow: hidden;
-          padding:0 20px 0 58px;
-          display: flex;
-          margin:20px 0 12px;
-          .name-p{
-            height:24px;
-            line-height:24px;
-            font-size:16px;
-            color:#333;
-            max-width:280px;
-            display:block;
-            overflow: hidden;
-            text-overflow:ellipsis;
-            white-space:nowrap;
-          }
-          .type-p{
-            border-radius:4px;
-            text-align: center;
-            width:60px;
-            margin:2px 0 2px 10px;
-            height:20px;
-            line-height:20px;
-            color:#FF3131;
-            font-size:14px;
-            background-color: rgba(255,49,49,0.2);
-          }
-          .null-p{
-            flex:1;
-          }
-          img{
-            width:15px;
-            height:16px;
-            margin:4px 0 0 10px;
-            cursor: pointer;
-          }
-        }
-        .for-title-box{
-          overflow: hidden;
-          padding:0 20px 0 58px;
-          display: flex;
-          margin-bottom:18px;
-          p{
-            height:20px;
-            line-height:20px;
-            font-size:14px;
-            color:#333;
-            max-width:375px;
-            display:block;
-            overflow: hidden;
-            text-overflow:ellipsis;
-            white-space:nowrap;
-          }
-        }
-        .for-button-box{
-          display: flex;
-          margin:0 20px 20px 58px;
-          font-size:14px;
-          p:nth-child(1){
-            width:80px;
-            line-height:30px;
-            background: rgba(1,131,250,0.1);
-            margin-right:13px;
-            border-radius:80px;
-            text-align: center;
-            color:#0183FA;
-          }
-          p:nth-child(2){
-            width:100px;
-            padding:0 12px;
-            line-height:30px;
-            border:1px solid #E0E0E0;
-            border-radius:80px;
-            text-align: center;
-            color:#666666;
-          }
-          p:nth-child(3){
-            width:165px;
-            line-height:30px;
-            color:#333;
-            margin-left:22px;
-            display:block;
-            overflow: hidden;
-            text-overflow:ellipsis;
-            white-space:nowrap;
-          }
-
-        }
-        .for-time-box{
-          display: flex;
-          height:42px;
-          border-top:1px dashed #D8D8D8;
-          line-height: 42px;
-          p:nth-child(1){
-            margin-left:20px;
-            font-size:14px;
-            flex:1;
-            overflow: hidden;
-          }
-          p:nth-child(2){
-            padding:0 20px;
-            text-align: center;
-            cursor: pointer;
-            color:#0183FA;
-            font-size:14px;
-          }
-          .noButton{
-            color:#999!important;
-            cursor: inherit!important;
-          }
-        }
-        .position-img{
-          width:80px;
-          height:80px;
-          position: absolute;
-          left:0;
-          top:0;
-        }
-      }
-      .null-p{
-        text-align: center;
-        color:#999;
-        line-height:100px;
-      }
-    }
-  }
-</style>