From ad174acb3036355a071398b7de9f573f0b5797cf Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Fri, 21 Oct 2022 10:47:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=8E=88=E6=9D=83=E5=90=8D=E5=8D=95=20?=
 =?UTF-8?q?=E6=8E=88=E6=9D=83=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=20?=
 =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81=E9=80=80=E5=87=BA=E6=B8=85=E9=99=A4?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/CorPowerlist.vue      |  352 +++++
 src/components/drawers/OwnPower.vue          | 1402 +++++++++---------
 src/components/drawers/Ownership.vue         |    1 +
 src/views/courselibrary/CoursewareManage.vue |  294 ++--
 4 files changed, 1246 insertions(+), 803 deletions(-)
 create mode 100644 src/components/drawers/CorPowerlist.vue

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/OwnPower.vue b/src/components/drawers/OwnPower.vue
index 57a410a4..ca7183fe 100644
--- a/src/components/drawers/OwnPower.vue
+++ b/src/components/drawers/OwnPower.vue
@@ -1,726 +1,776 @@
 <template>
-    <a-drawer
-      :visible="ownpowervisible"
-      class="drawerStyle ownpower"
-      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="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>
-                    <a-cascader
-                          v-model:value="value"
-                          placeholder="请输入组织名称"
-                          :options="organizeList"
+  <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>
-                </a-tab-pane>
-                <a-tab-pane key="3" tab="受众关联">
-                  <div class="tab1">
-                    <div class="nameinp">
-                      <div class="namee">受众名称：</div>
-                      <a-select
-                          v-model:value="value"
-                          style="width: 264px; border-radius: 8px"
-                          placeholder="请输入组织名称"
-                          :options="organizeList1"
-                      />
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1">
+                        <img
+                          src="../../assets/images/courseManage/search0.png"
+                        />
+                      </div>
+                      <div class="wz">搜索</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 class="btn2">
+                      <div class="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
                       </div>
+                      <div class="wz">重置</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 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 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>
+                <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 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>
-              <div class="chose">李大明</div>
-              <div class="chose">李二明</div>
-              <div class="chose">李明</div>
-              <div class="chose">李大明</div>
-              <div class="chose">李二明</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="btnn">
-          <button class="btn1">取消</button>
-          <button class="btn2">确定</button>
+        <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>
-    </a-drawer>
-    
-  </template>
+      <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,
-      },
+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>
+  },
+  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;
+.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;
       }
     }
-    .drawerMain {
-      min-width: 600px;
-      margin: 0px 32px 0px 32px;
-      overflow-x: scroll;
+    .main {
       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.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;
-                    }
-                  }
-                }
+      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;
               }
-              .line {
-                width: 100%;
+            }
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
                 height: 40px;
-                background-color: #e9f6fe;
+                margin-right: 16px;
                 display: flex;
+                align-items: center;
                 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;
-                  }
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
                 }
               }
-              .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 {
+              .btn2 {
+                width: 100px;
+                height: 40px;
                 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;
-                  }
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
                 }
               }
             }
           }
-          .right {
-            width: 35%;
-            .onerow {
+          .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;
-              align-items: center;
-              .already {
-                color: rgba(51, 51, 51, 1);
-                font-size: 16px;
-                font-weight: 500;
-                margin-left: 32px;
-              }
-              .clbox {
+
+              // 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;
-                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;
-              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;
               }
             }
           }
+          .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;
+              }
+            }
+          }
+        }
       }
-      .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;
+      .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;
+            }
+          }
         }
-        .btn2 {
-          cursor: pointer;
-          width: 100px;
-          height: 40px;
-          background: #4ea6ff;
-          border-radius: 8px;
-          border: 0;
-          margin-left: 15px;
-          color: #fff;
+        .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
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/Ownership.vue b/src/components/drawers/Ownership.vue
index 6fe9cc3f..f0267f44 100644
--- a/src/components/drawers/Ownership.vue
+++ b/src/components/drawers/Ownership.vue
@@ -765,6 +765,7 @@ export default {
               background-image: url(../../assets/images/basicinfo/ch.png);
               right: -8px;
               top: -8px;
+              cursor: pointer;
             }
           }
         }
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 748a3862..4bddd2c2 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -79,9 +79,11 @@
     <!-- 选择线上还是面授课弹窗 -->
     <a-modal
       v-model:visible="of_hs"
-      :closable="false"
+      :closable="closableQR"
+      wrapClassName="sofModal"
       :footer="null"
       style="margin-top: 400px"
+      @cancel="of_exit"
     >
       <div
         class="selectonlineface"
@@ -841,7 +843,7 @@
     </a-modal>
     <!-- 面授课程管理查看详情页面 -->
     <!-- 操作授权页面 -->
-    <a-modal
+    <!-- <a-modal
       v-model:visible="gpm_hs"
       title="Title"
       @ok="closeModal"
@@ -938,7 +940,7 @@
           </div>
         </div>
       </div>
-    </a-modal>
+    </a-modal> -->
     <!--操作授权页面 -->
     <!--开课页面 -->
     <a-modal
@@ -1014,20 +1016,30 @@
               </div>
             </div>
             <!-- 无数据样式 -->
-            <div class="notable" :style="{ display: stm_hs ?  'none' : 'block'  }">
+            <div
+              class="notable"
+              :style="{ display: stm_hs ? 'none' : 'block' }"
+            >
               <div class="notablebox">
                 <div class="boxbody">
                   <div class="boximg"></div>
-                  <div class="boxtitle"><span style="color:#FFB64E;font-size: 20px;">无课程</span></div>
-                  <div class="boxtitle2"><span style="color:#878B92;">请点击新建开课，创建课程</span></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                  </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击新建开课，创建课程</span>
+                  </div>
                 </div>
                 <div class="smallleft"></div>
-                  <div class="smallright"></div>
+                <div class="smallright"></div>
               </div>
             </div>
             <!-- 无数据样式 -->
             <!-- 有数据表格 -->
-            <div class="stm_table" :style="{ display: stm_hs ? 'block' : 'none' }">
+            <div
+              class="stm_table"
+              :style="{ display: stm_hs ? 'block' : 'none' }"
+            >
               <a-table
                 :columns="columns6"
                 :data-source="tableData6"
@@ -1406,17 +1418,28 @@
       :closable="closableQR"
       wrapClassName="QRModal"
       style="margin-top: 400px"
-      destroyOnClose
+      @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>
-            <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: 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>
@@ -1707,12 +1730,18 @@
     <!-- 学员管理课程库-归属权抽屉 -->
     <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: "序号",
@@ -1884,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: "序号",
@@ -2055,6 +2085,7 @@ const columns7 = [
 export default defineComponent({
   components: {
     OwnPower,
+    Corpowerlist,
   },
   setup() {
     const state = reactive({
@@ -2192,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,
@@ -2358,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,
@@ -2372,12 +2404,14 @@ export default defineComponent({
       copy_hs: false,
       nouse_hs: false,
       // 二维码标题状态
-      qrQR_hs:false,
-      olQR_hs:false,
-      ftQR_hs:false,
-      ftsQR_hs:false,
+      qrQR_hs: false,
+      olQR_hs: false,
+      ftQR_hs: false,
+      ftsQR_hs: false,
+      vipftQR_hs:false,
       //抽屉状态
       ownpowervisible: false,
+      corpowerlistvisible: false,
 
       value: "",
       value5: "",
@@ -2454,7 +2488,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2500,7 +2534,6 @@ export default defineComponent({
                                   state.QR_hs = true;
                                   state.ftQR_hs = true;
                                 }
-                                
                               }}
                             >
                               二维码
@@ -2556,7 +2589,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2564,7 +2597,7 @@ export default defineComponent({
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
-                            onClick={() => {
+                              onClick={() => {
                                 state.ownpowervisible = true;
                               }}
                             >
@@ -2662,7 +2695,7 @@ export default defineComponent({
                           <a-select-option value="权限名单" label="权限名单">
                             <div
                               onClick={() => {
-                                state.gpm_hs = true;
+                                state.corpowerlistvisible = true;
                               }}
                             >
                               权限名单
@@ -2670,7 +2703,7 @@ export default defineComponent({
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
-                            onClick={() => {
+                              onClick={() => {
                                 state.ownpowervisible = true;
                               }}
                             >
@@ -2787,6 +2820,7 @@ export default defineComponent({
                     class="jc"
                     onClick={() => {
                       state.QR_hs = true;
+                      state.ftsQR_hs = true;
                     }}
                   >
                     签到
@@ -2841,6 +2875,7 @@ export default defineComponent({
                         <div
                           onClick={() => {
                             state.QR_hs = true;
+                            state.vipftQR_hs = true;
                           }}
                         >
                           二维码
@@ -2999,6 +3034,7 @@ export default defineComponent({
     };
     const of_exit = () => {
       state.of_hs = false;
+      state.valueE1 = "";
     };
     const hideShow = () => {
       if (state.hideshow == true) {
@@ -3014,6 +3050,7 @@ export default defineComponent({
       if (state.bs_hs == false) {
         state.of_hs = false;
         state.ft_hs = true;
+        state.valueE1 = "";
       }
     };
     const ft_exit = () => {
@@ -3054,6 +3091,7 @@ export default defineComponent({
       state.olQR_hs = false;
       state.ftQR_hs = false;
       state.ftsQR_hs = false;
+      state.vipftQR_hs = false;
     };
     const rg_exit = () => {
       state.rg_hs = false;
@@ -3103,7 +3141,7 @@ export default defineComponent({
       columns1,
       columns2,
       columns4,
-      columns5,
+      // columns5,
       columns6,
       columns7,
       getTableDate,
@@ -3299,6 +3337,7 @@ export default defineComponent({
     }
   }
 }
+
 .selectonlineface {
   z-index: 999;
   width: 679px;
@@ -3439,6 +3478,7 @@ export default defineComponent({
     }
   }
 }
+
 .createschooltime {
   z-index: 999;
   width: 679px;
@@ -4612,51 +4652,51 @@ export default defineComponent({
                 }
               }
             }
-            .notable{
-              width:100%;
-              height:100%;
+            .notable {
+              width: 100%;
+              height: 100%;
               display: flex;
               justify-content: center;
-              .notablebox{
+              .notablebox {
                 width: 412px;
-                height:212px;
-                background:linear-gradient(180deg, #FEF3DD 0%, #FFFAF0 100%);
+                height: 212px;
+                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
                 border-radius: 10px;
-              display: flex;
-              justify-content: center;
+                display: flex;
+                justify-content: center;
                 text-align: center;
-                margin-top:77px;
-                margin-bottom:109px;
+                margin-top: 77px;
+                margin-bottom: 109px;
                 cursor: pointer;
                 position: relative;
-                .smallleft{
+                .smallleft {
                   position: absolute;
-                  top:18px;
-                  left:0px;
-                  width:8px;
-                  height:21px;
+                  top: 18px;
+                  left: 0px;
+                  width: 8px;
+                  height: 21px;
                   border-radius: 0px 4px 4px 0px;
-                  background-color:#FFB64E;
+                  background-color: #ffb64e;
                 }
-                .smallright{
+                .smallright {
                   position: absolute;
-                  bottom:18px;
-                  right:0px;
-                  width:8px;
-                  height:21px;
+                  bottom: 18px;
+                  right: 0px;
+                  width: 8px;
+                  height: 21px;
                   border-radius: 4px 0px 0px 4px;
-                  background-color:#FFB64E;
+                  background-color: #ffb64e;
                 }
-                .boxbody{
-                  .boximg{
+                .boxbody {
+                  .boximg {
                     width: 72px;
-                    height:72px;
-                    margin:32px auto 20px auto;
+                    height: 72px;
+                    margin: 32px auto 20px auto;
                     background-image: url(@/assets/images/coursewareManage/nostate.png);
                     background-size: 100% 100%;
                   }
-                  .boxtitle{
-                    margin-bottom:4px;
+                  .boxtitle {
+                    margin-bottom: 4px;
                   }
                 }
               }