From bf74bfafc69cc11083d6c45e452efe9c3d3cfca5 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Mon, 5 Dec 2022 20:35:30 +0800
Subject: [PATCH] =?UTF-8?q?--=20=E5=BD=92=E5=B1=9E=E5=9C=88=E4=B8=8D?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=8F=96=E6=B6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ProjPowerList.vue | 252 ++++++++++++-----------
 1 file changed, 137 insertions(+), 115 deletions(-)

diff --git a/src/components/drawers/ProjPowerList.vue b/src/components/drawers/ProjPowerList.vue
index 228b2399..9104dac7 100644
--- a/src/components/drawers/ProjPowerList.vue
+++ b/src/components/drawers/ProjPowerList.vue
@@ -1,18 +1,18 @@
 <template>
   <a-drawer
-    :visible="ProjPvisible"
-    class="drawerStyle ProjPowerList"
-    placement="right"
-    width="60%"
-    @after-visible-change="afterVisibleChange"
+      :visible="ProjPvisible"
+      class="drawerStyle ProjPowerList"
+      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"
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
         />
       </div>
       <div class="main">
@@ -21,18 +21,18 @@
             <div class="namecon" style="margin-right: 30px">
               <div class="name">姓名：</div>
               <a-input
-                v-model:value="name"
-                style="width: 270px; height: 40px; border-radius: 8px"
-                placeholder="请输入姓名"
+                  v-model:value="name"
+                  style="width: 270px; height: 40px; border-radius: 8px"
+                  placeholder="请输入姓名"
               />
             </div>
           </div>
 
           <div class="btns">
             <div
-              class="btn btn1"
-              style="margin-right: 20px"
-              @click="searchAuth"
+                class="btn btn1"
+                style="margin-right: 20px"
+                @click="searchAuth"
             >
               <div class="img1"></div>
               <div class="wz">搜索</div>
@@ -46,28 +46,28 @@
 
         <div class="tableBox" style="margin-top: 10px">
           <a-table
-            style="border: 1px solid #f2f6fe"
-            :columns="tableDataFunc()"
-            :data-source="tableData"
-            :loading="tableDataTotal === -1 ? true : false"
-            expandRowByClick="true"
-            @expand="expandTable"
-            :scroll="{ x: 900 }"
-            :pagination="false"
+              style="border: 1px solid #f2f6fe"
+              :columns="tableDataFunc()"
+              :data-source="tableData"
+              :loading="tableDataTotal === -1 ? true : false"
+              expandRowByClick="true"
+              @expand="expandTable"
+              :scroll="{ x: 900 }"
+              :pagination="false"
           />
         </div>
         <div class="tableBox">
           <div class="pa">
             <a-pagination
-              v-if="tableDataTotal > 10"
-              showSizeChanger="true"
-              showQuickJumper="true"
-              hideOnSinglePage="true"
-              :pageSize="pageSize"
-              :current="currentPage"
-              :total="tableDataTotal"
-              class="pagination"
-              @change="changePagination"
+                v-if="tableDataTotal > 10"
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="changePagination"
             />
           </div>
         </div>
@@ -93,11 +93,11 @@
     </div>
     <!-- 取消授权弹窗 -->
     <a-modal
-      v-model:visible="cancelModal"
-      :footer="null"
-      :closable="closeCancel"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="cancelModal"
+        :footer="null"
+        :closable="closeCancel"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -131,9 +131,10 @@
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import {toRefs, reactive} from "vue";
 import * as api from "../../api/index1";
-import { message } from "ant-design-vue";
+import {message} from "ant-design-vue";
+
 export default {
   name: "ProjPowerList",
   props: {
@@ -217,13 +218,13 @@ export default {
           width: 70,
           // align: "left",
           className: "classify",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
             // console.log(text.record.checked1);
             return (
-              <div class="racona">
-                <span> {text.record.name}</span>
-              </div>
+                <div class="racona">
+                  <span> {text.record.name}</span>
+                </div>
             );
           },
         },
@@ -269,18 +270,17 @@ export default {
           key: "opacation",
           width: 100,
           align: "center",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
-            return (
-              <div
-                class="opa"
-                onClick={() => {
-                  console.log("text.record.id", text.record.id);
-                  showCancelModal(text.record);
-                }}
-              >
-                取消授权
-              </div>
+            return (text.record.state === '归属权' ? '' : <div
+                    className="opa"
+                    onClick={() => {
+                      console.log("text.record.id", text.record.id);
+                      showCancelModal(text.record);
+                    }}
+                >
+                  取消授权
+                </div>
             );
           },
         },
@@ -293,13 +293,13 @@ export default {
       let obj = {
         keyWord: state.name ? state.name : "",
         type:
-          props.classify === "learnPath"
-            ? 1
-            : props.classify === "project"
-            ? 2
-            : props.classify === "course"
-            ? 3
-            : null,
+            props.classify === "learnPath"
+                ? 1
+                : props.classify === "project"
+                    ? 2
+                    : props.classify === "course"
+                        ? 3
+                        : null,
         tag: 1,
         opt: 1,
         refId: props.selectProjectId,
@@ -308,34 +308,34 @@ export default {
       };
       console.log("获取权限名单obj", obj);
       api
-        .optionAuthPerm(obj)
-        .then((res) => {
-          // console.log("获取权限名单成功", res);
-          if (res.data.code === 200) {
-            console.log("获取权限名单成功", res.data.data.records);
-            let arr = res.data.data.records;
-            let array = [];
-            arr.map((value) => {
-              let obj = {
-                key: value.memberId,
-                id: value.memberId,
+          .optionAuthPerm(obj)
+          .then((res) => {
+            // console.log("获取权限名单成功", res);
+            if (res.data.code === 200) {
+              console.log("获取权限名单成功", res.data.data.records);
+              let arr = res.data.data.records;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  key: value.memberId,
+                  id: value.memberId,
 
-                name: value.memberName ? value.memberName : "-",
+                  name: value.memberName ? value.memberName : "-",
 
-                com: value.orgName ? value.orgName : "-",
-                gang: "-",
-                number: value.memberNo ? value.memberNo : "-",
-                state: value.tagName ? value.tagName : "-",
-              };
-              array.push(obj);
-            });
-            state.tableData = array;
-            state.tableDataTotal = res.data.data.total;
-          }
-        })
-        .catch((err) => {
-          console.log("获取权限名单失败", err);
-        });
+                  com: value.orgName ? value.orgName : "-",
+                  gang: "-",
+                  number: value.memberNo ? value.memberNo : "-",
+                  state: value.tagName ? value.tagName : "-",
+                };
+                array.push(obj);
+              });
+              state.tableData = array;
+              state.tableDataTotal = res.data.data.total;
+            }
+          })
+          .catch((err) => {
+            console.log("获取权限名单失败", err);
+          });
     };
 
     //分页
@@ -360,21 +360,21 @@ export default {
       let obj = {
         keyWord: "",
         type:
-          props.classify === "learnPath"
-            ? 1
-            : props.classify === "project"
-            ? 2
-            : props.classify === "course"
-            ? 3
-            : null,
+            props.classify === "learnPath"
+                ? 1
+                : props.classify === "project"
+                    ? 2
+                    : props.classify === "course"
+                        ? 3
+                        : null,
         tag:
-          state.cancelAuthState === "归属权"
-            ? 2
-            : state.cancelAuthState === "查看权"
-            ? 3
-            : state.cancelAuthState === "管理权"
-            ? 4
-            : null,
+            state.cancelAuthState === "归属权"
+                ? 2
+                : state.cancelAuthState === "查看权"
+                    ? 3
+                    : state.cancelAuthState === "管理权"
+                        ? 4
+                        : null,
         opt: 4,
         refId: props.selectProjectId,
         pageNo: 1,
@@ -385,19 +385,19 @@ export default {
       };
       console.log("取消权限名单obj", obj, state.cancelAuthState);
       api
-        .optionAuthPerm(obj)
-        .then((res) => {
-          console.log("取消权限名单", res);
-          if (res.data.code === 200) {
-            // console.log("取消授权成功", res.data.data);
-            optionAuthPerm();
-            message.success("取消授权成功");
-            closeCancelModal();
-          }
-        })
-        .catch((err) => {
-          console.log("取消授权失败", err);
-        });
+          .optionAuthPerm(obj)
+          .then((res) => {
+            console.log("取消权限名单", res);
+            if (res.data.code === 200) {
+              // console.log("取消授权成功", res.data.data);
+              optionAuthPerm();
+              message.success("取消授权成功");
+              closeCancelModal();
+            }
+          })
+          .catch((err) => {
+            console.log("取消授权失败", err);
+          });
     };
     return {
       ...toRefs(state),
@@ -430,16 +430,19 @@ export default {
     .ant-drawer-header {
       display: none !important;
     }
+
     .ant-drawer-body {
       padding: 0;
     }
   }
+
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
     // overflow-x: auto;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -449,6 +452,7 @@ export default {
       // background-color: red;
       margin-bottom: 20px;
       flex-shrink: 0;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -457,11 +461,13 @@ export default {
         // margin-left: 24px;
       }
     }
+
     .main {
       width: 100%;
       height: 100%;
       // background-color: #bfa;
       overflow-y: auto;
+
       .search {
         width: 100%;
         display: flex;
@@ -471,14 +477,17 @@ export default {
         .leftchoose {
           display: flex;
           margin-right: 20px;
+
           .namecon {
             display: flex;
             flex-wrap: nowrap;
             margin-bottom: 10px;
+
             .name {
               margin-top: 8px;
               white-space: nowrap;
             }
+
             // .name {
             //   margin-top: 8px;
 
@@ -501,6 +510,7 @@ export default {
             display: flex;
             justify-content: center;
             align-items: center;
+
             .img1 {
               width: 15px;
               height: 17px;
@@ -508,6 +518,7 @@ export default {
               background-size: 100% 100%;
               margin-right: 7px;
             }
+
             .img2 {
               width: 16px;
               height: 18px;
@@ -522,6 +533,7 @@ export default {
 
             color: #ffffff;
           }
+
           .btn2 {
             background: #ffffff;
 
@@ -539,26 +551,31 @@ export default {
           // padding-left: 9px !important;
           padding-left: 20px !important;
         }
+
         .ant-checkbox-wrapper {
           align-items: center;
           margin-top: -2px;
         }
+
         .ant-table-selection-column {
           padding: 0px !important;
           // padding-left: 45px !important;
         }
+
         .ant-table-thead > tr > th {
           background-color: rgba(239, 244, 252, 1);
         }
+
         th.h {
           background-color: #eff4fc !important;
         }
 
         .ant-table-tbody
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
           background: #f6f9fd;
         }
+
         .opa {
           // background-color: #bfa;
           font-size: 14px;
@@ -567,6 +584,7 @@ export default {
           cursor: pointer;
         }
       }
+
       .pa {
         // left: 0;
         margin-top: 25px;
@@ -585,6 +603,7 @@ export default {
           margin-bottom: 10px;
         }
       }
+
       // .tab {
       //   .ant-table-thead > tr > th {
       //     background-color: rgba(239, 244, 252, 1) !important;
@@ -602,6 +621,7 @@ export default {
       // }
     }
   }
+
   // .botm {
   //   width: 100%;
   //   height: 100%;
@@ -619,6 +639,7 @@ export default {
     align-items: center;
     justify-content: center;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
     .btn1 {
       width: 100px;
       height: 40px;
@@ -628,6 +649,7 @@ export default {
       background-color: #fff;
       cursor: pointer;
     }
+
     .btn2 {
       cursor: pointer;
       width: 100px;