权限修改

src/components/assembly/indexList.vue

@@ -17,13 +17,17 @@ let props = defineProps<{
   isLink: boolean
   title: any;
   url: any;
+  hash: any;
 }>();
 function routerpush(isLink:boolean=false) {
   if (isLink) {
     location.href = props.path
   } else {
     router.push({
-    path: props.path,
+    name: props.path,
+    query: {
+      hash: props.hash,
+    }
   })
   }
   

src/http/AerialView/index.ts

@@ -11,16 +11,16 @@ import {get,post,put} from "@/utils/http"
 
 
 export function getSensorInfodata(){
-    return get('/device/getSensorInfo')
+    return get('/screen/device/getSensorInfo')
 }
 export function deviceDistributeInMachineryFactorydata(){
-    return get('/device/deviceDistributeInMachineryFactory')
+    return get('/screen/device/deviceDistributeInMachineryFactory')
 }
 
 export function getSensorInfoByType(data){
-    return get('/device/getSensorDistributionSpecificMF',data)
+    return get('/screen/device/getSensorDistributionSpecificMF',data)
 }
 
 export function updateCoordinateByPoint(data){
-    return put('/device/updateCoordinate',data)
+    return put('/screen/device/updateCoordinate',data)
 }

src/http/InPlantProducts/index.ts

@@ -11,25 +11,25 @@ import {get,post} from "@/utils/http"
 
 //设备详情
 export function getDeviceSensorInfo(data:any){
-    return get('/device/getDeviceSensorInfo',data)
+    return get('/screen/device/getDeviceSensorInfo',data)
 }
 //设备详情2
 export function getDeviceInfo(data:any){
-    return get('/device/getDeviceInfo',data)
+    return get('/screen/device/getDeviceInfo',data)
 }
 //2023.4.27修改的设备详情接口
 export function getDeviceDetail(data:any){
-    return get('/device/getDeviceDetail',data)
+    return get('/screen/device/getDeviceDetail',data)
 }
 //各军团网关网关状态
 export function gatewayOfCorps(){
-    return get('/device/gatewayOfCorps')
+    return get('/screen/device/gatewayOfCorps')
 }
 //军团厂内设备列表
 export function getDeviceInPlant(){
-    return get('/device/getDeviceInPlant')
+    return get('/screen/device/getDeviceInPlant')
 }
 //安装总数量及已完成数量(安装进度)
 export function getprogressOfCorps(){
-    return get('/device/progressOfCorps')
+    return get('/screen/device/progressOfCorps')
 }

src/http/Mechanics/index.ts

@@ -11,38 +11,38 @@ import {get,post} from "@/utils/http"
 
 //机械分厂网关状态
 export function gatewayOfMachineryFactory(){
-    return get('/device/gatewayOfMachineryFactory')
+    return get('/screen/device/gatewayOfMachineryFactory')
 }
 //机械分厂各车间设备数量
 export function gatcountsOfMachineryFactory(){
-    return get('/device/countsOfMachineryFactory')
+    return get('/screen/device/countsOfMachineryFactory')
 }
 //机械分厂各车间设备状态接口
 export function gatDeviceStatusOfMF(){
-    return get('/device/DeviceStatusOfMF')
+    return get('/screen/device/DeviceStatusOfMF')
 }
 //机械分厂各车间各种状态的设备数量
 export function gatcountsOfMachineryFactoryInStatusTime(){
-    return get('/device/countsOfMachineryFactoryInStatusTime')
+    return get('/screen/device/countsOfMachineryFactoryInStatusTime')
 }
 //机械分厂设备详情
 export function gatdeviceStatusInfoMF(data:any){
-    return get('/device/deviceStatusInfoMF',data)
+    return get('/screen/device/deviceStatusInfoMF',data)
 }
 
 
 /**newIndex */
 //设备列表
 export function reqDeviceTotelListMF(){
-    return get('/device/deviceTotelListMF')
+    return get('/screen/device/deviceTotelListMF')
 }
 
 //状态数量
 export function reqDeviceTotelStatusMF() {
-    return get('/device/deviceTotelStatusMF')
+    return get('/screen/device/deviceTotelStatusMF')
 }
 
 //提醒
 export function reqDeviceRemind() {
-    return get('/device/deviceRemind')
+    return get('/screen/device/deviceRemind')
 }

src/http/MicrofactoryDev/index.ts

@@ -11,25 +11,25 @@ import {get,post} from "@/utils/http"
 
 //微工厂设备列表
 export function getInfoOfMiniatureFactoryData(){
-    return get('/device/getInfoOfMiniatureFactory')
+    return get('/screen/device/getInfoOfMiniatureFactory')
 }
 //微工厂网关状态及在线、离线设备数量
 export function getStatusCountsOfMiniatureFactoryData(){
-    return get('/device/getStatusCountsOfMiniatureFactory')
+    return get('/screen/device/getStatusCountsOfMiniatureFactory')
 }
 //微工厂设备缝纫时间
 export function getSewingTimeData(){
-    return get('/device/getSewingTime')
+    return get('/screen/device/getSewingTime')
 }
 //微工厂压脚柱状图
 export function getPresserFootHistogramData(){
-    return get('/device/getPresserFootHistogram')
+    return get('/screen/device/getPresserFootHistogram')
 }
 //微工厂剪线柱状图
 export function getCuttingLineHistogramData(){
-    return get('/device/getCuttingLineHistogram')
+    return get('/screen/device/getCuttingLineHistogram')
 }
 //微工厂稼動率
 export function getActivationData(){
-    return get('/device/getActivation')
+    return get('/screen/device/getActivation')
 }

src/http/PaintShopView/index.ts

@@ -12,5 +12,5 @@ import {get,post} from "@/utils/http"
 //气压
 //用电量
 export function getSensorByDept(data:any){
-    return get('/s/getSensorByDept',data)
+    return get('/screen/s/getSensorByDept',data)
 }

src/http/Trend/index.ts

@@ -11,5 +11,5 @@ import {get,post} from "@/utils/http"
 
 //气压
 export function getCurrent24Trend(id:string){
-    return get('/dataTrend/getCurrent24Trend',{id})
+    return get('/screen/dataTrend/getCurrent24Trend',{id})
 }

src/http/device/index.ts

@@ -12,7 +12,7 @@ import {get,post} from "@/utils/http"
 
 //获取微工厂缝纫设备数据
 export function getSewingBoard(){
-    return get('/device/getSewingBoard')
+    return get('/screen/device/getSewingBoard')
 }
 
 

src/http/electronicControl/index.ts

@@ -12,11 +12,11 @@ import {get,post} from "@/utils/http"
 
 //获取电控分厂数据
 export function getElectronDevice(){
-    return get('/device/electronDevice')
+    return get('/screen/device/electronDevice')
 }
 
 //通过depId 获取设备状态
 export function getElectronDeviceStatus(deptId:string,alarmType:string = 'offline'){
-    return get('/alarm/getAlarmListByDeptId',{deptId,alarmType})
+    return get('/screen/alarm/getAlarmListByDeptId',{deptId,alarmType})
 }
 

src/http/energyConsume/index.ts

@@ -11,37 +11,37 @@ import {get,post} from "@/utils/http"
 
 //用电量
 export function getPowerData(data:any){
-    return get('/s/getPowerData',data)
+    return get('/screen/s/getPowerData',data)
 }
 //用部门详细能耗
 export function getconsumeDetail(){
-    return get('/device/consumeDetail')
+    return get('/screen/device/consumeDetail')
 }
 //部门同比
 export function getcurrentRate(){
-    return get('/device/currentRate')
+    return get('/screen/device/currentRate')
 }
 //生产额 用电量接口
 export function getcurrentProduct(){
-    return get('/device/currentProduct')
+    return get('/screen/device/currentProduct')
 }
 //部门同比机械分厂
 export function getcurrentRateMF(){
-    return get('/device/currentRateMF')
+    return get('/screen/device/currentRateMF')
 }
 //生产额机械分厂
 export function getcurrentProductMF(){
-    return get('/device/currentProductMF')
+    return get('/screen/device/currentProductMF')
 }
 // 历史用气量
 export function getHistoryGasData(){
-    return get('/device/getHistoryGas')
+    return get('/screen/device/getHistoryGas')
 }
 //历史用水量
 export function getHistoryWaterData(){
-    return get('/device/getHistoryWater')
+    return get('/screen/device/getHistoryWater')
 }
 //历史用电量
 export function getHistoryCurrentData(){
-    return get('/device/getHistoryCurrent')
+    return get('/screen/device/getHistoryCurrent')
 }

src/http/generalEnvironment/index.ts

@@ -11,17 +11,17 @@ import {get,post} from "@/utils/http"
 
 //温湿度
 export function getHumitureData(data:any){
-    return get('/s/getHumitureData',data)
+    return get('/screen/s/getHumitureData',data)
 }
 //PM2.5
 export function getPmtwoData(data:any){
-    return get('/s/getPmtwoData',data)
+    return get('/screen/s/getPmtwoData',data)
 }
 //PM10
 export function getPmtenData(data:any){
-    return get('/s/getPmtenData',data)
+    return get('/screen/s/getPmtenData',data)
 }
 //噪音
 export function getnoiseData(data:any){
-    return get('/s/getnoiseData',data)
+    return get('/screen/s/getnoiseData',data)
 }

src/http/index.ts

@@ -11,9 +11,9 @@ import {get,post} from "@/utils/http"
 
 //报警数据
 export function getAlarmListData(data:any){
-    return get('/alarm/getAlarmList',data)
+    return get('/screen/alarm/getAlarmList',data)
 }
 //报警历史数据查询
 export function getAlarmListHistoryData(data:any){
-    return get('/alarm/getAlarmListHistory',data)
+    return get('/screen/alarm/getAlarmListHistory',data)
 }

src/http/legionProducts/index.ts

@@ -2,10 +2,10 @@ import {get,post} from "@/utils/http"
 
 //设备列表
 export function getDeviceInPlantList(data:any){
-    return get('/device/getDeviceInPlant',data)
+    return get('/screen/device/getDeviceInPlant',data)
 }
 
 //设备状态
 export function getDeviceStatus(data:any){
-    return get('/device/deviceStatusNum',data)
+    return get('/screen/device/deviceStatusNum',data)
 }

src/http/offsite/index.ts

@@ -11,30 +11,30 @@ import {get,post} from "@/utils/http"
 
 
 export function deviceCountsOfOutPlantData(){
-    return get('/device/deviceCountsOfOutPlant')
+    return get('/screen/device/deviceCountsOfOutPlant')
 }
 export function deviceTypeCountsOfOutPlantData(){
-    return get('/device/deviceTypeCountsOfOutPlant')
+    return get('/screen/device/deviceTypeCountsOfOutPlant')
 }
 export function deviceStatusCountsOfOutPlantData(){
-    return get('/device/deviceStatusCountsOfOutPlant')
+    return get('/screen/device/deviceStatusCountsOfOutPlant')
 }
 export function getDeviceOutPlantData(){
-    return get('/device/getDeviceOutPlant')
+    return get('/screen/device/getDeviceOutPlant')
 }
 // 各分公司设备数量(二级)
 export function deviceCountsSecondaryOfOutPlantData(){
-    return get('/device/deviceCountsSecondaryOfOutPlant')
+    return get('/screen/device/deviceCountsSecondaryOfOutPlant')
 }
 // 分公司各类型设备数量(二级)
 export function deviceTypeCountsSecondaryOfOutPlantData(){
-    return get('/device/deviceTypeCountsSecondaryOfOutPlant')
+    return get('/screen/device/deviceTypeCountsSecondaryOfOutPlant')
 }
 // 分公司设备各种状态的数量(二级)
 export function deviceStatusCountsSecondaryOfOutPlantData(){
-    return get('/device/deviceStatusCountsSecondaryOfOutPlant')
+    return get('/screen/device/deviceStatusCountsSecondaryOfOutPlant')
 }
 // 分公司二级页面列表
 export function secondaryOutPlantData(){
-    return get('/device/secondaryOutPlant')
+    return get('/screen/device/secondaryOutPlant')
 }

src/http/realtimeSecurity/index.ts

@@ -11,11 +11,11 @@ import {get,post} from "@/utils/http"
 
 //气压
 export function getSafeWarningData(data:any={}){
-    return get('/s/getSafeWarningData',data)
+    return get('/screen/s/getSafeWarningData',data)
 }
 export function getPressureData(){
-    return get('/s/getPressureData')
+    return get('/screen/s/getPressureData')
 }
 export function getpipeData(data:any){
-    return get('/s/getpipeData',data)
+    return get('/screen/s/getpipeData',data)
 }

src/http/rule/index.ts

@@ -9,7 +9,11 @@
  */
 import {get,post} from "@/utils/http"
 
-//气压
+//url
 export function selectPermission({address,hash}){
-    return get('/manage/selectPermission',{address,hash})
+    return get('/system/screen/selectPermission',{address,hash})
+}
+//首页
+export function getScreenByHash({hash}){
+    return get('/system/screen/getScreenByHash',{hash})
 }

src/http/waterHouse/index.ts

@@ -11,5 +11,5 @@ import {get,post} from "@/utils/http"
 
 //气压
 export function getWaterFlowInfo(type:string){
-    return get('/waterFlow/getWaterFlowInfo',{type})
+    return get('/screen/waterFlow/getWaterFlowInfo',{type})
 }

src/router/index.ts

@@ -337,7 +337,7 @@ router.beforeEach(async (to: any, from, next) => {
 
   // 返回 false 以取消导航
   if (to.path == "/") {
-    sessionStorage.setItem("screen_user_id", to.query.id);
+    sessionStorage.setItem("screen_hash", to.query.hash);
 
     next();
   } else if (arr.includes(address)) {

src/utils/devSever.ts

@@ -9,8 +9,8 @@
  */
 
 // export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://192.168.3.97:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/image/"}
-export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/image/"}
-export const production={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/image/"}
+export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/screen/image/"}
+export const production={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/screen/image/"}
 //拼接图片url路径
 export function imgurlAddXhr(img){
     let src=null

src/views/index.vue

@@ -11,18 +11,18 @@
 <template>
   <div :class="$style['container']" ref="appRef">
     <div class="navbar">
-      <el-dropdown @command="changelang" >
-    <span class="el-dropdown-link">
-      <!-- <img src="../assets/svg/gateway.svg" alt="" class="langimg" height="20px" width="20px"> -->
-      <i class="iconfont icon-zhongyingwen langimg"></i>
-    </span>
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-dropdown-item :class="'简体中文' == lang?'select':'' " command="简体中文">简体中文</el-dropdown-item>
-        <el-dropdown-item :class="'English/USD' == lang?'select':'' " command="English/USD">English</el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
+      <el-dropdown @command="changelang">
+        <span class="el-dropdown-link">
+          <!-- <img src="../assets/svg/gateway.svg" alt="" class="langimg" height="20px" width="20px"> -->
+          <i class="iconfont icon-zhongyingwen langimg"></i>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item :class="'简体中文' == lang ? 'select' : ''" command="简体中文">简体中文</el-dropdown-item>
+            <el-dropdown-item :class="'English/USD' == lang ? 'select' : ''" command="English/USD">English</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
       <!-- <el-select class="m-2" v-model="lang"  placeholder="Select" size="large" @change="changelang">
         <el-option
           :label="'简体中文'"
@@ -36,14 +36,8 @@
     </div>
 
     <div class="itemlist">
-      <list
-        v-for="res in routerList"
-        :path="res.path"
-        :is-link="res.isLink"
-        :title="res.title"
-        :key="res.id"
-        :url="res.url"
-      ></list>
+      <list v-for="res in routerList" :hash="res.hash" :path="res.path" :is-link="res.isLink" :title="res.title" :key="res.id"
+        :url="res.url"></list>
     </div>
   </div>
 </template>
@@ -54,264 +48,296 @@ import list from "@/components/assembly/indexList.vue";
 import { useI18n } from "vue-i18n";
 import { getStoredLanguage, saveStoredLanguage } from "@/utils/languageStorage";
 import { useRoute } from 'vue-router'
-let langicon=require("@/assets/svg/language.svg")
+import { getScreenByHash } from "@/http/rule/index"
+let langicon = require("@/assets/svg/language.svg")
 let route = useRoute()
 window.document.title = "大屏物联管理系统";
 let { t } = useI18n();
-let routerList = [
-  {
+// let routerList = [
+//   {
+//     id: 1,
+//     isLink: false,
+//     path: "/energyConsume",
+//     title: t("messages.energyConsume"),
+//     url: require("../assets/indexImg/energyConsume.png"),
+//     // url:'../../assets/indexImg/energyConsume.png'
+//   },
+//   {
+//     id: 2,
+//     isLink: false,
+//     path: "/generalEnvironment",
+//     title: t("messages.generalEnvironment"),
+//     url: require("../assets/indexImg/generalEnvironment.png"),
+//   },
+//   {
+//     id: 3,
+//     isLink: false,
+//     path: "/InPlantProducts",
+//     title: t("messages.InPlantProducts"),
+//     url: require("../assets/indexImg/InPlantProducts.png"),
+//   },
+//   {
+//     id: 4,
+//     isLink: false,
+//     path: "/Mechanics",
+//     title: t("messages.Mechanics"),
+//     url: require("../assets/indexImg/Mechanics.png"),
+//   },
+//   {
+//     id: 5,
+//     isLink: false,
+//     path: "/MicrofactoryDev",
+//     title: t("messages.MicrofactoryDev"),
+//     url: require("../assets/indexImg/MicrofactoryDev.png"),
+//   },
+//   {
+//     id: 6,
+//     isLink: false,
+//     path: "/Offsite",
+//     title: t("messages.Offsite"),
+//     url: require("../assets/indexImg/Offsite.png"),
+//   },
+//   {
+//     id: 8,
+//     isLink: false,
+//     path: "/realtimeSecurity",
+//     title: t("messages.realtimeSecurity"),
+//     url: require("../assets/indexImg/realtimeSecurity.png"),
+//   },
+//   {
+//     id: 7,
+//     isLink: false,
+//     path: "/FactoryView",
+//     title: t("messages.FactoryView"),
+//     url: require("../assets/indexImg/FactoryView.png"),
+//   },
+//   // {
+//   //   id:9,
+//   //   path:'/AerialView',
+//   //   title:'物联传感器分布图',
+//   //   url:require('../assets/indexImg/AerialView.png')
+//   // },
+//   {
+//     id: 10,
+//     isLink: false,
+//     path: "/PaintShopView",
+//     title: t("messages.PaintShopView"),
+//     url: require("../assets/indexImg/decorationShop.png"),
+//   },
+//   {
+//     id: 11,
+//     isLink: false,
+//     path: "/stuffView",
+//     title: t("messages.stuffView"),
+//     url: require("../assets/indexImg/PaintShopView.png"),
+//   },
+//   {
+//     id: 12,
+//     isLink: false,
+//     path: "/machiningView",
+//     title: t("messages.machiningView"),
+//     url: require("../assets/indexImg/PaintShopView.png"),
+//   },
+//   {
+//     id: 13,
+//     isLink: false,
+//     path: "/finishView",
+//     title: t("messages.finishView"),
+//     url: require("../assets/indexImg/PaintShopView.png"),
+//   },
+//   {
+//     id: 14,
+//     isLink: false,
+//     path: "/weldView",
+//     title: t("messages.weldView"),
+//     url: require("../assets/indexImg/PaintShopView.png"),
+//   },
+//   {
+//     id: 15,
+//     isLink: false,
+//     path: "/MechanicalView",
+//     title: t("messages.MechanicalView"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 16,
+//     isLink: false,
+//     path: "/MechanicalViewDajian",
+//     title: t("messages.MechanicalViewDajian"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 17,
+//     isLink: false,
+//     path: "/MechanicalViewHanjie",
+//     title: t("messages.MechanicalViewHanjie"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 18,
+//     isLink: false,
+//     path: "/MechanicalViewJijia",
+//     title: t("messages.MechanicalViewJijia"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 19,
+//     isLink: false,
+//     path: "/MechanicalViewJingjia",
+//     title: t("messages.MechanicalViewJingjia"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 20,
+//     isLink: false,
+//     path: "/MechanicalViewJingshi",
+//     title: t("messages.MechanicalViewJingshi"),
+//     url: require("../assets/indexImg/MechanicalView.png"),
+//   },
+//   {
+//     id: 21,
+//     isLink: false,
+//     path: "/realtimeSecurityJixie",
+//     title: t("messages.realtimeSecurityJixie"),
+//     url: require("../assets/indexImg/realtimeSecurityJixie.png"),
+//   },
+//   {
+//     id: 22,
+//     isLink: false,
+//     path: "/energyConsumejixie",
+//     title: t("messages.energyConsumejixie"),
+//     url: require("../assets/indexImg/energyConsumeMachinery.png"),
+//   },
+//   {
+//     id: 23,
+//     isLink: false,
+//     path: "/generalEnvironmentjixiefenchang",
+//     title: t("messages.generalEnvironmentjixiefenchang"),
+//     url: require("../assets/indexImg/generalEnvironment.png"),
+//   },
+//   {
+//     id: 31,
+//     isLink: false,
+//     path: "/generalEnvironmentMechanical",
+//     title: t("messages.环境 实时监测系统"),
+//     url: require("../assets/indexImg/generalEnvironmentMechanical.png"),
+//   },
+//   {
+//     id: 24,
+//     isLink: false,
+//     path: "/electronicControl",
+//     title: t("messages.electronicControl"),
+//     url: require("../assets/indexImg/electronicControl.png"),
+//   },
+//   {
+//     id: 25,
+//     isLink: false,
+//     path: "/electronicControlAmbient",
+//     title: t("messages.electronicControlAmbient"),
+//     url: require("../assets/indexImg/electronicControlAmbient.png"),
+//   },
+//   // {
+//   //   id: 2,
+//   //   path:'/legionProducts/3',
+//   //   title: '军团物联管理系统',
+//   //   url: require('../assets/indexImg/legionProducts.png')
+//   // },
+//   {
+//     id: 26,
+//     isLink: false,
+//     path: "/pmData",
+//     title: t("messages.pmData"),
+//     url: require("../assets/indexImg/pmdata.png"),
+//   },
+//   // {
+//   //   id: 27,
+//   //   isLink: true,
+//   //   path: "http://8.130.165.100:8081/dashboard/0e748f30-e0ac-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
+//   //   title: t("messages.mechanicalPm"),
+//   //   url: require("../assets/indexImg/mechanicalPm.png"),
+//   // },
+//   // {
+//   //   id: 28,
+//   //   isLink: true,
+//   //   path: "http://8.130.165.100:8081/dashboard/6bfc6650-e0b1-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
+//   //   title: t("messages.mechanical_TVOC_CH2O"),
+//   //   url: require("../assets/indexImg/mechanical_TVOC_CH2O.png"),
+//   // },
+//   // {
+//   //   id: 29,
+//   //   isLink: true,
+//   //   path: "http://8.130.165.100:8081/dashboard/44dac830-e0b3-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
+//   //   title: t("messages.mechanical_humidity"),
+//   //   url: require("../assets/indexImg/mechanical_humidity.png"),
+//   // },
+//   // {
+//   //   id: 30,
+//   //   isLink: true,
+//   //   path: "http://8.130.165.100:8081/dashboard/0514ffe0-e0b8-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
+//   //   title: t("messages.mechanical_noise"),
+//   //   url: require("../assets/indexImg/mechanical_noise.png"),
+//   // },
+//   {
+//     id: 31,
+//     path: "/waterhousedata",
+//     title: '南门水房物联大屏',
+//     url: require("../assets/indexImg/waterhouse.png"),
+//   },
+//   {
+//     id: 31,
+//     path: "/MicrofactoryDevOnline",
+//     title: '微工厂缝纫设备看板',
+//     url: require("../assets/indexImg/MicrofactoryDevOnline.png"),
+//   },
+//   {
+//     id: 32,
+//     path: "/intelligentShelves",
+//     title: '智能货架物联管理系统',
+//     url: require("../assets/indexImg/intelligentShelves.png"),
+//   },
+// ];
+
+/*
+{
     id: 1,
     isLink: false,
     path: "/energyConsume",
     title: t("messages.energyConsume"),
     url: require("../assets/indexImg/energyConsume.png"),
     // url:'../../assets/indexImg/energyConsume.png'
-  },
-  {
-    id: 2,
-    isLink: false,
-    path: "/generalEnvironment",
-    title: t("messages.generalEnvironment"),
-    url: require("../assets/indexImg/generalEnvironment.png"),
-  },
-  {
-    id: 3,
-    isLink: false,
-    path: "/InPlantProducts",
-    title: t("messages.InPlantProducts"),
-    url: require("../assets/indexImg/InPlantProducts.png"),
-  },
-  {
-    id: 4,
-    isLink: false,
-    path: "/Mechanics",
-    title: t("messages.Mechanics"),
-    url: require("../assets/indexImg/Mechanics.png"),
-  },
-  {
-    id: 5,
-    isLink: false,
-    path: "/MicrofactoryDev",
-    title: t("messages.MicrofactoryDev"),
-    url: require("../assets/indexImg/MicrofactoryDev.png"),
-  },
-  {
-    id: 6,
-    isLink: false,
-    path: "/Offsite",
-    title: t("messages.Offsite"),
-    url: require("../assets/indexImg/Offsite.png"),
-  },
-  {
-    id: 8,
-    isLink: false,
-    path: "/realtimeSecurity",
-    title: t("messages.realtimeSecurity"),
-    url: require("../assets/indexImg/realtimeSecurity.png"),
-  },
-  {
-    id: 7,
-    isLink: false,
-    path: "/FactoryView",
-    title: t("messages.FactoryView"),
-    url: require("../assets/indexImg/FactoryView.png"),
-  },
-  // {
-  //   id:9,
-  //   path:'/AerialView',
-  //   title:'物联传感器分布图',
-  //   url:require('../assets/indexImg/AerialView.png')
-  // },
-  {
-    id: 10,
-    isLink: false,
-    path: "/PaintShopView",
-    title: t("messages.PaintShopView"),
-    url: require("../assets/indexImg/decorationShop.png"),
-  },
-  {
-    id: 11,
-    isLink: false,
-    path: "/stuffView",
-    title: t("messages.stuffView"),
-    url: require("../assets/indexImg/PaintShopView.png"),
-  },
-  {
-    id: 12,
-    isLink: false,
-    path: "/machiningView",
-    title: t("messages.machiningView"),
-    url: require("../assets/indexImg/PaintShopView.png"),
-  },
-  {
-    id: 13,
-    isLink: false,
-    path: "/finishView",
-    title: t("messages.finishView"),
-    url: require("../assets/indexImg/PaintShopView.png"),
-  },
-  {
-    id: 14,
-    isLink: false,
-    path: "/weldView",
-    title: t("messages.weldView"),
-    url: require("../assets/indexImg/PaintShopView.png"),
-  },
-  {
-    id: 15,
-    isLink: false,
-    path: "/MechanicalView",
-    title: t("messages.MechanicalView"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 16,
-    isLink: false,
-    path: "/MechanicalViewDajian",
-    title: t("messages.MechanicalViewDajian"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 17,
-    isLink: false,
-    path: "/MechanicalViewHanjie",
-    title: t("messages.MechanicalViewHanjie"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 18,
-    isLink: false,
-    path: "/MechanicalViewJijia",
-    title: t("messages.MechanicalViewJijia"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 19,
-    isLink: false,
-    path: "/MechanicalViewJingjia",
-    title: t("messages.MechanicalViewJingjia"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 20,
-    isLink: false,
-    path: "/MechanicalViewJingshi",
-    title: t("messages.MechanicalViewJingshi"),
-    url: require("../assets/indexImg/MechanicalView.png"),
-  },
-  {
-    id: 21,
-    isLink: false,
-    path: "/realtimeSecurityJixie",
-    title: t("messages.realtimeSecurityJixie"),
-    url: require("../assets/indexImg/realtimeSecurityJixie.png"),
-  },
-  {
-    id: 22,
-    isLink: false,
-    path: "/energyConsumejixie",
-    title: t("messages.energyConsumejixie"),
-    url: require("../assets/indexImg/energyConsumeMachinery.png"),
-  },
-  {
-    id: 23,
-    isLink: false,
-    path: "/generalEnvironmentjixiefenchang",
-    title: t("messages.generalEnvironmentjixiefenchang"),
-    url: require("../assets/indexImg/generalEnvironment.png"),
-  },
-  {
-    id: 31,
-    isLink: false,
-    path: "/generalEnvironmentMechanical",
-    title: t("messages.环境 实时监测系统"),
-    url: require("../assets/indexImg/generalEnvironmentMechanical.png"),
-  },
-  {
-    id: 24,
-    isLink: false,
-    path: "/electronicControl",
-    title: t("messages.electronicControl"),
-    url: require("../assets/indexImg/electronicControl.png"),
-  },
-  {
-    id: 25,
-    isLink: false,
-    path: "/electronicControlAmbient",
-    title: t("messages.electronicControlAmbient"),
-    url: require("../assets/indexImg/electronicControlAmbient.png"),
-  },
-  // {
-  //   id: 2,
-  //   path:'/legionProducts/3',
-  //   title: '军团物联管理系统',
-  //   url: require('../assets/indexImg/legionProducts.png')
-  // },
-  {
-    id: 26,
-    isLink: false,
-    path: "/pmData",
-    title: t("messages.pmData"),
-    url: require("../assets/indexImg/pmdata.png"),
-  },
-  // {
-  //   id: 27,
-  //   isLink: true,
-  //   path: "http://8.130.165.100:8081/dashboard/0e748f30-e0ac-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
-  //   title: t("messages.mechanicalPm"),
-  //   url: require("../assets/indexImg/mechanicalPm.png"),
-  // },
-  // {
-  //   id: 28,
-  //   isLink: true,
-  //   path: "http://8.130.165.100:8081/dashboard/6bfc6650-e0b1-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
-  //   title: t("messages.mechanical_TVOC_CH2O"),
-  //   url: require("../assets/indexImg/mechanical_TVOC_CH2O.png"),
-  // },
-  // {
-  //   id: 29,
-  //   isLink: true,
-  //   path: "http://8.130.165.100:8081/dashboard/44dac830-e0b3-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
-  //   title: t("messages.mechanical_humidity"),
-  //   url: require("../assets/indexImg/mechanical_humidity.png"),
-  // },
-  // {
-  //   id: 30,
-  //   isLink: true,
-  //   path: "http://8.130.165.100:8081/dashboard/0514ffe0-e0b8-11ed-b217-b1f43b805208?publicId=ee1adcf0-c350-11eb-b8eb-250fadb0e449",
-  //   title: t("messages.mechanical_noise"),
-  //   url: require("../assets/indexImg/mechanical_noise.png"),
-  // },
-  {
-    id: 31,
-    path: "/waterhousedata",
-    title: '南门水房物联大屏',
-    url: require("../assets/indexImg/waterhouse.png"),
-  },
-  {
-    id: 31,
-    path: "/MicrofactoryDevOnline",
-    title: '微工厂缝纫设备看板',
-    url: require("../assets/indexImg/MicrofactoryDevOnline.png"),
-  },
-  {
-    id: 32,
-    path: "/intelligentShelves",
-    title: '智能货架物联管理系统',
-    url: require("../assets/indexImg/intelligentShelves.png"),
-  },
-];
-let lang=ref(getStoredLanguage()||'简体中文')
-function changelang(val){
+  }
+  */
+ let routerList = ref()
+let lang = ref(getStoredLanguage() || '简体中文')
+function changelang(val) {
+  saveStoredLanguage(val)
+  location.reload()
+}
+
+
+async function reqScreenByHash() {
+  let hash = sessionStorage.getItem('screen_hash')
+  let res:any = await getScreenByHash({hash});
+  if (res.code === 200) {
+    let {data} = res
+    routerList.value = data.map((item:any) => {
+      return {
+        id: item.id,
+        isLink: false,
+        path: item.path,
+        title: item.title,
+        url: item.img,
+        hash: hash
+      }
+    })
+  }
 
-saveStoredLanguage(val)
-location.reload()
 }
 onMounted(() => {
-  console.log(route.query);
-  
+  reqScreenByHash()
+
 });
-onUnmounted(() => {});
+onUnmounted(() => { });
 </script>
 
 <style module>
@@ -322,12 +348,14 @@ onUnmounted(() => {});
 </style>
 <style scoped>
 @import '../assets/css/iconfont.css';
-.langimg{
+
+.langimg {
   width: 50px;
   height: 50px;
   font-size: 50px;
   color: #fff;
 }
+
 .itemlist {
   height: 1030px;
   width: 1920px;
@@ -339,6 +367,7 @@ onUnmounted(() => {});
   flex-wrap: wrap;
   overflow: auto !important;
 }
+
 .navbar {
   height: 50px;
   font-size: 20px;
@@ -349,6 +378,7 @@ onUnmounted(() => {});
   align-items: center;
   margin-left: -100px;
 }
+
 .el-dropdown-link {
   font-size: 30px;
   color: #fff;
@@ -358,13 +388,16 @@ onUnmounted(() => {});
   background-color: #303133 !important;
   color: #fff;
 }
-.el-dropdown-menu__item{
-  color: #fff  !important;
+
+.el-dropdown-menu__item {
+  color: #fff !important;
 }
+
 .el-popper.is-light .el-popper__arrow::before {
   background-color: #303133 !important;
   color: #fff;
 }
+
 :deep(.select) {
   background-color: #e4f5f5 !important;
   color: #409EFF !important;