From 20195d0e1cbbf3e8bfd20e2baf53e2115f663da3 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 24 一月 2024 16:38:22 +0800 Subject: [PATCH] 评价结论 --- src/views/safetyReview/userManage/expertUsers/index.vue | 270 +++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 225 insertions(+), 45 deletions(-) diff --git a/src/views/safetyReview/userManage/expertUsers/index.vue b/src/views/safetyReview/userManage/expertUsers/index.vue index 68dd33b..47e83ba 100644 --- a/src/views/safetyReview/userManage/expertUsers/index.vue +++ b/src/views/safetyReview/userManage/expertUsers/index.vue @@ -8,82 +8,150 @@ @click="openDialog('add',{})" >新增</el-button> </div> - <div style="margin-top: 15px;margin-bottom: 15px;"> - <el-radio-group v-model="queryParams.checkType" @change="changeType"> - <el-radio-button label="all">全部</el-radio-button> + <div style="margin-top: 15px;margin-bottom: 15px"> + <el-radio-group v-model="queryParams.expertType"> + <el-radio-button label="">全部</el-radio-button> <el-radio-button label="1">安全评价</el-radio-button> <el-radio-button label="2">检验检测</el-radio-button> </el-radio-group> </div> + <div style="margin-bottom: 15px; display: flex;align-items: center"> + <el-input + v-model="queryParams.name" + placeholder="姓名" + style="width: 220px;margin-right: 12px" + /> + <el-input + v-model="queryParams.phone" + placeholder="手机号" + style="width: 220px;margin-right: 12px" + /> + <el-select v-model="queryParams.level" style="width: 220px;margin-right: 12px" placeholder="评价师等级" > + <el-option + v-for="item in levelList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + <el-select v-model="queryParams.major" value-key="id" style="width: 220px;margin-right: 12px" placeholder="专业方向"> + <el-option + v-for="item in majorList" + :key="item.id" + :label="item.label" + :value="item.id" + /> + </el-select> + <el-select v-model="queryParams.post" style="width: 220px;margin-right: 12px" placeholder="请选择职务"> + <el-option + v-for="item in postList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + <el-button type="primary" icon="Filter" @click="search">查询</el-button> + <el-button type="primary" icon="Filter" @click="research">重置</el-button> + </div> <!-- 表格数据 --> <el-table v-loading="loading" :data="dataList" :border="true"> - <el-table-column label="用户ID" prop="userID" align="center" /> - <el-table-column label="姓名" prop="name" align="center" /> - <el-table-column label="手机号" prop="phone" align="center" /> - <el-table-column label="用户名" prop="username" align="center" /> - <el-table-column label="性别" prop="sex" align="center" /> - <el-table-column label="所属机构" prop="institution" align="center" /> + <el-table-column label="用户ID" prop="id" align="center" /> + <el-table-column label="姓名" prop="name" align="center" width="110" /> + <el-table-column label="手机号" prop="phone" align="center" width="125" /> + <el-table-column label="用户名" prop="username" align="center" width="110" /> + <el-table-column label="性别" prop="sex" align="center" > + <template #default="scope"> + <span v-if="scope.row.sex === 0">男</span> + <span v-if="scope.row.sex === 1">女</span> + </template> + </el-table-column> + <el-table-column label="所属机构" prop="agency.name" align="center" width="110" /> <el-table-column label="社保" prop="socialSecurity" align="center" width="120"> <template #default="scope"> - <div class="demo-image__preview" v-if="scope.row.socialList && scope.row.socialList.length>0"> + <div class="demo-image__preview" v-if="scope.row.socialAttach && scope.row.socialAttach.length>0"> <el-image style="width: 100px; height: 100px" - :src="scope.row.socialList[0]" + :src= "scope.row.socialAttach[0]" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" - :preview-src-list="scope.row.socialList" + :preview-src-list="scope.row.socialAttach" :initial-index="0" fit="cover" - preview-teleported="true" + :preview-teleported="true" /> </div> </template> </el-table-column> <el-table-column label="医保" prop="medicalInsurance" align="center" width="120"> <template #default="scope"> - <div class="demo-image__preview" v-if="scope.row.medicalList && scope.row.medicalList.length>0"> + <div class="demo-image__preview" v-if="scope.row.medicalAttach && scope.row.medicalAttach.length>0"> <el-image style="width: 100px; height: 100px" - :src="scope.row.medicalList[0]" + :src="scope.row.medicalAttach[0]" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" - :preview-src-list="scope.row.medicalList" + :preview-src-list="scope.row.medicalAttach" :initial-index="0" fit="cover" - preview-teleported="true" + :preview-teleported="true" /> </div> </template> </el-table-column> <el-table-column label="工资清单" prop="salaryList" align="center" width="120"> <template #default="scope"> - <div class="demo-image__preview" v-if="scope.row.salaryList && scope.row.salaryList.length>0"> + <div class="demo-image__preview" v-if="scope.row.salaryAttach && scope.row.salaryAttach.length>0"> <el-image style="width: 100px; height: 100px" - :src="scope.row.salaryList[0]" + :src= "scope.row.salaryAttach[0]" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" - :preview-src-list="scope.row.salaryList" + :preview-src-list="scope.row.salaryAttach" :initial-index="0" fit="cover" - preview-teleported="true" + :preview-teleported="true" /> </div> </template> </el-table-column> - <el-table-column label="职务" prop="duty" align="center" /> - <el-table-column label="职称" prop="lecture" align="center" /> - <el-table-column label="专业方向" prop="major" align="center" /> - <el-table-column label="业绩汇总" prop="summary" align="center" /> - <el-table-column label="最近评价时间" prop="lastTime" align="center" width="120" /> - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120" > + <el-table-column label="证件照" prop="idPhoto" align="center" width="120"> + <template #default="scope"> + <div class="demo-image__preview" v-if="scope.row.idPhoto && scope.row.idPhoto.length>0"> + <el-image + style="width: 100px; height: 100px" + :src= "scope.row.idPhoto[0]" + :zoom-rate="1.2" + :max-scale="7" + :min-scale="0.2" + :preview-src-list="scope.row.idPhoto" + :initial-index="0" + fit="cover" + :preview-teleported="true" + /> + </div> + </template> + </el-table-column> + <el-table-column label="职务" prop="post" align="center" width="120" /> + <el-table-column label="职称" prop="jobTitle" align="center" /> + <el-table-column label="专业方向" prop="majorNames" align="center" width="100" /> + <el-table-column label="评价师等级" prop="level" align="center" width="100" /> + <el-table-column label="业绩汇总" prop="summary" align="center"> + <template #default="scope"> + <div style="cursor:pointer;color: #3b82f6;" @click="openList(scope.row)"> + <span>{{scope.row.projectCount}}</span> + </div> + </template> + </el-table-column> + <el-table-column label="最近评价时间" prop="lastEstimateTime" align="center" width="120" /> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140" > <template #default="scope"> - <el-button link type="primary" @click="openDialog('edit',scope.row)" v-hasPermi="['system:role:edit']">编辑</el-button> - <el-button link type="danger" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)" >删除</el-button> + <el-button link type="primary" @click="openDialog('pwd',scope.row)">修改密码</el-button> </template> </el-table-column> </el-table> @@ -95,35 +163,138 @@ v-model:limit="queryParams.pageSize" @pagination="getList" /> + <project-dialog ref="projectRef" @getList="getList"></project-dialog> + <expert-dialog ref="expertRef" @getList="getList" :majorList="majorList" :levelList="levelList" :postList="postList"></expert-dialog> </div> </template> <script setup> -import {getCurrentInstance, reactive, ref, toRefs} from "vue"; -import {ElMessageBox} from "element-plus"; +import {getCurrentInstance, onMounted, reactive, ref, toRefs} from "vue"; +import expertDialog from "./components/expertDialog.vue" +import {getDictList} from "@/api/backManage/evaluate"; +import {ElMessage, ElMessageBox} from "element-plus"; +import projectDialog from "./components/projectDialog.vue"; +import Cookies from "js-cookie"; +import {delMonitor, getExpertList, getMonitorList} from "@/api/sysUsers"; const { proxy } = getCurrentInstance(); const loading = ref(false); const expertRef = ref(); +const projectRef = ref(); const data = reactive({ queryParams: { - pageNum: 1, - pageSize: 10, - checkType: "all" - + pageNum: 1, + pageSize: 10, + expertType: "", + name: '', + phone: '', + level: '', + major: null, + post: '' }, total: 0, - dataList: [ + dataList: [], + majorList: [], + levelList: [ + { + id: '1', + name: '一级' + }, + { + id: '2', + name: '二级' + }, + { + id: '3', + name: '三级' + }, + { + id: '4', + name: '其他' + }, + ], + postList: [ + { + id: '1', + name: '法人' + }, + { + id: '2', + name: '过程控制负责人' + }, + { + id: '3', + name: '机构负责人' + }, + { + id: '4', + name: '技术负责人' + }, + { + id: '5', + name: '员工' + }, ] - - }); -const { queryParams, total, dataList } = toRefs(data); +const { queryParams, total, dataList, majorList, levelList, postList } = toRefs(data); +onMounted(()=>{ + getList() + getMajor() +}) +const getList = async () => { + loading.value = true + const res = await getExpertList(data.queryParams) + if(res.code == 200){ + data.dataList = res.data.list.map(item => { + return{ + ...item, + socialAttach: item.socialAttach.map(s => { return import.meta.env.VITE_APP_BASE_API + '/' + s.path}), + medicalAttach: item.medicalAttach.map(s => { return import.meta.env.VITE_APP_BASE_API + '/' + s.path}), + salaryAttach: item.salaryAttach.map(s => { return import.meta.env.VITE_APP_BASE_API + '/' + s.path}), + idPhoto: item.idPhoto ? [import.meta.env.VITE_APP_BASE_API + '/' + item.idPhoto ] : [], + lastEstimateTime: item.personProjectVO ? item.personProjectVO.lastEstimateTime : '', + projectCount: item.personProjectVO ? item.personProjectVO.projectCount : '' + } + }) + console.log('RES',data.dataList) + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} -const getList = () => { - loading.value = true; - console.log("获取数据") - loading.value = false; +const getMajor = async () => { + const queryParams = { + pageNum: 1, + pageSize: 50, + dictType: 'sys_major_orientation' + } + const res = await getDictList(queryParams); + if(res.code === 200){ + data.majorList = res.data.list + }else{ + ElMessage.warning(res.message) + } +} + +const search = ()=>{ + data.queryParams.pageNum = 1 + getList() +} + +const research = ()=>{ + data.queryParams = { + pageNum: 1, + pageSize: 10, + expertType: "", + name: '', + phone: '', + level: '', + major: null, + post: '' + } + getList() } const openDialog = (type, value) => { @@ -131,9 +302,12 @@ } const changeType = (val) => { console.log("val", val) - queryParams.checkType = val; + queryParams.expertType = val; queryParams.pageNum = 1; getList(); +} +const openList = (val) => { + projectRef.value.openDialog(val); } /** 重置新增的表单以及其他数据 */ @@ -150,7 +324,13 @@ type: 'warning', }) .then( async() => { - + const res = await delMonitor(val.id) + if(res.code == 200){ + ElMessage.success('数据删除成功') + getList() + }else{ + ElMessage.warning(res.message) + } }) } -- Gitblit v1.9.2