diff --git a/src/assets/images/studentimg/bgimg.png b/src/assets/images/studentimg/bgimg.png
new file mode 100644
index 00000000..040c51cc
Binary files /dev/null and b/src/assets/images/studentimg/bgimg.png differ
diff --git a/src/assets/images/studentimg/chak.png b/src/assets/images/studentimg/chak.png
new file mode 100644
index 00000000..d87fd7cd
Binary files /dev/null and b/src/assets/images/studentimg/chak.png differ
diff --git a/src/assets/images/studentimg/character.png b/src/assets/images/studentimg/character.png
new file mode 100644
index 00000000..ff64ffd6
Binary files /dev/null and b/src/assets/images/studentimg/character.png differ
diff --git a/src/assets/images/studentimg/close.png b/src/assets/images/studentimg/close.png
new file mode 100644
index 00000000..6838766d
Binary files /dev/null and b/src/assets/images/studentimg/close.png differ
diff --git a/src/assets/images/studentimg/complete.png b/src/assets/images/studentimg/complete.png
new file mode 100644
index 00000000..e8b14f68
Binary files /dev/null and b/src/assets/images/studentimg/complete.png differ
diff --git a/src/assets/images/studentimg/notice.png b/src/assets/images/studentimg/notice.png
new file mode 100644
index 00000000..1840f7f2
Binary files /dev/null and b/src/assets/images/studentimg/notice.png differ
diff --git a/src/assets/images/studentimg/open.png b/src/assets/images/studentimg/open.png
new file mode 100644
index 00000000..fe97a102
Binary files /dev/null and b/src/assets/images/studentimg/open.png differ
diff --git a/src/assets/images/studentimg/xls.png b/src/assets/images/studentimg/xls.png
new file mode 100644
index 00000000..0a86c92e
Binary files /dev/null and b/src/assets/images/studentimg/xls.png differ
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 46152dc0..52d28c4a 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -266,6 +266,7 @@ textarea {
 
 //抽屉--------------------------------------------------------
 .drawerStyle {
+	// transform: translateX(0px) !important;
   .ant-drawer-content-wrapper {
     max-width: 1050px;
 
diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue
index 6db40153..f81985a1 100644
--- a/src/components/drawers/ActiveAttendance.vue
+++ b/src/components/drawers/ActiveAttendance.vue
@@ -220,9 +220,11 @@ export default {
           gang: "产品经理",
           cur: "-",
           jin: "-",
-
           time: "缺勤",
           state: "异常",
+          signIn: false, //签到
+          signOut: false, //签退
+          leave: false, //请假
         },
         {
           key: 2,
@@ -231,8 +233,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "-",
-          time: "签到",
+          time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 3,
@@ -241,8 +246,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "2022-10-31  23:12",
-          time: "签到/签退",
-          state: "正常",
+          time: "迟到",
+          state: "异常",
+          signIn: false, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 4,
@@ -251,8 +259,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "2022-10-31  23:12",
-          time: "签到/签退",
-          state: "正常",
+          time: "早退",
+          state: "异常",
+          signIn: true, //签到
+          signOut: false, //签退
+          leave: false, //请假
         },
         {
           key: 5,
@@ -263,6 +274,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 6,
@@ -273,6 +287,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           name: "张三",
@@ -282,6 +299,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 8,
@@ -292,6 +312,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "请假",
           state: "正常",
+          signIn: false, //签到
+          signOut: false, //签退
+          leave: true, //请假
         },
       ],
       options: [
@@ -328,6 +351,43 @@ export default {
       state.selectedRowKeys = selectedRowKeys;
     };
 
+    const getTableData = () => {
+      let arr = state.tableData;
+      arr.map((value) => {
+        // console.log("value", value);
+        value.opacation = (
+          <div class="opa">
+            <a-checkbox
+              checked={value.signIn}
+              onChange={(e) => {
+                console.log("点击签到", e);
+              }}
+            >
+              签到
+            </a-checkbox>
+            <a-checkbox
+              checked={value.signOut}
+              onChange={(e) => {
+                console.log("点击签退", e);
+              }}
+            >
+              签退
+            </a-checkbox>
+            <a-checkbox
+              checked={value.leave}
+              onChange={(e) => {
+                console.log("点击请假", e);
+              }}
+            >
+              请假
+            </a-checkbox>
+          </div>
+        );
+      });
+      state.tableData = arr;
+    };
+    getTableData();
+
     const tableDataFunc = () => {
       const columns = [
         {
@@ -402,16 +462,16 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 210,
+          width: 130,
           align: "center",
-          scopedSlots: { customRender: "action" }, //引入的插槽
-          customRender: () => {
-            return (
-              <div class="opa">
-                <a-checkbox-group />
-              </div>
-            );
-          },
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          // customRender: () => {
+          //   return (
+          //     <div class="opa">
+          //       <a-checkbox-group />
+          //     </div>
+          //   );
+          // },
         },
       ];
       return columns;
@@ -429,7 +489,7 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .me {
   .ant-modal-body {
     padding: 0px;
@@ -731,4 +791,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
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..8625790d 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -2,7 +2,7 @@
   <a-drawer
     :visible="addfaceteachVisible"
     class="drawerStyle addfaceteachDrawer"
-    width="80%"
+    width="90%"
     title="添加面授"
     placement="right"
     @after-visible-change="afterVisibleChange"
@@ -116,7 +116,7 @@
                 v-model:value="inputV3"
                 style="width: 384px; height: 32px"
               />
-              <span style="margin-left: 5px">分钟</span>
+              <span style="margin-left: 5px; width: 30px">分钟</span>
             </div>
           </div>
           <div class="main_item">
@@ -142,24 +142,37 @@
               <span style="margin-right: 3px">考勤设置：</span>
             </div>
             <div class="kqszbox">
-              <div class="qdqtbox"><div class="qdbtn"><div class="btntext">签到</div></div></div>
+              <div class="qdqtbox">
+                <div class="qdbtn"><div class="btntext">签到</div></div>
+              </div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
-                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV5"></a-input>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV5"
+                  ></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
-                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV6"></a-input>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV6"
+                  ></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
               </div>
-              <div class="qdqtbox"><div class="qtbtn"><div class="btntext">签退</div></div></div>
+              <div class="qdqtbox">
+                <div class="qtbtn"><div class="btntext">签退</div></div>
+              </div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>结束前：</span>
-                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV7"></a-input>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV7"
+                  ></a-input>
                   <span style="color: #999999; margin-left: 8px"
                     >分钟（提前签退则记为早退）</span
                   >
@@ -173,8 +186,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 +209,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 +322,8 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:addfaceteachVisible", false);
+      state.radioV1 = "";
+      state.radioV2 = "";
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
@@ -322,6 +337,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 +355,8 @@ export default {
       afterVisibleChange,
       closeDrawer,
       rowSelection,
+      cloradio1,
+      cloradio2,
       // change,
     };
   },
@@ -359,6 +386,7 @@ export default {
       display: flex;
       justify-content: space-between;
       .main_left {
+        height: 1080px;
         padding-right: 30px;
         flex: 1;
         border-right: 1px solid #e8e8e8;
@@ -410,7 +438,7 @@ export default {
             .qtbtn {
               width: 75px;
               height: 24px;
-              background: rgba(56,139,225,0.16);
+              background: rgba(56, 139, 225, 0.16);
               border-radius: 2px;
               border: 1px solid #387df7;
               display: flex;
diff --git a/src/components/drawers/AddGroup.vue b/src/components/drawers/AddGroup.vue
index d81ea841..6a419f89 100644
--- a/src/components/drawers/AddGroup.vue
+++ b/src/components/drawers/AddGroup.vue
@@ -16,38 +16,38 @@
         />
       </div>
       <div class="main">
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">小组名称:</div>
-            <div class="in">
-              <a-input
-                v-model:value="value"
-                placeholder="请输入小组名称"
-                style="border-radius: 8px; height: 40px"
-              />
-            </div>
+        <div class="name">
+          <div class="star" style="margin-top: -4px">
+            <img
+              style="width: 10px; height: 10px"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
           </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px; margin-left: 15px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">小组长:</div>
-            <div class="in">
-              <a-input
-                v-model:value="value"
-                placeholder="请输入小组长"
-                style="border-radius: 8px; height: 40px"
-              />
-            </div>
+          <div class="inname">小组名称:</div>
+          <div class="in">
+            <a-input
+              v-model:value="value"
+              placeholder="请输入小组名称"
+              style="border-radius: 8px; height: 40px"
+            />
           </div>
+        </div>
+        <div class="name">
+          <div class="star" style="margin-top: -4px">
+            <img
+              style="width: 10px; height: 10px; margin-left: 15px"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+          </div>
+          <div class="inname">小组长:</div>
+          <div class="in">
+            <a-input
+              v-model:value="value"
+              placeholder="请输入小组长"
+              style="border-radius: 8px; height: 40px"
+            />
+          </div>
+        </div>
       </div>
       <div class="btnn">
         <button class="btn1">取消</button>
@@ -55,7 +55,6 @@
       </div>
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -88,7 +87,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 .addgroup {
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
@@ -122,67 +121,67 @@ export default {
       }
     }
     .main {
+      display: flex;
+      flex-direction: column;
+      //align-items: center;
+      .name {
+        //width: 78%;
+        // background-color: lightcoral;
         display: flex;
-        flex-direction: column;
-        //align-items: center;
-        .name {
-          //width: 78%;
-          // background-color: lightcoral;
-          display: flex;
-          //justify-content: right;
-          margin-top: 32px;
-          align-items: center;
-          height: 40px;
-          // border: 1px solid black;
+        //justify-content: right;
+        margin-top: 32px;
+        align-items: center;
+        height: 40px;
+        // border: 1px solid black;
 
-          .inname {
-            color: #000000;
-            font-size: 14px;
-            margin-left: 7px;
-          }
-          .in {
-            margin-left: 14px;
-            //width: 81%;
-            .ant-input {
-              border-radius: 5px;
-              // height: 120%;
-              width: 384px;
-              height: 40px;
-            }
-          }
+        .inname {
+          color: #000000;
+          font-size: 14px;
+          margin-left: 7px;
         }
-        .pubtn {
-          display: flex;
-          justify-content: center;
-          margin-top: 25px;
-          //margin-bottom: 29px;
-          .pubtn1 {
-            width: 100px;
+        .in {
+          margin-left: 14px;
+          //width: 81%;
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 384px;
             height: 40px;
-            margin-right: 16px;
-            margin-bottom: 29px;
-            border: 1px solid #409eff;
-            border-radius: 4px;
-            color: rgba(78, 166, 255, 1);
-            font-size: 14px;
-            //line-height: 36px;
-            align-items: center;
-            background: rgba(255, 255, 255, 1);
-          }
-          .pubtn2 {
-            width: 100px;
-            height: 40px;
-            margin-bottom: 29px;
-            border: 1px solid #409eff;
-            border-radius: 4px;
-            color: #ffffff;
-            font-size: 14px;
-            align-items: center;
-            //line-height: 36px;
-            background: #409eff;
           }
         }
       }
+      .pubtn {
+        display: flex;
+        justify-content: center;
+        margin-top: 25px;
+        //margin-bottom: 29px;
+        .pubtn1 {
+          width: 100px;
+          height: 40px;
+          margin-right: 16px;
+          margin-bottom: 29px;
+          border: 1px solid #409eff;
+          border-radius: 4px;
+          color: rgba(78, 166, 255, 1);
+          font-size: 14px;
+          //line-height: 36px;
+          align-items: center;
+          background: rgba(255, 255, 255, 1);
+        }
+        .pubtn2 {
+          width: 100px;
+          height: 40px;
+          margin-bottom: 29px;
+          border: 1px solid #409eff;
+          border-radius: 4px;
+          color: #ffffff;
+          font-size: 14px;
+          align-items: center;
+          //line-height: 36px;
+          background: #409eff;
+        }
+      }
+    }
     .btnn {
       height: 72px;
       width: 100%;
@@ -215,4 +214,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
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/components/drawers/CorPowerlist.vue b/src/components/drawers/CorPowerlist.vue
new file mode 100644
index 00000000..34c4d1e7
--- /dev/null
+++ b/src/components/drawers/CorPowerlist.vue
@@ -0,0 +1,352 @@
+<template>
+    <a-drawer
+      :visible="corpowerlistVisible"
+      class="drawerStyle corpowerlistDrawer"
+      width="80%"
+      title="添加案例"
+      placement="right"
+      @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="contentMain">
+          <div class="main_items">
+            <div class="mi_ipts">
+              <div class="mii_ipt">
+                <div class="ipt_name">姓名：</div>
+                <div class="fi_input">
+                  <a-input
+                    v-model:value="inputV1"
+                    style="width: 264px; height: 40px; border-radius: 8px"
+                    placeholder="请输入姓名"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="mi_btns">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="btn btn2">
+                <div class="search"></div>
+                <div class="btnText">重置</div>
+              </div>
+            </div>
+          </div>
+  
+          <div class="main_table">
+            <a-table
+                :row-selection="{
+                  selectedRowKeys: selectedRowKeys,
+                  onChange: onSelectChange,
+                }"
+                :columns="columns1"
+                :data-source="tableData1"
+                :loading="tableDataTotal === -1 ? true : false"
+                :pagination="{
+                  showSizeChanger: true,
+                  showQuickJumper: true,
+                  hideOnSinglePage: true,
+                  pageSizeOptions: [],
+                  pageSize: pageSize,
+                  current: currentPage,
+                  total: tableDataTotal,
+                  onChange: (page, pageSize) => {
+                    currentPage = page;
+                    // console.log('page', page)
+                    // 加翻页查找代码
+                    // 	this.setState({
+                    // 		currentPage: page,
+                    // 	}, () => {
+                    // 		this.getMilitaryDeployment()
+                    // 	})
+                  },
+                }"
+              >
+                <template #bodyCell="{ column }">
+                  <template v-if="column.key === 'opacation'">
+                    <a>取消授权</a>
+                  </template>
+                </template>
+              </a-table>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+  </template>
+  <script>
+  import { reactive, toRefs, ref } from "vue";
+  const columns1 = [
+  {
+    title: "姓名",
+    dataIndex: "name",
+    key: "name",
+    width: "10%",
+    align: "left",
+  },
+  {
+    title: "归属组织",
+    dataIndex: "organization",
+    key: "organization",
+    width: "19%",
+    align: "center",
+  },
+  {
+    title: "岗位",
+    dataIndex: "position",
+    key: "position",
+    width: "19%",
+    align: "center",
+  },
+  {
+    title: "拥有权限",
+    dataIndex: "authority",
+    key: "authority",
+    width: "19%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: "34%",
+    align: "center",
+  },
+];
+  const rowSelection = ref({
+    checkStrictly: false,
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(
+        `selectedRowKeys: ${selectedRowKeys}`,
+        "selectedRows: ",
+        selectedRows
+      );
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(record, selected, selectedRows);
+    },
+    onSelectAll: (selected, selectedRows, changeRows) => {
+      console.log(selected, selectedRows, changeRows);
+    },
+  });
+  export default {
+    name: "CorPoerlist",
+    props: {
+        corpowerlistVisible: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+        tableData1: [
+        {
+          key: 1,
+          name: "李明",
+          organization: "-",
+          position: "产品经理",
+          authority: "归属权",
+        },
+        {
+          key: 2,
+          name: "李洋",
+          organization: "-",
+          position: "产品经理",
+          authority: "查看权",
+        },
+        {
+          key: 3,
+          name: "小李",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
+        },
+        {
+          key: 4,
+          name: "雄安名",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
+        },
+        {
+          key: 5,
+          name: "王哥",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
+        },
+      ],
+        currentPage: 1,
+        tableDataTotal: 100,
+        pageSize: 10,
+        inputV1:'',
+      });
+      const closeDrawer = () => {
+        ctx.emit("update:corpowerlistVisible", false);
+      };
+      const afterVisibleChange = (bool) => {
+        console.log("state", bool);
+      };
+      return {
+        ...toRefs(state),
+        afterVisibleChange,
+        closeDrawer,
+        columns1,
+        rowSelection,
+      };
+    },
+  };
+  </script>
+  <style lang="scss">
+  .ant-table-striped :deep(.table-striped) td {
+    background-color: #fafafa !important;
+  }
+  
+  .corpowerlistDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        margin-top: 32px;
+        .main_items {
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 12px;
+          flex-wrap: wrap;
+          .mi_ipts {
+            display: flex;
+            margin-bottom: 20px;
+            .mii_ipt {
+              display: flex;
+              align-items: center;
+              margin-right: 24px;
+              .ipt_name {
+                white-space: nowrap;
+              }
+            }
+          }
+          .mi_btns {
+            display: flex;
+            margin-left: 38px;
+            margin-bottom: 20px;
+            cursor: pointer;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-left: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              background: rgb(64, 158, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: rgb(255, 255, 255);
+              }
+            }
+            .btn2 {
+              background: rgb(255, 255, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/reset1.png");
+              }
+              .btnText {
+                color: rgb(64, 158, 255);
+              }
+            }
+            .btn1:hover {
+              background: rgb(255, 255, 255);
+              .search {
+                background-image: url("@/assets/images/courseManage/search1.png");
+              }
+              .btnText {
+                color: #388be1;
+              }
+            }
+            .btn2:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/courseManage/reset0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+  
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        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/FaceStu.vue b/src/components/drawers/FaceStu.vue
index c630893c..e72e2bcc 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -224,9 +224,11 @@ export default {
           gang: "产品经理",
           cur: "-",
           jin: "-",
-
           time: "缺勤",
           state: "异常",
+          signIn: false, //签到
+          signOut: false, //签退
+          leave: false, //请假
         },
         {
           key: 2,
@@ -235,8 +237,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "-",
-          time: "签到",
+          time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 3,
@@ -245,8 +250,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "2022-10-31  23:12",
-          time: "签到/签退",
-          state: "正常",
+          time: "迟到",
+          state: "异常",
+          signIn: false, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 4,
@@ -255,8 +263,11 @@ export default {
           gang: "产品经理",
           cur: "2022-10-31  23:12",
           jin: "2022-10-31  23:12",
-          time: "签到/签退",
-          state: "正常",
+          time: "早退",
+          state: "异常",
+          signIn: true, //签到
+          signOut: false, //签退
+          leave: false, //请假
         },
         {
           key: 5,
@@ -267,6 +278,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 6,
@@ -277,6 +291,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           name: "张三",
@@ -286,6 +303,9 @@ export default {
           jin: "2022-10-31  23:12",
           time: "签到/签退",
           state: "正常",
+          signIn: true, //签到
+          signOut: true, //签退
+          leave: false, //请假
         },
         {
           key: 8,
@@ -296,22 +316,26 @@ export default {
           jin: "2022-10-31  23:12",
           time: "请假",
           state: "正常",
+          signIn: false, //签到
+          signOut: false, //签退
+          leave: true, //请假
         },
       ],
-      options: [
+      tableOptions: [
         {
-          label: "Apple",
-          value: "Apple",
+          label: "签到",
+          value: "1",
         },
         {
-          label: "Pear",
-          value: "Pear",
+          label: "签退",
+          value: "2",
         },
         {
-          label: "Orange",
-          value: "Orange",
+          label: "请假",
+          value: "3",
         },
       ],
+      // selectOption: [],
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -332,6 +356,42 @@ export default {
       state.selectedRowKeys = selectedRowKeys;
     };
 
+    const getTableData = () => {
+      let arr = state.tableData;
+      arr.map((value) => {
+        // console.log("value", value);
+        value.opacation = (
+          <div class="opa">
+            <a-checkbox
+              checked={value.signIn}
+              onChange={(e) => {
+                console.log("点击签到", e);
+              }}
+            >
+              签到
+            </a-checkbox>
+            <a-checkbox
+              checked={value.signOut}
+              onChange={(e) => {
+                console.log("点击签退", e);
+              }}
+            >
+              签退
+            </a-checkbox>
+            <a-checkbox
+              checked={value.leave}
+              onChange={(e) => {
+                console.log("点击请假", e);
+              }}
+            >
+              请假
+            </a-checkbox>
+          </div>
+        );
+      });
+      state.tableData = arr;
+    };
+    getTableData();
     const tableDataFunc = () => {
       const columns = [
         {
@@ -406,16 +466,25 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 210,
+          width: 130,
           align: "center",
-          scopedSlots: { customRender: "action" }, //引入的插槽
-          customRender: () => {
-            return (
-              <div class="opa">
-                <a-checkbox-group />
-              </div>
-            );
-          },
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+
+          // customRender: () => {
+          //   return (
+          //     <div class="opa">
+          //       <a-checkbox-group
+          //         // value={state.selectOption}
+          //         name="checkboxgroup"
+          //         options={state.tableOptions}
+          //         onChange={(e) => {
+          //           console.log("eee", e);
+          //           // state.selectOption = e;
+          //         }}
+          //       />
+          //     </div>
+          //   );
+          // },
         },
       ];
       return columns;
@@ -428,12 +497,13 @@ export default {
       onSelectChange,
       showEntryScore,
       tableDataFunc,
+      getTableData,
     };
   },
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .me {
   .ant-modal-body {
     padding: 0px;
@@ -678,7 +748,14 @@ export default {
           background: #f6f9fd;
         }
         .opa {
-          background-color: #bfa;
+          background-color: rgba(255, 255, 255, 0);
+          .ant-checkbox + span {
+            font-size: 14px;
+            font-weight: 400;
+            color: rgba(0, 0, 0, 0.65);
+            line-height: 22px;
+            margin-top: 5px;
+          }
         }
       }
       // .tab {
@@ -735,4 +812,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/ImportStu.vue b/src/components/drawers/ImportStu.vue
index e0bc373d..b1d7c751 100644
--- a/src/components/drawers/ImportStu.vue
+++ b/src/components/drawers/ImportStu.vue
@@ -33,7 +33,7 @@
                 <!-- 导入学员上传 -->
                 <!-- 导入学员上传（有状态）-正在上传 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping">正在上传</div>
                     <div class="progress">
@@ -48,7 +48,7 @@
                 <div class="uploadstate">上传失败</div>
                 <!-- 导入学员上传（有状态）-上传失败 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping" style="color: #FF7474">上传失败</div>
                     <div class="progress">
@@ -64,7 +64,7 @@
                 <div class="uploadstate" style="margin-top: 74px">上传成功</div>
                 <!-- 导入学员上传（有状态）-上传成功 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping" style="color: #35AE69">上传成功</div>
                     <div class="progress">
@@ -221,12 +221,12 @@ export default {
                 cursor: pointer;
             }
             .alimg {
-                width: 28px;
-                height: 32px;
+                width: 32px;
+                height: 34px;
                 position: absolute;
                 top: 66px;
                 left: 24px;
-                background: green;
+                //background: green;
             }
             .upproject {
                 position: absolute;
diff --git a/src/components/drawers/OwnPower.vue b/src/components/drawers/OwnPower.vue
new file mode 100644
index 00000000..ca7183fe
--- /dev/null
+++ b/src/components/drawers/OwnPower.vue
@@ -0,0 +1,776 @@
+<template>
+  <a-drawer
+    :visible="ownpowervisible"
+    class="drawerStyle ownpower"
+    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: 560, 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
+                      dropdownClassName="dropdown-style"
+                      v-model:value="value"
+                      style="width: 264px;"
+                      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: "OwnPower",
+  props: {
+    ownpowervisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      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: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 40,
+          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",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:ownpowervisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+  
+  <style scoped lang="scss" >
+.ownpower {
+  .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 {
+        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);
+            }
+            .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;
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px;
+              .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;
+          .already {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 32px;
+            white-space: nowrap;
+          }
+          .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;
+              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;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+    .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/Ownership.vue b/src/components/drawers/Ownership.vue
index 6fe9cc3f..f0267f44 100644
--- a/src/components/drawers/Ownership.vue
+++ b/src/components/drawers/Ownership.vue
@@ -765,6 +765,7 @@ export default {
               background-image: url(../../assets/images/basicinfo/ch.png);
               right: -8px;
               top: -8px;
+              cursor: pointer;
             }
           }
         }
diff --git a/src/components/drawers/ProMess.vue b/src/components/drawers/ProMess.vue
new file mode 100644
index 00000000..342d8572
--- /dev/null
+++ b/src/components/drawers/ProMess.vue
@@ -0,0 +1,140 @@
+<template>
+  <a-drawer
+    :visible="Provisible"
+    class="drawerStyle promess"
+    placement="right"
+    width="50%"
+    @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="one">
+            <span class="left">班级名称：</span>
+            <span class="right">产品经理管理-腾飞班1</span>
+        </div>
+        <div class="one second">
+            <span class="left">说明：</span>
+            <span class="right">班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn2">关闭</button>
+      </div>
+    </div>
+  </a-drawer>
+  
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "ProMess",
+  props: {
+    Provisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:Provisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.promess {
+  .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 {
+      .one {
+        margin-top: 38px;
+        margin-left: 53px;
+        .left {
+            color: rgba(51, 51, 51, 1);
+            font-size: 14px;
+        }
+        .right {
+            color: rgba(102, 102, 102, 1);
+            font-size: 14px;
+            margin-left: 12px;
+        }
+      }
+      .second {
+        margin-left: 81px;
+      }
+    }
+    .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);
+      .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/SeeStu.vue b/src/components/drawers/SeeStu.vue
new file mode 100644
index 00000000..d79b413c
--- /dev/null
+++ b/src/components/drawers/SeeStu.vue
@@ -0,0 +1,360 @@
+<template>
+  <a-drawer
+    :visible="Seevisible"
+    class="drawerStyle seestu"
+    placement="right"
+    width="70%"
+    @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="stuinfor">
+            <div class="portrait"><img src="../../assets/images/studentimg/character.png"/></div>
+            <div class="stumation">
+                <div class="stuname">王明</div>
+                <div class="stugangw">产研部门 - 产品经理</div>
+            </div>
+            <div class="sortbox">
+                <div class="sortname">进度排名</div>
+                <div class="sortnub">
+                    <span class="nub1">2</span>
+                    <span class="total">/10</span>
+                </div>
+            </div>
+            <a-divider type="vertical" style="height: 49px;margin-left: 34px; background-color: rgba(170, 166, 166, 0.3)" />
+            <div class="sortbox" style="margin-left: 34px">
+                <div class="sortname">完成必修</div>
+                <div class="sortnub">
+                    <span class="nub1">3</span>
+                    <span class="total">/10</span>
+                </div>
+            </div>
+            <a-divider type="vertical" style="height: 49px;margin-left: 34px; background-color: rgba(170, 166, 166, 0.3)" />
+            <div class="sortbox" style="margin-left: 34px">
+                <div class="sortname">已修证书</div>
+                <div class="sortnub">
+                    <span class="nub1">1</span>                   
+                </div>
+            </div>
+        </div>
+        <div class="secondrow">
+            <div class="rowleft">产品经理管理 - 腾飞班1</div>
+            <div class="rowbox" @click="showProMess">
+                <div class="shuom">说明</div>
+                <div><img src="../../assets/images/studentimg/chak.png"/></div>
+            </div>
+        </div>
+        <div class="mainbox">
+            <div class="rowtitle">
+                <div class="titleimg"><img src="../../assets/images/studentimg/open.png"/></div>
+                <div class="titletext">阶段1 腾飞班阶段1</div>
+            </div>
+            <div class="rowclass">
+                <div class="leftclass">
+                    <div><img src="../../assets/images/leveladd/zai.png"/></div>
+                    <div class="text1">在线</div>
+                    <div class="text2">如何成为一个产品经理</div>
+                </div>
+                <div class="alreadyclass">
+                    <div class="alimg"><img src="../../assets/images/studentimg/complete.png"/></div>
+                    <div class="altext">已完成</div>
+                </div>
+            </div>
+            <div class="rowclass">
+                <div class="leftclass">
+                    <div><img src="../../assets/images/leveladd/zhi.png"/></div>
+                    <div class="text1">直播</div>
+                    <div class="text2">管理者播课</div>
+                </div>
+                <div class="alreadyclass">
+                    <div class="alimg"><img src="../../assets/images/studentimg/complete.png"/></div>
+                    <div class="altext">已完成</div>
+                </div>
+            </div>
+            <div class="rowclass">
+                <div class="leftclass">
+                    <div><img src="../../assets/images/leveladd/mian.png"/></div>
+                    <div class="text1">面授</div>
+                    <div class="text2">管理面授课</div>
+                </div>
+                <div class="alreadyclass">
+                    <div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div>
+                    <div class="altext">未完成</div>
+                </div>
+            </div>
+            <div class="rowclass">
+                <div class="leftclass">
+                    <div><img src="../../assets/images/leveladd/huo.png"/></div>
+                    <div class="text1">活动</div>
+                    <div class="text2">管理者活动</div>
+                </div>
+                <div class="alreadyclass">
+                    <div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div>
+                    <div class="altext">未完成</div>
+                </div>
+            </div>
+            <div class="rowclass">
+                <div class="leftclass">
+                    <div><img src="../../assets/images/leveladd/zuo.png"/></div>
+                    <div class="text1">作业</div>
+                    <div class="text2">管理者作业</div>
+                </div>
+                <div class="alreadyclass">
+                    <div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div>
+                    <div class="altext">未完成</div>
+                </div>
+            </div>
+        </div>
+        <div class="mainbox" style="margin-top: 15px; height: 56px">
+            <div class="rowtitle">
+                <div class="titleimg"><img src="../../assets/images/studentimg/close.png"/></div>
+                <div class="titletext">阶段2 腾飞班阶段2</div>
+            </div>
+        </div>
+        
+      </div>
+      <div class="btnn">
+        <button class="btn2">关闭</button>
+      </div>
+    </div>
+  </a-drawer>
+    <pro-mess v-model:Provisible="Provisible" />
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+import ProMess from "./ProMess.vue";
+export default {
+  name: "SeeStu",
+  components: { ProMess },
+  props: {
+    Seevisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+        Provisible: false,
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:Seevisible", false);
+    };
+
+    const showProMess = () => {
+      state.Provisible = true;
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      showProMess,
+      // change,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.seestu {
+  .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;
+       flex-direction: column;
+       .stuinfor {
+          display: flex;
+          align-items: center;
+          height: 133px;
+          margin-top: 20px;
+          margin-right: 37px;
+          background-image: url("../../assets/images/studentimg/bgimg.png");
+          background-repeat: no-repeat;
+          background-position: right;
+          .stumation {
+            margin-left: 24px;
+            .stuname {
+                color: #333333;
+                font-size: 18px;
+            }
+            .stugangw {
+                color: #999999;
+                font-size: 16px;
+                margin-top: 7px;
+            }
+          }
+          .sortbox {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            margin-left: 114px;
+            .sortname {
+                color: #666660;
+                font-size: 14px;
+            }
+            .sortnub {
+                display: flex;
+                justify-content: center;
+                margin-top: 7px;
+                .nub1 {
+                    color: #0060FF;
+                    font-size: 22px;
+                }
+                .total {
+                    color: #999999;
+                    font-size: 22px;
+                }
+            }
+          }
+       }
+       .secondrow {
+         margin-top: 32px;
+         display: flex;
+         .rowleft {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+         }
+         .rowbox {
+            width: 64px;
+            height: 24px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-left: 24px;
+            border: 1px solid rgba(64, 158, 255, 1);
+            background: rgba(64, 158, 255, 0.1);
+            cursor: pointer;
+            .shuom {
+                color: rgba(64, 158, 255, 1);
+                font-size: 14px;
+                line-height: 20px;
+                margin-right: 5px;
+            }
+         }
+       }
+       .mainbox {
+        height: 463px;
+        margin-right: 37px;
+        margin-top: 32px;
+        border: 1px solid rgba(221, 238, 255, 1);
+        border-radius: 6px;
+        .rowtitle {
+            height: 56px;
+            background: rgba(240, 246, 252, 1);
+            display: flex;
+            align-items: center;
+            .titleimg {
+                width: 20px;
+                height: 20px;
+                margin-left: 23px;
+            }
+            .titletext {
+                color: rgba(51, 51, 51, 1);
+                font-size: 16px;
+                font-weight: 500;
+                margin-left: 16px;
+            }
+        }
+        .rowclass {
+            height: 81px;
+            border-bottom: 1px solid rgba(221, 238, 255, 1);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .leftclass {
+                display: flex;
+                margin-left: 25px;
+                align-items: center;
+                .text1 {
+                    color: #000000;
+                    font-size: 14px;
+                    font-weight: 500;
+                    margin-left: 25px;
+                }
+                .text2 {
+                    color: rgba(51, 51, 51, 0.8);
+                    font-size: 14px;
+                    margin-left: 65px;
+                }
+            }
+            .alreadyclass {
+                display: flex;
+                margin-right: 57px;
+                .alimg {
+                    height: 16px;
+                    width: 16px;
+                }
+                .altext {
+                    color: rgba(56, 125, 247, 1);
+                    font-size: 14px;
+                    margin-left: 16px;
+                }
+            }
+        }
+       }
+    }
+    .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);
+      .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/StuAdd.vue b/src/components/drawers/StuAdd.vue
index e092a019..7f7cf7dc 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -98,7 +98,7 @@
                     <div class="namee">受众名称：</div>
                     <a-select
                         v-model:value="value"
-                        style="width: 264px; border-radius: 8px"
+                        style="width: 264px;border-radius: 8px"
                         placeholder="请输入组织名称"
                         :options="organizeList1"
                     />
@@ -168,12 +168,30 @@
             </div>
           </div>
           <div class="selecteds">
-            <div class="chose">李明</div>
-            <div class="chose">李大明</div>
-            <div class="chose">李二明</div>
-            <div class="chose">李明</div>
-            <div class="chose">李大明</div>
-            <div class="chose">李二明</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 class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
           </div>
         </div>
       </div>
@@ -448,20 +466,17 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style lang="scss" >
 .stuadd {
-  .ant-pagination-options {
-    margin-top: 10px !important;
-   }
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+  // .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;
@@ -485,225 +500,281 @@ export default {
       }
     }
     .main {
-        display: flex;
-        height: 80%;
-        .left {
-          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.8500);
-                  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);
-              }
-              .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;
-              .organize {
-                color: rgba(0, 0, 0, 0.8500);
-                font-size: 14px;
-              }
-              .ant-cascader {
-                width: 264px;
-                height: 40px;
-                border-radius: 8px;
-                .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;
-            .already {
-              color: rgba(51, 51, 51, 1);
-              font-size: 16px;
-              font-weight: 500;
-              margin-left: 32px;
-            }
-            .clbox {
-              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;
-              }
-              .allclear {
-                color: rgba(255, 255, 255, 1);
-                font-size: 14px;
-              }
-            }
-          }
-          .selecteds {
+      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;
-            margin-left: 32px;
-            .chose {
-              width: 64px;
-              height: 24px;
-              margin-top: 25px;
-              margin-right: 25px;
+            justify-content: space-between;
+            .nameinp {
               display: flex;
               align-items: center;
+              margin-top: 10px;
+              .namee {
+                color: rgba(0, 0, 0, 0.85);
+                font-size: 14px;
+              }
+              .ant-select {
+                height: 40px;
+              }
+              .ant-select-selector {
+                height: 100%;
+                border-radius: 8px;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+            .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: 5px;
+              width: 100%;
+              // height: 20px;
+              // background-color: red;
+              display: flex;
               justify-content: center;
-              border-radius: 2px;
-              border: 1px solid rgba(56, 139, 225, 1);
-              color: rgba(56, 139, 225, 1);
-              font-size: 12px;
+              // position: absolute;
+              // bottom: 20px;
+              .ant-pagination-prev {
+                margin-top: 10px;
+              }
+              .ant-pagination-next {
+                margin-top: 10px;
+              }
+              .ant-pagination-item {
+                margin-top: 10px;
+              }
+              .ant-pagination-options {
+                margin-top: 10px;
+              }
+            }
+          }
+          .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%;
+                border-radius: 8px;
+              }
+              .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: 18px;
+              height: 18px;
+              // 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;
+              cursor: pointer;
+            }
+          }
+        }
+      }
     }
     .btnn {
       height: 72px;
diff --git a/src/components/drawers/SubsetManage.vue b/src/components/drawers/SubsetManage.vue
index 2c851a2b..9737ca43 100644
--- a/src/components/drawers/SubsetManage.vue
+++ b/src/components/drawers/SubsetManage.vue
@@ -18,35 +18,34 @@
       <div class="main">
         <div class="groupl">小组：</div>
         <div>
-          <div class="groupin">         
-          <a-input
-                v-model:value="value"
-                placeholder="好好学习小组"
-                style="border-radius: 8px; height: 40px"
-          />
-          <div class="delete">删除</div>
+          <div class="groupin">
+            <a-input
+              v-model:value="value"
+              placeholder="好好学习小组"
+              style="border-radius: 8px; height: 40px"
+            />
+            <div class="delete">删除</div>
+          </div>
+          <div class="groupin">
+            <a-input
+              v-model:value="value"
+              placeholder="全能小组"
+              style="border-radius: 8px; height: 40px"
+            />
+            <div class="delete">删除</div>
+          </div>
+          <div class="groupin">
+            <a-input
+              v-model:value="value"
+              placeholder="宇宙第一最强小组"
+              style="border-radius: 8px; height: 40px"
+            />
+            <div class="delete">删除</div>
+          </div>
         </div>
-        <div class="groupin">          
-          <a-input
-                v-model:value="value"
-                placeholder="全能小组"
-                style="border-radius: 8px; height: 40px"
-          />
-          <div class="delete">删除</div>
-        </div>
-        <div class="groupin">
-
-          <a-input
-                v-model:value="value"
-                placeholder="宇宙第一最强小组"
-                style="border-radius: 8px; height: 40px"
-          />
-          <div class="delete">删除</div>
-        </div>
-        </div>       
       </div>
       <div class="addgroup" @click="showAddGroup">
-        <img src="../../assets/images/courseManage/add0.png"/>
+        <img src="../../assets/images/courseManage/add0.png" />
         <span class="grot">创建小组</span>
       </div>
       <div class="zhu">注：随机分组不对小组长生效</div>
@@ -103,7 +102,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 .subset {
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
@@ -140,46 +139,45 @@ export default {
       display: flex;
       .groupin {
         display: flex;
-        align-items: center;  
+        align-items: center;
         margin-top: 32px;
         .ant-input {
-              border-radius: 5px;
-              // height: 120%;
-              width: 384px;
-              height: 40px;
+          border-radius: 5px;
+          // height: 120%;
+          width: 384px;
+          height: 40px;
         }
         .delete {
           color: rgba(56, 125, 247, 1);
           font-size: 14px;
           margin-left: 10px;
           cursor: pointer;
-        }     
+        }
       }
       .groupl {
-          color: rgba(0, 0, 0, 0.8500);
-          font-size: 16px;
-          margin-top: 36px;
+        color: rgba(0, 0, 0, 0.85);
+        font-size: 16px;
+        margin-top: 36px;
       }
     }
     .addgroup {
-        width: 130px;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        //margin-right: 16px;
-        margin-top: 32px;
-        border: 1px solid #409eff;
-        border-radius: 8px;
-        background: #409eff;
-        cursor: pointer;
-        .grot {
-          color: #ffffff;
-          margin-left: 5px;
-          font-size: 14px;
-          
-        }
+      width: 130px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      //margin-right: 16px;
+      margin-top: 32px;
+      border: 1px solid #409eff;
+      border-radius: 8px;
+      background: #409eff;
+      cursor: pointer;
+      .grot {
+        color: #ffffff;
+        margin-left: 5px;
+        font-size: 14px;
       }
+    }
     .zhu {
       margin-top: 24px;
       color: rgba(153, 153, 153, 1);
@@ -217,4 +215,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index b7162605..7b4e5baf 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -79,9 +79,11 @@
     <!-- 选择线上还是面授课弹窗 -->
     <a-modal
       v-model:visible="of_hs"
-      :closable="false"
+      :closable="closableQR"
+      wrapClassName="sofModal"
       :footer="null"
       style="margin-top: 400px"
+      @cancel="of_exit"
     >
       <div
         class="selectonlineface"
@@ -107,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>
@@ -181,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>
@@ -212,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>
@@ -243,6 +245,7 @@
       :closable="false"
       wrapClassName="modalStyle facteachModal"
       width="80%"
+      @cancel="ft_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -279,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>
@@ -367,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>
@@ -387,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>
@@ -446,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="请输入按回车键创建成功"
                     />
@@ -471,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="请输入"
                       />
@@ -485,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>
@@ -526,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">
@@ -546,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">
@@ -566,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">
@@ -581,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>
@@ -695,7 +701,7 @@
                         class="select"
                         ref="select"
                         placeholder="请选择状态"
-                        v-model:value="value12"
+                        v-model:value="gl_selectV1"
                         style="width: 200px"
                         @focus="focus"
                         @change="handleChange"
@@ -712,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="姓名"
                       />
@@ -740,7 +746,7 @@
                         class="select"
                         ref="select"
                         placeholder="请选择状态"
-                        v-model:value="value14"
+                        v-model:value="gl_selectV2"
                         style="width: 200px"
                         @focus="focus"
                         @change="handleChange"
@@ -757,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="姓名"
                       />
@@ -841,7 +847,7 @@
     </a-modal>
     <!-- 面授课程管理查看详情页面 -->
     <!-- 操作授权页面 -->
-    <a-modal
+    <!-- <a-modal
       v-model:visible="gpm_hs"
       title="Title"
       @ok="closeModal"
@@ -938,7 +944,7 @@
           </div>
         </div>
       </div>
-    </a-modal>
+    </a-modal> -->
     <!--操作授权页面 -->
     <!--开课页面 -->
     <a-modal
@@ -949,6 +955,7 @@
       :closable="false"
       wrapClassName="modalStyle schtimeModal"
       width="80%"
+      @cancel="stm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -971,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;
@@ -981,7 +988,7 @@
                 placeholder="请输入创建人"
               />
               <a-input
-                v-model:value="value18"
+                v-model:value="kk_inputV2"
                 style="
                   width: 270px;
                   height: 40px;
@@ -1014,20 +1021,30 @@
               </div>
             </div>
             <!-- 无数据样式 -->
-            <div class="notable" :style="{ display: stm_hs ?  'none' : 'block'  }">
+            <div
+              class="notable"
+              :style="{ display: stm_hs ? 'none' : 'block' }"
+            >
               <div class="notablebox">
                 <div class="boxbody">
                   <div class="boximg"></div>
-                  <div class="boxtitle"><span style="color:#FFB64E;font-size: 20px;">无课程</span></div>
-                  <div class="boxtitle2"><span style="color:#878B92;">请点击新建开课，创建课程</span></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                  </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击新建开课，创建课程</span>
+                  </div>
                 </div>
                 <div class="smallleft"></div>
-                  <div class="smallright"></div>
+                <div class="smallright"></div>
               </div>
             </div>
             <!-- 无数据样式 -->
             <!-- 有数据表格 -->
-            <div class="stm_table" :style="{ display: stm_hs ? 'block' : 'none' }">
+            <div
+              class="stm_table"
+              :style="{ display: stm_hs ? 'block' : 'none' }"
+            >
               <a-table
                 :columns="columns6"
                 :data-source="tableData6"
@@ -1063,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' }"
@@ -1090,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="请输入开课名称"
               />
@@ -1108,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>
@@ -1131,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="['        开始时间', '        结束时间']"
               />
@@ -1149,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="请输入教师"
               />
@@ -1170,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>
@@ -1197,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>
@@ -1261,6 +1278,7 @@
       :closable="false"
       wrapClassName="modalStyle stusmanageModal"
       width="80%"
+      @cancel="sm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
@@ -1304,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;
@@ -1406,13 +1424,28 @@
       :closable="closableQR"
       wrapClassName="QRModal"
       style="margin-top: 400px"
+      @cancel="qr_exit"
     >
       <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
         <div class="qr_header"></div>
         <div class="qr_main">
           <div class="qrm_header">
             <div class="qr_icon"></div>
-            <span>二维码</span>
+            <div :style="{ display: qrQR_hs ? 'block' : 'none' }">
+              <span>二维码</span>
+            </div>
+            <div :style="{ display: olQR_hs ? 'block' : 'none' }">
+              <span>在线课</span>
+            </div>
+            <div :style="{ display: ftQR_hs ? 'block' : 'none' }">
+              <span>面授课</span>
+            </div>
+            <div :style="{ display: ftsQR_hs ? 'block' : 'none' }">
+              <span>面授课签到</span>
+            </div>
+            <div :style="{ display: vipftQR_hs ? 'block' : 'none' }">
+              <span>管理者面授课</span>
+            </div>
             <div class="close_exit" @click="qr_exit"></div>
           </div>
           <div class="qrm_body"><div class="QR_img"></div></div>
@@ -1455,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=""
@@ -1506,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>
@@ -1619,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>
@@ -1700,11 +1733,20 @@
       </div>
     </a-modal>
     <!--停用弹窗 -->
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <own-power v-model:ownpowervisible="ownpowervisible" />
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <!-- 添加授权侧弹窗 -->
+    <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
+    <!-- 添加授权侧弹窗 -->
   </div>
 </template>
 <script>
 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: "序号",
@@ -1809,6 +1851,7 @@ const columns1 = [
     align: "center",
   },
 ];
+
 const columns2 = [
   {
     title: "姓名",
@@ -1876,43 +1919,44 @@ const columns4 = [
     align: "center",
   },
 ];
-const columns5 = [
-  {
-    title: "姓名",
-    dataIndex: "name",
-    key: "name",
-    width: "10%",
-    align: "left",
-  },
-  {
-    title: "归属组织",
-    dataIndex: "organization",
-    key: "organization",
-    width: "19%",
-    align: "center",
-  },
-  {
-    title: "岗位",
-    dataIndex: "position",
-    key: "position",
-    width: "19%",
-    align: "center",
-  },
-  {
-    title: "拥有权限",
-    dataIndex: "authority",
-    key: "authority",
-    width: "19%",
-    align: "center",
-  },
-  {
-    title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
-    width: "34%",
-    align: "center",
-  },
-];
+//授权弹窗
+// const columns5 = [
+//   {
+//     title: "姓名",
+//     dataIndex: "name",
+//     key: "name",
+//     width: "10%",
+//     align: "left",
+//   },
+//   {
+//     title: "归属组织",
+//     dataIndex: "organization",
+//     key: "organization",
+//     width: "19%",
+//     align: "center",
+//   },
+//   {
+//     title: "岗位",
+//     dataIndex: "position",
+//     key: "position",
+//     width: "19%",
+//     align: "center",
+//   },
+//   {
+//     title: "拥有权限",
+//     dataIndex: "authority",
+//     key: "authority",
+//     width: "19%",
+//     align: "center",
+//   },
+//   {
+//     title: "操作",
+//     dataIndex: "opacation",
+//     key: "opacation",
+//     width: "34%",
+//     align: "center",
+//   },
+// ];
 const columns6 = [
   {
     title: "序号",
@@ -2045,9 +2089,13 @@ const columns7 = [
   },
 ];
 export default defineComponent({
-  components: {},
+  components: {
+    OwnPower,
+    Corpowerlist,
+  },
   setup() {
     const state = reactive({
+      //列表表格
       tableData1: [
         {
           key: "1",
@@ -2146,6 +2194,7 @@ export default defineComponent({
           kkty: true,
         },
       ],
+      //在线面授管理报名管理
       tableData2: [
         {
           key: 1,
@@ -2164,6 +2213,7 @@ export default defineComponent({
           status: "已完成",
         },
       ],
+      //在线面授管理学习记录
       tableData3: [
         {
           key: 1,
@@ -2174,6 +2224,7 @@ export default defineComponent({
           status: "已通过",
         },
       ],
+      //管理查看详情
       tableData4: [
         {
           key: 1,
@@ -2182,43 +2233,47 @@ export default defineComponent({
           status: "已通过",
         },
       ],
-      tableData5: [
-        {
-          key: 1,
-          name: "李明",
-          organization: "-",
-          position: "产品经理",
-          authority: "归属权",
-        },
-        {
-          key: 2,
-          name: "李洋",
-          organization: "-",
-          position: "产品经理",
-          authority: "查看权",
-        },
-        {
-          key: 3,
-          name: "小李",
-          organization: "-",
-          position: "产品经理",
-          authority: "管理权",
-        },
-        {
-          key: 4,
-          name: "雄安名",
-          organization: "-",
-          position: "产品经理",
-          authority: "管理权",
-        },
-        {
-          key: 5,
-          name: "王哥",
-          organization: "-",
-          position: "产品经理",
-          authority: "管理权",
-        },
-      ],
+
+      // 授权弹窗
+      // tableData5: [
+      //   {
+      //     key: 1,
+      //     name: "李明",
+      //     organization: "-",
+      //     position: "产品经理",
+      //     authority: "归属权",
+      //   },
+      //   {
+      //     key: 2,
+      //     name: "李洋",
+      //     organization: "-",
+      //     position: "产品经理",
+      //     authority: "查看权",
+      //   },
+      //   {
+      //     key: 3,
+      //     name: "小李",
+      //     organization: "-",
+      //     position: "产品经理",
+      //     authority: "管理权",
+      //   },
+      //   {
+      //     key: 4,
+      //     name: "雄安名",
+      //     organization: "-",
+      //     position: "产品经理",
+      //     authority: "管理权",
+      //   },
+      //   {
+      //     key: 5,
+      //     name: "王哥",
+      //     organization: "-",
+      //     position: "产品经理",
+      //     authority: "管理权",
+      //   },
+      // ],
+
+      //开课
       tableData6: [
         {
           key: 1,
@@ -2261,6 +2316,7 @@ export default defineComponent({
           createtime: "2022-07-14 14:00:00",
         },
       ],
+      //开课学员管理
       tableData7: [
         {
           key: "1",
@@ -2348,7 +2404,7 @@ export default defineComponent({
       om_1: false,
       ft_1: false,
       om_ckxq: false,
-      gpm_hs: false,
+      // gpm_hs: false,
       stm_hs: false,
       cstm_hs: false,
       sm_hs: false,
@@ -2361,19 +2417,54 @@ export default defineComponent({
       delete_hs: false,
       copy_hs: false,
       nouse_hs: false,
-      value: "",
-      value5: "",
-      value6: "",
-      value7: "",
-      value8: "",
-      value11: "",
-      value20: "",
+      // 二维码标题状态
+      qrQR_hs: false,
+      olQR_hs: false,
+      ftQR_hs: false,
+      ftsQR_hs: false,
+      vipftQR_hs:false,
+      //抽屉状态
+      ownpowervisible: false,
+      corpowerlistvisible: false,
+      //列表
+      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 = () => {
@@ -2436,7 +2527,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2445,7 +2536,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2475,7 +2566,13 @@ export default defineComponent({
                           >
                             <div
                               onClick={() => {
-                                state.QR_hs = true;
+                                if (value.courseform === "线上") {
+                                  state.QR_hs = true;
+                                  state.olQR_hs = true;
+                                } else if (value.courseform === "面授") {
+                                  state.QR_hs = true;
+                                  state.ftQR_hs = true;
+                                }
                               }}
                             >
                               二维码
@@ -2531,7 +2628,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2540,7 +2637,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2637,7 +2734,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2646,7 +2743,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2762,6 +2859,7 @@ export default defineComponent({
                     class="jc"
                     onClick={() => {
                       state.QR_hs = true;
+                      state.ftsQR_hs = true;
                     }}
                   >
                     签到
@@ -2816,6 +2914,7 @@ export default defineComponent({
                         <div
                           onClick={() => {
                             state.QR_hs = true;
+                            state.vipftQR_hs = true;
                           }}
                         >
                           二维码
@@ -2974,6 +3073,9 @@ export default defineComponent({
     };
     const of_exit = () => {
       state.of_hs = false;
+      state.valueE1 = "";
+      state.valueE2 = "";
+      state.hideshow = true;
     };
     const hideShow = () => {
       if (state.hideshow == true) {
@@ -2982,17 +3084,22 @@ 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) {
         state.of_hs = false;
         state.ft_hs = true;
+        state.valueE1 = "";
       }
     };
     const ft_exit = () => {
       state.ft_hs = false;
+      state.hideshow = true;
     };
     const om_exit = () => {
       state.om_1 = false;
@@ -3015,16 +3122,46 @@ 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;
+      state.olQR_hs = false;
+      state.ftQR_hs = false;
+      state.ftsQR_hs = false;
+      state.vipftQR_hs = false;
     };
     const rg_exit = () => {
       state.rg_hs = false;
@@ -3069,13 +3206,12 @@ export default defineComponent({
         });
       }, 1000);
     };
-
     return {
       ...toRefs(state),
       columns1,
       columns2,
       columns4,
-      columns5,
+      // columns5,
       columns6,
       columns7,
       getTableDate,
@@ -3096,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,
@@ -3271,6 +3411,7 @@ export default defineComponent({
     }
   }
 }
+
 .selectonlineface {
   z-index: 999;
   width: 679px;
@@ -3411,6 +3552,7 @@ export default defineComponent({
     }
   }
 }
+
 .createschooltime {
   z-index: 999;
   width: 679px;
@@ -4283,14 +4425,14 @@ export default defineComponent({
                         }
                       }
                     }
-                    .file_operation {
+                  }
+                  .file_operation {
                       display: flex;
-
-                      span {
+                      .fobox{
+                        margin-right: 5px;
                         cursor: pointer;
                       }
                     }
-                  }
                 }
               }
             }
@@ -4584,51 +4726,51 @@ export default defineComponent({
                 }
               }
             }
-            .notable{
-              width:100%;
-              height:100%;
+            .notable {
+              width: 100%;
+              height: 100%;
               display: flex;
               justify-content: center;
-              .notablebox{
+              .notablebox {
                 width: 412px;
-                height:212px;
-                background:linear-gradient(180deg, #FEF3DD 0%, #FFFAF0 100%);
+                height: 212px;
+                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
                 border-radius: 10px;
-              display: flex;
-              justify-content: center;
+                display: flex;
+                justify-content: center;
                 text-align: center;
-                margin-top:77px;
-                margin-bottom:109px;
+                margin-top: 77px;
+                margin-bottom: 109px;
                 cursor: pointer;
                 position: relative;
-                .smallleft{
+                .smallleft {
                   position: absolute;
-                  top:18px;
-                  left:0px;
-                  width:8px;
-                  height:21px;
+                  top: 18px;
+                  left: 0px;
+                  width: 8px;
+                  height: 21px;
                   border-radius: 0px 4px 4px 0px;
-                  background-color:#FFB64E;
+                  background-color: #ffb64e;
                 }
-                .smallright{
+                .smallright {
                   position: absolute;
-                  bottom:18px;
-                  right:0px;
-                  width:8px;
-                  height:21px;
+                  bottom: 18px;
+                  right: 0px;
+                  width: 8px;
+                  height: 21px;
                   border-radius: 4px 0px 0px 4px;
-                  background-color:#FFB64E;
+                  background-color: #ffb64e;
                 }
-                .boxbody{
-                  .boximg{
+                .boxbody {
+                  .boximg {
                     width: 72px;
-                    height:72px;
-                    margin:32px auto 20px auto;
+                    height: 72px;
+                    margin: 32px auto 20px auto;
                     background-image: url(@/assets/images/coursewareManage/nostate.png);
                     background-size: 100% 100%;
                   }
-                  .boxtitle{
-                    margin-bottom:4px;
+                  .boxtitle {
+                    margin-bottom: 4px;
                   }
                 }
               }
@@ -4961,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;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 7a8ac57d..7be55e42 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1045,6 +1045,8 @@
     <stu-add v-model:Stuvisible="Stuvisible" />
     <!-- 学员管理-导入学员抽屉 -->
     <import-stu v-model:Importvisible="Importvisible" />
+    <!-- 查看学员 -->
+    <see-stu v-model:Seevisible="Seevisible" />
     <!-- 组员名单抽屉 -->
     <member-list v-model:Lvisible="Lvisible" />
     <!-- 面授学员抽屉 -->
@@ -1211,7 +1213,7 @@
     <!-- 学员-创建小组弹窗 -->
   </div>
 </template>
-  <script>
+<script>
 import { reactive, toRefs } from "vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
@@ -1223,6 +1225,7 @@ import FaceStu from "../../components/drawers/FaceStu";
 import TestManage from "../../components/drawers/TestManage";
 import StuAdd from "../../components/drawers/StuAdd";
 import ImportStu from "../../components/drawers/ImportStu";
+import SeeStu from "../../components/drawers/SeeStu";
 export default {
   name: "taskPage",
   components: {
@@ -1236,6 +1239,7 @@ export default {
     TestManage,
     StuAdd,
     ImportStu,
+    SeeStu,
   },
   setup() {
     const state = reactive({
@@ -1402,6 +1406,7 @@ export default {
       TMvisible: false, //考试管理
       Stuvisible: false, //添加学员
       Importvisible: false, //导入学员
+      Seevisible: true, //查看学员
       pubproject: false,
       stugroup: false,
       checked: false,
@@ -1789,6 +1794,9 @@ export default {
     const showStuAdd = () => {
       state.Stuvisible = true;
     };
+    const showSeeStu = () => {
+      state.Seevisible = true;
+    };
     const showImportStu = () => {
       state.Importvisible = true;
     };
@@ -1816,6 +1824,7 @@ export default {
       changecheck3,
       showStuAdd,
       showImportStu,
+      showSeeStu,
     };
   },
 };
@@ -3113,4 +3122,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file