| | |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="项目名称"> |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" /> |
| | | <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="评估情况" prop="dutyStatus"> |
| | | <el-form-item label="评估情况" prop="evaluationState"> |
| | | <el-select v-model="queryParams.dutyStatus" placeholder="岗位状态" clearable> |
| | | <el-option :key="0" label="已评估" :value="0"/> |
| | | <el-option :key="1" label="未评估" :value="1"/> |
| | | <el-option :key="0" label="未评估" :value="0"/> |
| | | <el-option :key="1" label="已评估" :value="1"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="审批时间" prop="searchTime"> |
| | | <el-form-item label="审批时间" prop="projectCheckTime"> |
| | | <el-date-picker |
| | | v-model="searchTime" |
| | | type="date" |
| | | type="datetime" |
| | | @change="changeTime" |
| | | value-format="YYYY-MM-DD" |
| | | value-format="YYYY-MM-DD HH:mm:ss" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | import ExpertDialog from "./components/expertList"; |
| | | import {delExpert, getExpertsList, getExpertTypes} from "../../../../api/form"; |
| | | import { Plus } from '@element-plus/icons-vue' |
| | | import {getProjectExpertList} from "@/api/backManage/evaluate"; |
| | | |
| | | const loading = ref(false) |
| | | const data = reactive({ |
| | |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | bigClassify: null, |
| | | smallClassify: null, |
| | | projectName: '', |
| | | dutyStatus: null, |
| | | name: '', |
| | | params: { |
| | | startTime: '', |
| | | endTime: '' |
| | | } |
| | | projectCheckTime: '' |
| | | }, |
| | | classiFy: [], |
| | | searchTime: [] |
| | |
| | | const expertListRef = ref() |
| | | |
| | | onMounted(()=>{ |
| | | // getList() |
| | | getList() |
| | | // getTypes() |
| | | }) |
| | | |
| | |
| | | data.expertTypes = res.data |
| | | }else{ |
| | | ElMessage.warning(res.msg) |
| | | } |
| | | } |
| | | |
| | | const handleChange=(value)=> { |
| | | if(!value){ |
| | | data.classiFy = [] |
| | | data.queryParams.bigClassify = "" |
| | | data.queryParams.smallClassify = "" |
| | | } |
| | | } |
| | | const changeTime=(value)=>{ |
| | | if(!value){ |
| | | data.queryParams.params.endTime = "" |
| | | data.queryParams.params.startTime = "" |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | const handleQuery=()=> { |
| | | data.queryParams.pageNum = 1 |
| | | if(data.classiFy && data.classiFy.length>0){ |
| | | data.queryParams.bigClassify = data.classiFy[0] |
| | | data.queryParams.smallClassify = data.classiFy[1] |
| | | } |
| | | if(data.searchTime && data.searchTime.length>0){ |
| | | data.queryParams.params.startTime = data.searchTime[0] |
| | | data.queryParams.params.endTime = data.searchTime[1] |
| | | } |
| | | getList() |
| | | } |
| | | |
| | | const getList = async () => { |
| | | loading.value = true; |
| | | const res = await getExpertsList(data.queryParams) |
| | | const res = await getProjectExpertList(data.queryParams) |
| | | if(res.code == 200){ |
| | | data.expertList = res.data.list |
| | | data.total = res.data.total |
| | | data.expertList = res.rows |
| | | data.total = res.total |
| | | }else{ |
| | | ElMessage.warning(res.msg) |
| | | } |
| | |
| | | data.queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | bigClassify: null, |
| | | smallClassify: null, |
| | | projectName: '', |
| | | dutyStatus: null, |
| | | name: '', |
| | | params: { |
| | | startTime: '', |
| | | endTime: '' |
| | | projectCheckTime: '' |
| | | } |
| | | }; |
| | | data.classiFy = [] |
| | | data.searchTime = [] |
| | | handleQuery() |
| | | } |
| | | |