| | |
| | | <template> |
| | | <div class="home-container"> |
| | | <div style="height: 100%"> |
| | | <div style="height: 100%;display: flex;flex-direction: column;align-items: stretch;"> |
| | | <el-row class="homeCard"> |
| | | <div class="basic-line"> |
| | | <span>任务类型:</span> |
| | | <el-select v-model="tableData.params.taskType" clearable filterable class="input-box" placeholder="任务类型"> |
| | | <el-option v-for="item in workTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="basic-line"> |
| | | <span>部门:</span> |
| | | <el-cascader class="input-box" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" |
| | | placeholder="请选择部门" clearable v-model="tableData.params.execDepId" |
| | | @change="changeGroup" |
| | | > </el-cascader> |
| | | </div> |
| | | <div class="basic-line"> |
| | | <span>执行班组:</span> |
| | |
| | | </div> |
| | | <div class="basic-line"> |
| | | <span>任务状态:</span> |
| | | <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="执行班组"> |
| | | <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="任务状态"> |
| | | <el-option v-for="item in taskStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="execClassgroupId" label="巡检班组"> |
| | | <template #default="scope"> |
| | | <span> |
| | | {{ parseNumber(scope.row.execClassgroupId, '巡检班组') }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="execClassgroupName" label="巡检班组"/> |
| | | <el-table-column property="frequency" label="检查频次"> |
| | | <template #default="scope"> |
| | | <span> |
| | |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="taskClaimTime" label="认领时间"> |
| | | <template #default="scope"> |
| | | {{scope.row.taskClaimTime?scope.row.taskClaimTime:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="reportTime" label="填报时间"> |
| | | <template #default="scope"> |
| | | {{scope.row.reportTime?scope.row.reportTime:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="taskTimeConsuming" label="巡检耗时"> |
| | | <template #default="scope"> |
| | | {{scope.row.taskTimeConsuming?scope.row.taskTimeConsuming:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="resultStatus" label="巡检结果"> |
| | | <template #default="scope"> |
| | | <span> |
| | |
| | | pageSize: 10, |
| | | taskName: null, |
| | | taskType: null, |
| | | taskStatus: 2, |
| | | taskStatus: null, |
| | | execUserId: null, |
| | | execClassgroupId: null, |
| | | execDepId: null, |
| | |
| | | } |
| | | }; |
| | | |
| | | //获取班组 |
| | | const getClassGroupData = async () => { |
| | | let res = await teamManageApi().getRecord({ depIp: null, groupName: null, containGroupMemberEnable: null }); |
| | | if (res.data.code === '200') { |
| | | state.classGroupList = res.data.data; |
| | | } else { |
| | | ElMessage({ |
| | | type: 'warning', |
| | | message: res.data.msg |
| | | }); |
| | | const changeGroup = async () => { |
| | | if(state.tableData.params.execDepId === null) { |
| | | state.classGroupList = [] |
| | | }else{ |
| | | let res = await departmentApi().getByDepId({depId:state.tableData.params.execDepId}) |
| | | if(res.data.code === '200'){ |
| | | state.classGroupList = res.data.data |
| | | }else{ |
| | | |
| | | } |
| | | } |
| | | }; |
| | | |
| | |
| | | getInspectRecord(); |
| | | getQuotaList(); |
| | | getDepartmentData(); |
| | | getClassGroupData(); |
| | | getInspectTaskPoint(); |
| | | } else { |
| | | getInspectRecord(); |
| | | getQuotaList(); |
| | | getDepartmentData(); |
| | | getClassGroupData(); |
| | | getInspectTaskPoint(); |
| | | } |
| | | }); |
| | |
| | | Plus, |
| | | reset, |
| | | parseNumber, |
| | | changeGroup, |
| | | getInspectRecord, |
| | | onHandleSizeChange, |
| | | onHandleCurrentChange, |
| | |
| | | height: calc(100vh - 144px); |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | position: relative; |
| | | .homeCard { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | background: #fff; |
| | | border-radius: 4px; |
| | | flex: 0 auto; |
| | | |
| | | .main-card { |
| | | width: 100%; |
| | |
| | | } |
| | | } |
| | | .pageBtn { |
| | | position: absolute; |
| | | width: 100%; |
| | | z-index: 99; |
| | | bottom: 0; |
| | | right: 0; |
| | | height: 60px; |
| | | border-radius: 0 0 4px 4px; |
| | | padding-right: 20px; |
| | | background: #fff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | |
| | | } |
| | | } |
| | | } |
| | | &:last-of-type { |
| | | height: calc(100% - 100px); |
| | | &:last-of-type{ |
| | | flex: 1; |
| | | } |
| | | } |
| | | .el-row { |