From c0a2d9d0276eef0432f52a22e6b8c1eaec5acbb1 Mon Sep 17 00:00:00 2001 From: lixg Date: Mon, 6 Feb 2023 18:57:34 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E8=AF=81=E4=B9=A6?= =?UTF-8?q?=E5=AD=A6=E5=91=98=E5=88=86=E9=A1=B5=E8=8E=B7=E5=8F=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index1.js | 5 +- .../drawers/project/AddCertificate.vue | 141 ++++++++++++------ .../student/TableCertificateStudent.vue | 90 ++++++++++- src/views/projectcenter/TaskPage.vue | 5 + 4 files changed, 187 insertions(+), 54 deletions(-) diff --git a/src/api/index1.js b/src/api/index1.js index 9d1ab747..77df3b43 100644 --- a/src/api/index1.js +++ b/src/api/index1.js @@ -2,7 +2,7 @@ * @Author: lixg lixg@dongwu-inc.com * @Date: 2022-11-04 22:45:31 * @LastEditors: lixg lixg@dongwu-inc.com - * @LastEditTime: 2023-02-04 19:59:55 + * @LastEditTime: 2023-02-06 15:11:40 * @FilePath: /fe-manage/src/api/index1.js * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ @@ -208,4 +208,5 @@ export const getStageList = (obj) => http.get('/admin/project/getStageList', { p export const getTaskList = (obj) => http.get('/admin/project/getTaskList', { params: obj }) //查看证书学员列表 export const stuCertList = (obj) => http.get('/admin/certificate/stuCertList', { params: obj }) - +//更新学员证书 +export const updateStuCert = (obj) => http.post('/admin/certificate/updateStuCert', obj) diff --git a/src/components/drawers/project/AddCertificate.vue b/src/components/drawers/project/AddCertificate.vue index 06a261df..8bfab55c 100644 --- a/src/components/drawers/project/AddCertificate.vue +++ b/src/components/drawers/project/AddCertificate.vue @@ -9,7 +9,9 @@ >
-
{{ edit ? "编辑" : "添加" }}证书
+
+ {{ ACertificateEditId ? "编辑" : "添加" }}证书 +
{ + const getTaskList = (exam) => { let obj = { projectId: props.projectId, + type: exam ? 5 : 0, }; + api .getTaskList(obj) .then((res) => { console.log("获取任务列表", res); if (res.data.code === 200) { - state.taskList = res.data.data; + if (exam) { + state.examList = res.data.data; + } else { + state.taskList = res.data.data; + } } }) .catch((err) => { @@ -491,7 +501,9 @@ export default { }); }; //获取考试 - + const getTaskExam = () => { + getTaskList(true); + }; //选择阶段 const selectStage = (e, k) => { console.log("选择阶段", e, k); @@ -520,7 +532,7 @@ export default { state.selectTaskName = null; state.selectTaskId = null; state.selectExamName = e; - state.selectExamId = e.examId; + state.selectExamId = k.projectTaskId; }; //选择的获得条件 const selectCondition = (e) => { @@ -573,8 +585,48 @@ export default { .certificatedetail(obj) .then((res) => { console.log("获取证书详情", res); - // if (res.data.code === 200) { - // } + if (res.data.code === 200) { + let info = res.data.data; + state.certificateName = info.name; //证书名称 + state.imageUrl = process.env.VUE_APP_FILE_PATH + info.url; //证书封面 + state.certificateRemark = info.remark; //证书说明 + state.condition = info.finishType; //选择条件 + state.large = info.finishType == 1 ? info.finishValue : null; //选择项目里的全部任务或必修任务 + state.selectStageId = + info.finishType == 2 ? info.finishValue : null; + state.selectTaskId = info.finishType == 3 ? info.finishValue : null; + state.selectExamId = info.finishType == 4 ? info.finishValue : null; + state.score = info.finishType == 5 ? info.finishValue : null; //积分 + + let timer = setInterval(() => { + if ( + state.stageList.length !== 0 && + state.taskList.length !== 0 && + state.examList.length !== 0 + ) { + if (info.finishType == 2) { + let stageItem = state.stageList.filter((item) => { + return item.stageId == info.finishValue; + }); + state.selectStageName = stageItem ? stageItem[0].name : null; + } + if (info.finishType == 3) { + let taskItem = state.taskList.filter((item) => { + return item.projectTaskId == info.finishValue; + }); + state.selectTaskName = taskItem ? taskItem[0].name : null; + } + if (info.finishType == 4) { + let taskItem = state.examList.filter((item) => { + return item.projectTaskId == info.finishValue; + }); + console.log("taskItem", taskItem); + state.selectExamName = taskItem ? taskItem[0].name : null; + } + clearInterval(timer); + } + }, 1000); + } }) .catch((err) => { console.log("获取证书详情失败", err); @@ -583,7 +635,7 @@ export default { //添加证书 const saveupdatecertificate = () => { if (!state.certificateName) return message.warning("请输入证书名称"); - if (!state.imageName) return message.warning("请上传证书封面"); + if (!state.imageUrl) return message.warning("请上传证书封面"); if (!state.condition) return message.warning("请设置获得条件"); if (state.condition == 1 && !state.large) return message.warning("请选择完成项目类型"); @@ -595,45 +647,46 @@ export default { return message.warning("请选择考试"); if (state.condition == 5 && !state.score) return message.warning("请输入积分"); - + let obj = { + pid: props.projectId, + name: state.certificateName, + url: state.imageName, + remark: state.certificateRemark, + finishType: state.condition, + finishValue: + state.condition == 1 + ? state.large + : state.condition == 2 + ? state.selectStageId + : state.condition == 3 + ? state.selectTaskId + : state.condition == 4 + ? state.selectExamId + : state.condition == 5 + ? state.score + : "", + type: 1, + }; if (props.ACertificateEdit) { console.log("更新证书"); - } else { - console.log("新增证书"); - - let obj = { - pid: props.projectId, - name: state.certificateName, - url: state.imageName, - finishType: state.condition, - finishValue: - state.condition == 1 - ? state.large - : state.condition == 2 - ? state.selectStageId - : state.condition == 3 - ? state.selectTaskId - : state.condition == 4 - ? state.selectExamId - : state.condition == 5 - ? state.score - : "", - type: 1, - }; - reset(); - api - .saveupdatecertificate(obj) - .then((res) => { - console.log("新增证书", res); - if (res.data.code === 200) { - message.success("证书添加成功"); - props.getCertificate && props.getCertificate(); - } - }) - .catch((err) => { - console.log("新增证书失败", err); - }); + obj.id = props.ACertificateEditId; } + + reset(); + api + .saveupdatecertificate(obj) + .then((res) => { + console.log("新增/编辑成功证书", res); + if (res.data.code === 200) { + message.success( + props.ACertificateEdit ? "证书修改成功" : "证书添加成功" + ); + props.getCertificate && props.getCertificate(); + } + }) + .catch((err) => { + console.log("新增/编辑证书失败", err); + }); }; return { ...toRefs(state), diff --git a/src/components/student/TableCertificateStudent.vue b/src/components/student/TableCertificateStudent.vue index 13729c88..7fda64af 100644 --- a/src/components/student/TableCertificateStudent.vue +++ b/src/components/student/TableCertificateStudent.vue @@ -2,6 +2,7 @@
培训证书 +
@@ -25,11 +26,10 @@
选择时间：
@@ -92,6 +92,7 @@ import { reactive, toRefs } from "vue"; import * as api from "@/api/index1"; import OrgClass from "@/components/project/OrgClass"; +import { message } from "ant-design-vue"; export default { name: "TableCertificateStudent", components: { @@ -107,12 +108,17 @@ export default { type: Number, default: null, }, + ischeckCertificate: { + type: Boolean, + default: false, + }, }, - setup(props) { + setup(props, ctx) { const state = reactive({ studentName: null, tstudentDepartId: null, studentDepartName: null, + selectTime: null, tablecolumns: [ { title: "工号", @@ -195,19 +201,28 @@ export default { ], pageSize: 10, currentPage: 1, - tableDataTotal: 1, + tableDataTotal: -1, selectedRowKeys: [], }); + //获取证书学员 const stuCertList = () => { let obj = { + name: state.studentName, + orgName: state.studentDepartName, id: props.ACertificateCheckId, pid: props.projectId, + size: state.pageSize, }; + state.tableDataTotal = -1; api .stuCertList(obj) .then((res) => { console.log("获取证书学员", res); + if (res.data.code === 200) { + state.stuList = res.data.data.record; + state.tableDataTotal = res.data.data.total; + } }) .catch((err) => { console.log("获取证书学员失败", err); @@ -215,18 +230,63 @@ export default { }; stuCertList(); + //搜索 + const search = () => { + state.currentPage = 1; + stuCertList(); + }; + //重置 + const reset = () => { + state.currentPage = 1; + state.studentName = null; + state.tstudentDepartId = null; + state.studentDepartName = null; + state.selectTime = null; + }; + //取消授权 const updateStuCert = (text) => { console.log("text", text); + let obj = { + id: text.record.id, + status: -1, + }; + api + .updateStuCert(obj) + .then((res) => { + console.log("取消证书成功", res); + if (res.data.code === 200) { + message.success("取消证书成功"); + stuCertList(); + } + }) + .catch((err) => { + console.log("取消证书失败", err); + }); }; const onSelectChange = (selectedRowKeys, e) => { console.log("selectedRowKeys changed: ", selectedRowKeys, e); state.selectedRowKeys = selectedRowKeys; }; + //分页 + const changePaginationStu = (page) => { + state.currentPage = page; + stuCertList(); + }; + + //返回 + const returnClick = () => { + ctx.emit("update:ischeckCertificate", false); + console.log("点击返回"); + }; return { ...toRefs(state), stuCertList, + search, + reset, onSelectChange, + changePaginationStu, + returnClick, }; }, }; @@ -240,12 +300,26 @@ export default { .certificatetitle { width: 100%; height: 74px; - padding-top: 40px; + padding-top: 29px; border-bottom: 1px solid rgba(232, 232, 232, 1); font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; + display: flex; + justify-content: space-between; + .returnBtn { + cursor: pointer; + width: 100px; + height: 40px; + background: #4ea6ff; + border-radius: 8px; + border: 0; + margin-left: 15px; + color: #fff; + margin-right: 20px; + font-size: 14px; + } } .search { display: flex; diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue index fe6a8067..a517fa57 100644 --- a/src/views/projectcenter/TaskPage.vue +++ b/src/views/projectcenter/TaskPage.vue @@ -1091,6 +1091,7 @@ :projectId="projectId" :ACertificateCheckId="ACertificateCheckId" v-if="ischeckCertificate" + v-model:ischeckCertificate="ischeckCertificate" > @@ -3592,6 +3593,10 @@ export default { rankReset(); state.tabFlag = false; } + + if(e!=7){ +state.ischeckCertificate=false + } console.log("切换了", state.tabFlag); };