From 1da948c1c8808077f10e3aa32fafd30939ee5c12 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 03 十二月 2024 16:37:39 +0800 Subject: [PATCH] 新增 --- src/views/safetyReview/expertManage/experts/index.vue | 99 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 94 insertions(+), 5 deletions(-) diff --git a/src/views/safetyReview/expertManage/experts/index.vue b/src/views/safetyReview/expertManage/experts/index.vue index d66a7ac..c3c9aa3 100644 --- a/src/views/safetyReview/expertManage/experts/index.vue +++ b/src/views/safetyReview/expertManage/experts/index.vue @@ -42,10 +42,12 @@ <el-form-item> <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> <el-button icon="Refresh" @click="resetQuery">重置</el-button> + <el-button icon="Edit" @click="openSetDate">一键设置有效期</el-button> </el-form-item> </el-form> - <el-table v-loading="loading" :data="expertList" :border="true"> - <el-table-column type="index" width="55" align="center" /> + <el-table v-loading="loading" ref="multipleTableRef" :data="expertList" :border="true" @selection-change="handleSelectionChange" :row-key="(row) => { return row.id }"> + <el-table-column type="selection" width="55" :reserve-selection="true"/> + <el-table-column type="index" width="55" align="center" label="序号"/> <el-table-column label="姓名" align="center" prop="name" /> <el-table-column label="身份证号" align="center" prop="idCard" /> <el-table-column label="出生日期" align="center" prop="birthday"> @@ -94,6 +96,7 @@ </el-table-column> <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"> <template #default="scope"> + <el-button type="primary" link @click="openDialog('edit',scope.row)">编辑</el-button> <el-button type="primary" link @click="openDialog('view',scope.row)">查看</el-button> </template> </el-table-column> @@ -105,6 +108,31 @@ v-model:limit="queryParams.pageSize" @pagination="getList" /> + <el-dialog + v-model="assessDialog" + title="修改有效期" + width="50%" + :before-close="closeAssess" + > + <el-form :model="assessForm" :rules="assessRules" ref="assessFormRef" label-width="200px"> + <el-form-item label="专家聘用期限" prop="employTime"> + <el-date-picker + v-model="assessForm.employTime" + type="daterange" + range-separator="至" + start-placeholder="开始日期" + end-placeholder="结束日期" + value-format="YYYY-MM-DD" + /> + </el-form-item> + </el-form> + <template #footer> + <span class="dialog-footer"> + <el-button @click="closeAssess" size="default">取 消</el-button> + <el-button type="primary" @click="assessSubmit(assessFormRef)" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> <expert-form ref="expertFormRef" @getList="getList"></expert-form> </div> </template> @@ -113,10 +141,11 @@ import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; import {ElMessage, ElMessageBox} from "element-plus"; import ExpertForm from "../applyRecords/components/expertForm"; -import {delExpert, getExpertsList, getExpertTypes} from "../../../../api/form"; +import {changeApprove, changeEmploymentDate, delExpert, getExpertsList, getExpertTypes} from "../../../../api/form"; import {useRouter} from "vue-router"; const router = useRouter(); -const loading = ref(false); +const loading = ref(false) + const data = reactive({ showSearch: true, total: 0, @@ -159,10 +188,20 @@ label: '其他' } ], + multipleSelection: [], + assessDialog: false, + assessForm: { + employTime: [] + }, + assessRules: { + employTime:[{ required: true, message: '请选择有效期', trigger: 'blur' }], + } }); -const { showSearch,total, expertTypes,expertList,queryParams,classiFy,searchTime} = toRefs(data); +const { showSearch,total, expertTypes,expertList,queryParams,searchTime,assessForm,assessDialog,assessRules,multipleSelection} = toRefs(data); const expertFormRef = ref() +const assessFormRef = ref() +const multipleTableRef = ref() onMounted(()=>{ getList() getTypes() @@ -171,6 +210,10 @@ onUnmounted(()=>{ }) + +const handleSelectionChange = (val) => { + data.multipleSelection = val +} const getTypes = async()=> { const res = await getExpertTypes() @@ -269,6 +312,52 @@ expertFormRef.value.openDialog(type, value); } +const openSetDate = ()=>{ + if(data.multipleSelection.length>0){ + data.assessDialog = true + }else{ + ElMessage.warning('请选择要设置的人员') + } +} + +const assessSubmit = async (formEl)=> { + if (!formEl) return + await formEl.validate(async (valid, fields) => { + if (valid) { + let params = { + id: data.multipleSelection.map(i=>i.id), + employmentDateStart: data.assessForm.employTime[0], + employmentDateEnd: data.assessForm.employTime[1] + } + const res = await changeEmploymentDate(params) + if(res.code == 200){ + ElMessage({ + type: 'success', + message: '修改成功' + }) + data.multipleSelection = [] + multipleTableRef.value.clearSelection() + await getList() + data.assessDialog = false + }else{ + ElMessage({ + type: 'warning', + message: res.msg + }); + } + }else { + ElMessage.warning('请完善必填信息') + } + }) +} + +const closeAssess = ()=>{ + assessFormRef.value.clearValidate() + data.assessForm = { + employTime: [] + } + data.assessDialog = false; +} const resetQuery=()=> { data.queryParams = { name: '', -- Gitblit v1.9.2