[FIX]新增受众弹窗

src/views/course/CourseManage.vue

@@ -261,6 +261,11 @@
       :mode="addSignupMode"
       @confirm="handleSignupCreate"
     />
+    <AudienceModal
+      v-if="showSignupActions"
+      :visible.sync="audienceDialogVisible"
+      @confirm="handleAudienceConfirm"
+    />
     <!-- 学习详情 -->
     <el-dialog title="学习详情" :visible.sync="study.detailShow" width="900px" :append-to-body="true">
       <div>
@@ -484,10 +489,11 @@ 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, SignupModal },
+  components: { NameFilterSelect, SignupModal, AudienceModal },
   props: {
     showSignupActions: {
       type: Boolean,
@@ -575,6 +581,8 @@ export default {
       value: "",
       input: "",
       tabName: "second",
+      audienceDialogVisible: false,
+      selectedAudiences: [],
       learningSituation: {
         pageIndex: 1, //第几页
         pageSize: 10, // 每页多少条
@@ -677,12 +685,16 @@ export default {
     }),
 
     openAddSignup(command) {
+      if (command === "audience") {
+        this.audienceDialogVisible = true;
+        return;
+      }
       this.addSignupMode = command === "audience" ? "audience" : "plain";
       this.addSignupVisible = true;
     },
     handleSignupCreate(payload) {
       console.log("signup payload", payload);
-      this.$message.success("已记录添加报名操作（待接入后端接口）");
+      // this.$message.success("已记录添加报名操作（待接入后端接口）");
     },
     handleDeleteSignup(row) {
       this.$confirm("确定删除该报名记录吗？", "提示", {
@@ -1130,6 +1142,10 @@ export default {
       this.learningRecords.pageIndex = val;
       this.getStudyRecords();
     },
+    handleAudienceConfirm(list) {
+      this.selectedAudiences = list;
+      this.$message.success(`已选择${list.length}个受众`);
+    },
     // 报名列表
     getSignupList() {
       let params = {