零碳智慧校园页面画写

components/common/uDesc.vue

@@ -46,6 +46,7 @@
 			font-size: 40rpx;
 			color: #FFFFFF;
 			line-height: 56rpx;
+			letter-spacing: 2rpx;
 		}
 		.memo{
 			font-family: PingFangSC, PingFang SC;

pages.json

@@ -115,6 +115,13 @@
 				"navigationBarTitleText": "零碳智慧园区解决方案",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/solution/ltzhxy",
+			"style": {
+				"navigationBarTitleText": "零碳智慧校园解决方案",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

pages/index/index.vue

@@ -88,11 +88,12 @@
 						memo: '智慧安防/智慧消防/...',
 						path: '/pages/solution/ltzhyq'
 					},
-					// {
-					// 	img: '../../static/imgs/home_type7.png',
-					// 	name: '零碳智慧校园解决方案',
-					// 	memo: '智慧安防/智慧消防'
-					// },
+					{
+						img: '../../static/imgs/home_type7.png',
+						name: '零碳智慧校园解决方案',
+						memo: '智慧安防/智慧消防',
+						path: '/pages/solution/ltzhxy'
+					},
 					{
 						img: '../../static/imgs/home_type11.png',
 						name: '智慧楼宇解决方案',

pages/solution/ltzhxy.vue

@@ -0,0 +1,186 @@
+<template>
+	<view class="content">
+		<!-- 顶部logo和菜单 -->
+		<uTop></uTop>
+		<!-- 标题和介绍 -->
+		<uDesc :title="dTitle" :description="dMemo" :bg="descBg"></uDesc>
+		<view class="box">
+			<view class="box1">
+				<view class="b_title">建设路径</view>
+				<block v-if="jsljList.length">
+					<uFunction :showTitle="false" :title="item.title" :list="item.list" v-for="(item,index) in jsljList" :key="index"></uFunction>
+				</block>
+			</view>
+			<view class="box2">
+				<view class="b_title">场景应用</view>
+				<image class="img" src="../../static/imgs/ltzhxy_img1.png" mode="widthFix" @click="e=>showBigImg(e,'../../static/imgs/ltzhxy_img1.png')"></image>
+				<block v-if="cjyyList.length">
+					<uFunction :showTitle="false" :title="item.title" :list="item.list" v-for="(item,index) in cjyyList" :key="index"></uFunction>
+				</block>
+			</view>
+			<view class="box3">
+				<view class="b_title">方案架构</view>
+				<image class="img" src="../../static/imgs/ltzhxy_img2.png" mode="widthFix" @click="e=>showBigImg(e,'../../static/imgs/ltzhxy_img2.png')"></image>
+			</view>
+		</view>
+		<!-- 合作与咨询 -->
+		<uForm></uForm>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				dTitle:'零碳智慧校园解决方案',
+				dMemo:'通过AIoT物联网技术实现设备感知和智能运维，为校内的管理方、教师和学生提供个性化、精细化和智慧化的管理与服务。',
+				descBg:'../../static/imgs/ltzhxy_descbg.png',
+				jsljList:[
+					{
+						list:[
+							{
+								title:'集中化管控',
+								desc:'进出校管理、门禁、停车场、视频、设备运维、巡更、考勤、访客、教学等业务子系统统一接入的智慧校园管理系统平台'
+							},
+							{
+								title:'安全管理',
+								desc:'消防、安防、门禁一体化管理，师生通行、车辆通行、周界防范、校园监控等应急响应，系统联动，预案处理'
+							},
+							{
+								title:'后勤管理',
+								desc:'食堂明厨亮灶工程，食材进出库、食品加工区操作规范，用餐区实时监控'
+							},
+							{
+								title:'绿色节能',
+								desc:'节能控制和能耗监测管理，能耗数据的分类分项统计和分析处理，智能感知，智能联动与调控，节能策略与优化'
+							},
+							{
+								title:'教务教学管理',
+								desc:'智慧教室、教学设备、多媒体设备、实训室、实验室等教学环境管理，对接学生档案、教学计划等教学管理系统，打造智能便捷的教学环境和学习氛围'
+							},
+							{
+								title:'数字驾驶舱',
+								desc:'虚拟校园，将校园建筑空间、教学资源、设备数据、视频数据、人员数据等一站式可视化管理，便于分析决策'
+							}
+						]
+					}
+				],
+				cjyyList:[
+					{
+						list:[
+							{
+								title:'校门进出安全',
+								desc:'人员便捷通行、停车场管理、校外访客邀约，校门重点区域监测，周界安防',
+							},
+							{
+								title:'宿舍安全管理',
+								desc:'宿舍重点进出口监控、周界安防、安消一体、用电安全管控等智能预警',
+							},
+							{
+								title:'图书馆/实验室管理',
+								desc:'图书馆/实验室门禁管理，考勤管理，设备仪器管女',
+							},
+							{
+								title:'食堂明厨亮灶',
+								desc:'学校后厨操作规范、智能检测把关食材安全等食堂后场自动化管理',
+							},
+							{
+								title:'教室智能化管理',
+								desc:'灯光、教学设备、实训设备、多媒体等教学设备管理与智能化管控',
+							},
+							{
+								title:'消防及安全通道',
+								desc:'消防管压、消防备用水位监测安消一体化联动',
+							},
+							{
+								title:'机房环境监测',
+								desc:'机房电源、温湿度、漏水监测，安全稳定运行',
+							},
+							{
+								title:'应急指挥中心',
+								desc:'校园数字驾驶舱，一屏可视可管可控，快速调度响应',
+							}
+						]
+					}
+				],
+			}
+		},
+		created() {
+			uni.setNavigationBarTitle({
+				title:'零碳智慧校园解决方案'
+			})
+		},
+		methods:{
+			showBigImg(e,imgUrl){
+				let current = e.target.dataset.src;
+				let that = this;
+				uni.previewImage({
+					current,
+					urls:[imgUrl],
+					longPressActions:{
+						itemList:['保存图片'],
+						success(data) {
+							that.saveImage(imgUrl);
+						},
+						fail(err) {
+							that.$showToast(err.errMsg);
+						}
+					}
+				})
+			},
+			saveImage(url){
+				let that = this;
+				uni.downloadFile({
+					url,
+					success(res) {
+						let filePath = res.tempFilePath;
+						uni.saveImageToPhotosAlbum({
+							filePath,
+							success() {
+								that.$showToast('保存成功');
+							},
+							fail(err) {
+								that.$showToast('保存失败');
+							}
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped lang="less">
+	::v-deep .desc .title{
+		margin-top: 24rpx;
+	}
+	::v-deep .desc .memo{
+		padding-right: 178rpx;
+		margin-top: 18rpx;
+	}
+	
+	.content{
+		padding-bottom: 179rpx;
+		
+		.box{
+			width: 100%;
+			padding: 0 30rpx;
+			box-sizing: border-box;
+			
+			.b_title{
+				font-family: PingFang-SC, PingFang-SC;
+				font-weight: bold;
+				font-size: 42rpx;
+				color: #111111;
+				line-height: 42rpx;
+				text-align: center;
+				margin-top: 64rpx;
+			}
+			
+			.img{
+				width: 100%;
+				margin-top: 48rpx;
+			}
+		}
+	}
+</style>