From b1be59fa85ea885aec5b4718b1f0c377e3ea0131 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Thu, 23 Feb 2023 21:21:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=AD=A6=E5=91=98=E5=8A=A0=E5=85=A5?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/student/TableStudent.vue | 248 ++++++------------------
 1 file changed, 64 insertions(+), 184 deletions(-)

diff --git a/src/components/student/TableStudent.vue b/src/components/student/TableStudent.vue
index 5c9bb36e..da45de94 100644
--- a/src/components/student/TableStudent.vue
+++ b/src/components/student/TableStudent.vue
@@ -1,17 +1,9 @@
 <template>
   <div class="TableStudent">
-    <a-row
-      type="flex"
-      gutter="12"
-      style="padding-left: 20px; margin-right: 0px"
-    >
+    <a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px">
       <a-col>
         <a-form-item title="姓名：">
-          <a-input
-            class="cus-input"
-            v-model:value="tableParam.studentName"
-            placeholder="请输入姓名"
-          />
+          <a-input class="cus-input" v-model:value="tableParam.studentName" placeholder="请输入姓名" />
         </a-form-item>
       </a-col>
       <!-- <a-col v-if="type === 1">
@@ -27,73 +19,39 @@
       <a-col v-if="type === 1">
         <a-form-item title="部门：">
           <div class="select in" style="width: 270px">
-            <OrgClass
-              v-model:value="tableParam.studentDepartId"
-              v-model:name="tableParam.studentDepartName"
-            ></OrgClass>
+            <OrgClass v-model:value="tableParam.studentDepartId" v-model:name="tableParam.studentDepartName"></OrgClass>
           </div>
         </a-form-item>
       </a-col>
       <a-col v-if="type === 1">
         <a-form-item title="优秀学员：">
           <div class="select">
-            <a-select
-              v-model:value="tableParam.topFlag"
-              style="width: 260px; height: 40px"
-              placeholder="是否为优秀学员"
-              :options="topFlagList"
-              @change="selectProjectName"
-              allowClear
-              showSearch
-            ></a-select>
+            <a-select v-model:value="tableParam.topFlag" style="width: 260px; height: 40px" placeholder="是否为优秀学员"
+              :options="topFlagList" @change="selectProjectName" allowClear showSearch></a-select>
           </div>
         </a-form-item>
       </a-col>
       <a-col>
-        <a-button
-          class="cus-btn"
-          style="background: #4ea6ff; color: #fff; width: 100px"
-          @click="getStuList"
-        >
+        <a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 100px" @click="getStuList">
           <template #icon>
-            <img
-              style="margin-right: 10px"
-              src="../../assets/images/courseManage/search0.png"
-          /></template>
+            <img style="margin-right: 10px" src="../../assets/images/courseManage/search0.png" /></template>
           搜索
         </a-button>
       </a-col>
       <a-col :span="2">
         <a-button class="cus-btn white" style="width: 100px" @click="reset">
           <template #icon>
-            <img
-              style="margin-right: 10px"
-              src="../../assets/images/leveladd/reset.png"
-          /></template>
+            <img style="margin-right: 10px" src="../../assets/images/leveladd/reset.png" /></template>
           重置
         </a-button>
       </a-col>
     </a-row>
 
-    <a-row
-      type="flex"
-      gutter="12"
-      style="padding-left: 20px; margin-right: 0px"
-      v-if="checkPer(permissions)"
-    >
+    <a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px" v-if="checkPer(permissions)">
       <a-col :span="1.5">
-        <CommonStudent
-          :type="type"
-          :id="id"
-          @finash="submitCall"
-          :stage="stage"
-        >
+        <CommonStudent :type="type" :id="id" @finash="submitCall" :stage="stage">
           <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
-            <template #icon
-              ><img
-                style="margin-right: 10px"
-                src="../../assets/images/courseManage/add0.png"
-            /></template>
+            <template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/add0.png" /></template>
             添加学员
           </a-button>
         </CommonStudent>
@@ -101,11 +59,7 @@
       <!-- 新加导入学员 批量换组 导出学习信息  -->
       <a-col :span="1.5" v-if="type === 1 || type === 2">
         <a-button class="cus-btn white" @click="showImpStu">
-          <template #icon
-            ><img
-              style="margin-right: 10px"
-              src="../../assets/images/basicinfo/in2.png"
-          /></template>
+          <template #icon><img style="margin-right: 10px" src="../../assets/images/basicinfo/in2.png" /></template>
           导入学员
         </a-button>
       </a-col>
@@ -128,11 +82,7 @@
       </a-col>
       <a-col :span="1.5">
         <a-button class="cus-btn white" @click="bathDel">
-          <template #icon
-            ><img
-              style="margin-right: 10px"
-              src="../../assets/images/projectadd/delete.png"
-          /></template>
+          <template #icon><img style="margin-right: 10px" src="../../assets/images/projectadd/delete.png" /></template>
           批量删除
         </a-button>
       </a-col>
@@ -147,19 +97,10 @@
         <div class="stmm_btn btn4" @click="hideShow">
           <div class="btn4_sub">
             <span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
-            <div
-              class="b_zk"
-              :style="{ display: hideshow ? 'block' : 'none' }"
-            ></div>
-            <div
-              class="b_sq"
-              :style="{ display: hideshow ? 'none' : 'block' }"
-            ></div>
+            <div class="b_zk" :style="{ display: hideshow ? 'block' : 'none' }"></div>
+            <div class="b_sq" :style="{ display: hideshow ? 'none' : 'block' }"></div>
           </div>
-          <div
-            class="btn4_sup"
-            :style="{ display: hideshow ? 'none' : 'block' }"
-          >
+          <div class="btn4_sup" :style="{ display: hideshow ? 'none' : 'block' }">
             <div class="btnsbox">
               <div class="btn4_tit" @click="showEScoreModal">
                 <span>批量录入成绩</span>
@@ -180,25 +121,14 @@
           <div class="export"></div>
           <div class="btnText">导出</div>
         </div>
-        <div
-          class="stmm_btn btn5"
-          style="margin-left: 15px"
-          @click="exportHomeWorkShow"
-        >
+        <div class="stmm_btn btn5" style="margin-left: 15px" @click="exportHomeWorkShow">
           <div class="btnText">导出作业</div>
         </div>
       </a-col>
     </a-row>
     <div style="margin-top: 20px">
-      <a-table
-        :columns="tablecolumns"
-        :data-source="tableData.list"
-        :pagination="stuPagination"
-        :loading="tableData.loading"
-        :scroll="{ x: 1500 }"
-        row-key="id"
-        :row-selection="stuRowSelection"
-      >
+      <a-table :columns="tablecolumns" :data-source="tableData.list" :pagination="stuPagination"
+        :loading="tableData.loading" :scroll="{ x: 1500 }" row-key="id" :row-selection="stuRowSelection">
         <template #action="{ record }">
           <!--					<div style="display:flex;justify-content: center;align-items: center;">-->
           <!-- <div v-if="props.type == 1" @click="excellentStudent(record)"
@@ -219,56 +149,28 @@
           <a-space :size="2">
             <slot name="extension" v-bind:data="{ record }"></slot>
 
-            <a-button
-              v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
-              @click="updateStatus(0, record.id)"
-              type="link"
-              >通过</a-button
-            >
-            <a-button
-              v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
-              @click="updateStatus(2, record.id)"
-              type="link"
-              >拒绝</a-button
-            >
-            <a-button
-              v-if="checkPer(permissions)"
-              :disabled="record.isLeader === '1' "
-              @click="del(record.id,record)"
-              type="link"
-              danger
-              >删除</a-button
-            >
+            <a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
+              @click="updateStatus(0, record.id)" type="link">通过</a-button>
+            <a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
+              @click="updateStatus(2, record.id)" type="link">拒绝</a-button>
+            <a-button v-if="checkPer(permissions)" :disabled="record.isLeader === '1'" @click="del(record.id, record)"
+              type="link" danger>删除</a-button>
           </a-space>
         </template>
       </a-table>
     </div>
   </div>
   <!-- 批量调整关卡弹窗 -->
-  <ChangeLevelModal
-    v-model:visiblene="visiblene"
-    :stage="stage"
-    :ids="stuSelectKeys"
-    @finash="submitCall"
-  />
+  <ChangeLevelModal v-model:visiblene="visiblene" :stage="stage" :ids="stuSelectKeys" @finash="submitCall" />
 
   <!-- 换组弹窗 -->
-  <ChangeGroupModal
-    v-model:changegroupV="checkgroupParam.changegroupV"
-    :groupList="groupList"
-    :checkgroupStuId="stuSelectKeys"
-  />
+  <ChangeGroupModal v-model:changegroupV="checkgroupParam.changegroupV" :groupList="groupList"
+    :checkgroupStuId="stuSelectKeys" />
   <!-- 批量调整关卡弹窗 -->
   <!-- 取消学员弹窗 -->
   <div>
-    <a-modal
-      v-model:visible="canclestu"
-      :footer="null"
-      :closable="close"
-      wrapClassName="canclestu"
-      centered="true"
-      @cancel="closeModal1"
-    >
+    <a-modal v-model:visible="canclestu" :footer="null" :closable="close" wrapClassName="canclestu" centered="true"
+      @cancel="closeModal1">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -294,13 +196,7 @@
   <!-- 取消学员弹窗 -->
   <!-- 优秀学员弹窗 -->
   <div>
-    <a-modal
-      v-model:visible="canclestu1"
-      :footer="null"
-      :closable="close"
-      wrapClassName="canclestu1"
-      centered="true"
-    >
+    <a-modal v-model:visible="canclestu1" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -324,35 +220,18 @@
     </a-modal>
   </div>
   <!-- 查看学员 传入查看学员的id-->
-  <see-stu
-    v-model:Seevisible="Seevisible"
-    v-model:checkStuId="checkStuId"
-    v-model:projectId="projectId"
-  />
+  <see-stu v-model:Seevisible="Seevisible" v-model:checkStuId="checkStuId" v-model:projectId="projectId" />
 
   <!-- 导入作业成绩抽屉 -->
-  <EScore
-    v-model:eScorevisible="eScorevisible"
-    :type="3"
-    :id="id"
-    :pid="id"
-    v-model:searchTaskList="getStuList"
-  />
+  <EScore v-model:eScorevisible="eScorevisible" :type="3" :id="id" :pid="id" v-model:searchTaskList="getStuList" />
   <!-- 导出作业提示框 -->
-  <ExportHomeWork
-    v-model:exportHomeWorkV="exportHomeWorkV"
-    :downloadUrl="downloadUrl"
-  />
+  <ExportHomeWork v-model:exportHomeWorkV="exportHomeWorkV" :downloadUrl="downloadUrl" />
 
   <!-- 导入学员抽屉 -->
   <!--  :courseId="projectTaskInfo.courseId"
     :courseType="2" -->
-  <imp-stu
-    v-model:AddImpStuvisible="AddImpStuvisible"
-    @AddImpStuvisibleClose="AddImpStuvisibleClose"
-    :courseId="id"
-    :courseType="type"
-  />
+  <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" @AddImpStuvisibleClose="AddImpStuvisibleClose" :courseId="id"
+    :courseType="type" />
 </template>
 <script setup>
 import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue";
@@ -478,16 +357,16 @@ const tablecolumns = ref([
     width: "10%",
     align: "center",
     customRender: ({ record: { source } }) =>
-      // ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
-      ({
-        0: "导入",
-        1: "导入",
-        2: "导入",
-        3: "导入",
-        4: "导入",
-        5: "报名",
-        6: "导入",
-      }[source]),
+    // ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
+    ({
+      0: "导入",
+      1: "手动加入",
+      2: "手动加入",
+      3: "手动加入",
+      4: "导入",
+      5: "报名",
+      6: "导入",
+    }[source]),
   },
   ...props.columns,
   {
@@ -505,8 +384,8 @@ function allDepartShow(a, b) {
     a == "" || a == null || a == undefined
       ? (a = "")
       : a.slice(0, 1) == "/"
-      ? a.slice(1, a.length)
-      : a;
+        ? a.slice(1, a.length)
+        : a;
   let depart = b == "" || b == null || b == undefined ? (b = "") : b;
   let allname = org == "" && depart == "" ? "-" : org + depart;
   return allname;
@@ -548,7 +427,7 @@ const stuRowSelection = computed(() => ({
 //显示学员换组弹窗
 function showChangeGroupModal() {
   const d = props.groupList
-  console.log("d"+d)
+  console.log("d" + d)
   // debugger
   checkgroupParam.value.changegroupV = true;
 }
@@ -557,8 +436,7 @@ function showChangeGroupModal() {
 function exportTaskStu() {
   console.log("props.datasource", props);
   window.open(
-    `${
-      process.env.VUE_APP_BASE_API
+    `${process.env.VUE_APP_BASE_API
     }/admin/student/exportTaskStudent?type=${1}&pid=${props.id}`
   );
 }
@@ -566,8 +444,7 @@ function exportTaskStu() {
 function exportTaskStuRouter() {
   console.log("props.datasource", props, props.id);
   window.open(
-    `${
-      process.env.VUE_APP_BASE_API
+    `${process.env.VUE_APP_BASE_API
     }/admin/student/exportTaskStudent?type=${2}&pid=${props.id}`
   );
 }
@@ -633,17 +510,17 @@ function bathDel() {
     return message.warning("请先选中学员");
   }
   // 判断选择的人员中是否有小组长
-   let arr = [...tableData.value.list].filter(x => [...stuSelectKeys.value].some(id => id === x.id)).filter(item => item.isLeader === '1');
+  let arr = [...tableData.value.list].filter(x => [...stuSelectKeys.value].some(id => id === x.id)).filter(item => item.isLeader === '1');
   if (arr.length > 0) {
-    return message.warning("选择人员中："+arr[0].studentName + "是小组长，请勿删除!");
+    return message.warning("选择人员中：" + arr[0].studentName + "是小组长，请勿删除!");
   }
   tableData.value.loading = true;
   delStudentList({ ids: stuSelectKeys.value }).then(() => getStuList());
 }
 
-function del(id,row) {
+function del(id, row) {
   if (row.isLeader === '1') {
-    return message.warning(""+row.name + "是小组长，请勿删除!");
+    return message.warning("" + row.name + "是小组长，请勿删除!");
   }
 
   Modal.confirm({
@@ -779,8 +656,7 @@ const exportStu = () => {
   console.log("props.datasource", props);
   if (props.id != undefined) {
     window.open(
-      `${
-        process.env.VUE_APP_BASE_API
+      `${process.env.VUE_APP_BASE_API
       }/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2`
     );
   }
@@ -833,11 +709,13 @@ defineExpose({ getStuList, startLoading });
 </script>
 <style lang="scss">
 .TableStudent {
+
   table tr th.ant-table-selection-column,
   table tr td.ant-table-selection-column {
     padding-left: 3px;
   }
 }
+
 .stydentName {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -906,13 +784,13 @@ defineExpose({ getStuList, startLoading });
   position: absolute;
   width: calc(100%);
   height: 40px;
-  background: linear-gradient(
-    rgba(78, 166, 255, 0.2) 0%,
-    rgba(78, 166, 255, 0) 100%
-  );
+  background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%);
 }
+
 .batchOpera {
   display: flex;
+
   .stmm_btn {
     width: 100px;
     height: 40px;
@@ -985,6 +863,7 @@ defineExpose({ getStuList, startLoading });
           margin-bottom: 10px;
           white-space: nowrap;
         }
+
         .btn4_tit:hover,
         .btn4_op1:hover,
         .btn4_op2:hover,
@@ -1006,6 +885,7 @@ defineExpose({ getStuList, startLoading });
     }
   }
 }
+
 /*.delete {
   z-index: 9999;
   width: 424px;