@@ -452,15 +490,27 @@ import apiCoursePortal from "@/api/modules/coursePortal.js";
import { mapGetters, mapActions } from "vuex";
import apiUser from "@/api/system/user.js";
import apiStudy from "@/api/modules/courseStudy.js";
+import apiCourse from "@/api/modules/course.js";
import { getToken } from "@/utils/token";
import axios from "axios";
import NameFilterSelect from "@/components/NameFilterSelect/index.vue";
+import SignupModal from "@/components/signup/SignupModal.vue";
+import AudienceModal from "@/components/signup/AudienceModal.vue";
NameFilterSelect;
export default {
- components: { NameFilterSelect },
+ components: { NameFilterSelect, SignupModal, AudienceModal },
+ props: {
+ showSignupActions: {
+ type: Boolean,
+ default: false,
+ },
+ },
computed: {
...mapGetters(["resOwnerMap", "sysTypeMap"]),
+ hasCourseCrowds() {
+ return Array.isArray(this.courseCrowds) && this.courseCrowds.length > 0;
+ },
},
data() {
return {
@@ -514,6 +564,8 @@ export default {
},
studyDateTime: [],
courseDetail: JSON.parse(sessionStorage.getItem("courseDetail")),
+ // 课程详情中的 crowds 信息（通过 apiCourse.detail 获取）
+ courseCrowds: [],
downParams: {},
typePress: false,
isHomeWork: false,
@@ -538,6 +590,9 @@ export default {
value: "",
input: "",
tabName: "second",
+ audienceDialogVisible: false,
+ addSignupVisible: false,
+ selectedAudiences: [],
learningSituation: {
pageIndex: 1, //第几页
pageSize: 10, // 每页多少条
@@ -623,6 +678,7 @@ export default {
};
},
mounted() {
+ this.getCourseDetailCrowds();
this.getSignupList();
this.getResOwnerTree().then((rs) => {
this.resOwnerListMap = rs;
@@ -639,6 +695,58 @@ export default {
loadSysTypes: "sysType/loadSysTypes",
}),
+ // 查询课程详情，获取 crowds 信息
+ getCourseDetailCrowds() {
+ if (!this.courseDetail || !this.courseDetail.id) return;
+ apiCourse
+ .detail(this.courseDetail.id)
+ .then((res) => {
+ console.log('res1', res);
+ const result = res.result || {};
+ this.courseCrowds = Array.isArray(result.crowds) ? result.crowds : [];
+ })
+ .catch(() => {
+ this.courseCrowds = [];
+ });
+ },
+ // 添加报名按钮点击，根据 crowds 是否有值决定弹窗
+ handleAddSignupClick() {
+ if (this.hasCourseCrowds) {
+ this.audienceDialogVisible = true;
+ } else {
+ this.addSignupVisible = true;
+ }
+ },
+ handleSignupCreate(payload) {
+ console.log("signup payload", payload);
+ this.getSignupList();
+ },
+ handleDeleteSignup(row) {
+ this.$confirm(`确认删除${row.name || ''}的报名记录吗？`, '删除确认', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ dangerouslyUseHTMLString: true,
+ type: 'warning',
+ customClass: 'custom-confirm-dialog'
+ }).then(() => {
+ apicourseStudy.deleteSignUp(row.id, this.courseDetail.id)
+ .then((res) => {
+ if (res && res.status === 200) {
+ this.$showMessage("删除成功", 'success');
+ this.getSignupList();
+ } else if (res) {
+ this.$showMessage(res.message || "删除失败", 'error');
+ }
+ })
+ .catch((err) => {
+ this.$showMessage("删除失败", 'error');
+ });
+ })
+ .catch((err) => {
+ // this.$showMessage('已取消删除', 'info');
+ });
+ },
+
resetCommonResourceQuery() {
this.$refs.commonResourceStudyPeopleNameFilter.handleReset();
this.commonResourceStudyPeopleQuery = {
@@ -1079,6 +1187,10 @@ export default {
this.learningRecords.pageIndex = val;
this.getStudyRecords();
},
+ handleAudienceConfirm(list) {
+ this.selectedAudiences = list;
+ this.getSignupList();
+ },
// 报名列表
getSignupList() {
let params = {
@@ -1175,6 +1287,18 @@ export default {
word-break: break-all;
white-space: nowrap;
}
+.delete-action-link--danger {
+ color: #E32E2E;
+ &:hover {
+ color: #E32E2E;
+ }
+ &:active {
+ color: #E32E2E;
+ }
+ &:focus {
+ color: #E32E2E;
+ }
+}
#courseManage {
.option-code {
margin-left: 4px;