From 10b7c169f6016b988d0d5e5bc27f72d15179b774 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 24 Oct 2022 14:15:11 +0800
Subject: [PATCH 1/5] =?UTF-8?q?style:=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/StuAdd.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index b9f9ae7e..01ae2c16 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -1075,7 +1075,7 @@ export default {
       display: flex;
       // height: 80%;
       margin-bottom: 72px;
-
+      overflow-y: auto;
       .left {
         // overflow-y: auto;
         width: 65%;

From c8e65ef6bd09af77781e0c71e6c235d02298517a Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Mon, 24 Oct 2022 14:29:53 +0800
Subject: [PATCH 2/5] =?UTF-8?q?style=EF=BC=9A=E6=96=B0=E5=A2=9E=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=9D=83=20=E6=9F=A5=E7=9C=8B=E6=9D=83=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=8A=BD=E5=B1=89=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ActiveAttendance.vue |   18 +-
 src/components/drawers/AddLevelAddStu.vue   |    8 +-
 src/components/drawers/FaceManage.vue       |   16 +-
 src/components/drawers/ManageRight.vue      | 1271 +++++++++++++++++++
 src/components/drawers/Ownership.vue        |  701 +++++++---
 src/components/drawers/PowerList.vue        |   12 +-
 src/components/drawers/QueryRight.vue       | 1219 ++++++++++++++++++
 src/components/drawers/TimeManage.vue       |   24 +-
 src/components/drawers/WorkManage.vue       |   10 +-
 src/views/learningpath/LearningPath.vue     |   35 +-
 src/views/learningpath/LevelAdd.vue         |   13 +-
 11 files changed, 3141 insertions(+), 186 deletions(-)
 create mode 100644 src/components/drawers/ManageRight.vue
 create mode 100644 src/components/drawers/QueryRight.vue

diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue
index f81985a1..2110c4fe 100644
--- a/src/components/drawers/ActiveAttendance.vue
+++ b/src/components/drawers/ActiveAttendance.vue
@@ -533,13 +533,15 @@ export default {
       width: 100%;
       height: 100%;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow-y: auto;
+
       .titl {
         display: flex;
         .endtime {
           font-size: 16px;
           font-weight: 500;
           color: #333333;
+          white-space: nowrap;
         }
       }
       .search {
@@ -551,6 +553,7 @@ export default {
         .leftchoose {
           display: flex;
           margin-right: 20px;
+          flex-wrap: wrap;
           .namecon {
             display: flex;
             flex-wrap: nowrap;
@@ -754,16 +757,17 @@ export default {
       // }
     }
   }
-  // .botm {
-  //   width: 100%;
-  //   height: 100%;
-  //   background-color: red;
-  //   // flex-shrink: 1;
-  // }
+  .botm {
+    width: 100%;
+    height: 90px;
+    // background-color: red;
+    // flex-shrink: 1;
+  }
   .btnn {
     height: 72px;
     width: 100%;
     position: absolute;
+    background-color: #fff;
     bottom: 0;
     left: 0;
     display: flex;
diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index 8256fea2..d325f8af 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -779,7 +779,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-y: scroll;
+
     display: flex;
     flex-direction: column;
 
@@ -804,8 +804,9 @@ export default {
       display: flex;
       // height: 80%;
       margin-bottom: 72px;
+      overflow-y: scroll;
       .left {
-        overflow-y: auto;
+        // overflow-y: auto;
         width: 65%;
         // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
@@ -1001,7 +1002,8 @@ export default {
               // bottom: 20px;
               .ant-pagination-item,
               .ant-pagination-prev,
-              .ant-pagination-next {
+              .ant-pagination-next,
+              .ant-pagination-options {
                 margin-bottom: 10px;
               }
             }
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index f422311b..7d7c5936 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -482,8 +482,9 @@ export default {
 
 //面授管理弹窗
 .FaceManage {
+  // overflow: auto;
   .drawerMain {
-    min-width: 600px;
+    min-width: 550px;
     margin: 0px 32px 0px 32px;
     overflow-x: scroll;
     display: flex;
@@ -512,7 +513,7 @@ export default {
       height: 100%;
 
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow: auto;
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -694,7 +695,15 @@ export default {
           padding: 0px !important;
           // padding-left: 45px !important;
         }
-
+        // .ant-pagination-prev {
+        //   margin-bottom: 5px;
+        // }
+        .ant-pagination-item,
+        .ant-pagination-prev,
+        .ant-pagination-next,
+        .ant-pagination-options {
+          margin-bottom: 10px;
+        }
         .ant-table-thead > tr > th {
           background-color: rgba(239, 244, 252, 1) !important;
         }
@@ -735,6 +744,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;
diff --git a/src/components/drawers/ManageRight.vue b/src/components/drawers/ManageRight.vue
new file mode 100644
index 00000000..b978e012
--- /dev/null
+++ b/src/components/drawers/ManageRight.vue
@@ -0,0 +1,1271 @@
+<!-- 学习路径图的查看权 -->
+<template>
+  <a-drawer
+    :visible="Managevisible"
+    class="drawerStyle ManageRight"
+    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: 500, 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="t1">
+                    <div class="organize">选择组织：</div>
+                    <div class="select">
+                      <a-tree-select
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        dropdownClassName="changetreedropdown"
+                        :dropdown-style="{
+                          maxHeight: '400px',
+                          overflow: 'auto',
+                        }"
+                        placeholder="请输入组织名称"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="treeData"
+                      >
+                      </a-tree-select>
+                    </div>
+                  </div>
+                  <div class="t1">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameadd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
+                  <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 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: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </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 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="tablecolumns2"
+                    :data-source="tabledata2"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 500, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <!-- <div class="thinLine"></div> -->
+        <div class="right">
+          <div class="onerow">
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </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 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 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: "ManageRight",
+  props: {
+    Managevisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
+      activeKey: "1",
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
+        {
+          title: "京东方",
+          value: "京东方",
+          children: [
+            {
+              title: "产研部",
+              value: "产研部",
+              children: [
+                {
+                  title: "产品部",
+                  value: "产品部",
+                },
+                {
+                  title: "研究部",
+                  value: "研究部",
+                },
+              ],
+            },
+            {
+              title: "二级标题",
+              value: "二级标题",
+              children: [
+                {
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
+                  value: "人事部",
+                },
+                {
+                  title: "行政部",
+                  value: "行政部",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata1: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns1: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata2: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      state.activeKey = "1";
+      ctx.emit("update:Managevisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.ManageRight {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    // overflow-y: scroll;
+    display: flex;
+    flex-direction: column;
+
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      flex-shrink: 0;
+      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%;
+      margin-bottom: 72px;
+      overflow-y: auto;
+      .left {
+        // overflow-y: auto;
+        width: 65%;
+        // height: 100%;
+        border-right: 1px solid rgba(233, 233, 233, 1);
+        // border-right: 1px solid black;
+        .tabs {
+          margin-right: 33px;
+          .tab1 {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
+            .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;
+                }
+              }
+            }
+          }
+          .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;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next,
+              .ant-pagination-options {
+                margin-bottom: 10px;
+              }
+            }
+          }
+
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+              white-space: nowrap;
+            }
+
+            .ant-select-dropdown {
+              min-width: 800px !important;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+              // background-color: red;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+          }
+
+          .searchdown {
+            .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;
+                }
+              }
+            }
+          }
+        }
+      }
+      .thinLine {
+        width: 1px;
+        height: 100%;
+        background-color: black;
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .onleft {
+            display: flex;
+            text-align: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+              white-space: nowrap;
+              // margin-bottom: 20px;
+            }
+            .count {
+              color: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
+          }
+          .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;
+      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;
+      }
+    }
+  }
+}
+.changetreedropdown {
+  width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+  width: 5px !important;
+  .ant-select-tree-list-scrollbar-thumb {
+    background-color: #4ea6ff !important;
+  }
+}
+</style>
diff --git a/src/components/drawers/Ownership.vue b/src/components/drawers/Ownership.vue
index f0267f44..ef808712 100644
--- a/src/components/drawers/Ownership.vue
+++ b/src/components/drawers/Ownership.vue
@@ -1,3 +1,4 @@
+<!-- 学习路径图的归属权 -->
 <template>
   <a-drawer
     :visible="Ownervisible"
@@ -48,7 +49,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="line">
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,7 +61,7 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
@@ -68,7 +69,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 100, y: 560 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -92,29 +93,36 @@
               </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 class="t1">
+                    <div class="organize">选择组织：</div>
+                    <div class="select">
+                      <a-tree-select
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        dropdownClassName="changetreedropdown"
+                        :dropdown-style="{
+                          maxHeight: '400px',
+                          overflow: 'auto',
+                        }"
+                        placeholder="请输入组织名称"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="treeData"
+                      >
+                      </a-tree-select>
+                    </div>
+                  </div>
+                  <div class="t1">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameadd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
                     />
                   </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="searchdown">
                   <div class="btns">
                     <div class="btn1">
                       <div class="img1">
@@ -133,8 +141,75 @@
                       <div class="wz">重置</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: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
                 </div>
-                <div class="line">
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </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 class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -146,21 +221,21 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns1"
-                    :data-source="tabledata1"
+                    :columns="tablecolumns2"
+                    :data-source="tabledata2"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 700, y: 400 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
                       columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
-                      onChange: onSelectChange,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
                     }"
                   />
                   <div class="pa">
@@ -168,9 +243,9 @@
                       showSizeChanger="true"
                       showQuickJumper="true"
                       hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
                       class="pagination"
                     />
                   </div>
@@ -181,7 +256,11 @@
         </div>
         <div class="right">
           <div class="onerow">
-            <div class="already">已选</div>
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </div>
             <div class="clbox">
               <div class="colose"></div>
               <span class="allclear">全部清除</span>
@@ -238,47 +317,116 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
       activeKey: "1",
-      name: "", //输入名字搜索
       value: [], //级联选择框
       choosevalue: null, //受众选择
-      organizeList: [
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
         {
-          id: 1,
+          title: "京东方",
           value: "京东方",
-          label: "京东方",
           children: [
             {
-              id: 2,
+              title: "产研部",
               value: "产研部",
-              label: "产研部",
               children: [
                 {
-                  id: 4,
-                  value: "产品部门",
-                  label: "产品部门",
+                  title: "产品部",
+                  value: "产品部",
                 },
                 {
-                  id: 5,
-                  value: "研发部门",
-                  label: "研发部门",
+                  title: "研究部",
+                  value: "研究部",
                 },
               ],
             },
             {
-              id: 3,
-              value: "人力资源部",
-              label: "人力资源部",
+              title: "二级标题",
+              value: "二级标题",
               children: [
                 {
-                  id: 6,
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
                   value: "人事部",
-                  label: "人事部",
                 },
                 {
-                  id: 7,
+                  title: "行政部",
                   value: "行政部",
-                  label: "行政部",
                 },
               ],
             },
@@ -290,55 +438,64 @@ export default {
           key: 1,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
           name: "小刘",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 7,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 8,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 9,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns: [
@@ -351,18 +508,26 @@ export default {
           className: "h",
         },
         {
-          title: "部门",
-          dataIndex: "bum",
-          key: "bum",
-          width: 45,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "岗位",
-          dataIndex: "gangw",
-          key: "gangw",
-          width: 45,
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
@@ -370,56 +535,71 @@ export default {
       tabledata1: [
         {
           key: 1,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
-          name: "2",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
-          name: "mask",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
-          name: "学业受众",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
-          name: "案例受众",
-          time: "2022-10-31 23:12:00",
-          total: "3",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns1: [
         {
-          title: "受众名称",
+          title: "姓名",
           dataIndex: "name",
           key: "name",
           width: 30,
@@ -427,84 +607,188 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
           width: 40,
           align: "center",
           className: "h",
         },
+      ],
+      tabledata2: [
         {
-          title: "人数",
-          dataIndex: "total",
-          key: "total",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "状态",
-          dataIndex: "state",
-          key: "state",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
           width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
       ],
       organizeList1: [
         {
-          value: "项目一",
-          label: "项目一",
+          value: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
         },
       ],
     });
     const closeDrawer = () => {
+      state.activeKey = "1";
       ctx.emit("update:Ownervisible", false);
     };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
 
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
     };
   },
 };
 </script>
 
-<style lang="scss" >
+<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;
+    // overflow-y: scroll;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -519,11 +803,12 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
+      overflow-y: auto;
       .left {
-        // overflow-y: auto;
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
@@ -531,6 +816,12 @@ export default {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .nameinp {
               display: flex;
               align-items: center;
@@ -578,6 +869,43 @@ export default {
               }
             }
           }
+          .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;
@@ -672,18 +1000,39 @@ export default {
               justify-content: center;
               // position: absolute;
               // bottom: 20px;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next,
+              .ant-pagination-options {
+                margin-bottom: 10px;
+              }
             }
           }
+
           .tab2 {
             display: flex;
             align-items: center;
             margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .organize {
               color: rgba(0, 0, 0, 0.85);
               font-size: 14px;
+              white-space: nowrap;
+            }
+
+            .ant-select-dropdown {
+              min-width: 800px !important;
             }
             .ant-select {
               border-radius: 8px !important;
+              // background-color: red;
             }
             .ant-cascader {
               width: 264px;
@@ -697,6 +1046,46 @@ export default {
               }
             }
           }
+
+          .searchdown {
+            .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;
+                }
+              }
+            }
+          }
         }
       }
       .right {
@@ -707,13 +1096,27 @@ export default {
           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;
+          .onleft {
+            display: flex;
+            text-align: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+              white-space: nowrap;
+              // margin-bottom: 20px;
+            }
+            .count {
+              color: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
           }
           .clbox {
             margin-left: 30px;
@@ -765,7 +1168,6 @@ export default {
               background-image: url(../../assets/images/basicinfo/ch.png);
               right: -8px;
               top: -8px;
-              cursor: pointer;
             }
           }
         }
@@ -775,6 +1177,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;
@@ -803,4 +1206,14 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+.changetreedropdown {
+  width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+  width: 5px !important;
+  .ant-select-tree-list-scrollbar-thumb {
+    background-color: #4ea6ff !important;
+  }
+}
+</style>
diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue
index a87f8571..020b124e 100644
--- a/src/components/drawers/PowerList.vue
+++ b/src/components/drawers/PowerList.vue
@@ -345,7 +345,8 @@ export default {
     }
   }
   .drawerMain {
-    min-width: 600px;
+    // overflow: auto;
+    min-width: 550px;
     margin: 0px 32px 0px 32px;
     overflow-x: scroll;
     display: flex;
@@ -368,7 +369,7 @@ export default {
     }
     .main {
       width: 100%;
-      height: 100%;
+      // height: 100%;
       // background-color: #bfa;
       // overflow-y: auto;
       .search {
@@ -479,7 +480,7 @@ export default {
       .pa {
         // left: 0;
         margin-top: 25px;
-        margin-bottom: 70px;
+        // margin-bottom: 70px;
         width: 100%;
         // height: 20px;
         // background-color: red;
@@ -487,6 +488,7 @@ export default {
         justify-content: center;
         // position: absolute;
         // bottom: 20px;
+        // margin-bottom: 20px;
       }
       // .tab {
       //   .ant-table-thead > tr > th {
@@ -507,9 +509,9 @@ export default {
   }
   // .botm {
   //   width: 100%;
-  //   height: 100%;
+  //   height: 200px;
   //   background-color: red;
-  //   // flex-shrink: 1;
+
   // }
   .btnn {
     height: 72px;
diff --git a/src/components/drawers/QueryRight.vue b/src/components/drawers/QueryRight.vue
new file mode 100644
index 00000000..b4484ffb
--- /dev/null
+++ b/src/components/drawers/QueryRight.vue
@@ -0,0 +1,1219 @@
+<!-- 学习路径图的查看权 -->
+<template>
+  <a-drawer
+    :visible="Queryvisible"
+    class="drawerStyle QueryRight"
+    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: 500, 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="t1">
+                    <div class="organize">选择组织：</div>
+                    <div class="select">
+                      <a-tree-select
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        dropdownClassName="changetreedropdown"
+                        :dropdown-style="{
+                          maxHeight: '400px',
+                          overflow: 'auto',
+                        }"
+                        placeholder="请输入组织名称"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="treeData"
+                      >
+                      </a-tree-select>
+                    </div>
+                  </div>
+                  <div class="t1">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameadd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
+                  <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 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: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </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 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="tablecolumns2"
+                    :data-source="tabledata2"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 500, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <div class="right">
+          <div class="onerow">
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </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: "QueryRight",
+  props: {
+    Queryvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
+      activeKey: "1",
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
+        {
+          title: "京东方",
+          value: "京东方",
+          children: [
+            {
+              title: "产研部",
+              value: "产研部",
+              children: [
+                {
+                  title: "产品部",
+                  value: "产品部",
+                },
+                {
+                  title: "研究部",
+                  value: "研究部",
+                },
+              ],
+            },
+            {
+              title: "二级标题",
+              value: "二级标题",
+              children: [
+                {
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
+                  value: "人事部",
+                },
+                {
+                  title: "行政部",
+                  value: "行政部",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata1: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns1: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata2: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      state.activeKey = "1";
+      ctx.emit("update:Queryvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.QueryRight {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    // overflow-y: scroll;
+    display: flex;
+    flex-direction: column;
+
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      flex-shrink: 0;
+      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%;
+      margin-bottom: 72px;
+      overflow-y: auto;
+      .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;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
+            .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;
+                }
+              }
+            }
+          }
+          .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;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next,
+              .ant-pagination-options {
+                margin-bottom: 10px;
+              }
+            }
+          }
+
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+              white-space: nowrap;
+            }
+
+            .ant-select-dropdown {
+              min-width: 800px !important;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+              // background-color: red;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+          }
+
+          .searchdown {
+            .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;
+                }
+              }
+            }
+          }
+        }
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .onleft {
+            display: flex;
+            text-align: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+              white-space: nowrap;
+              // margin-bottom: 20px;
+            }
+            .count {
+              color: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
+          }
+          .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;
+      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;
+      }
+    }
+  }
+}
+.changetreedropdown {
+  width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+  width: 5px !important;
+  .ant-select-tree-list-scrollbar-thumb {
+    background-color: #4ea6ff !important;
+  }
+}
+</style>
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 114c07b1..78cbd2d2 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" @click="showopen"  style="margin-right: 20px">
+          <div class="btn btn1" @click="showopen" style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -92,7 +92,7 @@
         <button class="btn2">确定</button>
       </div>
       <div class="noticebox" v-show="open">
-        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div><img src="../../assets/images/taskpage/check.png" /></div>
         <div class="notext">催促学员成功</div>
       </div>
     </div>
@@ -100,7 +100,7 @@
 </template>
 
 <script>
-import { toRefs, reactive, onMounted, onUnmounted} from "vue";
+import { toRefs, reactive, onMounted, onUnmounted } from "vue";
 export default {
   name: "TimeManage",
   props: {
@@ -274,16 +274,16 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:Tvisible", false);
     };
-    const showopen=()=>{
-        state.open = true;
+    const showopen = () => {
+      state.open = true;
     };
     let timer;
-    onMounted(()=> {
-      timer = setInterval(()=>{
+    onMounted(() => {
+      timer = setInterval(() => {
         state.open = false;
-      },3000);
+      }, 3000);
     });
-    onUnmounted(()=>{
+    onUnmounted(() => {
       clearInterval(timer);
     });
     return {
@@ -311,6 +311,7 @@ export default {
 //   }
 // }
 .TimeManage {
+  // overflow-x: scroll;
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -338,6 +339,7 @@ export default {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -354,7 +356,7 @@ export default {
       width: 100%;
       height: 100%;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow: auto;
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -375,6 +377,7 @@ export default {
             margin-bottom: 10px;
             .name {
               margin-top: 8px;
+              white-space: nowrap;
             }
           }
         }
@@ -489,6 +492,7 @@ export default {
       position: absolute;
       bottom: 0;
       left: 0;
+      background-color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index 8c173560..ee1ae6c6 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -418,7 +418,7 @@ export default {
           flex-direction: column;
           // justify-content: center;
           align-items: center;
-
+          overflow: auto;
           .check {
             width: 40px;
             height: 40px;
@@ -465,7 +465,7 @@ export default {
 //作业管理弹窗
 .WorkManage {
   .drawerMain {
-    min-width: 600px;
+    min-width: 550px;
     margin: 0px 32px 0px 32px;
     overflow-x: scroll;
     display: flex;
@@ -489,8 +489,9 @@ export default {
     .main {
       width: 100%;
       height: 100%;
+      // margin-bottom: 30px;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow-y: auto;
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -505,12 +506,14 @@ export default {
 
         .sealeft {
           display: flex;
+          flex-wrap: wrap;
           .namecon {
             display: flex;
             flex-wrap: nowrap;
             margin-bottom: 10px;
             .name {
               margin-top: 8px;
+              white-space: nowrap;
             }
           }
         }
@@ -606,6 +609,7 @@ export default {
       width: 100%;
       position: absolute;
       bottom: 0;
+      background-color: #fff;
       left: 0;
       display: flex;
       align-items: center;
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 36cc7d77..8c8251bb 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -400,6 +400,10 @@
     </a-modal>
     <!-- 归属权抽屉 -->
     <owner-ship v-model:Ownervisible="Ownervisible" />
+    <!-- 查看权抽屉 -->
+    <query-right v-model:Queryvisible="Queryvisible" />
+    <!-- 管理权抽屉 -->
+    <manage-right v-model:Managevisible="Managevisible" />
     <!-- 授权名单抽屉 -->
     <power-list v-model:PLvisible="PLvisible" />
   </div>
@@ -408,10 +412,11 @@
 import { reactive, toRefs, onMounted } from "vue";
 import OwnerShip from "../../components/drawers/Ownership";
 import PowerList from "../../components/drawers/PowerList";
-
+import QueryRight from "../../components/drawers/QueryRight";
+import ManageRight from "../../components/drawers/ManageRight";
 export default {
   name: "learningPath",
-  components: { OwnerShip, PowerList },
+  components: { OwnerShip, PowerList, QueryRight, ManageRight },
   setup() {
     const state = reactive({
       projectNameList: [
@@ -583,6 +588,8 @@ export default {
       closeBack: false, //撤回弹窗关闭图标
       Ownervisible: false, //归属权抽屉
       PLvisible: false, //授权名单抽屉
+      Queryvisible: false, //查看权抽屉
+      Managevisible: false, //管理权抽屉
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -715,6 +722,12 @@ export default {
     const showPower = () => {
       state.PLvisible = true;
     };
+    const showQuery = () => {
+      state.Queryvisible = true;
+    };
+    const showManage = () => {
+      state.Managevisible = true;
+    };
     const getTableDate = () => {
       let data = state.tableData;
       data.map((value) => {
@@ -792,10 +805,22 @@ export default {
                     </div>
                   </a-select-option>
                   <a-select-option value="查看权" label="查看权">
-                    <div>查看权</div>
+                    <div
+                      onClick={() => {
+                        showQuery();
+                      }}
+                    >
+                      查看权
+                    </div>
                   </a-select-option>
                   <a-select-option value="管理权" label="管理权">
-                    <div>管理权</div>
+                    <div
+                      onClick={() => {
+                        showManage();
+                      }}
+                    >
+                      管理权
+                    </div>
                   </a-select-option>
                 </a-select>
               </div>
@@ -961,6 +986,8 @@ export default {
       showPower,
       tableDataFunc,
       chooseImg,
+      showQuery,
+      showManage,
     };
   },
 };
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 92a699d6..2cc89c28 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -157,9 +157,9 @@
                         class="centerbox"
                         style="color: rgba(93, 201, 136, 1)"
                       >
-                        发布
+                        创建关卡
                       </div>
-                      <div class="centermain">快速发布项目</div>
+                      <div class="centermain">点击创建关卡任务</div>
                     </div>
                   </div>
                 </div>
@@ -743,11 +743,10 @@ export default {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <routerLink to="/levelcheck">
-                    <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
-                      查看
-                    </span>
-                  </routerLink>
+                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                    查看
+                  </span>
+
                   <span
                     onClick={() => {
                       state.visible = true;

From 3a11f41826f19e54abf4065fa30339bec2def89b Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Mon, 24 Oct 2022 14:49:39 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E6=96=B9=E5=BC=8F=E9=85=8D=E7=BD=AE=E3=80=81?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=B7=A8=E5=9F=9F=E6=8E=A5=E5=8F=A3=E8=AE=BF?=
 =?UTF-8?q?=E9=97=AE=E9=85=8D=E7=BD=AE=E3=80=81=E5=A2=9E=E5=8A=A0=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=A1=88=E4=BE=8B=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 81 +++++++++++++++++++++++++++++++----------------
 package.json      |  3 +-
 src/api/config.js | 41 ++++++++++++++++++++++--
 src/api/index.js  | 69 ++++++++++++++++++++++++++++++++++++----
 vue.config.js     | 17 ++++++++--
 5 files changed, 172 insertions(+), 39 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bbd0e4d0..644acf0f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
 				"core-js": "^3.8.3",
 				"element-plus": "^2.2.17",
 				"jquery": "^3.6.1",
+				"qs": "^6.11.0",
 				"vue": "^3.2.13",
 				"vue-router": "^4.0.3",
 				"vuex": "^4.0.0"
@@ -3779,6 +3780,18 @@
 			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 			"dev": true
 		},
+		"node_modules/body-parser/node_modules/qs": {
+			"version": "6.10.3",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"dev": true,
+			"dependencies": {
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/bonjour-service": {
 			"version": "1.0.14",
 			"resolved": "https://registry.npmmirror.com/bonjour-service/-/bonjour-service-1.0.14.tgz",
@@ -3866,7 +3879,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz",
 			"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.0.2"
@@ -5879,6 +5891,18 @@
 			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 			"dev": true
 		},
+		"node_modules/express/node_modules/qs": {
+			"version": "6.10.3",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"dev": true,
+			"dependencies": {
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/express/node_modules/safe-buffer": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -6164,8 +6188,7 @@
 		"node_modules/function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-			"dev": true
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 		},
 		"node_modules/functional-red-black-tree": {
 			"version": "1.0.1",
@@ -6195,7 +6218,6 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
 			"integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1",
 				"has": "^1.0.3",
@@ -6303,7 +6325,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1"
 			},
@@ -6333,7 +6354,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
 			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			}
@@ -7840,8 +7860,7 @@
 		"node_modules/object-inspect": {
 			"version": "1.12.2",
 			"resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.2.tgz",
-			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
-			"dev": true
+			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
 		},
 		"node_modules/object-keys": {
 			"version": "1.1.1",
@@ -8914,10 +8933,9 @@
 			}
 		},
 		"node_modules/qs": {
-			"version": "6.10.3",
-			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
-			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
-			"dev": true,
+			"version": "6.11.0",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
+			"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
 			"dependencies": {
 				"side-channel": "^1.0.4"
 			},
@@ -9562,7 +9580,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz",
 			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.0",
 				"get-intrinsic": "^1.0.2",
@@ -14198,6 +14215,15 @@
 					"resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
 					"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 					"dev": true
+				},
+				"qs": {
+					"version": "6.10.3",
+					"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+					"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+					"dev": true,
+					"requires": {
+						"side-channel": "^1.0.4"
+					}
 				}
 			}
 		},
@@ -14276,7 +14302,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz",
 			"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.0.2"
@@ -15874,6 +15899,15 @@
 					"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 					"dev": true
 				},
+				"qs": {
+					"version": "6.10.3",
+					"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+					"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+					"dev": true,
+					"requires": {
+						"side-channel": "^1.0.4"
+					}
+				},
 				"safe-buffer": {
 					"version": "5.2.1",
 					"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -16105,8 +16139,7 @@
 		"function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-			"dev": true
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 		},
 		"functional-red-black-tree": {
 			"version": "1.0.1",
@@ -16130,7 +16163,6 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
 			"integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1",
 				"has": "^1.0.3",
@@ -16220,7 +16252,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1"
 			}
@@ -16243,8 +16274,7 @@
 		"has-symbols": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
-			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true
+			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
 		},
 		"hash-sum": {
 			"version": "2.0.0",
@@ -17444,8 +17474,7 @@
 		"object-inspect": {
 			"version": "1.12.2",
 			"resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.2.tgz",
-			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
-			"dev": true
+			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
 		},
 		"object-keys": {
 			"version": "1.1.1",
@@ -18218,10 +18247,9 @@
 			"dev": true
 		},
 		"qs": {
-			"version": "6.10.3",
-			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
-			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
-			"dev": true,
+			"version": "6.11.0",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
+			"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
 			"requires": {
 				"side-channel": "^1.0.4"
 			}
@@ -18742,7 +18770,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz",
 			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.0",
 				"get-intrinsic": "^1.0.2",
diff --git a/package.json b/package.json
index b58bbc98..41b11993 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
 		"core-js": "^3.8.3",
 		"element-plus": "^2.2.17",
 		"jquery": "^3.6.1",
+		"qs": "^6.11.0",
 		"vue": "^3.2.13",
 		"vue-router": "^4.0.3",
 		"vuex": "^4.0.0"
@@ -54,4 +55,4 @@
 		"not dead",
 		"not ie 11"
 	]
-}
\ No newline at end of file
+}
diff --git a/src/api/config.js b/src/api/config.js
index 717e68d7..3e659a63 100644
--- a/src/api/config.js
+++ b/src/api/config.js
@@ -1,8 +1,45 @@
 import axios from "axios";
 
+axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+
+axios.defaults.withCredentials = true;
+
 const http = axios.create({
-	baseURL: 'http://localhost:8082/api',
-	timeout: 1000 * 100
+	baseURL: '/api',
+	timeout: 1000 * 5
 });
 
+http.interceptors.request.use(
+	(config) => {
+		const token = localStorage.getItem('token');
+		if (token) {
+			config.headers.token = token;
+		} else {
+			console.log("当前请求页面无token,请执行操作！！！")
+		}
+		return config;
+	},
+	(err) => {
+		console.log('登陆前拦截', err)
+		return Promise.reject(err);
+	}
+);
+
+
+http.interceptors.response.use(
+	(response) => {
+		const { data: { code, msg } } = response;
+		if (code === 0 || code === 200) {
+			return response;
+		} else {
+			console.log('api %o', msg);
+		}
+		return response;
+	},
+	function (error) {
+		console.log('api error %o', error);
+		return Promise.reject(error);
+	}
+);
+
 export default http;
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index e1c0c215..1297c5d5 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,19 +1,74 @@
 import http from "./config";
-
-// 接口
-export const getUserInfo = () => http.get('/');
-export const getUserById = (x, y, z) => http.post('/getuserbyid', { x, y, z });
+import qs from 'qs';
 
 
-// 使用方法
+/**
+ * 接口传参数方式（get）
+ * axios.get('/user', {
+ *  params: {  
+ *      id: 12345，
+ *     name: user
+ *  }
+ * }).then(res => console.log(res))
+ * 
+ * 接口传参三种方式（post/put/patch）
+ * 
+ * 1.'Content-Type'= 'multipart/form-data'，传参格式为 formData。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'multipart/form-data'）
+ * var formData=new FormData();
+ * formData.append('user',123456);formData.append('pass',12345678);
+ * axios.post("/notice",formData).then()
+ * 
+ * 2.'Content-Type'= 'application/x-www-form-urlencoded'，传参格式为 query 形式,使用$qs.stringify。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * let data = {"code":"1234","name":"yyyy"};
+ * axios.post(`${this.$url}/test/testRequest`,qs.stringify({data})).then()
+ * 
+ * 3.'Content-Type'= 'application/json，传参格式为 raw (JSON格式)。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'application/json;charset=UTF-8'）
+ * let data = {"code":"1234","name":"yyyy"}
+ * axios.post(`${this.$url}/test/testRequest`,data).then()
+ * 
+ */
+
+
+// 接口-请求
+
+// 根据投票ID获取题干信息
+export const getStemInfo = (stemId) => http.post('/vote/queryStemByStemId', qs.stringify({ stemId: stemId }));
+
+// 测试方法
 // import * as api from '../../api/index'
-// api.getUserById(6, 7, 8).then(res => {
+// api.getStemInfo(4).then(res => {
 // 	console.log(res)
 // }).catch(err => {
 // 	console.log(err)
 // })
 
-// api.getUserInfo().then(res => {
+// 获取字典列表
+export const getList = (pageno, pagesize) => http.post('/dict/getList', {
+	"dictCode": "",
+	"pageNo": pageno,
+	"pageSize": pagesize
+})
+
+// 测试方法
+// import * as api from '../../api/index'
+// api.getList(0,0).then(res => {
+// 	console.log(res)
+// }).catch(err => {
+// 	console.log(err)
+// })
+
+// 根据活动ID获取活动信息接口
+export const getActivityList = (activityId) => http.get('/activity', { params: { "activityId": activityId } })
+
+// 测试方法
+// import * as api from '../../api/index'
+// api.getActivityList(4).then(res => {
 // 	console.log(res)
 // }).catch(err => {
 // 	console.log(err)
diff --git a/vue.config.js b/vue.config.js
index 910e297e..f60869bd 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,17 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
-  transpileDependencies: true
-})
+	transpileDependencies: true,
+	devServer: {
+		proxy: {
+			"/api": {
+				target: "http://111.231.196.214:30001/",
+				changeOrigin: true,
+				secure: false,
+				ws: true,
+				pathRewrite: {
+					"^/api": "",
+				},
+			},
+		},
+	}
+})
\ No newline at end of file

From 63847fb20817590c3e3edbc2c6b377c1e4f2ff2a Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Mon, 24 Oct 2022 15:05:12 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=E6=B8=85=E7=90=86=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E5=8F=B0WARN=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index 1861e7d4..49f33316 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,6 +10,8 @@ import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.css';
 // import zhCN from 'ant-design-vue/es/locale/zh_CN';
 const app = createApp(App)
+// 清理控制台warn信息
+app.config.warnHandler = () => null;
 // app.use(ElementPlus, {
 // 	locale: zhCn,
 // })
@@ -17,4 +19,6 @@ app.use(Antd);
 app.use(router);
 app.use(store);
 
-app.mount('#app')
+app.mount('#app');
+
+

From 54cc56bd331771e2c32d153698dfb2b45e20feb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 24 Oct 2022 15:13:30 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=E7=BC=96=E8=BE=91=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/learningpath/LearningPath.vue | 135 +++++++++++++++++++++++-
 1 file changed, 133 insertions(+), 2 deletions(-)

diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 36cc7d77..ed7b7688 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -127,6 +127,128 @@
               <div class="showcount">{{ valueE.length }}/20</div>
             </div>
           </div>
+          <div class="name" style="margin-left: 27px">
+            <div class="d" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">归属组织</div>
+            <div class="in">
+              <a-input
+                v-model:value="valueE"
+                maxlength="20"
+                style="border-radius: 4px"
+              />
+              <div class="showcount">{{ valueE.length }}/20</div>
+            </div>
+          </div>
+          <div class="bac">
+            <div class="d" style="margin-top: 12px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">路径图背景</div>
+            <div class="in">
+              <!-- <img class="im" src="../../assets/px.jpg" />
+            <img class="im" src="../../assets/px.jpg" />
+            <img class="im" src="../../assets/px.jpg" /> -->
+              <div
+                @click="chooseImg(item.id)"
+                v-for="item in imgData"
+                :key="item.key"
+                style="
+                  border-radius: 8px;
+                  width: 136px;
+                  height: 106px;
+                  background-size: 100%;
+                  background-repeat: no-repeat;
+                "
+                :style="{
+                  border:
+                    learnPathBg === item.id
+                      ? '2px solid rgba(78, 166, 255, 1)'
+                      : '2px solid rgba(78, 166, 255, 0)',
+                  'background-image': 'url(' + item.source + ')',
+                }"
+              >
+                <!-- <img class="im" :src="item.source" /> -->
+              </div>
+            </div>
+          </div>
+          <div class="info">
+            <div class="inname">路径说明</div>
+            <div class="in">
+              <a-textarea v-model:value="valuei" maxlength="150" />
+              <div class="showcount">{{ valuei.length }}/150</div>
+            </div>
+          </div>
+          <div class="btn">
+            <button class="samtn btn1" @click="handleOut">取消</button>
+            <button class="samtn btn2" @click="handleOut">确定</button>
+          </div>
+        </div>
+      </div></a-modal
+    >
+    
+
+    <!-- 编辑路径弹窗 -->
+    <a-modal
+      :closable="sh"
+      centered="true"
+      v-model:visible="out1"
+      :footer="null"
+      wrapClassName="CreatePath"
+    >
+      <div class="out">
+        <div class="top">
+          <img class="topimg" src="../../assets/images/courseManage/add1.png" />
+          <div class="topc">编辑路径</div>
+          <div @click="handleOut1" style="margin-left: 500px; cursor: pointer">
+            <img
+              style="width: 20px; height: 20px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="mid clearfix">
+          <div class="name">
+            <div class="d" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">路径图名称</div>
+            <div class="in">
+              <a-input
+                v-model:value="valueE"
+                maxlength="20"
+                style="border-radius: 4px"
+              />
+              <div class="showcount">{{ valueE.length }}/20</div>
+            </div>
+          </div>
+          <div class="name" style="margin-left: 27px">
+            <div class="d" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">归属组织</div>
+            <div class="in">
+              <a-input
+                v-model:value="valueE"
+                maxlength="20"
+                style="border-radius: 4px"
+              />
+              <div class="showcount">{{ valueE.length }}/20</div>
+            </div>
+          </div>
           <div class="bac">
             <div class="d" style="margin-top: 12px">
               <img
@@ -437,6 +559,7 @@ export default {
         },
       ],
       out: false,
+      out1: false,
       number: null,
       selectTime: null,
       sh: false,
@@ -669,6 +792,9 @@ export default {
     const handleOut = () => {
       state.out = !state.out;
     };
+    const handleOut1 = () => {
+      state.out1 = !state.out1;
+    };
     const chooseImg = (id) => {
       console.log(id);
       state.learnPathBg = id;
@@ -734,14 +860,18 @@ export default {
                     >
                       发布
                     </div>
-                    <div class="jc">编辑</div>
+                    <div class="jc" onClick={() => {
+                        state.out1 = true;
+                      }}>编辑</div>
                   </div>
                 ) : (
                   <div></div>
                 )}
                 {value.state === "已发布" ? (
                   <div class="fb">
-                    <div class="jc">编辑</div>
+                    <div class="jc" onClick={() => {
+                        state.out1 = true;
+                      }}>编辑</div>
                   </div>
                 ) : (
                   <div></div>
@@ -945,6 +1075,7 @@ export default {
       selectProjectName,
       expandTable,
       handleOut,
+      handleOut1,
       showPub,
       closePub,
       showCopyModal,