diff --git a/ruoyi-ui/src/assets/images/icon_alarm-reception-desk.svg b/ruoyi-ui/src/assets/images/icon_alarm-reception-desk.svg new file mode 100644 index 00000000..52e4fd37 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_alarm-reception-desk.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_alarm-reception-desk_active.svg b/ruoyi-ui/src/assets/images/icon_alarm-reception-desk_active.svg new file mode 100644 index 00000000..99f81ed0 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_alarm-reception-desk_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_appointment-analysis.svg b/ruoyi-ui/src/assets/images/icon_appointment-analysis.svg new file mode 100644 index 00000000..ec5f1ef4 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_appointment-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_appointment-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_appointment-analysis_active.svg new file mode 100644 index 00000000..9d9d54a1 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_appointment-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_command-dispatch.svg b/ruoyi-ui/src/assets/images/icon_command-dispatch.svg new file mode 100644 index 00000000..a780b253 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_command-dispatch.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_command-dispatch_active.svg b/ruoyi-ui/src/assets/images/icon_command-dispatch_active.svg new file mode 100644 index 00000000..b8325ab4 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_command-dispatch_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_complaint-evaluation.svg b/ruoyi-ui/src/assets/images/icon_complaint-evaluation.svg new file mode 100644 index 00000000..a8364d0a --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_complaint-evaluation.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_complaint-evaluation_active.svg b/ruoyi-ui/src/assets/images/icon_complaint-evaluation_active.svg new file mode 100644 index 00000000..85d963ac --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_complaint-evaluation_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_console.svg b/ruoyi-ui/src/assets/images/icon_console.svg new file mode 100644 index 00000000..d35497ab --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_console.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_console_active.svg b/ruoyi-ui/src/assets/images/icon_console_active.svg new file mode 100644 index 00000000..525cb1a2 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_console_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_hotels-analysis.svg b/ruoyi-ui/src/assets/images/icon_hotels-analysis.svg new file mode 100644 index 00000000..fe92ad9d --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_hotels-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_hotels-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_hotels-analysis_active.svg new file mode 100644 index 00000000..7c3951c7 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_hotels-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_market-analysis.svg b/ruoyi-ui/src/assets/images/icon_market-analysis.svg new file mode 100644 index 00000000..30ce114a --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_market-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_market-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_market-analysis_active.svg new file mode 100644 index 00000000..6988da12 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_market-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_meteorological-monitoring.svg b/ruoyi-ui/src/assets/images/icon_meteorological-monitoring.svg new file mode 100644 index 00000000..a477b501 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_meteorological-monitoring.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_meteorological-monitoring_active.svg b/ruoyi-ui/src/assets/images/icon_meteorological-monitoring_active.svg new file mode 100644 index 00000000..8e975942 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_meteorological-monitoring_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_parking-data-analysis.svg b/ruoyi-ui/src/assets/images/icon_parking-data-analysis.svg new file mode 100644 index 00000000..ccd69b12 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_parking-data-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_parking-data-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_parking-data-analysis_active.svg new file mode 100644 index 00000000..ea1d38c0 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_parking-data-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis.svg b/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis.svg new file mode 100644 index 00000000..506c3ce7 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis_active.svg new file mode 100644 index 00000000..ea74b24e --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_passenger-flow-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring.svg b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring.svg new file mode 100644 index 00000000..b361620f --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-60.svg b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-60.svg new file mode 100644 index 00000000..54ae8d37 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-60.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-62.svg b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-62.svg new file mode 100644 index 00000000..6988da12 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_public-opinion-monitoring_active-62.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_resource-monitoring.svg b/ruoyi-ui/src/assets/images/icon_resource-monitoring.svg new file mode 100644 index 00000000..17be29bd --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_resource-monitoring.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_resource-monitoring_active.svg b/ruoyi-ui/src/assets/images/icon_resource-monitoring_active.svg new file mode 100644 index 00000000..396fb56c --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_resource-monitoring_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring.svg b/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring.svg new file mode 100644 index 00000000..8168d29c --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring_active.svg b/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring_active.svg new file mode 100644 index 00000000..898de84d --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_scenic-spot-monitoring_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis.svg b/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis.svg new file mode 100644 index 00000000..f89d2ff4 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis_active.svg new file mode 100644 index 00000000..6228cc1f --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_ticket-revenue-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_tourist-analysis.svg b/ruoyi-ui/src/assets/images/icon_tourist-analysis.svg new file mode 100644 index 00000000..306120eb --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_tourist-analysis.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_tourist-analysis_active.svg b/ruoyi-ui/src/assets/images/icon_tourist-analysis_active.svg new file mode 100644 index 00000000..f2c3169d --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_tourist-analysis_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring.svg b/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring.svg new file mode 100644 index 00000000..3188ff20 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring_active.svg b/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring_active.svg new file mode 100644 index 00000000..f7fc8154 --- /dev/null +++ b/ruoyi-ui/src/assets/images/icon_travel-agency-monitoring_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/p_index_light.svg b/ruoyi-ui/src/assets/images/p_index_light.svg new file mode 100644 index 00000000..f2fc072a --- /dev/null +++ b/ruoyi-ui/src/assets/images/p_index_light.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/p_index_light_active.svg b/ruoyi-ui/src/assets/images/p_index_light_active.svg new file mode 100644 index 00000000..cb7b303e --- /dev/null +++ b/ruoyi-ui/src/assets/images/p_index_light_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/p_index_nav.svg b/ruoyi-ui/src/assets/images/p_index_nav.svg new file mode 100644 index 00000000..614218ce --- /dev/null +++ b/ruoyi-ui/src/assets/images/p_index_nav.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/assets/images/p_index_nav_active.svg b/ruoyi-ui/src/assets/images/p_index_nav_active.svg new file mode 100644 index 00000000..a2690a5a --- /dev/null +++ b/ruoyi-ui/src/assets/images/p_index_nav_active.svg @@ -0,0 +1 @@ +首页 diff --git a/ruoyi-ui/src/views/home.vue b/ruoyi-ui/src/views/home.vue index 85a39eaa..603c58ee 100644 --- a/ruoyi-ui/src/views/home.vue +++ b/ruoyi-ui/src/views/home.vue @@ -11,10 +11,11 @@
+ :class="['menu'+ item.sort,navStatus=='0'?'bigMenu':'' ]" class="p-index-menu-item" @mouseover="item.active=true" @mouseleave="item.active=false">
-
+ +
{{ item.name }}
@@ -54,23 +55,23 @@ export default { applyGroupName: "智慧管理", icon: "图片地址", applyList: [ - {name: '控制台', sort: "1", link: '/analyze', icon: "图片地址"}, + {name: '控制台', sort: "1", link: '/analyze',active:false, icon: require("@/assets/images/icon_console.svg"),icon1: require("@/assets/images/icon_console_active.svg")}, //{name: '接警台', sort: "2", link: '/alarm-desk', icon: "图片地址"}, //{name: '指挥调度', sort: "3", link: '/command-dispatch', icon: "图片地址"}, - {name: '资源监测', sort: "2", link: '/resource-monitoring', icon: "图片地址"}, + {name: '资源监测', sort: "2", link: '/resource-monitoring',active:false, icon: require("@/assets/images/icon_resource-monitoring.svg"),icon1: require("@/assets/images/icon_resource-monitoring_active.svg")}, ] }, { applyGroupName: "智慧营销", icon: "图片地址", applyList: [ - {name: '景区客流分析', sort: "1", link: '/scenic-flow', icon: "图片地址"}, - {name: '停车数据分析', sort: "2", link: '/car-park', icon: "图片地址"}, - {name: '景区综合监测', sort: "3", link: '/scenic-monitor', icon: "图片地址"}, - {name: '分时预约分析', sort: "4", link: '/division-order', icon: "图片地址"}, - {name: '投诉评价监测', sort: "5", link: '/complaint-evaluation', icon: "图片地址"}, - {name: '网络营销分析', sort: "6", link: '/network-market', icon: "图片地址"}, - {name: '气象监测', sort: "3", link: '/weather-analysis', icon: "图片地址"}, + {name: '景区客流分析', sort: "1", link: '/scenic-flow',active:false, icon: require("@/assets/images/icon_passenger-flow-analysis.svg"),icon1: require("@/assets/images/icon_passenger-flow-analysis_active.svg")}, + {name: '停车数据分析', sort: "2", link: '/car-park', active:false,icon: require("@/assets/images/icon_parking-data-analysis.svg"),icon1: require("@/assets/images/icon_parking-data-analysis_active.svg")}, + {name: '景区综合监测', sort: "3", link: '/scenic-monitor',active:false, icon: require("@/assets/images/icon_scenic-spot-monitoring.svg"),icon1: require("@/assets/images/icon_scenic-spot-monitoring_active.svg")}, + {name: '分时预约分析', sort: "4", link: '/division-order', active:false,icon: require("@/assets/images/icon_appointment-analysis.svg"),icon1: require("@/assets/images/icon_appointment-analysis_active.svg")}, + {name: '投诉评价监测', sort: "5", link: '/complaint-evaluation',active:false, icon: require("@/assets/images/icon_complaint-evaluation.svg"), icon1: require("@/assets/images/icon_complaint-evaluation_active.svg")}, + {name: '网络营销分析', sort: "6", link: '/network-market', active:false,icon: require("@/assets/images/icon_market-analysis.svg"),icon1: require("@/assets/images/icon_market-analysis_active.svg")}, + {name: '气象监测', sort: "3", link: '/weather-analysis', active:false,icon: require("@/assets/images/icon_meteorological-monitoring.svg"),icon1: require("@/assets/images/icon_meteorological-monitoring_active.svg")}, //{name: '票务收入分析', sort: "2", link: '/ticket-revenue', icon: "图片地址"}, //{name: '游客画像分析', sort: "1", link: '/visitor-portrait', icon: "图片地址"}, //{name: '酒店综合分析', sort: "4", link: '/hotel-analysis', icon: "图片地址"}, @@ -275,10 +276,24 @@ export default { display: inline-block; width: 120rem; height: 120rem; - background: url("~@/assets/images/p_home_icon_bg.svg"); + background: url("~@/assets/images/p_index_nav.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + text-align: center; + img{width: 70%;} + } + .p-index-menu-light{ + position: absolute; + display: inline-block; + width: 120rem; + height: 120rem;right: 0rem; + z-index: 99; + background: url("~@/assets/images/p_index_light.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; + text-align: center; } .p-index-menu-item.menu1, .p-index-menu-item.menu3, .p-index-menu-item.menu5 { @@ -303,6 +318,12 @@ export default { background-position: center; background-repeat: no-repeat; } + .p-index-menu-light{ + background: url("~@/assets/images/p_index_light_active.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + } } .p-index-menu-item.menu2, .p-index-menu-item.menu4, .p-index-menu-item.menu6 { @@ -318,6 +339,7 @@ export default { background-position: center; background-repeat: no-repeat; } + } .p-index-menu-item.menu2:hover, .p-index-menu-item.menu4:hover, .p-index-menu-item.menu6:hover { @@ -327,6 +349,12 @@ export default { background-position: center; background-repeat: no-repeat; } + .p-index-menu-light{ + background: url("~@/assets/images/p_index_light_active.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + } } .p-index-menu-item.menu1 { diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js index a111333f..285bd525 100644 --- a/ruoyi-ui/vue.config.js +++ b/ruoyi-ui/vue.config.js @@ -37,9 +37,9 @@ module.exports = { [process.env.VUE_APP_BASE_API]: { //target: `http://localhost:8080/`,//用户名:admin 密码CJYjqgk@2023! //target: `http://39.105.17.128:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! - //target: `192.168.130.109:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! - //target: `192.168.130.16:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! 线上 - target: `http://192.168.130.155:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! 马松 + target: `http://192.168.130.109:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! 文硕 + //target: `http://1192.168.130.16:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! 线上 + //target: `http://192.168.130.155:8096/`,//用户名:cjyadmin/密码:CJYjqgk@2023! 马松 changeOrigin: true, pathRewrite: {