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