菜单控制

src/router/index.js

@@ -166,6 +166,11 @@ const routes = [{
     name: 'addPresent',
     component: () => import('../views/riskProject/add/addPresent.vue'),
   },
+  {//风险评估列表详情页
+    path: '/risk-big-detail',
+    name: 'risk-big-detail',
+    component: () => import('../views/riskProject/approve/riskBigDetail.vue'),
+  },
 ]
 
 const router = new VueRouter({

src/views/riskProject/add/addInherent.vue

 <template>
     <div>
         <LHeader :text="text"></LHeader>
-     
         <van-form
             @submit="onSubmit"
             :scroll-to-error="true"
@@ -58,8 +57,7 @@
                 @click="seletRoom('room')"
                 :rules="[{ required: true, message: '所属房间不能为空' }]"
             />
-
-            <van-field
+            <!-- <van-field
                 required
                 clickable
                 name="name"
@@ -67,8 +65,17 @@
                 label="风险源名称"
                 placeholder="请输入"
                 :rules="[{ required: true, message: '风险源名称不能为空' }]"
+            /> -->
+        
+            <van-field
+                v-model="form.name"
+                required
+                name="name"
+                label="风险源名称"
+                placeholder="请选择"
+                @click="seletFactor('factor')"
+                :rules="[{ required: true, message: '风险源名称不能为空' }]"
             />
-
             <van-field
                 v-model="form.factor"
                 required

src/views/riskProject/approve/riskBigDetail.vue

+<template>
+    <div>
+        详情页面
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'risk-big-detail'
+    }
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file

src/views/saveWorkbench/index.vue

@@ -16,19 +16,14 @@
         </template>
     </van-search> -->
     <div class="con">
-      <van-cell-group inset>
-                  <van-cell value="风险评估管理" />
-                  <van-grid :column-num="5">
-                  <van-grid-item
-                      @click="dangerJump(item.path)"
-                      v-for="item in riskList"
-                      :key="item.key"
-                      :icon="item.imgUrl"
-                      :text="item.text"
-                  />
-                  </van-grid>
-          </van-cell-group>
-      </div>
+      <van-cell-group inset v-if="finalRiskList.length > 0">
+        <van-cell value="风险评估管理" />
+        <van-grid :column-num="4">
+          <van-grid-item @click="dangerJump(item.path)" v-for="item in finalRiskList" :key="item.key" :icon="item.imgUrl"
+            :text="item.text" />
+        </van-grid>
+      </van-cell-group>
+    </div>
     <!-- tanBar -->
     <tab-bar :index="1"></tab-bar>
   </div>
@@ -36,69 +31,96 @@
 
 <script>
 import tabBar from "@/components/TabBar";
-import { getFun,postFun } from '@/service/table'
+import { getFun, postFun } from '@/service/table'
 export default {
   components: {
     tabBar
   },
   data() {
     return {
-        value:'',
-        riskList: [
-                // {
-                //     key: "1",
-                //     path: "/riskAdd",
-                //     imgUrl: require("@/assets/workbench/risk-report.png"),
-                //     text: "任务创建",
-                // },
-                {
-                    key: "2",
-                    // path: "/danger",
-                    path: "/riskManage",
-                    imgUrl: require("@/assets/workbench/risk-report.png"),
-                    text: "任务管理",
-                },
-                {
-                    key: "3",
-                    path: "/riskAssess",
-                    imgUrl: require("@/assets/workbench/risk-confirm.png"),
-                    text: "风险评估",
-                },
-                {
-                    key: "4",
-                    path: "/riskApprove",
-                    imgUrl: require("@/assets/workbench/risk-account.png"),
-                    text: "风险审批",
-                },
-                {
-                    key: "5",
-                    path: "/riskLedger",
-                    imgUrl: require("@/assets/workbench/danger-account.png"),
-                    text: "风险台账",
-                },
-        ],
+      value: '',
+      riskList: [
+        // {
+        //     key: "1",
+        //     path: "/riskAdd",
+        //     imgUrl: require("@/assets/workbench/risk-report.png"),
+        //     text: "任务创建",
+        // },
+        {
+          key: "2",
+          // path: "/danger",
+          path: "/riskManage",
+          imgUrl: require("@/assets/workbench/risk-report.png"),
+          text: "任务执行情况",
+        },
+        {
+          key: "3",
+          path: "/riskAssess",
+          imgUrl: require("@/assets/workbench/risk-confirm.png"),
+          text: "风险评估",
+        },
+        {
+          key: "4",
+          path: "/riskApprove",
+          imgUrl: require("@/assets/workbench/risk-account.png"),
+          text: "任务审批",
+        },
+        {
+          key: "5",
+          path: "/riskLedger",
+          imgUrl: require("@/assets/workbench/danger-account.png"),
+          text: "任务台账",
+        },
+      ],
+      // 后台给的数据权限对象
+      powerObj: {},
+      finalRiskList: [],
     };
   },
   created() {
-    
+    //  根据权限显示对应的图标
+    this.workBenchList()
   },
   methods: {
-    onSearch(){
+
+    workBenchList() {
+      getFun(`/menu/getMenu`).then(res => {
+        if (res.code == 200) {
+          this.powerObj = res.data;
+          if (this.powerObj.风险评估管理) {
+            this.finalRiskList = [
+              ...this.riskList
+            ].filter((x) => 
+              [...this.powerObj.风险评估管理].some(
+                (y) => (`/${y.path}`) == x.path
+              )
+            );
+          } else {
+            this.finalRiskList = [];
+          }
+          console.log(this.finalRiskList)
+        } else {
+          this.powerObj = {}
+        }
+
+      });
+    },
+    onSearch() {
 
     },
-    createdClick(){
-        this.$router.push('/create-task')
+    createdClick() {
+      this.$router.push('/create-task')
     },
     dangerJump(path) {
-            if (path) {
-                if(path=='/add-danger'){
-                    sessionStorage.removeItem('obj')
-                    this.$router.push({name:'add-danger',params:{isWorkbenchTo:1}});
-                }else{
-                    this.$router.push(path);
-                }
-            }
-        },
+      if (path) {
+        if (path == '/add-danger') {
+          sessionStorage.removeItem('obj')
+          this.$router.push({ name: 'add-danger', params: { isWorkbenchTo: 1 } });
+        } else {
+          this.$router.push(path);
+        }
+      }
+    },
   }
 };
 </script>
@@ -113,19 +135,22 @@ export default {
   color: white;
   text-align: center;
 }
+
 .con {
-    // height: calc(100% - 110px);
-    // height: 100%;
-    padding: 10px 0 50px 0;
-    background-color: #f0f1f5;
-    /deep/ .van-grid-item__content--center {
-        // padding-left: 0px;
-        // padding-right: 0px;
-        padding: 0.22667rem 0px;
-    }
-    /deep/ .van-icon__image {
-        width: auto;
-        height: 1rem;
-    }
+  // height: calc(100% - 110px);
+  // height: 100%;
+  padding: 10px 0 50px 0;
+  background-color: #f0f1f5;
+
+  /deep/ .van-grid-item__content--center {
+    // padding-left: 0px;
+    // padding-right: 0px;
+    padding: 0.22667rem 0px;
+  }
+
+  /deep/ .van-icon__image {
+    width: auto;
+    height: 1rem;
+  }
 }
 </style>

vue.config.js

@@ -8,8 +8,8 @@ module.exports = {
     //以上的ip和端口是我们本机的;下面为需要跨域的
     proxy: { //配置跨域
       '/app-api': {
-        target: 'http://192.168.4.232:8080/', //这里是后台的地址
-        // target: 'http://192.168.10.137:8080/', //这里是后台的地址
+        // target: 'http://192.168.4.232:8080/', //这里是后台的地址
+        target: 'http://192.168.15.124:8080/', //这里是后台的地址
         ws: true,
         changOrigin: true, //允许跨域 
         // logLevel: 'debug',  // 显示代理调试信息