提交

src/components/growthpath/StudentManage.vue

@@ -111,22 +111,18 @@
       v-if="checkGrowthPer(permissions)"
     >
       <a-col :span="1.5">
-        <GrowthCommonStudent
-          :type="type"
-          :id="id"
-          @confirm="submitCall"
-          :stage="stage"
-          :selectStu="true"
+        <a-button
+          @click="addSut"
+          class="cus-btn"
+          style="background: #4ea6ff; color: #fff"
         >
-          <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
-            <template #icon
-              ><img
-                style="margin-right: 10px"
-                src="../../assets/images/courseManage/add0.png"
-            /></template>
-            新增学员
-          </a-button>
-        </GrowthCommonStudent>
+          <template #icon
+            ><img
+              style="margin-right: 10px"
+              src="../../assets/images/courseManage/add0.png"
+          /></template>
+          新增学员
+        </a-button>
       </a-col>
       <!-- 新加导入学员 批量换组 导出学习信息  -->
       <a-col :span="1.5">
@@ -174,7 +170,7 @@
     </a-row>
 
     <div class="tips">
-      说明：以下学员信息来自于员工发展认证管理系统，如需调整学员，请登录员工发展认证管理系统操作！
+      说明：以下学员信息来自于AMED系统，如需调整学员，请登录员工发展认证管理系统操作！
     </div>
     <div style="margin-top: 20px; padding: 0 20px">
       <a-table
@@ -267,6 +263,13 @@
     :courseId="id"
     :courseType="type"
   />
+  <GrowthDrawer ref="GrowthDrawerRef" title="新增学员">
+    <GrowthCommonStudent
+      :growthId="growId"
+      @confirm="confirmDrawer"
+      @close="closeDrawer"
+    ></GrowthCommonStudent>
+  </GrowthDrawer>
 </template>
 <script setup lang="jsx">
 import { computed, defineProps, onMounted, ref, watch } from "vue";
@@ -288,6 +291,7 @@ import dialog from "@/utils/dialog";
 import PostSelect from "@/components/growthpath/PostSelect";
 import OfficeSelect from "@/components/growthpath/OfficeSelect";
 import OrgClass from "@/components/growthpath/OrgClass";
+import GrowthDrawer from "@/components/growthpath/GrowthDrawer";
 const props = defineProps({
   type: Number,
   permissions: {
@@ -323,16 +327,17 @@ const props = defineProps({
 });
 
 // const { loading: stuAsyncLoading, start } = useAsyncStu(props.id, props.type, getStuList);
-
+const GrowthDrawerRef = ref(null);
+const addSut = () => {
+  GrowthDrawerRef.value.openDrawer();
+};
 const visibleName = ref([]);
 // band职级选项
 const bandOption = ref([]);
 // 加入方式选项
 const statusValues = ref([
-  { value: "1", label: "自动匹配" },
-  { value: "2", label: "手动匹配" },
-  { value: "3", label: "导入" },
-  { value: "4", label: "添加" },
+  { value: "1", label: "系统加入" },
+  { value: "2", label: "手动加入" },
 ]);
 const getRowClass = (record) => {
   return record.moveStatus ? "row-moveStatus-true" : "";
@@ -418,10 +423,8 @@ const tablecolumns = ref([
     align: "center",
     customRender: ({ record: { joinMethod } }) =>
       ({
-        1: "自动匹配",
-        2: "手动匹配",
-        3: "导入",
-        4: "添加",
+        1: "系统加入",
+        2: "手动加入",
       }[joinMethod]),
   },
   {
@@ -511,7 +514,6 @@ function buildUrl(url, params) {
   return `${url}?${searchParams.toString()}`;
 }
 onMounted(() => {
-  // debugger
   console.log("props.activeKey1" + props.activeKey1);
   getStuList();
 });
@@ -623,18 +625,25 @@ function del(row) {
   });
 }
 
-function submitCall(selectList) {
+// 关闭新增学员弹框
+function closeDrawer() {
+  GrowthDrawerRef.value.closeDrawer();
+}
+function confirmDrawer(selectList) {
   tableData.value.loading = true;
   addLearners({
     growthId: props.id,
     studentIds: selectList.map((item) => item.userNo),
-  }).then((res) => {
-    tableData.value.loading = false;
-    message.success("添加成功");
-    getStuList();
-  }).catch(err =>{
-    tableData.value.loading = false;
-  });
+  })
+    .then((res) => {
+      tableData.value.loading = false;
+      message.success("添加成功");
+      getStuList();
+      closeDrawer()
+    })
+    .catch((err) => {
+      tableData.value.loading = false;
+    });
 }
 
 // 查看学员