-- 归属圈不可以取消

src/components/drawers/ProjPowerList.vue

@@ -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,7 +218,7 @@ export default {
           width: 70,
           // align: "left",
           className: "classify",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
             // console.log(text.record.checked1);
             return (
@@ -269,11 +270,10 @@ export default {
           key: "opacation",
           width: 100,
           align: "center",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
-            return (
+            return (text.record.state === '归属权' ? '' : <div
-              <div
+                    className="opa"
-                class="opa"
                     onClick={() => {
                       console.log("text.record.id", text.record.id);
                       showCancelModal(text.record);
@@ -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,17 +551,21 @@ 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;
         }
@@ -559,6 +575,7 @@ export default {
         > 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;