style：新增管理权 查看权 修改抽屉样式

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,
     };
   },
 };