‘权限管理’

src/apis/user.js

@@ -0,0 +1,10 @@
+import request from "@/request/index";
+
+// 获取用户权限
+export function GetUserLimit(data) {
+    return request({
+        url: 'http://10.83.68.108:8090/ghjgWebServiceTest/ghjg/DigitalWain/auth',
+        method: "post",
+        data: { ...data },
+    })
+}

src/request/index.js

@@ -4,7 +4,8 @@ import { useGlobalState } from '../store/index'
 const state = useGlobalState()
 
 const service = axios.create({
-	baseURL: 'http://10.83.68.108:8091/ghjgWebServiceTest',
+	baseURL: 'http://192.168.4.41:8091/ghjgWebServiceTest',
+	// baseURL: 'http://10.83.68.108:8091/ghjgWebServiceTest',
 	timeout: 60000, // 请求超时时间 毫秒
 	// withCredentials: true,
 	headers: {

src/utils/user.js

@@ -0,0 +1,159 @@
+// 用户权限
+import { useRoute } from 'vue-router';
+import { GetUserLimit } from "@/apis/user";
+
+// const testData = {
+//     "sysType": "MA==",
+//     "userId": "NTIzMw==",
+//     "type": "eXc="
+// }
+
+
+//userId=NTMwMw==&sysType=W29iamVjdCBPYmplY3Rd&digitalTwainType=eXM=
+
+// const res ={
+//     data:{
+//         Rows:[
+//             {
+//                 "id": "6291",
+//                 "name": "数字孪生",
+//                 "parentId": "0"
+//             },
+//             {
+//                 "id": "6602",
+//                 "name": "数字孪生业务版",
+//                 "parentId": "6291"
+//             },
+//             {
+//                 "id": "8445",
+//                 "name": "航道疏浚",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8446",
+//                 "name": "图层",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8441",
+//                 "name": "水上客运",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8442",
+//                 "name": "交通安全",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8443",
+//                 "name": "卡口监控",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8444",
+//                 "name": "运营监管",
+//                 "parentId": "6602"
+//             },
+//             {
+//                 "id": "8461",
+//                 "name": "锚地",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8462",
+//                 "name": "掉头区",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8466",
+//                 "name": "水下地形",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8464",
+//                 "name": "水上绿色综合服务区",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8465",
+//                 "name": "航标",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8453",
+//                 "name": "船舶",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8454",
+//                 "name": "视频融合",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8455",
+//                 "name": "码头泊位",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8456",
+//                 "name": "客运码头",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8458",
+//                 "name": "两岸精模",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8459",
+//                 "name": "两岸白模",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8460",
+//                 "name": "航道",
+//                 "parentId": "8446"
+//             },
+//             {
+//                 "id": "8463",
+//                 "name": "警戒区",
+//                 "parentId": "8446"
+//             },
+//         ]
+//     }
+// }
+
+/**
+ * @params nameList-按钮列表
+ */
+export function GetUserPrivilege(nameList) {
+    let userData = useRoute().query
+    userData.type = userData.digitalTwainType
+    userData.sysType = "MA=="
+    delete userData.digitalTwainType
+    // console.log(userData)
+    GetUserLimit(userData).then((res) => {
+        // console.log(res)
+        let parentId = []
+        let limitArr = []
+        res.data.Rows.forEach((item) => {
+            if (item.name.includes('数字孪生业务版') || item.name.includes('数字孪生演示版')) {
+                res.data.Rows.forEach((item) => {
+                    parentId.push(item.id)
+                })
+                // console.log(parentId)
+            }
+            if (parentId.includes(item.parentId)) {
+                limitArr.push(item.name)
+                // console.log(limitArr)
+            }
+
+        })
+        nameList.data = nameList.data.filter((item) => {
+            if (limitArr.includes(item.name)) {
+                // console.log(nameList)
+                return true
+            }
+        })
+    })
+}

src/views/home/Header.vue

@@ -31,7 +31,7 @@
     </div>
     <div class="sub">
       <ul>
-        <li v-for="item,index in subList" :class="{'highlight': item.status}">
+        <li v-for="item,index in subList.data" :class="{'highlight': item.status}">
           <span @click="handleToggleLayer(index)">{{ item.name }}</span>
         </li>
       </ul>
@@ -60,12 +60,16 @@ export default {
   import WaterLevel from './cpns/WaterLevel.vue'
   import MiForChange from './cpns/MiForChange.vue'
   import { asideShow } from '@/store/index'
+import { GetUserPrivilege } from "@/utils/user";
+
 
   const global_aside = asideShow()
   const showVido =ref('false')
 
   onMounted(() => [
-    getWeather()
+    getWeather(),
+    GetUserPrivilege(subList),
+
   ])
 
   const weather = ref('qing')
@@ -84,19 +88,21 @@ export default {
     })
   }
 
-  const subList = reactive([
-    { name: '航道', status: false },
-    { name: '潮高', status: false },
-    { name: '船舶', status: true },
-    { name: '视频', status: false },
-    { name: '水下地形', status: false },
-    { name: '断面', status: false },
-    { name: '中燃船舶', status: false },
-  ])
+  const subList = reactive({
+    data:[
+      { name: '航道', status: false },
+      { name: '潮高', status: false },
+      { name: '船舶', status: true },
+      { name: '视频', status: false },
+      { name: '水下地形', status: false },
+      { name: '断面', status: false },
+      { name: '中燃船舶', status: false },
+    ]
+  }) 
   
   function handleToggleLayer(index) {
-    subList[index].status = !subList[index].status
-    if(subList[index].status===true) {
+    subList.data[index].status = !subList.data[index].status
+    if(subList.data[index].status===true) {
       switch(index) {
         case 0:
           ueCallFlyToHD()
@@ -130,10 +136,10 @@ export default {
         case 5:
           if (clickWeeather.value) {
             miForChangeShow.value = true
-            subList[index].status = true
+            subList.data[index].status = true
             ueCallShowAllMi()
           }else {
-            subList[index].status = false
+            subList.data[index].status = false
           }
           break
         case 6:
@@ -158,7 +164,7 @@ export default {
         case 4:
           clickWeeather.value=false
           miForChangeShow.value = false
-          subList[index+1].status = false
+          subList.data[index+1].status = false
           ueCallCloseMi()
           bus.emit('toggle_sxdx', false)
           break