diff --git a/.env.development b/.env.development index 00f27d2..e11cd79 100644 --- a/.env.development +++ b/.env.development @@ -1,3 +1,3 @@ ENV = 'development' -VUE_APP_BASE_API = 'http://36.133.205.221:81' \ No newline at end of file +VUE_APP_BASE_API = 'https://lcny-api.peidikeji.cn' \ No newline at end of file diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 78fdbc0..910db06 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -8,20 +8,26 @@ > - - + {{ menu.parent }}-{{ menu.label }} - {{ menu.label }} + {{ + menu.label + }} - - {{ cdm.label }} + + + + + {{ cdm.label }} + @@ -44,36 +50,43 @@ export default { label: '气象监测', url: '/pages/index/meteorological', permission: 'endpoint.weather.index', + icon: 'moon-cloudy-line.png', }, { label: '智能监控', url: '/pages/index/monitor', permission: 'endpoint.camera.index', + icon: 'live-line.png', }, { label: '土壤监控', url: '/pages/index/soil-monitoring', permission: 'endpoint.soil.index', + icon: 'map-pin-range-line.png', }, { label: '水质监控', url: '/pages/index/water-quality', permission: 'endpoint.water.index', + icon: 'contrast-drop-line.png', }, { label: '昆虫性诱监测', url: '/pages/index/insect-monitors', permission: 'endpoint.insect.index', + icon: 'bug-line.png', }, { label: '虫情监测', url: '/pages/index/pests', permission: 'endpoint.worm_statics.index', + icon: 'bug-2-line.png', }, { label: '杀虫灯检测', url: '/pages/index/insecticidal-lamp', permission: 'endpoint.insecticidal_lamp.index', + icon: 'alarm-warning-line.png', }, ], }, @@ -85,16 +98,19 @@ export default { label: '城镇数据', url: '/pages/basics/town-base', permission: 'endpoint.town_street.index', + icon: 'building-4-line.png', }, { label: '基地数据', url: '/pages/basics/basics-base', permission: 'endpoint.agricultural_basic.index', + icon: 'home-4-line.png', }, { label: '基地概况', url: '/pages/basics/profile', permission: 'endpoint.agricultural_base_overview.index', + icon: 'home-3-line.png', }, ], }, @@ -106,11 +122,13 @@ export default { label: '城镇农作物', url: '/pages/crop/town-crop', permission: 'endpoint.town_crops.index', + icon: 'plant-line.png', }, { label: '基地农作物', url: '/pages/crop/basics-crop', permission: 'endpoint.crops.index', + icon: 'leaf-line.png', }, ], }, @@ -122,11 +140,13 @@ export default { label: '城镇产量', url: '/pages/yield/town-yield', permission: 'endpoint.town_crops_output.index', + icon: 'box-1-line.png', }, { label: '基地产量', url: '/pages/yield/basics-yield', permission: 'endpoint.crops_output.index', + icon: 'instance-line.png', }, ], }, @@ -138,26 +158,31 @@ export default { label: '稻虾价格', url: '/pages/estate/estate-price', permission: 'endpoint.rice_shrimp_prices.index', + icon: 'price-tag-3-line.png', }, { label: '稻虾每周价格', url: '/pages/estate/estate-week-price', permission: 'endpoint.rice_shrimp_weekly_prices.index', + icon: 'price-tag-2-line.png', }, { label: '稻虾产业', url: '/pages/estate/estate-industry', permission: 'endpoint.rice_shrimp_industries.index', + icon: 'collage-line.png', }, { label: '稻虾流向', url: '/pages/estate/estate-flows', permission: 'endpoint.rice_shrimp_flows.index', + icon: 'flow-chart.png', }, { label: '大宗物资', url: '/pages/estate/estate-materiels', permission: 'endpoint.materiels.index', + icon: 'shopping-basket-2-line.png', }, ], }, @@ -168,11 +193,13 @@ export default { label: '设备管理', url: '/pages/device/index', permission: 'endpoint.device.index', + icon: 'robot-2-line.png', }, { label: '警报明细', url: '/pages/device/warning', permission: 'endpoint.warnings.index', + icon: 'feedback-line.png', }, ], }, @@ -181,10 +208,12 @@ export default { }, computed: { ...mapGetters(['userInfo']), - menus(){ - - return this.filterAsyncRoutes(this.menuList, this.userInfo?.permissions_slug ?? []) - } + menus() { + return this.filterAsyncRoutes( + this.menuList, + this.userInfo?.permissions_slug ?? [] + ) + }, }, onLoad() {}, methods: { @@ -222,11 +251,11 @@ export default { .banner-section { .banner_img { width: 100%; - height: 280rpx; + height: 427rpx; } } .index-page { - background-color: #f8f8f8; + background-color: #EEEBFE; .content-box { padding-top: 30rpx; padding-bottom: 150rpx; @@ -239,7 +268,7 @@ export default { .title-t { margin-bottom: 24rpx; padding: 0 10rpx; - font-size: 28rpx; + font-size: 34rpx; font-weight: bold; } } @@ -251,16 +280,40 @@ export default { text-align: center; padding: 0 10rpx; margin-bottom: 18rpx; + .menu_item { background-color: #fff; - box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15); - min-height: 90rpx; + border-radius: 8rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; - padding: 10rpx 15rpx; height: 100%; + padding-top: 100%; + position: relative; + .menu_item_content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + flex-direction: column; + align-items: center; + padding-top: 24%; + .icon { + width: 40rpx; + height: 40rpx; + .icon_img { + width: 100%; + height: 100%; + } + } + .name{ + font-size: 24rpx; + margin-top: 14rpx; + } + } } } } diff --git a/src/static/img/alarm-warning-line.png b/src/static/img/alarm-warning-line.png new file mode 100644 index 0000000..4282b10 Binary files /dev/null and b/src/static/img/alarm-warning-line.png differ diff --git a/src/static/img/banner_img.png b/src/static/img/banner_img.png index 57169b3..aaf2df8 100644 Binary files a/src/static/img/banner_img.png and b/src/static/img/banner_img.png differ diff --git a/src/static/img/box-1-line.png b/src/static/img/box-1-line.png new file mode 100644 index 0000000..2011f67 Binary files /dev/null and b/src/static/img/box-1-line.png differ diff --git a/src/static/img/bug-2-line.png b/src/static/img/bug-2-line.png new file mode 100644 index 0000000..13ed8b2 Binary files /dev/null and b/src/static/img/bug-2-line.png differ diff --git a/src/static/img/bug-line.png b/src/static/img/bug-line.png new file mode 100644 index 0000000..3c0f4d1 Binary files /dev/null and b/src/static/img/bug-line.png differ diff --git a/src/static/img/building-4-line.png b/src/static/img/building-4-line.png new file mode 100644 index 0000000..f5ea30c Binary files /dev/null and b/src/static/img/building-4-line.png differ diff --git a/src/static/img/collage-line.png b/src/static/img/collage-line.png new file mode 100644 index 0000000..4836a0c Binary files /dev/null and b/src/static/img/collage-line.png differ diff --git a/src/static/img/contrast-drop-line.png b/src/static/img/contrast-drop-line.png new file mode 100644 index 0000000..8e705bd Binary files /dev/null and b/src/static/img/contrast-drop-line.png differ diff --git a/src/static/img/feedback-line.png b/src/static/img/feedback-line.png new file mode 100644 index 0000000..e67551f Binary files /dev/null and b/src/static/img/feedback-line.png differ diff --git a/src/static/img/flow-chart.png b/src/static/img/flow-chart.png new file mode 100644 index 0000000..9bf7d29 Binary files /dev/null and b/src/static/img/flow-chart.png differ diff --git a/src/static/img/home-3-line.png b/src/static/img/home-3-line.png new file mode 100644 index 0000000..5643674 Binary files /dev/null and b/src/static/img/home-3-line.png differ diff --git a/src/static/img/home-4-line.png b/src/static/img/home-4-line.png new file mode 100644 index 0000000..910dfc2 Binary files /dev/null and b/src/static/img/home-4-line.png differ diff --git a/src/static/img/instance-line.png b/src/static/img/instance-line.png new file mode 100644 index 0000000..ee864a2 Binary files /dev/null and b/src/static/img/instance-line.png differ diff --git a/src/static/img/leaf-line.png b/src/static/img/leaf-line.png new file mode 100644 index 0000000..89b0b2a Binary files /dev/null and b/src/static/img/leaf-line.png differ diff --git a/src/static/img/live-line.png b/src/static/img/live-line.png new file mode 100644 index 0000000..0342ba7 Binary files /dev/null and b/src/static/img/live-line.png differ diff --git a/src/static/img/map-pin-range-line.png b/src/static/img/map-pin-range-line.png new file mode 100644 index 0000000..72ea78b Binary files /dev/null and b/src/static/img/map-pin-range-line.png differ diff --git a/src/static/img/moon-cloudy-line.png b/src/static/img/moon-cloudy-line.png new file mode 100644 index 0000000..dc770d4 Binary files /dev/null and b/src/static/img/moon-cloudy-line.png differ diff --git a/src/static/img/plant-line.png b/src/static/img/plant-line.png new file mode 100644 index 0000000..314ce5c Binary files /dev/null and b/src/static/img/plant-line.png differ diff --git a/src/static/img/price-tag-2-line.png b/src/static/img/price-tag-2-line.png new file mode 100644 index 0000000..aba8f6d Binary files /dev/null and b/src/static/img/price-tag-2-line.png differ diff --git a/src/static/img/price-tag-3-line.png b/src/static/img/price-tag-3-line.png new file mode 100644 index 0000000..b2cb858 Binary files /dev/null and b/src/static/img/price-tag-3-line.png differ diff --git a/src/static/img/robot-2-line.png b/src/static/img/robot-2-line.png new file mode 100644 index 0000000..0cc2ec9 Binary files /dev/null and b/src/static/img/robot-2-line.png differ diff --git a/src/static/img/shopping-basket-2-line.png b/src/static/img/shopping-basket-2-line.png new file mode 100644 index 0000000..24b5c54 Binary files /dev/null and b/src/static/img/shopping-basket-2-line.png differ