diff --git a/src/assets/images/basicinfo/ch.png b/src/assets/images/basicinfo/ch.png
new file mode 100644
index 00000000..a36538bf
Binary files /dev/null and b/src/assets/images/basicinfo/ch.png differ
diff --git a/src/assets/images/coursewareManage/imgs.png b/src/assets/images/coursewareManage/imgs.png
new file mode 100644
index 00000000..71f006bc
Binary files /dev/null and b/src/assets/images/coursewareManage/imgs.png differ
diff --git a/src/assets/images/coursewareManage/nostate.png b/src/assets/images/coursewareManage/nostate.png
new file mode 100644
index 00000000..2e88dc18
Binary files /dev/null and b/src/assets/images/coursewareManage/nostate.png differ
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/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/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
new file mode 100644
index 00000000..f0267f44
--- /dev/null
+++ b/src/components/drawers/Ownership.vue
@@ -0,0 +1,806 @@
+<template>
+  <a-drawer
+    :visible="Ownervisible"
+    class="drawerStyle Ownership"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">归属权</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="left">
+          <div class="tabs">
+            <a-tabs v-model:activeKey="activeKey">
+              <a-tab-pane key="1" tab="快速选人">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">姓名：</div>
+                    <a-input
+                      v-model:value="name"
+                      style="width: 270px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1">
+                        <img
+                          src="../../assets/images/courseManage/search0.png"
+                        />
+                      </div>
+                      <div class="wz">搜索</div>
+                    </div>
+                    <div class="btn2">
+                      <div class="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
+                      <div class="wz">重置</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="line">
+                  <div class="inline">
+                    <div class="left1">
+                      <div class="img"></div>
+                      <div class="text" style="margin-left: 10px">已选择</div>
+                      <div class="text2">2</div>
+                      <div class="text">项</div>
+                      <div class="text3">列表选项总计：</div>
+                      <div class="text4">9条</div>
+                    </div>
+                    <div class="right1">清空</div>
+                  </div>
+                </div>
+                <div class="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 100, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="2" tab="添加组织" force-render>
+                <div class="tab2">
+                  <div class="organize">组织：</div>
+                  <div class="select">
+                    <a-cascader
+                      v-model:value="value"
+                      placeholder="请输入组织名称"
+                      :options="organizeList"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">受众名称：</div>
+                    <div class="select">
+                      <a-select
+                        v-model:value="choosevalue"
+                        style="width: 264px; border-radius: 8px"
+                        placeholder="请输入组织名称"
+                        :options="organizeList1"
+                      />
+                    </div>
+                  </div>
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1">
+                        <img
+                          src="../../assets/images/courseManage/search0.png"
+                        />
+                      </div>
+                      <div class="wz">搜索</div>
+                    </div>
+                    <div class="btn2">
+                      <div class="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
+                      <div class="wz">重置</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="line">
+                  <div class="inline">
+                    <div class="left1">
+                      <div class="img"></div>
+                      <div class="text" style="margin-left: 10px">已选择</div>
+                      <div class="text2">2</div>
+                      <div class="text">项</div>
+                      <div class="text3">列表选项总计：</div>
+                      <div class="text4">9条</div>
+                    </div>
+                    <div class="right1">清空</div>
+                  </div>
+                </div>
+                <div class="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns1"
+                    :data-source="tabledata1"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 700, y: 400 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <div class="right">
+          <div class="onerow">
+            <div class="already">已选</div>
+            <div class="clbox">
+              <div class="colose"></div>
+              <span class="allclear">全部清除</span>
+            </div>
+          </div>
+          <div class="selecteds">
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "OwnerShip",
+  props: {
+    Ownervisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      activeKey: "1",
+      name: "", //输入名字搜索
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      organizeList: [
+        {
+          id: 1,
+          value: "京东方",
+          label: "京东方",
+          children: [
+            {
+              id: 2,
+              value: "产研部",
+              label: "产研部",
+              children: [
+                {
+                  id: 4,
+                  value: "产品部门",
+                  label: "产品部门",
+                },
+                {
+                  id: 5,
+                  value: "研发部门",
+                  label: "研发部门",
+                },
+              ],
+            },
+            {
+              id: 3,
+              value: "人力资源部",
+              label: "人力资源部",
+              children: [
+                {
+                  id: 6,
+                  value: "人事部",
+                  label: "人事部",
+                },
+                {
+                  id: 7,
+                  value: "行政部",
+                  label: "行政部",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata1: [
+        {
+          key: 1,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 2,
+          name: "2",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 3,
+          name: "mask",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 4,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 5,
+          name: "学业受众",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 6,
+          name: "案例受众",
+          time: "2022-10-31 23:12:00",
+          total: "3",
+          state: "已发布",
+          type: "普通受众",
+        },
+      ],
+      tablecolumns1: [
+        {
+          title: "受众名称",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "创建时间",
+          dataIndex: "time",
+          key: "time",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "人数",
+          dataIndex: "total",
+          key: "total",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          key: "state",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "类型",
+          dataIndex: "type",
+          key: "type",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "项目一",
+          label: "项目一",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:Ownervisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.Ownership {
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      display: flex;
+      height: 80%;
+      .left {
+        // overflow-y: auto;
+        width: 65%;
+        height: 100%;
+        border-right: 1px solid rgba(233, 233, 233, 1);
+        .tabs {
+          margin-right: 33px;
+          .tab1 {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .nameinp {
+              display: flex;
+              align-items: center;
+              margin-top: 10px;
+              .namee {
+                color: rgba(0, 0, 0, 0.85);
+                font-size: 14px;
+              }
+            }
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+          .line {
+            width: 100%;
+            height: 40px;
+            background-color: #e9f6fe;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 20px;
+            border: 1px solid #c3e6fc;
+
+            .inline {
+              width: 95%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+
+              // background-color: #bfa;
+              .left1 {
+                height: 100%;
+                display: flex;
+                align-items: center;
+
+                .img {
+                  width: 14px;
+                  height: 15px;
+                  background-image: url(../../assets/images/leveladd/gan.png);
+                  background-size: 100% 100%;
+                }
+
+                .text {
+                  color: #999ba3;
+                }
+
+                .text2 {
+                  color: #4ea6ff;
+                  margin-left: 5px;
+                  margin-right: 5px;
+                }
+
+                .text3 {
+                  color: #999ba3;
+                  margin-left: 20px;
+                }
+              }
+
+              .right1 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #387df7;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+          .tabb {
+            .ant-table-thead > tr > th {
+              background-color: rgba(240, 246, 252, 1);
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .ant-table-tbody > tr > td {
+              border-bottom: 1px solid #f0f6fc;
+              color: rgba(0, 0, 0, 0.65);
+            }
+            th.h {
+              background-color: #eff4fc !important;
+            }
+
+            .ant-table-tbody
+              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+              > td {
+              background: rgba(250, 250, 250, 1);
+            }
+            .ant-table-selection-column {
+              padding: 0 !important;
+            }
+            // table tr td.ant-table-selection-column {
+            //   text-align: right;
+            // }
+            // .ant-checkbox-wrapper {
+            //   align-items: center;
+            //   margin-top: -2px;
+            // }
+            .pa {
+              // left: 0;
+              margin-top: 15px;
+              width: 100%;
+              // height: 20px;
+              // background-color: red;
+              display: flex;
+              justify-content: center;
+              // position: absolute;
+              // bottom: 20px;
+            }
+          }
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+          }
+        }
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .already {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 32px;
+            white-space: nowrap;
+            // margin-bottom: 20px;
+          }
+          .clbox {
+            margin-left: 30px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            width: 104px;
+            height: 32px;
+            border-radius: 4px;
+            background: #409eff;
+            .colose {
+              width: 16px;
+              height: 16px;
+              // border-radius: 8px;
+              // background: #ffffff;
+              // position: relative;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              background-size: 100%;
+              margin-right: 4px;
+            }
+            .allclear {
+              color: rgba(255, 255, 255, 1);
+              font-size: 14px;
+            }
+          }
+        }
+        .selecteds {
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 32px;
+          .chose {
+            width: 64px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+            .ch {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+              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/PowerList.vue b/src/components/drawers/PowerList.vue
new file mode 100644
index 00000000..a87f8571
--- /dev/null
+++ b/src/components/drawers/PowerList.vue
@@ -0,0 +1,546 @@
+<template>
+  <a-drawer
+    :visible="PLvisible"
+    class="drawerStyle powerList"
+    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="search">
+          <div class="leftchoose">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+          </div>
+
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="tableBox" style="margin-top: 10px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tableDataFunc()"
+            :data-source="tableData"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :scroll="{ x: 900, y: 400 }"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div>
+        <div class="pa">
+          <a-pagination
+            showSizeChanger="true"
+            showQuickJumper="true"
+            hideOnSinglePage="true"
+            :pageSize="pageSize"
+            :current="currentPage"
+            :total="tableDataTotal"
+            class="pagination"
+          />
+        </div>
+        <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 350 }"
+            @expand="expandTable"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div> -->
+      </div>
+    </div>
+    <!-- 取消授权弹窗 -->
+    <a-modal
+      v-model:visible="cancelModal"
+      :footer="null"
+      :closable="closeCancel"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCancelModal"></div>
+          </div>
+          <div class="body">
+            <span>是否取消当前用户对此数据的权限</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+
+    <div class="botm"></div>
+    <div class="btnn">
+      <button class="btn1">取消</button>
+      <button class="btn2">确定</button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "PowerList",
+  props: {
+    PLvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      showmodal: false, //勾选提示框
+      closable: false, //modal右上角的关闭按钮
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      selectedRowKeys: [],
+      cancelModal: false, //取消授权弹窗
+      closeCancel: false, //取消授权弹窗关闭图标
+      tableData: [
+        {
+          key: 1,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 2,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 3,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 4,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 6,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "归属权",
+        },
+        {
+          key: 7,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "查看权",
+        },
+        {
+          key: 8,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 9,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 10,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+      ],
+    });
+
+    const closeDrawer = () => {
+      ctx.emit("update:PLvisible", false);
+    };
+
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const showCancelModal = () => {
+      state.cancelModal = true;
+    };
+    const closeCancelModal = () => {
+      state.cancelModal = false;
+    };
+
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: 70,
+          align: "left",
+          className: "classify",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            // console.log(text.record.checked1);
+            return (
+              <div class="racona">
+                <span> {text.record.name}</span>
+              </div>
+            );
+          },
+        },
+        {
+          title: "归属组织",
+          dataIndex: "com",
+          // width: "30%",
+          key: "com",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gang",
+          key: "gang",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "拥有权限",
+          dataIndex: "state",
+          key: "state",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 100,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div
+                class="opa"
+                onClick={() => {
+                  showCancelModal();
+                }}
+              >
+                取消授权
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      onSelectChange,
+      tableDataFunc,
+      showCancelModal,
+      closeCancelModal,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+.me {
+  .ant-modal-body {
+    padding: 0px;
+  }
+}
+
+.powerList {
+  // width: 80%;
+  .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 {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 10px;
+        justify-content: space-between;
+        .leftchoose {
+          display: flex;
+          margin-right: 20px;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
+            }
+            // .name {
+            //   margin-top: 8px;
+
+            //   color: rgba(0, 0, 0, 0.85);
+            //   font-size: 14px;
+            //   font-weight: 400;
+            // }
+          }
+        }
+
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+
+      .tableBox {
+        // margin-bottom: 80px;
+
+        .classify {
+          // margin-left: 11px !important;
+          // padding-left: 9px !important;
+          padding-left: 0px !important;
+        }
+        .ant-checkbox-wrapper {
+          align-items: center;
+          margin-top: -2px;
+        }
+        .ant-table-selection-column {
+          padding: 0px !important;
+          // padding-left: 45px !important;
+        }
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1);
+        }
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .opa {
+          // background-color: #bfa;
+          font-size: 14px;
+          font-weight: 400;
+          color: #388be1;
+          cursor: pointer;
+        }
+      }
+      .pa {
+        // left: 0;
+        margin-top: 25px;
+        margin-bottom: 70px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: center;
+        // position: absolute;
+        // bottom: 20px;
+      }
+      // .tab {
+      //   .ant-table-thead > tr > th {
+      //     background-color: rgba(239, 244, 252, 1) !important;
+      //   }
+
+      //   th.h {
+      //     background-color: #eff4fc !important;
+      //   }
+
+      //   .ant-table-tbody
+      //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      //     > td {
+      //     background: #f6f9fd;
+      //   }
+      // }
+    }
+  }
+  // .botm {
+  //   width: 100%;
+  //   height: 100%;
+  //   background-color: red;
+  //   // flex-shrink: 1;
+  // }
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/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 2c44005f..7f7cf7dc 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -18,7 +18,7 @@
       <div class="main">
         <div class="left">
           <div class="tabs">
-            <a-tabs v-model:activeKey="activeKey">
+            <a-tabs v-model:activeKey="stuaddTab" @change="stuaddChange">
               <a-tab-pane key="1" tab="快速选人">
                 <div class="tab1">
                   <div class="nameinp">
@@ -60,7 +60,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 560, y: 560 }"
+                    :scroll="{ x: 540, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -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>
@@ -201,6 +219,7 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      stuaddTab: "1",
       organizeList: [
         {
           id: 1,
@@ -392,6 +411,10 @@ export default {
           width: 40,
           align: "center",
           className: "h",
+          sorter: {
+            compare: (a, b) => a.time - b.time,
+            multiple: 3,
+          },
         },
         {
           title: "人数",
@@ -421,8 +444,13 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:Stuvisible", false);
+      state.stuaddTab = "1";
     };
 
+    const stuaddChange = (e) => {
+      state.stuaddTab = e;
+    }
+
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
@@ -432,22 +460,23 @@ export default {
       afterVisibleChange,
       closeDrawer,
       // change,
+      stuaddChange,
     };
   },
 };
 </script>
 
-<style scoped lang="scss" >
+<style lang="scss" >
 .stuadd {
-  .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;
@@ -471,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/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 69d0a485..4bddd2c2 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -67,7 +67,7 @@
         </div>
         <div class="btn btn3">
           <div class="search"></div>
-          <div class="btnText">导出</div>
+          <div class="btnText" @click="openMessage">导出</div>
         </div>
         <div class="btn btn4">
           <div class="search"></div>
@@ -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"
@@ -120,7 +122,7 @@
             <div class="b_sub">
               <div class="bs_header">
                 <div class="b_left">课程命名规则</div>
-                <div class="b_right" @click="hideShow">
+                <div class="b_right" @click="hideShow" style="cursor: pointer">
                   <div
                     class="b_zk"
                     :style="{ display: hideshow ? 'block' : 'none' }"
@@ -295,7 +297,11 @@
                 <div class="i2_cz">
                   <div class="i2_top">
                     <div class="i2_left">课程命名规则</div>
-                    <div class="i2_right" @click="hideShow">
+                    <div
+                      class="i2_right"
+                      @click="hideShow"
+                      style="cursor: pointer"
+                    >
                       <div
                         class="b_zk"
                         :style="{ display: hideshow ? 'block' : 'none' }"
@@ -499,7 +505,7 @@
                     <span style="margin-right: 10px">附件</span>
                   </div>
                   <div class="item_inp">
-                    <div class="accessory">
+                    <div class="accessory" style="cursor: pointer">
                       <div class="accessory_icon">
                         <img
                           src="@/assets/images/coursewareManage/enclosure.png"
@@ -617,19 +623,9 @@
         </div>
       </div>
     </a-modal>
-
     <!-- 确定新建面授课弹窗 -->
     <!-- 表格 -->
     <div class="tableBox">
-      <!-- <a-table
-        :columns="tableDataFunc()"
-        :data-source="tableData"
-        :loading="tableDataTotal === -1 ? true : false"
-        :scroll="{ x: 600 }"
-        expandRowByClick="true"
-        @expand="expandTable"
-        :pagination="false"
-      /> -->
       <a-table
         :columns="columns1"
         :data-source="tableData1"
@@ -655,7 +651,7 @@
         <div class="headerLeft">
           <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+            src="@/assets/images/coursewareManage/pc.png"
           />
           <div :style="{ display: ft_1 ? 'none' : 'block' }">
             <span class="headerLeftText">在线课程管理</span>
@@ -811,7 +807,7 @@
         <div class="headerLeft">
           <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+            src="@/assets/images/coursewareManage/detail.png"
           />
           <span class="headerLeftText">查看详情</span>
         </div>
@@ -847,7 +843,7 @@
     </a-modal>
     <!-- 面授课程管理查看详情页面 -->
     <!-- 操作授权页面 -->
-    <a-modal
+    <!-- <a-modal
       v-model:visible="gpm_hs"
       title="Title"
       @ok="closeModal"
@@ -860,7 +856,7 @@
         <div class="headerLeft">
           <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+            src="@/assets/images/coursewareManage/givepower.png"
           />
           <span class="headerLeftText">授权</span>
         </div>
@@ -944,7 +940,7 @@
           </div>
         </div>
       </div>
-    </a-modal>
+    </a-modal> -->
     <!--操作授权页面 -->
     <!--开课页面 -->
     <a-modal
@@ -960,7 +956,7 @@
         <div class="headerLeft">
           <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+            src="@/assets/images/coursewareManage/scht.png"
           />
           <span class="headerLeftText">开课</span>
         </div>
@@ -1019,7 +1015,31 @@
                 </div>
               </div>
             </div>
-            <div class="stm_table">
+            <!-- 无数据样式 -->
+            <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>
+                <div class="smallleft"></div>
+                <div class="smallright"></div>
+              </div>
+            </div>
+            <!-- 无数据样式 -->
+            <!-- 有数据表格 -->
+            <div
+              class="stm_table"
+              :style="{ display: stm_hs ? 'block' : 'none' }"
+            >
               <a-table
                 :columns="columns6"
                 :data-source="tableData6"
@@ -1048,6 +1068,7 @@
                 }"
               />
             </div>
+            <!-- 有数据表格 -->
           </div>
         </div>
       </div>
@@ -1257,7 +1278,7 @@
         <div class="headerLeft">
           <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+            src="@/assets/images/coursewareManage/stum.png"
           />
           <span class="headerLeftText">学员管理</span>
         </div>
@@ -1397,23 +1418,36 @@
       :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>
-          <div class="qrm_btnbox">
-            <div class="qrm_btn btn1">
-              <div class="btnText" @click="qr_exit">取消</div>
-            </div>
-            <div class="qrm_btn btn2">
-              <div class="btnText" @click="qr_exit">确定</div>
-            </div>
+          <div class="qrm_footer">
+            <span style="margin-left: 52px">下载二维码</span>
+            <div class="qrmbtn"><div class="btntext">200*200</div></div>
+            <div class="qrmbtn"><div class="btntext">400*400</div></div>
+            <div class="qrmbtn"><div class="btntext">800*800</div></div>
           </div>
         </div>
       </div>
@@ -1600,11 +1634,114 @@
       </div>
     </a-modal>
     <!--请确定是否拒绝此学员学习此课程弹窗 -->
+    <!--删除弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--删除弹窗 -->
+    <!--复制弹窗 -->
+    <a-modal
+      v-model:visible="copy_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: copy_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="copy_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="copy_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--复制弹窗 -->
+    <!--停用弹窗 -->
+    <a-modal
+      v-model:visible="nouse_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: nouse_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="nouse_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要停用此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="nouse_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="nouse_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--停用弹窗 -->
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <own-power v-model:ownpowervisible="ownpowervisible" />
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <!-- 添加授权侧弹窗 -->
+    <div>
+      <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
+    </div>
+    <!-- 添加授权侧弹窗 -->
   </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: "序号",
@@ -1776,43 +1913,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: "序号",
@@ -1945,7 +2083,10 @@ const columns7 = [
   },
 ];
 export default defineComponent({
-  components: {},
+  components: {
+    OwnPower,
+    Corpowerlist,
+  },
   setup() {
     const state = reactive({
       tableData1: [
@@ -1963,7 +2104,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: false,
         },
         {
@@ -1980,7 +2120,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -1997,7 +2136,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -2014,7 +2152,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "停用",
           kkty: true,
         },
         {
@@ -2031,7 +2168,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -2048,7 +2184,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
       ],
@@ -2088,43 +2223,44 @@ 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,
@@ -2254,7 +2390,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,
@@ -2264,6 +2400,19 @@ export default defineComponent({
       graduate_hs: false,
       agreestudy_hs: false,
       rejectstudy_hs: false,
+      delete_hs: false,
+      copy_hs: false,
+      nouse_hs: false,
+      // 二维码标题状态
+      qrQR_hs: false,
+      olQR_hs: false,
+      ftQR_hs: false,
+      ftsQR_hs: false,
+      vipftQR_hs:false,
+      //抽屉状态
+      ownpowervisible: false,
+      corpowerlistvisible: false,
+
       value: "",
       value5: "",
       value6: "",
@@ -2278,6 +2427,7 @@ export default defineComponent({
       selectedRowKeys: [],
       faceManageTab: "1",
     });
+    // 渲染列表1操作
     const getTableDate = () => {
       let datas = state.tableData1;
       datas.map((value) => {
@@ -2317,7 +2467,13 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops3">
-                      <div class="jc" style={{ width: "30px" }}>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          state.copy_hs = true;
+                        }}
+                        style={{ width: "30px" }}
+                      >
                         复制
                       </div>
                     </div>
@@ -2332,7 +2488,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2341,7 +2497,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2371,19 +2527,18 @@ 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;
+                                }
                               }}
                             >
                               二维码
                             </div>
                           </a-select-option>
-                          <a-select-option
-                            value="复制"
-                            label="复制"
-                            style="padding-left:35px"
-                          >
-                            <div>复制</div>
-                          </a-select-option>
                           <a-select-option
                             value="取消"
                             label="取消"
@@ -2434,7 +2589,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2443,7 +2598,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2486,7 +2641,13 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops3" style={{ "margin-right": "10px" }}>
-                      <div class="jc" style={{ width: "30px" }}>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          state.copy_hs = true;
+                        }}
+                        style={{ width: "30px" }}
+                      >
                         复制
                       </div>
                     </div>
@@ -2513,7 +2674,13 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops3">
-                      <div class="jc" style={{ width: "30px" }}>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          state.copy_hs = true;
+                        }}
+                        style={{ width: "30px" }}
+                      >
                         复制
                       </div>
                     </div>
@@ -2528,7 +2695,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2537,7 +2704,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2553,7 +2720,13 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops5">
-                      <div class="jc" style="margin-left:22px">
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          state.delete_hs = true;
+                        }}
+                        style="margin-left:22px"
+                      >
                         删除
                       </div>
                     </div>
@@ -2569,6 +2742,7 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate();
+    //渲染学员管理操作
     const getTableDate2 = () => {
       let data2 = state.tableData7;
       data2.map((value) => {
@@ -2632,6 +2806,7 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate2();
+    // 渲染开课操作
     const getTableDate3 = () => {
       let datas = state.tableData6;
       datas.map((value) => {
@@ -2641,7 +2816,15 @@ export default defineComponent({
             <div class="operation">
               <div class="nSelect">
                 <div class="nselect">
-                  <div class="jc">签到</div>
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      state.QR_hs = true;
+                      state.ftsQR_hs = true;
+                    }}
+                  >
+                    签到
+                  </div>
                   <div class="jc">编辑</div>
                   <div
                     class="jc"
@@ -2663,19 +2846,39 @@ export default defineComponent({
                         label="复制"
                         style="padding-left:35px"
                       >
-                        <div>复制</div>
+                        <div
+                          onClick={() => {
+                            state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
                       </a-select-option>
                       <a-select-option
-                        value="取消"
-                        label="取消"
+                        value="删除"
+                        label="删除"
                         style="padding-left:35px"
                       >
                         <div
                           onClick={() => {
-                            console.log("点击了");
+                            state.delete_hs = true;
                           }}
                         >
-                          取消
+                          删除
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="QR"
+                        label="QR"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.QR_hs = true;
+                            state.vipftQR_hs = true;
+                          }}
+                        >
+                          二维码
                         </div>
                       </a-select-option>
                     </a-select>
@@ -2689,6 +2892,7 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate3();
+    //渲染学员管理结业状态
     const getTableDate4 = () => {
       let data2 = state.tableData7;
       data2.map((value) => {
@@ -2749,6 +2953,40 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate4();
+    //渲染列表是否停用
+    const getTableDate5 = () => {
+      let data2 = state.tableData1;
+      data2.map((value) => {
+        {
+          //单层项目
+          value.ynuse = (
+            <div class="ynuse">
+              <div class="nSelect">
+                {value.status === "审核未通过" ? (
+                  <div
+                    class="use"
+                    onClick={() => {
+                      state.nouse_hs = true;
+                    }}
+                  >
+                    停用
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status !== "审核未通过" ? (
+                  <div class="use">启用</div>
+                ) : (
+                  <div></div>
+                )}
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = data2;
+    };
+    getTableDate5();
     const options1 = ref([
       {
         value: "value1",
@@ -2796,6 +3034,7 @@ export default defineComponent({
     };
     const of_exit = () => {
       state.of_hs = false;
+      state.valueE1 = "";
     };
     const hideShow = () => {
       if (state.hideshow == true) {
@@ -2811,6 +3050,7 @@ export default defineComponent({
       if (state.bs_hs == false) {
         state.of_hs = false;
         state.ft_hs = true;
+        state.valueE1 = "";
       }
     };
     const ft_exit = () => {
@@ -2847,6 +3087,11 @@ export default defineComponent({
     };
     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;
@@ -2860,6 +3105,15 @@ export default defineComponent({
     const rejectstudy_exit = () => {
       state.rejectstudy_hs = false;
     };
+    const delete_exit = () => {
+      state.delete_hs = false;
+    };
+    const copy_exit = () => {
+      state.copy_hs = false;
+    };
+    const nouse_exit = () => {
+      state.nouse_hs = false;
+    };
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       state.selectedRowKeys = selectedRowKeys;
@@ -2868,13 +3122,26 @@ export default defineComponent({
     const faceManageChange = (e) => {
       state.faceManageTab = e;
     };
-
+    const key = "updatable";
+    const openMessage = () => {
+      message.loading({
+        content: "Loading...",
+        key,
+      });
+      setTimeout(() => {
+        message.success({
+          content: "导出成功",
+          key,
+          duration: 2,
+        });
+      }, 1000);
+    };
     return {
       ...toRefs(state),
       columns1,
       columns2,
       columns4,
-      columns5,
+      // columns5,
       columns6,
       columns7,
       getTableDate,
@@ -2901,8 +3168,12 @@ export default defineComponent({
       graduate_exit,
       agreestudy_exit,
       rejectstudy_exit,
+      delete_exit,
+      copy_exit,
+      nouse_exit,
       onSelectChange,
       faceManageChange,
+      openMessage,
     };
   },
 });
@@ -2941,8 +3212,8 @@ export default defineComponent({
     }
     .btns {
       display: flex;
-      // flex-wrap: wrap;
       margin-left: 38px;
+      cursor: pointer;
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -2983,7 +3254,7 @@ export default defineComponent({
         .search {
           width: 17px;
           height: 18px;
-          background-image: url("../../assets/images/courseManage/add1.png");
+          background-image: url("../../assets/images/coursewareManage/export.png");
         }
       }
       .btn4 {
@@ -3015,7 +3286,7 @@ export default defineComponent({
       .btn3:hover {
         background: rgba(64, 158, 255, 1);
         .search {
-          background-image: url("../../assets/images/courseManage/add0.png");
+          background-image: url("../../assets/images/coursewareManage/export1.png");
         }
         .btnText {
           color: #ffffff;
@@ -3056,8 +3327,17 @@ export default defineComponent({
         justify-content: right;
       }
     }
+    .ynuse {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .use {
+        cursor: pointer;
+      }
+    }
   }
 }
+
 .selectonlineface {
   z-index: 999;
   width: 679px;
@@ -3198,6 +3478,7 @@ export default defineComponent({
     }
   }
 }
+
 .createschooltime {
   z-index: 999;
   width: 679px;
@@ -3368,6 +3649,7 @@ export default defineComponent({
             }
             .qrm_body {
               width: 100%;
+              margin-bottom: 32px;
               .QR_img {
                 width: 176px;
                 height: 176px;
@@ -3375,35 +3657,24 @@ export default defineComponent({
                 background-color: red;
               }
             }
-            .qrm_btnbox {
+            .qrm_footer {
               display: flex;
-              margin: 30px auto;
-              justify-content: center;
-              .qrm_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
+              align-items: center;
+              margin-bottom: 44px;
+              .qrmbtn {
+                width: 80px;
+                height: 32px;
                 display: flex;
-                align-items: center;
+                line-height: 32px;
                 justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
+                border-radius: 4px;
+                border: 1px solid #387df7;
+                margin-left: 16px;
                 cursor: pointer;
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
+                .btntext {
+                  color: #387df7;
                 }
               }
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
             }
           }
         }
@@ -3690,7 +3961,6 @@ export default defineComponent({
                 display: flex;
                 align-items: center;
                 justify-content: center;
-                margin-right: 14px;
                 flex-shrink: 0;
                 cursor: pointer;
                 .btnText {
@@ -3702,6 +3972,7 @@ export default defineComponent({
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
+                margin-right: 14px;
               }
               .btn2 {
                 background-color: #4ea6ff;
@@ -3778,6 +4049,7 @@ export default defineComponent({
                 }
                 .bm_btn {
                   display: flex;
+                  cursor: pointer;
                   .btn {
                     padding: 0px 26px 0px 26px;
                     height: 40px;
@@ -3912,16 +4184,16 @@ export default defineComponent({
                     align-items: center;
                     margin-bottom: 5px;
                     cursor: pointer;
-                    .addimg{
+                    .addimg {
                       position: relative;
-                      .heng{
+                      .heng {
                         position: absolute;
                         top: 50px;
                         left: 25px;
                         width: 50px;
                         border: 1px solid #4ea6ff;
                       }
-                      .shu{
+                      .shu {
                         position: absolute;
                         top: 25px;
                         left: 50px;
@@ -4005,8 +4277,8 @@ export default defineComponent({
                     left: 395px;
                     bottom: 10px;
                   }
-                  }
                 }
+              }
               .mbl_items12 {
                 width: 440px;
                 margin-left: 100px;
@@ -4020,7 +4292,7 @@ export default defineComponent({
                   .file_img {
                     width: 27px;
                     height: 32px;
-                    background-color: red;
+                    background-image: url(@/assets/images/coursewareManage/imgs.png);
                     margin-right: 22px;
                   }
                   .file_detail {
@@ -4380,6 +4652,55 @@ export default defineComponent({
                 }
               }
             }
+            .notable {
+              width: 100%;
+              height: 100%;
+              display: flex;
+              justify-content: center;
+              .notablebox {
+                width: 412px;
+                height: 212px;
+                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+                border-radius: 10px;
+                display: flex;
+                justify-content: center;
+                text-align: center;
+                margin-top: 77px;
+                margin-bottom: 109px;
+                cursor: pointer;
+                position: relative;
+                .smallleft {
+                  position: absolute;
+                  top: 18px;
+                  left: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 0px 4px 4px 0px;
+                  background-color: #ffb64e;
+                }
+                .smallright {
+                  position: absolute;
+                  bottom: 18px;
+                  right: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 4px 0px 0px 4px;
+                  background-color: #ffb64e;
+                }
+                .boxbody {
+                  .boximg {
+                    width: 72px;
+                    height: 72px;
+                    margin: 32px auto 20px auto;
+                    background-image: url(@/assets/images/coursewareManage/nostate.png);
+                    background-size: 100% 100%;
+                  }
+                  .boxtitle {
+                    margin-bottom: 4px;
+                  }
+                }
+              }
+            }
             .stm_table {
               width: 90%;
               margin: 30px auto;
@@ -4675,4 +4996,97 @@ export default defineComponent({
     }
   }
 }
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index d5c582a6..36cc7d77 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -71,7 +71,7 @@
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
         expandRowByClick="true"
-        :scroll="{ x: 1600 }"
+        :scroll="{ x: 1550 }"
         @expand="expandTable"
         :pagination="false"
       />
@@ -90,6 +90,7 @@
 
     <!-- 表格 -->
 
+    <!-- 创建路径弹窗 -->
     <a-modal
       :closable="sh"
       centered="true"
@@ -175,13 +176,242 @@
         </div>
       </div></a-modal
     >
+    <!-- 发布弹窗 -->
+    <a-modal
+      v-model:visible="pub"
+      :title="null"
+      :footer="null"
+      :closable="false"
+      wrapClassName="pub"
+      width="679px"
+      height="437px"
+    >
+      <div
+        class="modalHeader"
+        style="
+          width: 100%;
+          height: 68px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        "
+      >
+        <div class="headerLeft" style="margin-left: 32px">
+          <span style="width: 15px; height: 15px"
+            ><img src="../../assets/images/taskpage/pub.png"
+          /></span>
+          <span
+            class="headerLeftText"
+            style="font-size: 16px; margin-left: 10px"
+            >路径发布</span
+          >
+        </div>
+        <div style="cursor: pointer; margin-right: 32px" @click="closePub">
+          <img
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="projectname">产品经理上升路径</div>
+        <div class="projecttime">
+          <span class="timeti">路径时间：</span
+          ><span class="timeme">2022/08/01-2022/08/30</span>
+        </div>
+        <div class="projectbox">
+          <div class="promessage">
+            <div class="messageme">路径信息</div>
+            <div class="messagege">当前路径共0个阶段，0个任务</div>
+          </div>
+          <div class="stumessage">
+            <div class="messageme1">学员信息</div>
+            <div class="messagege1">路径共0名学员</div>
+          </div>
+        </div>
+        <div class="send">
+          <a-switch v-model:checked="checked" size="small" />
+          <span class="sendtext">发送路径通知</span>
+        </div>
+        <div class="ckb">
+          <a-checkbox v-model:checked="checkedTeacher"
+            ><span class="sendpeo">发给老师</span></a-checkbox
+          >
+          <a-checkbox v-model:checked="checkStu"
+            ><span class="sendpeo">发给学员</span></a-checkbox
+          >
+        </div>
+        <div class="pubtn">
+          <a-button class="pubtn1" @click="closeModal">取消</a-button>
+          <a-button class="pubtn2" @click="closeModal">发布</a-button>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 停用路径弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要停用此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除路径弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 启用路径弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要启用此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回路径</span>
+            <div class="back">（路径撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 归属权抽屉 -->
+    <owner-ship v-model:Ownervisible="Ownervisible" />
+    <!-- 授权名单抽屉 -->
+    <power-list v-model:PLvisible="PLvisible" />
   </div>
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
+import OwnerShip from "../../components/drawers/Ownership";
+import PowerList from "../../components/drawers/PowerList";
 
 export default {
   name: "learningPath",
+  components: { OwnerShip, PowerList },
   setup() {
     const state = reactive({
       projectNameList: [
@@ -337,6 +567,22 @@ export default {
         },
       ],
       learnPathBg: null, //选择的路径图背景
+      pub: false, //发布弹窗
+      checked: false, //发布弹窗switch
+      checkedTeacher: false, //发布弹窗勾选
+      checkStu: false, //发布弹窗勾选
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
+      Ownervisible: false, //归属权抽屉
+      PLvisible: false, //授权名单抽屉
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -427,6 +673,48 @@ export default {
       console.log(id);
       state.learnPathBg = id;
     };
+    const showPub = () => {
+      state.pub = true;
+    };
+    const closePub = () => {
+      state.pub = false;
+    };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    const showDeleteModal = () => {
+      state.deleteModal = true;
+    };
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    const showStartModal = () => {
+      state.startModal = true;
+    };
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    const showBackModal = () => {
+      state.backModal = true;
+    };
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+    const showOwner = () => {
+      state.Ownervisible = true;
+    };
+    const showPower = () => {
+      state.PLvisible = true;
+    };
     const getTableDate = () => {
       let data = state.tableData;
       data.map((value) => {
@@ -437,7 +725,15 @@ export default {
               <div class="nSelect">
                 {value.state === "草稿" ? (
                   <div class="fb">
-                    <div class="jc">发布</div>
+                    <div
+                      style="cursor:pointer"
+                      class="jc"
+                      onClick={() => {
+                        showPub();
+                      }}
+                    >
+                      发布
+                    </div>
                     <div class="jc">编辑</div>
                   </div>
                 ) : (
@@ -452,7 +748,15 @@ export default {
                 )}
                 {value.state === "已停用" ? (
                   <div class="fb">
-                    <div class="jc">复制</div>
+                    <div
+                      style="cursor:pointer"
+                      class="jc"
+                      onClick={() => {
+                        showCopyModal();
+                      }}
+                    >
+                      复制
+                    </div>
                   </div>
                 ) : (
                   <div></div>
@@ -470,12 +774,18 @@ export default {
                   dropdownClassName="tabledropdown"
                 >
                   <a-select-option value="权限名单" label="权限名单">
-                    <div>权限名单</div>
+                    <div
+                      onClick={() => {
+                        showPower();
+                      }}
+                    >
+                      权限名单
+                    </div>
                   </a-select-option>
                   <a-select-option value="归属权" label="归属权">
                     <div
                       onClick={() => {
-                        console.log("点击了");
+                        showOwner();
                       }}
                     >
                       归属权
@@ -488,33 +798,140 @@ export default {
                     <div>管理权</div>
                   </a-select-option>
                 </a-select>
-                <a-select
-                  style="width: 50px;margin-top:2px;margin-left:25px"
-                  value="更多"
-                  // options={state.projectNameList}
-                  dropdownClassName="tabledropdown"
-                >
-                  <a-select-option
-                    value="复制"
-                    label="复制"
-                    style="padding-left:35px"
-                  >
-                    <div>复制</div>
-                  </a-select-option>
-                  <a-select-option
-                    value="取消"
-                    label="取消"
-                    style="padding-left:35px"
-                  >
-                    <div
-                      onClick={() => {
-                        console.log("点击了");
-                      }}
+              </div>
+              <div class="tableSelect">
+                {value.state === "草稿" ? (
+                  <div>
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-right:20px;"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
                     >
-                      取消
-                    </div>
-                  </a-select-option>
-                </a-select>
+                      <a-select-option
+                        value="复制"
+                        label="复制"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showCopyModal();
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="停用"
+                        label="停用"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showStopModal();
+                          }}
+                        >
+                          停用
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showDeleteModal();
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.state === "已发布" ? (
+                  <div>
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-right:20px;"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="复制"
+                        label="复制"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showCopyModal();
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+
+                      <a-select-option
+                        value="撤回"
+                        label="撤回"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showBackModal();
+                          }}
+                        >
+                          撤回
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.state === "已停用" ? (
+                  <div>
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-right:20px;"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="启用"
+                        label="启用"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showStartModal();
+                          }}
+                        >
+                          启用
+                        </div>
+                      </a-select-option>
+
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            showDeleteModal();
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
               </div>
             </div>
           );
@@ -528,6 +945,20 @@ export default {
       selectProjectName,
       expandTable,
       handleOut,
+      showPub,
+      closePub,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
+      showOwner,
+      showPower,
       tableDataFunc,
       chooseImg,
     };
@@ -724,6 +1155,253 @@ export default {
     }
   }
 }
+.pub {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+        }
+        .projecttime {
+          margin-left: 221px;
+          .timeti {
+            color: rgba(153, 155, 163, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+          .timeme {
+            color: rgba(79, 81, 86, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+        }
+        .projectbox {
+          margin-top: 26px;
+          display: flex;
+          justify-content: center;
+          .promessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
+            );
+            border-radius: 10px;
+            margin-right: 7px;
+            .messageme {
+              color: rgba(255, 182, 78, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+            .messagege {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
+            );
+            border-radius: 10px;
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+        }
+        .send {
+          margin-top: 30px;
+          margin-left: 61px;
+          .sendtext {
+            margin-left: 11px;
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
+        }
+        .ckb {
+          margin-top: 20px;
+          margin-left: 62px;
+          .sendpeo {
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
+          .ant-checkbox-inner {
+            border-radius: 4px;
+          }
+        }
+        .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;
+          }
+        }
+      }
+    }
+  }
+}
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .learningPath {
   width: 100%;
   height: 100%;
@@ -852,78 +1530,27 @@ export default {
     .nSelect {
       .fb {
         display: flex;
+        white-space: nowrap;
         .jc {
           color: #4ea6ff;
           font-size: 14px;
           margin-left: 20px;
+          white-space: nowrap;
         }
       }
     }
     .tableSelect {
-      margin-right: 20px;
+      // margin-right: 20px;
       display: flex;
       align-items: center;
       justify-content: right;
+      white-space: nowrap;
       .g1 {
         color: #4ea6ff;
         font-size: 14px;
       }
     }
   }
-  // .operation {
-  //   font-size: 14px;
-  //   font-weight: 400;
-  //   color: #4ea6ff;
-  //   // line-height: 36px;
-  //   .operation1 {
-  //     margin-left: 21px;
-  //     width: 28px;
-  //     display: inline-block;
-  //   }
-  //   .operation3 {
-  //     margin-left: 21px;
-  //     width: 70px;
-  //     display: inline-block;
-  //     text-align: center;
-  //   }
-  //   .more {
-  //     width: 50px;
-  //     display: inline-block;
-  //     margin-left: 21px;
-  //     position: relative;
-  //     text-align: left;
-  //     // z-index: 99999;
-  //     .moreArrow {
-  //       width: 13px;
-  //       height: 7px;
-  //       display: inline-block;
-  //       background-image: url("../../assets/images/navtop/down.png");
-  //       background-size: 100%;
-  //       margin: 2px;
-  //       margin-left: 7px;
-  //     }
-  //     .moreItems {
-  //       width: 80px;
-  //       padding: 5px;
-  //       display: none;
-  //       background: #ffffff;
-  //       box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-  //       border-radius: 3px;
-  //       border: 0px solid #dcdcdc;
-  //       position: absolute;
-  //       left: 0px;
-  //       top: 28px;
-  //       z-index: 100;
-  //       text-align: center;
-  //     }
-  //   }
-  //   .more:hover .moreArrow {
-  //     background-image: url("../../assets/images/navtop/up.png");
-  //   }
-  //   .more:hover .moreItems {
-  //     display: block;
-  //   }
-  // }
 
   .unout {
     display: none;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 3ca26d18..84bd43ac 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -74,13 +74,7 @@
               </div>
               <div
                 class="taskbox"
-                style="
-                  background: linear-gradient(
-                    180deg,
-                    rgba(221, 234, 255, 1),
-                    rgba(240, 248, 254, 1)
-                  );
-                "
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
@@ -99,13 +93,7 @@
               <div
                 class="taskbox"
                 @click="showModal"
-                style="
-                  background: linear-gradient(
-                    180deg,
-                    rgba(229, 246, 236, 1),
-                    rgba(238, 249, 243, 1)
-                  );
-                "
+                style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left3.png" />
@@ -1057,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" />
     <!-- 面授学员抽屉 -->
@@ -1088,11 +1078,6 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            background: linear-gradient(
-              0deg,
-              rgba(78, 166, 255, 0) 0%,
-              rgba(78, 166, 255, 0.2) 100%
-            );
           "
         >
           <div class="headerLeft" style="margin-left: 32px">
@@ -1240,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: {
@@ -1253,6 +1239,7 @@ export default {
     TestManage,
     StuAdd,
     ImportStu,
+    SeeStu,
   },
   setup() {
     const state = reactive({
@@ -1419,6 +1406,7 @@ export default {
       TMvisible: false, //考试管理
       Stuvisible: false, //添加学员
       Importvisible: false, //导入学员
+      Seevisible: true, //查看学员
       pubproject: false,
       stugroup: false,
       checked: false,
@@ -1426,7 +1414,7 @@ export default {
       checked2: false,
       checkedd: false, //设置按钮1
       checkedd2: false, //设置按钮2
-      activeKey: "6",
+      activeKey: "1",
       activeKey1: "8",
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
@@ -1806,6 +1794,9 @@ export default {
     const showStuAdd = () => {
       state.Stuvisible = true;
     };
+    const showSeeStu = () => {
+      state.Seevisible = true;
+    };
     const showImportStu = () => {
       state.Importvisible = true;
     };
@@ -1833,6 +1824,7 @@ export default {
       changecheck3,
       showStuAdd,
       showImportStu,
+      showSeeStu,
     };
   },
 };
@@ -1847,7 +1839,20 @@ export default {
 .pubproject {
   .ant-modal {
     .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
       padding: 0;
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);