授权按钮显示处理

src/views/menu/securityCheckRegister/addCheck.vue

@@ -52,6 +52,7 @@ export default {
     Scroll,
     SelectCell,
   },
+  props:["orgType"],
   data(){
     return {
       id:null,
@@ -99,7 +100,7 @@ export default {
       this.$emit('addItem',this.selected);
     },
     getCheckItem(){
-      let data = {orgType:4};
+      let data = {orgType:this.orgType};
       checkItemList(data).then(res=>{
         this.ruleList = res.data;
         this.query.ruleId = res.data[0].id;

src/views/menu/securityCheckRegister/detail.vue

@@ -118,9 +118,9 @@
     </div>
     <!--  按钮   -->
     <div v-if="enable" class="flex-box">
-      <van-button type="default" style="width: 30%" plain @click="accredit">授权</van-button>
-      <van-button type="info" style="width: 30%" plain hairline @click="saveData">保存</van-button>
-      <van-button type="info" style="width: 30%" @click="submitData">提交</van-button>
+      <van-button type="default"  plain @click="accredit" v-show="showGrantBtn">授权</van-button>
+      <van-button type="info"  plain hairline @click="saveData">保存</van-button>
+      <van-button type="info" @click="submitData">提交</van-button>
     </div>
 
     <!--    <van-image-preview v-model="showPreView" :images="preViewImages.images" :startPosition="preViewImages.startPosition">-->
@@ -132,7 +132,7 @@
   </div>
 
   <!--  添加检查内容  -->
-  <AddCheck v-else @goBack="goBack" @addItem="addItem"></AddCheck>
+  <AddCheck v-else @goBack="goBack" @addItem="addItem" :orgType="taskInfo.beCheckOrgType"></AddCheck>
 </template>
 
 <script>
@@ -188,7 +188,19 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['dictionary'])
+    ...mapGetters(['dictionary',"roleList",'orgId']),
+    showGrantBtn(){      
+      let userRoleIds = this.roleList.map((r) => r.roleId);
+      let taskRoleIds = this.taskInfo.checkRoles
+        ? this.taskInfo.checkRoles.map((r) => r.id)
+        : [];
+      return (
+        this.taskInfo.status != 3 &&
+        this.taskInfo.planType==3 &&
+        this.taskInfo.checkOrgId == this.orgId &&
+        userRoleIds.find((ur) => taskRoleIds.includes(ur))
+      );
+    }
   },
   mounted() {
     this.id = this.$route.query.id
@@ -507,6 +519,13 @@ export default {
     > span {
       margin: 0 20px;
     }
+
+    >button{
+      flex:.45;
+      margin:0 10px;
+      /* min-width: 30%;
+      max-width: 50%; */
+    }
   }
   .legend {
     background-color: #fff;