feat:学习路径图新增归属权抽屉 授权名单抽屉 取消权限

src/views/learningpath/LearningPath.vue

@@ -398,13 +398,20 @@
         </div>
       </div>
     </a-modal>
+    <!-- 归属权抽屉 -->
+    <owner-ship v-model:Ownervisible="Ownervisible" />
+    <!-- 授权名单抽屉 -->
+    <power-list v-model:PLvisible="PLvisible" />
   </div>
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
+import OwnerShip from "../../components/drawers/Ownership";
+import PowerList from "../../components/drawers/PowerList";
 
 export default {
   name: "learningPath",
+  components: { OwnerShip, PowerList },
   setup() {
     const state = reactive({
       projectNameList: [
@@ -574,6 +581,8 @@ export default {
       closeStart: false, //启用弹窗关闭图标
       backModal: false, //撤回弹窗
       closeBack: false, //撤回弹窗关闭图标
+      Ownervisible: false, //归属权抽屉
+      PLvisible: false, //授权名单抽屉
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -700,6 +709,12 @@ export default {
     const closeBackModal = () => {
       state.backModal = false;
     };
+    const showOwner = () => {
+      state.Ownervisible = true;
+    };
+    const showPower = () => {
+      state.PLvisible = true;
+    };
     const getTableDate = () => {
       let data = state.tableData;
       data.map((value) => {
@@ -759,12 +774,18 @@ export default {
                   dropdownClassName="tabledropdown"
                 >
                   <a-select-option value="权限名单" label="权限名单">
-                    <div>权限名单</div>
+                    <div
+                      onClick={() => {
+                        showPower();
+                      }}
+                    >
+                      权限名单
+                    </div>
                   </a-select-option>
                   <a-select-option value="归属权" label="归属权">
                     <div
                       onClick={() => {
-                        console.log("点击了");
+                        showOwner();
                       }}
                     >
                       归属权
@@ -936,6 +957,8 @@ export default {
       closeStartModal,
       showBackModal,
       closeBackModal,
+      showOwner,
+      showPower,
       tableDataFunc,
       chooseImg,
     };