From c9bb0ea083a4f480d1545ccfde89a860a548556f Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Thu, 20 Oct 2022 17:39:59 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=E5=AD=A6=E4=B9=A0=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E5=9B=BE=E6=96=B0=E5=A2=9E=E5=BD=92=E5=B1=9E=E6=9D=83=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=20=E6=8E=88=E6=9D=83=E5=90=8D=E5=8D=95=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=20=E5=8F=96=E6=B6=88=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/basicinfo/ch.png      | Bin 0 -> 521 bytes
 src/components/drawers/Ownership.vue    | 805 ++++++++++++++++++++++++
 src/components/drawers/PowerList.vue    | 546 ++++++++++++++++
 src/views/learningpath/LearningPath.vue |  27 +-
 4 files changed, 1376 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/basicinfo/ch.png
 create mode 100644 src/components/drawers/Ownership.vue
 create mode 100644 src/components/drawers/PowerList.vue

diff --git a/src/assets/images/basicinfo/ch.png b/src/assets/images/basicinfo/ch.png
new file mode 100644
index 0000000000000000000000000000000000000000..a36538bf7cc83d96786daff07f55ea9cd61ee73e
GIT binary patch
literal 521
zcmV+k0`~ohP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px$!%0LzR5(wqls`yYQ51*2D=0#$m1rFl{DVdWmx4n|YxIc@Q4w{~#lb<LOVS~u
zf)whQp=K%C!J&&?s)(9FF=`bv2rfY}N~@rQ)zC%*V!$gmFHe(@Mf&ded*^)boO93p
z39=k1WgE~BGy~<ykTYNd_%4K4%}f)if|Rlrm_Cl6ErntC94=ydM5zTD%b?Q+HC6(^
zh!En)$bSS$DIM{9<|cQr`oqvt1x*!DUZ{tjMd9Zutp5h54cu>t<mS*TgxFNy6ChPd
z{GOo4kM-sb#x<xc%GNZT{DqGJc##KQX98wdl^LKl?-p9<5BR#klA9f3sIfS>7NOx4
zc-|2ZLbM7s*y9K*?-$@}k6uaaPH&~IBprBoskds$(<>XEhcDfUnYAm>lrPB0zgrk<
z(GyjIdl^QX!BMGen<p@_0h1k1Klro`FZ01=XIg>whkj5$^cuA4rwWWj1ye^sQo%|K
z{DPT1nCas{fufz?DEQm~w&L_w446_gAxaBh!G~p78syqkkZG-%G3+Vxu0OfiYu;_N
z(8V(svJ^aTlM89;6G_7U|Ir%TV~UMr_>wZV0l<-AY|1ibvl-h19XJtHe}a@-00000
LNkvXXu0mjfE9m6Z

literal 0
HcmV?d00001

diff --git a/src/components/drawers/Ownership.vue b/src/components/drawers/Ownership.vue
new file mode 100644
index 00000000..6fe9cc3f
--- /dev/null
+++ b/src/components/drawers/Ownership.vue
@@ -0,0 +1,805 @@
+<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;
+            }
+          }
+        }
+      }
+    }
+    .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/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index b837c39d..36cc7d77 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -398,13 +398,20 @@
         </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: [
@@ -574,6 +581,8 @@ export default {
       closeStart: false, //启用弹窗关闭图标
       backModal: false, //撤回弹窗
       closeBack: false, //撤回弹窗关闭图标
+      Ownervisible: false, //归属权抽屉
+      PLvisible: false, //授权名单抽屉
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -700,6 +709,12 @@ export default {
     const closeBackModal = () => {
       state.backModal = false;
     };
+    const showOwner = () => {
+      state.Ownervisible = true;
+    };
+    const showPower = () => {
+      state.PLvisible = true;
+    };
     const getTableDate = () => {
       let data = state.tableData;
       data.map((value) => {
@@ -759,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();
                       }}
                     >
                       归属权
@@ -936,6 +957,8 @@ export default {
       closeStartModal,
       showBackModal,
       closeBackModal,
+      showOwner,
+      showPower,
       tableDataFunc,
       chooseImg,
     };

From 944b3744c893955b93e0ee3e61b94d6ec6678752 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Thu, 20 Oct 2022 18:13:41 +0800
Subject: [PATCH 2/3] =?UTF-8?q?style:=E9=A1=B9=E7=9B=AE=E6=8E=92=E8=A1=8C?=
 =?UTF-8?q?=E6=A6=9C=E6=B8=B2=E6=9F=93=E6=8E=92=E5=90=8D=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 98 +++++++++++++++++++++-------
 1 file changed, 74 insertions(+), 24 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 357f0090..f22f189d 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -74,9 +74,7 @@
               </div>
               <div
                 class="taskbox"
-                style="
-                  background: linear-gradient(180deg,#DDEAFF,#F0F8FE);
-                "
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
@@ -95,9 +93,7 @@
               <div
                 class="taskbox"
                 @click="showModal"
-                style="
-                  background: linear-gradient(180deg,#E5F6EC,#EEF9F3);
-                "
+                style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left3.png" />
@@ -1485,23 +1481,25 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <div
-                  style={{
-                    width: 24,
-                    height: 24,
-                    backgroundImage:
-                      "url(" +
-                      require("../../assets/images/taskpage/one.png") +
-                      ")",
-                  }}
-                >
-                  fewfwe
-                </div>
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
               );
             } else if (text.record.rank == "2") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
             } else if (text.record.rank == "3") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
             } else {
               return <div>{text.record.rank}</div>;
             }
@@ -1587,6 +1585,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -1668,6 +1692,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -1789,10 +1839,10 @@ export default {
       padding: 0;
       .modalHeader {
         background: linear-gradient(
-              0deg,
-              rgba(78, 166, 255, 0) 0%,
-              rgba(78, 166, 255, 0.2) 100%
-            );
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
       }
       .modalMain {
         .projectname {

From 026df303cd66707c0f5a4c4bd9ec6e652951f4e5 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 20 Oct 2022 18:16:50 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=93=E6=9D=83=E9=99=90123=EF=BC=88=E5=B7=AE=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E6=A0=B7=E5=BC=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/OwnPower.vue          | 726 +++++++++++++++++++
 src/views/courselibrary/CoursewareManage.vue |  46 +-
 2 files changed, 763 insertions(+), 9 deletions(-)
 create mode 100644 src/components/drawers/OwnPower.vue

diff --git a/src/components/drawers/OwnPower.vue b/src/components/drawers/OwnPower.vue
new file mode 100644
index 00000000..57a410a4
--- /dev/null
+++ b/src/components/drawers/OwnPower.vue
@@ -0,0 +1,726 @@
+<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"
+                    />
+                  </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>
+                    <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>
+              <div class="chose">李大明</div>
+              <div class="chose">李二明</div>
+              <div class="chose">李明</div>
+              <div class="chose">李大明</div>
+              <div class="chose">李二明</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.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;
+              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;
+              }
+            }
+          }
+      }
+      .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/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index b7162605..748a3862 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1406,13 +1406,17 @@
       :closable="closableQR"
       wrapClassName="QRModal"
       style="margin-top: 400px"
+      destroyOnClose
     >
       <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 class="close_exit" @click="qr_exit"></div>
           </div>
           <div class="qrm_body"><div class="QR_img"></div></div>
@@ -1700,11 +1704,15 @@
       </div>
     </a-modal>
     <!--停用弹窗 -->
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <own-power v-model:ownpowervisible="ownpowervisible" />
+    <!-- 学员管理课程库-归属权抽屉 -->
   </div>
 </template>
 <script>
 import { reactive, toRefs, defineComponent, ref } from "vue";
 import { message } from "ant-design-vue";
+import OwnPower from "../../components/drawers/OwnPower.vue";
 const columns1 = [
   {
     title: "序号",
@@ -2045,7 +2053,9 @@ const columns7 = [
   },
 ];
 export default defineComponent({
-  components: {},
+  components: {
+    OwnPower,
+  },
   setup() {
     const state = reactive({
       tableData1: [
@@ -2361,6 +2371,14 @@ export default defineComponent({
       delete_hs: false,
       copy_hs: false,
       nouse_hs: false,
+      // 二维码标题状态
+      qrQR_hs:false,
+      olQR_hs:false,
+      ftQR_hs:false,
+      ftsQR_hs:false,
+      //抽屉状态
+      ownpowervisible: false,
+
       value: "",
       value5: "",
       value6: "",
@@ -2445,7 +2463,7 @@ export default defineComponent({
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2475,7 +2493,14 @@ 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;
+                                }
+                                
                               }}
                             >
                               二维码
@@ -2539,8 +2564,8 @@ export default defineComponent({
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
-                              onClick={() => {
-                                console.log("点击了");
+                            onClick={() => {
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -2645,8 +2670,8 @@ export default defineComponent({
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
-                              onClick={() => {
-                                console.log("点击了");
+                            onClick={() => {
+                                state.ownpowervisible = true;
                               }}
                             >
                               归属权
@@ -3025,6 +3050,10 @@ 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;
     };
     const rg_exit = () => {
       state.rg_hs = false;
@@ -3069,7 +3098,6 @@ export default defineComponent({
         });
       }, 1000);
     };
-
     return {
       ...toRefs(state),
       columns1,