smartFactory/pages/solution/ltzhxy.vue

<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>