From 53146023b3b25a6f79792519f150e265a52b600c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Thu, 20 Oct 2022 15:19:40 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E6=8E=92=E8=A1=8C?=
 =?UTF-8?q?=E6=A6=9C=E5=9B=BE=E7=89=87=E4=B8=8D=E6=98=BE=E7=A4=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 85 +++++++++++++++++++++++-----
 1 file changed, 70 insertions(+), 15 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 1dfc0353..3b463b9a 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1224,7 +1224,7 @@
     <!-- 学员-创建小组弹窗 -->
   </div>
 </template>
-  <script>
+<script>
 import { reactive, toRefs } from "vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
@@ -1416,7 +1416,7 @@ export default {
       checked2: false,
       checkedd: false, //设置按钮1
       checkedd2: false, //设置按钮2
-      activeKey: "3",
+      activeKey: "6",
       activeKey1: "8",
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
@@ -1488,21 +1488,25 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <div
-                  style={{
-                    width: 24,
-                    height: 24,
-                    backgroundImage:
-                      "url(" +
-                      require("../../assets/images/taskpage/one.png") +
-                      ")",
-                  }}
-                >fewfwe</div>
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
               );
             } else if (text.record.rank == "2") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
             } else if (text.record.rank == "3") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
             } else {
               return <div>{text.record.rank}</div>;
             }
@@ -1588,6 +1592,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -1669,6 +1699,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -3044,4 +3100,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file

From 88a19d9ffbad12693e93ee22c809a0d026deadbf Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Fri, 21 Oct 2022 15:36:33 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E5=85=A8=E9=83=A8?=
 =?UTF-8?q?=E5=8D=95=E9=80=89=E6=A1=86=E5=8F=AF=E5=8F=96=E6=B6=88=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=20=E9=83=A8=E5=88=86=E5=BC=B9=E7=AA=97=E9=80=80?=
 =?UTF-8?q?=E5=87=BA=E6=B8=85=E6=A5=9A=E7=8A=B6=E6=80=81=20=E6=B8=85?=
 =?UTF-8?q?=E9=99=A4=E6=97=A0=E7=94=A8=E5=8F=98=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddActive.vue         |  13 +-
 src/components/drawers/AddFaceteach.vue      |  22 +-
 src/components/drawers/AddLive.vue           |  12 +-
 src/components/drawers/AddTest.vue           |  46 +++-
 src/views/courselibrary/CoursewareManage.vue | 227 +++++++++++++------
 5 files changed, 229 insertions(+), 91 deletions(-)

diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index ce84b595..c0ea88cc 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -162,9 +162,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV1">
-                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
-                  >签到、签退全部完成</a-radio
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
+                  >签到、签退全部完成</a-radio 
                 >
               </a-radio-group>
             </div>
@@ -220,15 +220,22 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:addactiveVisible", false);
+      state.radioV1 = "";
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    }
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       rowSelection,
+      cloradio1,
     };
   },
 };
diff --git a/src/components/drawers/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index 9eec1733..f4f20786 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -173,8 +173,8 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV1">
-                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
                   >签到、签退全部完成</a-radio
                 >
               </a-radio-group>
@@ -196,8 +196,8 @@
             </div>
             <div class="btnbox2">
               <a-radio-group v-model:value="radioV2">
-                <a-radio v-model:checked="checked" :value="1">允许项目内人员临时到场参加</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许项目内人员临时到场参加</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
                   >允许项目外人员临时到场参加</a-radio
                 >
               </a-radio-group>
@@ -309,6 +309,8 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:addfaceteachVisible", false);
+      state.radioV1 = "";
+      state.radioV2 = "";
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
@@ -322,6 +324,16 @@ export default {
     const showDrawerAddTest = () => {
       state.addtestvisible = true;
     };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    };
+    const cloradio2 = (value) => {
+      if (value != "") {
+        state.radioV2 = "";
+      }
+    }
     return {
       ...toRefs(state),
       showDrawerSelFacet,
@@ -330,6 +342,8 @@ export default {
       afterVisibleChange,
       closeDrawer,
       rowSelection,
+      cloradio1,
+      cloradio2,
       // change,
     };
   },
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index 76485dc0..08f03cdb 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -230,8 +230,8 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV1">
-                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
                   >签到、签退全部完成</a-radio
                 >
               </a-radio-group>
@@ -439,6 +439,8 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:addliveVisible", false);
+      state.radioV1 = "";
+      state.playback = false;
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
@@ -446,6 +448,11 @@ export default {
     const PlayBack = () => {
       state.playback = !state.playback;
     };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    }
     return {
       ...toRefs(state),
       afterVisibleChange,
@@ -454,6 +461,7 @@ export default {
       options1,
       columns1,
       rowSelection,
+      cloradio1,
     };
   },
 };
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index 4d879967..d2d7249c 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -132,8 +132,8 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV1">
-                <a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio1">允许查看</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
                   >不允许查看</a-radio
                 >
               </a-radio-group>
@@ -145,8 +145,8 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV2">
-                <a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
-                <a-radio v-model:checked="checked" :value="2"
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许查看</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
                   >不允许查看</a-radio
                 >
               </a-radio-group>
@@ -159,10 +159,10 @@
             <div class="btnbox">
               <div class="btnbox">
                 <a-radio-group v-model:value="radioV3">
-                  <a-radio v-model:checked="checked" :value="1"
+                  <a-radio v-model:checked="checked" :value="1" @click="cloradio3"
                     >最高一次</a-radio
                   >
-                  <a-radio v-model:checked="checked" :value="2"
+                  <a-radio v-model:checked="checked" :value="2" @click="cloradio3"
                     >最后一次</a-radio
                   >
                 </a-radio-group>
@@ -187,9 +187,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group v-model:value="radioV4">
-                <a-radio v-model:checked="checked" :value="1">试题乱序</a-radio>
-                <a-radio v-model:checked="checked" :value="2">试题排序</a-radio>
-                <a-radio v-model:checked="checked" :value="3">全部乱序</a-radio>
+                <a-radio v-model:checked="checked" :value="1" @click="cloradio4">试题乱序</a-radio>
+                <a-radio v-model:checked="checked" :value="2" @click="cloradio4">试题排序</a-radio>
+                <a-radio v-model:checked="checked" :value="3" @click="cloradio4">全部乱序</a-radio>
               </a-radio-group>
             </div>
           </div>
@@ -243,15 +243,43 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:addtestVisible", false);
+      state.radioV1 = "";
+        state.radioV2 = "";
+        state.radioV3 = "";
+        state.radioV4 = "";
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    }
+    const cloradio2 = (value) => {
+      if (value != "") {
+        state.radioV2 = "";
+      }
+    }
+    const cloradio3 = (value) => {
+      if (value != "") {
+        state.radioV3 = "";
+      }
+    }
+    const cloradio4 = (value) => {
+      if (value != "") {
+        state.radioV4 = "";
+      }
+    }
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       rowSelection,
+      cloradio1,
+      cloradio2,
+      cloradio3,
+      cloradio4,
     };
   },
 };
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 4bddd2c2..7b4e5baf 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -109,13 +109,13 @@
               </div>
               <div class="b_input">
                 <a-input
-                  v-model:value="value5"
+                  v-model:value="xzinputV1"
                   maxlength="20"
                   style="width: 440px; height: 40px; border-radius: 8px"
                   placeholder="请输入课程名称"
                 />
                 <div class="inp_num">
-                  <span style="color: #c7cbd2">{{ value5.length }}/20</span>
+                  <span style="color: #c7cbd2">{{ xzinputV1.length }}/20</span>
                 </div>
               </div>
             </div>
@@ -183,16 +183,16 @@
               </div>
               <a-radio-group v-model:value="valueE1">
                 <div class="bc_box">
-                  <div class="bc_boxl" @click="bs_hShow">
+                  <div class="bc_boxl" >
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="1"
+                      <a-radio v-model:checked="checked" :value="1" @click="bs_hShow"
                         >线上</a-radio
                       >
                     </div>
                   </div>
-                  <div class="bc_boxr" @click="clear_valueE">
+                  <div class="bc_boxr" >
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="2"
+                      <a-radio v-model:checked="checked" :value="2" @click="clear_valueE1"
                         >面授</a-radio
                       >
                     </div>
@@ -214,10 +214,10 @@
                 <a-radio-group v-model:value="valueE2">
                   <div class="bc_box">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="3">是</a-radio>
+                      <a-radio v-model:checked="checked" :value="3" @click="clear_valueE2">是</a-radio>
                     </div>
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="4">否</a-radio>
+                      <a-radio v-model:checked="checked" :value="4" @click="clear_valueE2">否</a-radio>
                     </div>
                   </div>
                 </a-radio-group>
@@ -245,6 +245,7 @@
       :closable="false"
       wrapClassName="modalStyle facteachModal"
       width="80%"
+      @cancel="ft_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -281,14 +282,14 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="value6"
+                        v-model:value="qdms_inputV1"
                         maxlength="90"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入课程名称"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2"
-                          >{{ value6.length }}/90</span
+                          >{{ qdms_inputV1.length }}/90</span
                         >
                       </div>
                     </div>
@@ -369,14 +370,14 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="value7"
+                        v-model:value="qdms_inputV2"
                         maxlength="50"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入目标人群"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2"
-                          >{{ value7.length }}/50</span
+                          >{{ qdms_inputV2.length }}/50</span
                         >
                       </div>
                     </div>
@@ -389,14 +390,14 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="value8"
+                        v-model:value="qdms_inputV3"
                         maxlength="200"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入课程价值"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2"
-                          >{{ value8.length }}/200</span
+                          >{{ qdms_inputV3.length }}/200</span
                         >
                       </div>
                     </div>
@@ -448,7 +449,7 @@
                   </div>
                   <div class="item_inp">
                     <a-input
-                      v-model:value="value"
+                      v-model:value="qdms_inputV4"
                       style="width: 440px; height: 40px; border-radius: 8px"
                       placeholder="请输入按回车键创建成功"
                     />
@@ -473,7 +474,7 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="value10"
+                        v-model:value="qdms_inputV5"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入"
                       />
@@ -487,14 +488,14 @@
                   <div class="item_inp">
                     <div class="i10_textarea">
                       <a-textarea
-                        v-model:value="value11"
+                        v-model:value="qdms_inputV6"
                         maxlength="150"
                         style="width: 440px; height: 100px; border-radius: 8px"
                         placeholder="请输入"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2"
-                          >{{ value11.length }}/150</span
+                          >{{ qdms_inputV6.length }}/150</span
                         >
                       </div>
                     </div>
@@ -528,7 +529,7 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <span style="color: #4ea6ff">删除</span>
+                      <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -548,7 +549,7 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <span style="color: #4ea6ff">删除</span>
+                      <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -568,8 +569,8 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <span style="color: #4ea6ff; margin-right: 5px">重传</span
-                      ><span style="color: #4ea6ff">取消</span>
+                      <div class="fobox"><span style="color: #4ea6ff; ">重传</span></div>
+                      <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -583,11 +584,14 @@
                           <div class="updatacolor3"></div>
                           <div class="updataxq3">正在上传</div>
                         </div>
+                        <div class="upjd">
+                          <span style="margin: auto 5px">50%</span>
+                        </div>
                       </div>
                     </div>
                     <div class="file_operation">
-                      <span style="color: #4ea6ff; margin-right: 5px">暂停</span
-                      ><span style="color: #4ea6ff">取消</span>
+                      <div class="fobox"><span style="color: #4ea6ff; margin-right: 5px">暂停</span></div>
+                      <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
                     </div>
                   </div>
                 </div>
@@ -697,7 +701,7 @@
                         class="select"
                         ref="select"
                         placeholder="请选择状态"
-                        v-model:value="value12"
+                        v-model:value="gl_selectV1"
                         style="width: 200px"
                         @focus="focus"
                         @change="handleChange"
@@ -714,7 +718,7 @@
                     </div>
                     <div class="bm_input">
                       <a-input
-                        v-model:value="value13"
+                        v-model:value="gl_inputv1"
                         style="width: 200px; height: 40px; border-radius: 8px"
                         placeholder="姓名"
                       />
@@ -742,7 +746,7 @@
                         class="select"
                         ref="select"
                         placeholder="请选择状态"
-                        v-model:value="value14"
+                        v-model:value="gl_selectV2"
                         style="width: 200px"
                         @focus="focus"
                         @change="handleChange"
@@ -759,7 +763,7 @@
                     </div>
                     <div class="bm_input">
                       <a-input
-                        v-model:value="value15"
+                        v-model:value="gl_inputV2"
                         style="width: 200px; height: 40px; border-radius: 8px"
                         placeholder="姓名"
                       />
@@ -951,6 +955,7 @@
       :closable="false"
       wrapClassName="modalStyle schtimeModal"
       width="80%"
+      @cancel="stm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -973,7 +978,7 @@
           <div class="st_main">
             <div class="stm_inputbtn">
               <a-input
-                v-model:value="value17"
+                v-model:value="kk_inputV1"
                 style="
                   width: 270px;
                   height: 40px;
@@ -983,7 +988,7 @@
                 placeholder="请输入创建人"
               />
               <a-input
-                v-model:value="value18"
+                v-model:value="kk_inputV2"
                 style="
                   width: 270px;
                   height: 40px;
@@ -1075,7 +1080,7 @@
     </a-modal>
     <!--开课页面 -->
     <!--新建开课页面 -->
-    <a-modal v-model:visible="cstm_hs" style="margin-top: 400px">
+    <a-modal v-model:visible="cstm_hs" style="margin-top: 400px" @cancel="cstm_exit">
       <div
         class="createschooltime"
         :style="{ display: cstm_hs ? 'block' : 'none' }"
@@ -1102,7 +1107,7 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value19"
+                v-model:value="xjkkinputV1"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入开课名称"
               />
@@ -1120,13 +1125,13 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value20"
+                v-model:value="xjkkinputV2"
                 maxlength="50"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入详细地点"
               />
               <div class="inp_num">
-                <span style="color: #c7cbd2">{{ value20.length }}/50</span>
+                <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
               </div>
             </div>
           </div>
@@ -1143,7 +1148,7 @@
             <div class="select fitems">
               <a-range-picker
                 style="width: 440px; height: 40px; border-radius: 8px"
-                v-model:value="value21"
+                v-model:value="xjkkinputV3"
                 separator="至"
                 :placeholder="['        开始时间', '        结束时间']"
               />
@@ -1161,7 +1166,7 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value22"
+                v-model:value="xjkkinputV4"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入教师"
               />
@@ -1182,13 +1187,13 @@
               <span style="margin-right: 3px">签到设置</span>
             </div>
             <div class="b_input">
-              <a-radio-group v-model:value="valueB">
-                <a-radio :value="24"
+              <a-radio-group v-model:value="xjkkradioV1">
+                <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV1"
                   ><span style="color: #6d7584; margin-right: 30px"
                     >是否允许未报名的学员签到</span
                   ></a-radio
                 >
-                <a-radio :value="25"
+                <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV1"
                   ><span style="color: #6d7584">签到是否需要口令</span></a-radio
                 >
               </a-radio-group>
@@ -1209,18 +1214,18 @@
               <span style="margin-right: 3px">完成规则</span>
             </div>
             <div class="b_input">
-              <a-radio-group v-model:value="valueC">
-                <a-radio :value="26"
-                  ><span style="color: #6d7584; margin-right: 30px"
+              <a-radio-group v-model:value="xjkkradioV2">
+                <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV2"
+                  ><span style="color: #6d7584; margin-right: 30px" 
                     >报名即完成</span
                   ></a-radio
                 >
-                <a-radio :value="27"
-                  ><span style="color: #6d7584; margin-right: 30px"
+                <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV2"
+                  ><span style="color: #6d7584; margin-right: 30px" 
                     >签到即完成</span
                   ></a-radio
                 >
-                <a-radio :value="28"
+                <a-radio v-model:checked="checked" :value="3" @click="clear_xjkkradioV2"
                   ><span style="color: #6d7584">请假算完成</span></a-radio
                 >
               </a-radio-group>
@@ -1273,6 +1278,7 @@
       :closable="false"
       wrapClassName="modalStyle stusmanageModal"
       width="80%"
+      @cancel="sm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -1316,7 +1322,7 @@
               <div class="stmm_i5">
                 <div class="i5_left">
                   <a-input
-                    v-model:value="value23"
+                    v-model:value="xygl_inputV1"
                     style="
                       width: 270px;
                       height: 40px;
@@ -1482,7 +1488,7 @@
               </div>
               <div class="rgmb_input">
                 <a-input
-                  v-model:value="value24"
+                  v-model:value="lrcj_inputV1"
                   maxlength="20"
                   style="width: 440px; height: 40px; border-radius: 8px"
                   placeholder=""
@@ -1533,15 +1539,15 @@
                 <span>结业</span>
               </div>
               <div class="gramb_input">
-                <a-radio-group v-model:value="onftvalue">
+                <a-radio-group v-model:value="jyradioV1">
                   <div class="bc_box">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="1"
+                      <a-radio v-model:checked="checked" :value="1" @click="clear_jyradioV1"
                         >结业</a-radio
                       >
                     </div>
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="2"
+                      <a-radio v-model:checked="checked" :value="2" @click="clear_jyradioV1"
                         >不结业</a-radio
                       >
                     </div>
@@ -1646,7 +1652,7 @@
         <div class="del_header"></div>
         <div class="del_main">
           <div class="header">
-            <div class="icon"></div>
+            <div class="del-icon"></div>
             <span>提示</span>
             <div class="close_exit" @click="delete_exit"></div>
           </div>
@@ -1731,9 +1737,7 @@
     <own-power v-model:ownpowervisible="ownpowervisible" />
     <!-- 学员管理课程库-归属权抽屉 -->
     <!-- 添加授权侧弹窗 -->
-    <div>
-      <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
-    </div>
+    <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
     <!-- 添加授权侧弹窗 -->
   </div>
 </template>
@@ -1742,6 +1746,7 @@ import { reactive, toRefs, defineComponent, ref } from "vue";
 import { message } from "ant-design-vue";
 import OwnPower from "../../components/drawers/OwnPower.vue";
 import Corpowerlist from "../../components/drawers/CorPowerlist.vue";
+//列表表格
 const columns1 = [
   {
     title: "序号",
@@ -1846,6 +1851,7 @@ const columns1 = [
     align: "center",
   },
 ];
+
 const columns2 = [
   {
     title: "姓名",
@@ -1913,7 +1919,7 @@ const columns4 = [
     align: "center",
   },
 ];
-//授权弹窗的数据
+//授权弹窗
 // const columns5 = [
 //   {
 //     title: "姓名",
@@ -2089,6 +2095,7 @@ export default defineComponent({
   },
   setup() {
     const state = reactive({
+      //列表表格
       tableData1: [
         {
           key: "1",
@@ -2187,6 +2194,7 @@ export default defineComponent({
           kkty: true,
         },
       ],
+      //在线面授管理报名管理
       tableData2: [
         {
           key: 1,
@@ -2205,6 +2213,7 @@ export default defineComponent({
           status: "已完成",
         },
       ],
+      //在线面授管理学习记录
       tableData3: [
         {
           key: 1,
@@ -2215,6 +2224,7 @@ export default defineComponent({
           status: "已通过",
         },
       ],
+      //管理查看详情
       tableData4: [
         {
           key: 1,
@@ -2223,7 +2233,8 @@ export default defineComponent({
           status: "已通过",
         },
       ],
-      //授权弹窗的数据
+
+      // 授权弹窗
       // tableData5: [
       //   {
       //     key: 1,
@@ -2261,6 +2272,8 @@ export default defineComponent({
       //     authority: "管理权",
       //   },
       // ],
+
+      //开课
       tableData6: [
         {
           key: 1,
@@ -2303,6 +2316,7 @@ export default defineComponent({
           createtime: "2022-07-14 14:00:00",
         },
       ],
+      //开课学员管理
       tableData7: [
         {
           key: "1",
@@ -2412,20 +2426,45 @@ export default defineComponent({
       //抽屉状态
       ownpowervisible: false,
       corpowerlistvisible: false,
-
-      value: "",
-      value5: "",
-      value6: "",
-      value7: "",
-      value8: "",
-      value11: "",
-      value20: "",
+      //列表
+      value1: "",
+      value2: "",
+      value3: "",
+      value4: "",
+      //选择线上还是面授
+      xzinputV1: "",
       valueE1: "",
       valueE2: "",
-      valueB: "",
-      valueC: "",
+      //确定面授
+      qdms_inputV1: "",
+      qdms_inputV2: "",
+      qdms_inputV3: "",
+      qdms_inputV4: "",
+      qdms_inputV5: "",
+      qdms_inputV6: "",
+      //在线面授管理
+      gl_selectV1:"",
+      gl_selectV2:"",
+      gl_inputV1:"",
+      gl_inputV2:"",
+      //开课
+      kkinputV1: "",
+      kkinputV2: "",
+      //新建开课
+      xjkkradioV1:"",
+      xjkkradioV2:"",
+      xjkkinputV1: "",
+      xjkkinputV2: "",
+      xjkkinputV3: "",
+      xjkkinputV4: "",
       selectedRowKeys: [],
       faceManageTab: "1",
+      //开课学员管理
+      xygl_inputV1:"",
+      //录入成绩
+      lrcj_inputV1:"",
+      //结业
+      jyradioV1:"",
     });
     // 渲染列表1操作
     const getTableDate = () => {
@@ -3035,6 +3074,8 @@ export default defineComponent({
     const of_exit = () => {
       state.of_hs = false;
       state.valueE1 = "";
+      state.valueE2 = "";
+      state.hideshow = true;
     };
     const hideShow = () => {
       if (state.hideshow == true) {
@@ -3043,8 +3084,11 @@ export default defineComponent({
         state.hideshow = true;
       }
     };
-    const bs_hShow = () => {
+    const bs_hShow = (value) => {
       state.bs_hs = true;
+      if (value != "") {
+      state.valueE1 = "";
+      }
     };
     const createft = () => {
       if (state.bs_hs == false) {
@@ -3055,6 +3099,7 @@ export default defineComponent({
     };
     const ft_exit = () => {
       state.ft_hs = false;
+      state.hideshow = true;
     };
     const om_exit = () => {
       state.om_1 = false;
@@ -3077,14 +3122,39 @@ export default defineComponent({
     };
     const cstm_exit = () => {
       state.cstm_hs = false;
+      state.xjkkradioV1 = "";
+      state.xjkkradioV2 = "";
+      state.xjkkinputV1 =  "";
+      state.xjkkinputV2 =  "";
+      state.xjkkinputV3 =  "";
+      state.xjkkinputV4 = "";
     };
     const sm_exit = () => {
       state.sm_hs = false;
+      state.hideshow = true;
     };
-    const clear_valueE = () => {
+    const clear_valueE1 = () => {
       state.bs_hs = false;
       state.valueE1 = "";
     };
+    const clear_valueE2 = () => {
+      state.valueE2 = "";
+    };
+    const clear_xjkkradioV1 = (value) => {
+      if (value != ""){
+        state.xjkkradioV1 = "";
+      }
+    }
+    const clear_xjkkradioV2 = (value) => {
+      if (value != ""){
+        state.xjkkradioV2 = "";
+      }
+    }
+    const clear_jyradioV1 = (value) => {
+      if (value != ""){
+        state.jyradioV1 = "";
+      }
+    }
     const qr_exit = () => {
       state.QR_hs = false;
       state.qrQR_hs = false;
@@ -3162,7 +3232,11 @@ export default defineComponent({
       createkk,
       cstm_exit,
       sm_exit,
-      clear_valueE,
+      clear_valueE1,
+      clear_valueE2,
+      clear_xjkkradioV1,
+      clear_xjkkradioV2,
+      clear_jyradioV1,
       qr_exit,
       rg_exit,
       graduate_exit,
@@ -4351,14 +4425,14 @@ export default defineComponent({
                         }
                       }
                     }
-                    .file_operation {
+                  }
+                  .file_operation {
                       display: flex;
-
-                      span {
+                      .fobox{
+                        margin-right: 5px;
                         cursor: pointer;
                       }
                     }
-                  }
                 }
               }
             }
@@ -5029,6 +5103,13 @@ export default defineComponent({
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
               .icon {
                 width: 16px;
                 height: 16px;

From 58db0256da1739d1b35c973925d6fcb24014c5ed Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Fri, 21 Oct 2022 15:46:07 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E5=88=A0=E9=99=A4=20=E5=AF=BC=E5=85=A5=E5=AD=A6?=
 =?UTF-8?q?=E5=91=98=20=E5=AF=BC=E5=85=A5=E5=AD=A6=E5=91=98=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=20=E6=B7=BB=E5=8A=A0=E5=AD=A6=E5=91=98=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=20=20=E8=B7=AF=E5=BE=84-=E6=97=A0=E5=85=B3=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/basicinfo/cloud.png        | Bin 0 -> 1071 bytes
 src/assets/images/basicinfo/exl.png          | Bin 0 -> 855 bytes
 src/components/drawers/AddLevelAddStu.vue    | 805 +++++++++++++++++++
 src/components/drawers/AddLevelImportStu.vue | 354 ++++++++
 src/views/learningpath/LevelAdd.vue          | 589 ++++++++++----
 src/views/projectcenter/TaskPage.vue         |  12 +-
 6 files changed, 1587 insertions(+), 173 deletions(-)
 create mode 100644 src/assets/images/basicinfo/cloud.png
 create mode 100644 src/assets/images/basicinfo/exl.png
 create mode 100644 src/components/drawers/AddLevelAddStu.vue
 create mode 100644 src/components/drawers/AddLevelImportStu.vue

diff --git a/src/assets/images/basicinfo/cloud.png b/src/assets/images/basicinfo/cloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..06e258c7c801ff1c655888ed980fc3b4da86e368
GIT binary patch
literal 1071
zcmV+~1kn45P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px&=}AOER7gwhm0N5SRT#(r-`RyKWl4B2YGG&AO9|P;YK862VxUD6jR{Fru!*-A
z(+7nhT6bnkd|~y8?hF!Q<K?B%h#E9_AtXj)YzvW{wrCYiC5Y15v9*Q=m5RD$_k3oz
zm+UU>ZtFvzI8SrV`M&?}yPP?Pu*icJnTIRDnTp@haoU#=SMMZXD}Xgq8)q0e?3Mp?
ze%Zcud_L`&S4kr;xec6^9|EWWaDjnua^eKs24Dq%QSylUlh674D?uv)Bi86z=1Vq!
zDkkh6A6H%-dVwZ#!ofYf)aOfWC&pd?X`&@sQm;8(4q6eYC5C&LXd{u>V(b1-W)ssa
z_g-dsl$ej(u|U)R21fR}x3EW^BIb9KvB1OSgd&OIcbMoQ%8I(=ZvS_4*_O>PVh-<Q
z(8~<Eug_3EE(Z*osb&IyMBt~BMxb+Hzz5&+Xbqu_Aa4{bw=iLSpRRsY7HB!^h;b4m
zj)F7$?EZn{c)ulE>T_9!`ACTmfT7M9lh|tO{txo=I16pL`wS#T?U-_C+D5b72f*@h
z0l<NvU3OGCQV1;qMoi~P33`RVe}V9tWIiT90?Z?JEbw)m`E7MIR=&;P=1CFiyy~LA
zttU<yEirsMh*n9k6hxcAc#1*G8N8$4P+y;h&H%%f6C}nUz`tg_bmu^u`g37q^&P32
zDi4l;d0kPNh<ef!>6XFgYtI+1hxR)+dNTL|!1YY1@6*+xsegCUOf!eO0D3|YHJ;Fw
zV};He5~-Ucp&NwNV15z6b^s$JsFx)_3&0Ufcb$kSKNa~|sZEl(mx#KOy3$$%44Y1h
zfV6F>wWW;?o9CJd;t&bik&G%`n&pfUlbbY@P_7LO9Dtyf(tb@Q;{3=!RiB|MB^f$t
z5PEH0y?eIP*c4}Pu2*@H0$^_56z}%-#5d>nN{42pJ_B>3ZKzenKr8hNm@n9d8l26s
zaIF+r&R#Q}ArP&wb!Bx)hVEN{d^AhcFrX^~WkpIdoXa+3r9vL&en1?w4gX_Bz{tLl
zdMPs}2{@Bwxp^RV!`NIx^T{xjICq_gL^lI#gz&CUMpq3M0VjLo#=x=zjNd@m&%)Cy
zFJ<%Z-0#aK&Ys;>o1U$Q!9CwE_4#}^%M3^?@%Tt)8^LG;;aZSrw{?GFI{3?O8qIPZ
z2a^f#HH8_npw_;q(v@2ao6aaPTsx+QrviNhEDsh}gwBK5uyys#!u44%?>cj=dKvwD
z4<Ld7`|=K1e#34L{E++HU^&|);}6?VKhFn{aBGQVD=7CS(>Nf9{^mbFJ!RZ_v9v7}
p-@{5LcA@)MfD5fyMf*iB>3`wkr7TR}d(i*@002ovPDHLkV1ndq_MiX&

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/exl.png b/src/assets/images/basicinfo/exl.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd777bcb304429649ce9d3b42f4c6aa7607da617
GIT binary patch
literal 855
zcmV-d1E~CoP)<h;3K|Lk000e1NJLTq0015U001Hg1^@s6NQh~400001b5ch_0Itp)
z=>Px&5lKWrR9HvtmupB<VHn5%?>U=uYF<iL38JN|NX<4iDho?2h(#)DSQ3HPFf+R#
zN*5%EB8wpU76~Ddr9?(xpw^el@={=h7f2Behv6lsQ|ETxILEduok!<JUwpou^IU%C
z|2z*b?;-e4MtJVNsuW*Pau1*}0Gw_87KPkfyT^A|OlD|Gt5^*)_ys65V!>kmH7*LM
z6<d0w9CqibGrH%Cp9Vim8DEN0Gk^!Hd_ur7OzR34COS=-_QM+745ngg7UDO9`B;`=
z8{A}wP2ZHRn=990U;$2;I^wF=<SFwe|Ajjg%)=PMJRJ_}O)e(I+)TK`!P9VZKYwdx
zhQq)L`6`4f!mO+VEjg>oE-*Xos+a|Xy?#-UGSXRaLI?%r3eTvrZ}3jLg872pGB1Sr
z1jC7Snys9GqZ~5Nsk2J$4yKfXGnwE72^cW5;1twQo%Bd%ckmw)1+{WI)FwP84g_02
za%$qsm%$4;k(VB`-0G$GaDf$;Tm4s~k^(iT?tYCiqaG|_adblh%GxWj-!B@?KUy#_
zF=UAk@(4g;paxP#g0F)esOo$P4%RO<^R_zBBLGK~ak$!a2U)?X_&m^tciJZ8gdRtA
z_bYUb^jN?pJ1^pL!%d7EClIL!L(4!bCQSyb6BnKF0sk08t&K$c&^JLXZ*zf*!cRe~
z@5kG|Msy5!imsR_c(a!hh2gn)&{l!E-Zxgk1Vp%9Zd<K_(sLb(Kiq<DYScExD`lQ2
zQ0L%E<87Q*oj_SzCAxGyb1HU|x?*%{OaLVZ9YpVFAL_Nuwt+82<fF8;9N)*ZaCdUU
zg^1HAs=tO~8xz4_V@C`+VUB!Eq532Y+!Tf;e`3A6Kdv|56_(PP&D&}TBY}}KT5|b~
zo%;RkB9RO4P1IyrB4<_x{{7(O@X}{2TEWJEnTmO7tc`URn`WwsFPE5aARhs!7F)r_
z_)j(Q<!S*O`#g0!;Y?Kk6gC!HXj(sI*tpt558n%5-gZ1mmb*AJAuOfSn`37)5i+iy
h;J(x!uHgSn@e3NtTQaL%2%7)^002ovPDHLkV1kMZdVv4{

literal 0
HcmV?d00001

diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
new file mode 100644
index 00000000..a7b381e9
--- /dev/null
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -0,0 +1,805 @@
+<template>
+  <a-drawer
+    :visible="AddSvisible"
+    class="drawerStyle AddLevelAddStu"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加学员</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="left">
+          <div class="tabs">
+            <a-tabs v-model:activeKey="activeKey">
+              <a-tab-pane key="1" tab="快速选人">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">姓名：</div>
+                    <a-input
+                      v-model:value="name"
+                      style="width: 270px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1">
+                        <img
+                          src="../../assets/images/courseManage/search0.png"
+                        />
+                      </div>
+                      <div class="wz">搜索</div>
+                    </div>
+                    <div class="btn2">
+                      <div class="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
+                      <div class="wz">重置</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="line">
+                  <div class="inline">
+                    <div class="left1">
+                      <div class="img"></div>
+                      <div class="text" style="margin-left: 10px">已选择</div>
+                      <div class="text2">2</div>
+                      <div class="text">项</div>
+                      <div class="text3">列表选项总计：</div>
+                      <div class="text4">9条</div>
+                    </div>
+                    <div class="right1">清空</div>
+                  </div>
+                </div>
+                <div class="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 100, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="2" tab="添加组织" force-render>
+                <div class="tab2">
+                  <div class="organize">组织：</div>
+                  <div class="select">
+                    <a-cascader
+                      v-model:value="value"
+                      placeholder="请输入组织名称"
+                      :options="organizeList"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">受众名称：</div>
+                    <div class="select">
+                      <a-select
+                        v-model:value="choosevalue"
+                        style="width: 264px; border-radius: 8px"
+                        placeholder="请输入组织名称"
+                        :options="organizeList1"
+                      />
+                    </div>
+                  </div>
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1">
+                        <img
+                          src="../../assets/images/courseManage/search0.png"
+                        />
+                      </div>
+                      <div class="wz">搜索</div>
+                    </div>
+                    <div class="btn2">
+                      <div class="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
+                      <div class="wz">重置</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="line">
+                  <div class="inline">
+                    <div class="left1">
+                      <div class="img"></div>
+                      <div class="text" style="margin-left: 10px">已选择</div>
+                      <div class="text2">2</div>
+                      <div class="text">项</div>
+                      <div class="text3">列表选项总计：</div>
+                      <div class="text4">9条</div>
+                    </div>
+                    <div class="right1">清空</div>
+                  </div>
+                </div>
+                <div class="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns1"
+                    :data-source="tabledata1"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 700, y: 400 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <div class="right">
+          <div class="onerow">
+            <div class="already">已选</div>
+            <div class="clbox">
+              <div class="colose"></div>
+              <span class="allclear">全部清除</span>
+            </div>
+          </div>
+          <div class="selecteds">
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "AddStu",
+  props: {
+    AddSvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      activeKey: "1",
+      name: "", //输入名字搜索
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      organizeList: [
+        {
+          id: 1,
+          value: "京东方",
+          label: "京东方",
+          children: [
+            {
+              id: 2,
+              value: "产研部",
+              label: "产研部",
+              children: [
+                {
+                  id: 4,
+                  value: "产品部门",
+                  label: "产品部门",
+                },
+                {
+                  id: 5,
+                  value: "研发部门",
+                  label: "研发部门",
+                },
+              ],
+            },
+            {
+              id: 3,
+              value: "人力资源部",
+              label: "人力资源部",
+              children: [
+                {
+                  id: 6,
+                  value: "人事部",
+                  label: "人事部",
+                },
+                {
+                  id: 7,
+                  value: "行政部",
+                  label: "行政部",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata1: [
+        {
+          key: 1,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 2,
+          name: "2",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 3,
+          name: "mask",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 4,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 5,
+          name: "学业受众",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 6,
+          name: "案例受众",
+          time: "2022-10-31 23:12:00",
+          total: "3",
+          state: "已发布",
+          type: "普通受众",
+        },
+      ],
+      tablecolumns1: [
+        {
+          title: "受众名称",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "创建时间",
+          dataIndex: "time",
+          key: "time",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "人数",
+          dataIndex: "total",
+          key: "total",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          key: "state",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "类型",
+          dataIndex: "type",
+          key: "type",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "项目一",
+          label: "项目一",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:AddSvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.AddLevelAddStu {
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      display: flex;
+      height: 80%;
+      .left {
+        // overflow-y: auto;
+        width: 65%;
+        height: 100%;
+        border-right: 1px solid rgba(233, 233, 233, 1);
+        .tabs {
+          margin-right: 33px;
+          .tab1 {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .nameinp {
+              display: flex;
+              align-items: center;
+              margin-top: 10px;
+              .namee {
+                color: rgba(0, 0, 0, 0.85);
+                font-size: 14px;
+              }
+            }
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+          .line {
+            width: 100%;
+            height: 40px;
+            background-color: #e9f6fe;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 20px;
+            border: 1px solid #c3e6fc;
+
+            .inline {
+              width: 95%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+
+              // background-color: #bfa;
+              .left1 {
+                height: 100%;
+                display: flex;
+                align-items: center;
+
+                .img {
+                  width: 14px;
+                  height: 15px;
+                  background-image: url(../../assets/images/leveladd/gan.png);
+                  background-size: 100% 100%;
+                }
+
+                .text {
+                  color: #999ba3;
+                }
+
+                .text2 {
+                  color: #4ea6ff;
+                  margin-left: 5px;
+                  margin-right: 5px;
+                }
+
+                .text3 {
+                  color: #999ba3;
+                  margin-left: 20px;
+                }
+              }
+
+              .right1 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #387df7;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+          .tabb {
+            .ant-table-thead > tr > th {
+              background-color: rgba(240, 246, 252, 1);
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .ant-table-tbody > tr > td {
+              border-bottom: 1px solid #f0f6fc;
+              color: rgba(0, 0, 0, 0.65);
+            }
+            th.h {
+              background-color: #eff4fc !important;
+            }
+
+            .ant-table-tbody
+              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+              > td {
+              background: rgba(250, 250, 250, 1);
+            }
+            .ant-table-selection-column {
+              padding: 0 !important;
+            }
+            // table tr td.ant-table-selection-column {
+            //   text-align: right;
+            // }
+            // .ant-checkbox-wrapper {
+            //   align-items: center;
+            //   margin-top: -2px;
+            // }
+            .pa {
+              // left: 0;
+              margin-top: 15px;
+              width: 100%;
+              // height: 20px;
+              // background-color: red;
+              display: flex;
+              justify-content: center;
+              // position: absolute;
+              // bottom: 20px;
+            }
+          }
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+          }
+        }
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .already {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 32px;
+            white-space: nowrap;
+            // margin-bottom: 20px;
+          }
+          .clbox {
+            margin-left: 30px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            width: 104px;
+            height: 32px;
+            border-radius: 4px;
+            background: #409eff;
+            .colose {
+              width: 16px;
+              height: 16px;
+              // border-radius: 8px;
+              // background: #ffffff;
+              // position: relative;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              background-size: 100%;
+              margin-right: 4px;
+            }
+            .allclear {
+              color: rgba(255, 255, 255, 1);
+              font-size: 14px;
+            }
+          }
+        }
+        .selecteds {
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 32px;
+          .chose {
+            width: 64px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+            .ch {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/AddLevelImportStu.vue b/src/components/drawers/AddLevelImportStu.vue
new file mode 100644
index 00000000..fdf9464d
--- /dev/null
+++ b/src/components/drawers/AddLevelImportStu.vue
@@ -0,0 +1,354 @@
+<template>
+  <a-drawer
+    :visible="AddImpStuvisible"
+    class="drawerStyle AddLevelImpStu"
+    placement="right"
+    width="40%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">导入学员</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="minatitl">
+          <div class="up1">请下载</div>
+          <div class="up2">模板</div>
+          <div class="up1">，按要求填写数据并导入</div>
+        </div>
+        <div class="upload">
+          <div class="text">上传：</div>
+          <div class="right">
+            <div class="load">
+              <div class="cloud"></div>
+              <div class="tip">点击或将文件拖拽到此处上传</div>
+              <div class="tipz">支持扩展名：.xls/.xlsx</div>
+            </div>
+            <div class="loadstate">
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="stateloading">正在上传</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogloading"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statedefeat">上传失败</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogdefeat"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                  <div class="defeat">下载失败数据</div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statesucce">上传成功</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogsucce"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">删除</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "ImpStu",
+  props: {
+    AddImpStuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:AddImpStuvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.AddLevelImpStu {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      .minatitl {
+        display: flex;
+        .up1 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .up2 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #388be1;
+          margin-left: 4px;
+        }
+      }
+      .upload {
+        margin-top: 32px;
+        display: flex;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .right {
+          margin-left: 6px;
+          .load {
+            width: 500px;
+            height: 176px;
+            background: #f5f9fd;
+            border-radius: 4px;
+            // opacity: 0.3;
+            border: 1px dashed #caddfd;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 20px;
+            .cloud {
+              margin-top: 52px;
+              width: 28px;
+              height: 28px;
+              background-image: url(../../assets/images/basicinfo/cloud.png);
+            }
+            .tip {
+              font-size: 14px;
+              font-weight: 400;
+              color: #388be1;
+              margin-top: 15px;
+              cursor: pointer;
+            }
+            .tipz {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999999;
+              margin-top: 10px;
+            }
+          }
+          .loadstate {
+            width: 500px;
+            margin-bottom: 100px;
+
+            .loadborder {
+              width: 500px;
+              height: 173px;
+              border-radius: 4px;
+              border: 1px dashed #eaeaea;
+              margin-bottom: 30px;
+              display: flex;
+              align-items: center;
+              .content {
+                display: flex;
+                margin-left: 20px;
+                position: relative;
+                .defeat {
+                  position: absolute;
+                  left: 46px;
+                  top: 38px;
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #ff7474;
+                }
+                .img {
+                  width: 30px;
+                  height: 34px;
+                  background-image: url(../../assets/images/basicinfo/exl.png);
+                }
+                .timebox {
+                  margin-left: 15px;
+                  margin-top: -5px;
+                  .timetop {
+                    display: flex;
+                    width: 262px;
+                    justify-content: space-between;
+                    margin-bottom: 8px;
+                    .tit {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+                    .stateloading {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #388be1;
+                    }
+                    .statedefeat {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #ff7474;
+                    }
+                    .statesucce {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #35ae69;
+                    }
+                  }
+                  .prog {
+                    width: 262px;
+                    height: 5px;
+                    background: #eaf1fe;
+                    border-radius: 4px;
+                    .inprogloading {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #388be1;
+                    }
+                    //下载失败条
+                    .inprogdefeat {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #ff7474;
+                    }
+                    //下载成功条
+                    .inprogsucce {
+                      width: 100%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #57c887;
+                    }
+                  }
+                }
+                .curloading {
+                  margin-left: 15px;
+                  margin-top: 15px;
+                  display: flex;
+                  .cur {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #333333;
+                  }
+                  .cancel {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      background-color: #fff;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 9a7a4b19..92a699d6 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -72,66 +72,97 @@
                 </div>
               </div>
               <div class="Lbom">
-                <div class="item" v-for="item in level" :key="item.id">
-                  <div class="itemhead">
-                    <div class="lev">{{ item.lev }}</div>
-                    <div class="lin"></div>
-                    <div class="nam">{{ item.name }}</div>
-                    <div class="count">
-                      <span>当前关卡</span>
-                      <span>{{ item.count }}</span>
-                      <span>个人</span>
-                    </div>
-                  </div>
-                  <div class="itembomm">
-                    <div class="it">
-                      <div class="on" style="color: #ffb145">
-                        {{ item.online }}
+                <!-- 判断路径中是否有关卡 -->
+                <div v-if="level.length != 0">
+                  <div class="item" v-for="item in level" :key="item.id">
+                    <div class="itemhead">
+                      <div class="lev">{{ item.lev }}</div>
+                      <div class="lin"></div>
+                      <div class="nam">{{ item.name }}</div>
+                      <div class="count">
+                        <span>当前关卡</span>
+                        <span>{{ item.count }}</span>
+                        <span>个人</span>
                       </div>
-                      <div class="ittext">在线</div>
                     </div>
-                    <div class="linee"></div>
-                    <div class="it">
-                      <div class="on" style="color: #ff89a4">
-                        {{ item.homework }}
+                    <div class="itembomm">
+                      <div class="it">
+                        <div class="on" style="color: #ffb145">
+                          {{ item.online }}
+                        </div>
+                        <div class="ittext">在线</div>
                       </div>
-                      <div class="ittext">作业</div>
-                    </div>
-                    <div class="linee"></div>
-                    <div class="it">
-                      <div class="on" style="color: #3fc5e3">
-                        {{ item.juan }}
+                      <div class="linee"></div>
+                      <div class="it">
+                        <div class="on" style="color: #ff89a4">
+                          {{ item.homework }}
+                        </div>
+                        <div class="ittext">作业</div>
                       </div>
-                      <div class="ittext">问卷</div>
-                    </div>
-                    <div class="linee"></div>
-                    <div class="it">
-                      <div class="on" style="color: #5be1c0">
-                        {{ item.ballot }}
+                      <div class="linee"></div>
+                      <div class="it">
+                        <div class="on" style="color: #3fc5e3">
+                          {{ item.juan }}
+                        </div>
+                        <div class="ittext">问卷</div>
                       </div>
-                      <div class="ittext">投票</div>
-                    </div>
-                    <div class="linee"></div>
-                    <div class="it">
-                      <div class="on" style="color: #a498ff">
-                        {{ item.test }}
+                      <div class="linee"></div>
+                      <div class="it">
+                        <div class="on" style="color: #5be1c0">
+                          {{ item.ballot }}
+                        </div>
+                        <div class="ittext">投票</div>
                       </div>
-                      <div class="ittext">考试</div>
-                    </div>
-                    <div class="linee"></div>
-                    <div class="itright">
-                      <span class="te">编辑</span>
-                      <div class="more">
-                        <div class="te" style="margin-left: 20px">更多</div>
-                        <div class="moreArrow"></div>
-                        <div class="moreItems">
-                          <div class="roleItem">复制</div>
-                          <div class="roleItem">删除</div>
+                      <div class="linee"></div>
+                      <div class="it">
+                        <div class="on" style="color: #a498ff">
+                          {{ item.test }}
+                        </div>
+                        <div class="ittext">考试</div>
+                      </div>
+                      <div class="linee"></div>
+                      <div class="itright">
+                        <span class="te">编辑</span>
+                        <div class="more">
+                          <div class="te" style="margin-left: 20px">更多</div>
+                          <div class="moreArrow"></div>
+                          <div class="moreItems">
+                            <div class="roleItem">复制</div>
+                            <div class="roleItem">删除</div>
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
+
+                <div v-else>
+                  <div class="create">
+                    <div
+                      class="taskbox"
+                      style="
+                        background: linear-gradient(180deg, #e5f6ec, #eef9f3);
+                      "
+                    >
+                      <div class="leftt">
+                        <img src="../../assets/images/taskpage/left3.png" />
+                      </div>
+                      <div class="photo">
+                        <img src="../../assets/images/taskpage/picture3.png" />
+                      </div>
+                      <div class="rightt">
+                        <img src="../../assets/images/taskpage/right3.png" />
+                      </div>
+                      <div
+                        class="centerbox"
+                        style="color: rgba(93, 201, 136, 1)"
+                      >
+                        发布
+                      </div>
+                      <div class="centermain">快速发布项目</div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
             <div class="pad"></div>
@@ -159,8 +190,8 @@
                 </div>
               </div>
               <div class="xheadb">
-                <button class="addx">添加学员</button>
-                <button class="addd">导入学员</button>
+                <button class="addx" @click="showAddStu">添加学员</button>
+                <button class="addd" @click="showImpStu">导入学员</button>
                 <div class="select">
                   <a-select
                     v-model:value="projectName"
@@ -289,7 +320,7 @@
                         "
                         placeholder="请选择部门"
                         :options="projectNameList"
-                        @change="selectProjectName"
+                        @change="selectProjectName3"
                         allowClear
                         showSearch
                       ></a-select>
@@ -344,13 +375,14 @@
         v-model:visible="visible"
         :footer="null"
         centered="true"
+        wrapClassName="changeModal"
       >
         <div class="con">
           <div class="header">
             <div class="inhe">
               <div class="mod"></div>
               <div class="tz">调整关卡</div>
-              <div class="mg"></div>
+              <div class="mg" @click="closeChangeModal"></div>
             </div>
           </div>
           <div class="mid">
@@ -375,39 +407,74 @@
           </div>
         </div></a-modal
       >
+
+      <!-- 批量删除学员弹窗 -->
+      <a-modal
+        v-model:visible="deleteAll"
+        :footer="null"
+        :closable="closeDeleteAll"
+        wrapClassName="CopyModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeDeleteALLModal"></div>
+            </div>
+            <div class="body">
+              <span>请确认是否批量删除学员</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="delete_exit">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="delete_exit">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+      <!-- 添加学员抽屉 -->
+      <add-stu v-model:AddSvisible="AddSvisible" />
+      <!-- 导入学员抽屉 -->
+      <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
     </div>
   </div>
 </template>
 <script>
 import { ref, reactive, toRefs } from "vue";
+import AddStu from "../../components/drawers/AddLevelAddStu";
+import ImpStu from "../../components/drawers/AddLevelImportStu";
 export default {
   name: "LevelAdd",
-  components: {},
+  components: { AddStu, ImpStu },
   methods: {},
   setup() {
     const state = reactive({
       gatename: null, //关卡名称
       gatenamee: null, //学员管理关卡名称
+      deleteAll: false, //批量删除学员弹窗
+      AddSvisible: false, //添加学员抽屉
+      AddImpStuvisible: false, //导入学员抽屉
       projectNameListt: [
         {
           id: 1,
-          value: "项目一",
-          label: "项目一",
+          value: "导出信息",
+          label: "导出信息",
         },
         {
           id: 2,
-          value: "项目二",
-          label: "项目二",
+          value: "批量调整关卡",
+          label: "批量调整关卡",
         },
         {
           id: 3,
-          value: "项目三",
-          label: "项目三",
-        },
-        {
-          id: 4,
-          value: "项目四",
-          label: "项目四",
+          value: "批量删除",
+          label: "批量删除",
         },
       ],
       projectNameList: [
@@ -479,29 +546,31 @@ export default {
       pageSize: 10,
       visible: false,
       sh: false,
+      closeDeleteAll: false,
+      //关卡的数据
       level: [
-        {
-          id: 1,
-          lev: "关卡2",
-          name: "中级产品经理",
-          count: 3,
-          online: 5,
-          homework: 1,
-          juan: 1,
-          ballot: 1,
-          test: 1,
-        },
-        {
-          id: 2,
-          lev: "关卡2",
-          name: "初级产品经理",
-          count: 3,
-          online: 5,
-          homework: 1,
-          juan: 1,
-          ballot: 1,
-          test: 1,
-        },
+        // {
+        //   id: 1,
+        //   lev: "关卡2",
+        //   name: "中级产品经理",
+        //   count: 3,
+        //   online: 5,
+        //   homework: 1,
+        //   juan: 1,
+        //   ballot: 1,
+        //   test: 1,
+        // },
+        // {
+        //   id: 2,
+        //   lev: "关卡2",
+        //   name: "初级产品经理",
+        //   count: 3,
+        //   online: 5,
+        //   homework: 1,
+        //   juan: 1,
+        //   ballot: 1,
+        //   test: 1,
+        // },
       ],
       tableData: [
         {
@@ -580,6 +649,9 @@ export default {
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
+      if (value === "批量删除") {
+        showDeleteALLModal();
+      }
     };
     const selectProjectName2 = (value, index) => {
       console.log("value", value, index);
@@ -698,18 +770,38 @@ export default {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       state.selectedRowKeys = selectedRowKeys;
     };
+    const showDeleteALLModal = () => {
+      state.deleteAll = true;
+    };
+    const closeDeleteALLModal = () => {
+      state.deleteAll = false;
+    };
     const showModal = () => {
       state.visible = true;
     };
+    const closeChangeModal = () => {
+      state.visible = false;
+    };
+    const showAddStu = () => {
+      state.AddSvisible = true;
+    };
+    const showImpStu = () => {
+      state.AddImpStuvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
       selectProjectName2,
       selectProjectName3,
       selectProjectName4,
+      showDeleteALLModal,
+      closeDeleteALLModal,
       tableDataFunc,
       onSelectChange,
       showModal,
+      closeChangeModal,
+      showAddStu,
+      showImpStu,
     };
   },
 };
@@ -721,96 +813,210 @@ export default {
   display: block;
   clear: both;
 }
-.ant-modal {
-  width: 549px !important;
-  height: 245px !important;
-  .ant-modal-content {
-    width: 549px !important;
-    height: 245px !important;
-    .ant-modal-body {
-      padding: 0 !important;
-      width: 549px !important;
-      height: 245px !important;
-      .con {
-        // background-color: #bfa;
-        width: 100%;
-        height: 100%;
-
-        .header {
-          width: 100%;
-          display: flex;
-          height: 68px;
-          position: relative;
-          justify-content: center;
-
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-          .inhe {
-            width: 80%;
-            height: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .mod {
-              left: 30px;
-              top: 27px;
-              position: absolute;
-              width: 18px;
-              height: 17px;
-              background-image: url(../../assets/images/leveladd/mod.png);
-            }
-            .tz {
-              color: #000000;
-              font-weight: 400;
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
               font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
             }
-            .mg {
-              width: 20px;
-              height: 20px;
-              background-image: url(../../assets/images/basicinfo/close22.png);
-              background-size: 100% 100%;
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
             }
           }
         }
-        .mid {
+      }
+    }
+  }
+}
+.changeModal {
+  .ant-modal {
+    width: 549px !important;
+    height: 245px !important;
+    .ant-modal-content {
+      width: 549px !important;
+      height: 245px !important;
+      .ant-modal-body {
+        padding: 0 !important;
+        width: 549px !important;
+        height: 245px !important;
+        .con {
+          // background-color: #bfa;
           width: 100%;
-          display: flex;
           height: 100%;
-          justify-content: center;
-          .inher {
-            width: 80%;
-            height: 100%;
-            .cur {
-              color: #6f6f6f;
-              font-size: 14px;
-            }
-            .select {
-              margin-top: 10px;
-            }
-            .btn {
-              width: 100%;
-              display: flex;
-              justify-content: center;
-              margin-top: 30px;
-              .sameb {
-                width: 100px;
-                height: 40px;
-                font-size: 14px;
 
-                border-radius: 8px;
+          .header {
+            width: 100%;
+            display: flex;
+            height: 68px;
+            position: relative;
+            justify-content: center;
+
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+            .inhe {
+              width: 80%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              .mod {
+                left: 30px;
+                top: 27px;
+                position: absolute;
+                width: 18px;
+                height: 17px;
+                background-image: url(../../assets/images/leveladd/mod.png);
               }
-              .btn1 {
-                color: #4ea6ff;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
+              .tz {
+                color: #000000;
+                font-weight: 400;
+                font-size: 16px;
               }
-              .btn2 {
-                margin-left: 16px;
-                border: 0;
-                color: #ffffff;
-                background: #4ea6ff;
+              .mg {
+                width: 20px;
+                height: 20px;
+                background-image: url(../../assets/images/basicinfo/close22.png);
+                background-size: 100% 100%;
+                cursor: pointer;
+              }
+            }
+          }
+          .mid {
+            width: 100%;
+            display: flex;
+            height: 100%;
+            justify-content: center;
+            .inher {
+              width: 80%;
+              height: 100%;
+              .cur {
+                color: #6f6f6f;
+                font-size: 14px;
+              }
+              .select {
+                margin-top: 10px;
+              }
+              .btn {
+                width: 100%;
+                display: flex;
+                justify-content: center;
+                margin-top: 30px;
+                .sameb {
+                  width: 100px;
+                  height: 40px;
+                  font-size: 14px;
+
+                  border-radius: 8px;
+                }
+                .btn1 {
+                  color: #4ea6ff;
+                  background: #ffffff;
+                  border: 1px solid #4ea6ff;
+                }
+                .btn2 {
+                  margin-left: 16px;
+                  border: 0;
+                  color: #ffffff;
+                  background: #4ea6ff;
+                }
               }
             }
           }
@@ -1200,6 +1406,55 @@ export default {
                 }
               }
             }
+
+            .show {
+              color: blue;
+            }
+            .noshow {
+              display: none;
+            }
+          }
+          .create {
+            margin-top: 40px;
+            .taskbox {
+              width: 412px;
+              height: 160px;
+              border-radius: 10px;
+              position: relative;
+              // margin-left: 68px;
+              margin-bottom: 40px;
+              cursor: pointer;
+              .leftt {
+                position: absolute;
+                top: 18px;
+                left: 0;
+              }
+              .photo {
+                position: absolute;
+                top: 42px;
+                left: 37px;
+              }
+              .rightt {
+                position: absolute;
+                top: 69px;
+                right: 26px;
+              }
+              .centerbox {
+                position: absolute;
+                top: 52px;
+                left: 145px;
+                font-size: 20px;
+                font-weight: 700;
+                //line-height: 36px;
+              }
+              .centermain {
+                color: rgba(135, 139, 146, 1);
+                font-size: 14px;
+                position: absolute;
+                left: 144px;
+                bottom: 49px;
+              }
+            }
           }
         }
       }
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index f22f189d..7a8ac57d 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -292,9 +292,9 @@
               </div>
             </div>
             <div class="operations">
-              <div class="operation">考勤</div>
-              <div class="operation">管理</div>
-              <div class="operation">二维码</div>
+              <div class="operation" style="cursor: pointer">考勤</div>
+              <div class="operation" style="cursor: pointer">管理</div>
+              <div class="operation" style="cursor:pointer">二维码</div>
             </div>
           </div>
           <div class="course">
@@ -333,7 +333,7 @@
               <div class="operation" style="cursor: pointer" @click="showFace">
                 管理
               </div>
-              <div class="operation">二维码</div>
+              <div class="operation" style="cursor:pointer">二维码</div>
             </div>
           </div>
           <div class="course">
@@ -369,8 +369,8 @@
               <div class="operation" style="cursor: pointer" @click="showAA">
                 考勤
               </div>
-              <div class="operation">管理</div>
-              <div class="operation">二维码</div>
+              <div class="operation" style="cursor: pointer">管理</div>
+              <div class="operation" style="cursor:pointer">二维码</div>
             </div>
           </div>
           <div class="course">