修改

dsk-operate-ui/src/views/index.vue

@@ -5,41 +5,9 @@
       <el-row>
         <el-col :span="16">
           <div class="task-wrap">
-            <div class="item">
-              <router-link to="/project/overview" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon1.png"/>
-                <p class="text">项目管理</p>
-              </router-link>
-            </div>
-            <div class="item">
-              <router-link to="/custom/overview" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon2.png"/>
-                <p class="text">客户管理</p>
-              </router-link>
-            </div>
-            <div class="item">
-              <router-link to="/macro/nationalEconomies" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon3.png"/>
-                <p class="text">全国经济大全</p>
-              </router-link>
-            </div>
-            <div class="item">
-              <router-link to="/enterpriseData/Group" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon4.png"/>
-                <p class="text">集团户</p>
-              </router-link>
-            </div>
-            <div class="item">
-              <router-link to="/enterpriseData/Owner" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon5.png"/>
-                <p class="text">查城投平台</p>
-              </router-link>
-            </div>
-            <div class="item">
-              <router-link to="/radar" tag="a">
-                <img class="icon-img" src="@/assets/images/index/icon6.png"/>
-                <p class="text">商机雷达</p>
-              </router-link>
+            <div class="item" v-for="item in routerLink" @click="handleUrl(item)">
+              <img class="icon-img" :src="`${item.imgUrl}`"/>
+              <p class="text">{{item.name}}</p>
             </div>
           </div>
         </el-col>
@@ -694,7 +662,16 @@ export default {
       timePlaceholder:'中标日期',
       show_page:true,
       MaxPage:500,
-      nickName:''
+      nickName:'',
+      permissions:[],
+      routerLink:[
+        {url:'/project/overview',name:'项目管理',imgUrl:require('@/assets/images/index/icon1.png')},
+        {url:'/custom/overview',name:'客户管理',imgUrl:require('@/assets/images/index/icon2.png')},
+        {url:'/macro/nationalEconomies',name:'全国经济大全',imgUrl:require('@/assets/images/index/icon3.png')},
+        {url:'/enterpriseData/Group',name:'集团户',imgUrl:require('@/assets/images/index/icon4.png')},
+        {url:'/enterpriseData/Owner',name:'查城投平台',imgUrl:require('@/assets/images/index/icon5.png')},
+        {url:'/radar',name:'商机雷达',imgUrl:require('@/assets/images/index/icon6.png')},
+      ]
     };
   },
   created() {
@@ -718,6 +695,7 @@ export default {
     getInfo(){
       getInfo().then(res=>{
         console.log(res)
+        this.permissions=res.data.permissions;
         this.nickName=res.data.user.nickName
       }).catch(error=>{});
     },
@@ -1405,6 +1383,72 @@ export default {
       let day = String(date.getDate()).padStart(2, 0)
       return `${year}-${month}-${day}`
     },
+    handleUrl(item){
+      switch (item.name) {
+        case '项目管理':
+          if(this.permissions.includes('project:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        case '客户管理':
+          if(this.permissions.includes('custom:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        case '全国经济大全':
+          if(this.permissions.includes('nationalEconomies:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        case '集团户':
+          if(this.permissions.includes('group:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        case '查城投平台':
+          if(this.permissions.includes('owner:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        case '商机雷达':
+          if(this.permissions.includes('radar:btn')){
+            this.$router.push({ path: item.url })
+          }else {
+            this.$message({
+              message: '您好，请联系管理员开通页面权限',
+              type: 'warning'
+            });
+          }
+          break;
+        default:
+          break;
+      }
+    }
   }
 };
 </script>

dsk-operate-ui/src/views/project/overview/index.vue

@@ -1030,6 +1030,7 @@ export default {
 
 <style lang="scss" scoped>
 .chart-top{
+  margin-bottom: 12px;
   .left{
     float: left;
     height: 122px;