菜单控制

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,16 +16,11 @@
         </template>
     </van-search> -->
     <div class="con">
-      <van-cell-group inset>
+      <van-cell-group inset v-if="finalRiskList.length > 0">
         <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 :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>
@@ -36,14 +31,14 @@
 
 <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:'',
+      value: '',
       riskList: [
         // {
         //     key: "1",
@@ -56,7 +51,7 @@ export default {
           // path: "/danger",
           path: "/riskManage",
           imgUrl: require("@/assets/workbench/risk-report.png"),
-                    text: "任务管理",
+          text: "任务执行情况",
         },
         {
           key: "3",
@@ -68,33 +63,60 @@ export default {
           key: "4",
           path: "/riskApprove",
           imgUrl: require("@/assets/workbench/risk-account.png"),
-                    text: "风险审批",
+          text: "任务审批",
         },
         {
           key: "5",
           path: "/riskLedger",
           imgUrl: require("@/assets/workbench/danger-account.png"),
-                    text: "风险台账",
+          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 = {}
+        }
+
+      });
     },
-    createdClick(){
+    onSearch() {
+
+    },
+    createdClick() {
       this.$router.push('/create-task')
     },
     dangerJump(path) {
       if (path) {
-                if(path=='/add-danger'){
+        if (path == '/add-danger') {
           sessionStorage.removeItem('obj')
-                    this.$router.push({name:'add-danger',params:{isWorkbenchTo:1}});
-                }else{
+          this.$router.push({ name: 'add-danger', params: { isWorkbenchTo: 1 } });
+        } else {
           this.$router.push(path);
         }
       }
@@ -113,16 +135,19 @@ 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;

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',  // 显示代理调试信息