下载按钮权限受控

src/views/report/TrainingNewManager.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="train_newman">
     <div class="title">新任管理者线下学习项目定制报表</div>
-    <div class="btn" @click="downReport">
+    <div class="btn" @click="downReport" v-if="uploadAdmin('training-admin')">
       <div class="img"></div>
       <div class="text">报表下载</div>
     </div>
@@ -9,10 +9,20 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { useStore } from "vuex";
   const downReport = () => {
     console.log('下载报表')
     window.open(`${process.env.VUE_APP_BASE_API}/admin/project/report/data`)
   }
+  const store = useStore();
+  const userInfo = computed(() => store.state.userInfo);
+  const uploadAdmin = (admin)=>{
+    const roleCode = userInfo.value.roleList.map((item)=>item.roleCode)
+    if (admin){
+      return roleCode.some(t => t == admin)
+    }
+  }
 </script>
 
 <style lang="scss" scoped>