智慧能碳管理系统页面画写

pages.json

@@ -94,6 +94,13 @@
 				"navigationBarTitleText": "智能排产系统",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/solution/zhnt",
+			"style": {
+				"navigationBarTitleText": "智慧能碳管理系统",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

pages/index/index.vue

@@ -71,9 +71,10 @@
 						path: '/pages/solution/znpc'
 					},
 					{
-						img: '../../static/imgs/home_type7.png',
-						name: '智慧园区解决方案',
-						memo: '智慧安防/智慧消防/...'
+						img: '../../static/imgs/home_type14.png',
+						name: '智慧能碳管理系统',
+						memo: '智慧能耗/设备设施/…',
+						path: '/pages/solution/zhnt'
 					},
 					{
 						img: '../../static/imgs/home_type2.png',
@@ -107,9 +108,9 @@
 						memo: 'AI智能/智慧安防/人...'
 					},
 					{
-						img: '../../static/imgs/home_type14.png',
-						name: '智慧能耗管理解决方案',
-						memo: '智慧能耗/设备设施/…'
+						img: '../../static/imgs/home_type7.png',
+						name: '智慧园区解决方案',
+						memo: '智慧安防/智慧消防/...'
 					},
 					{
 						img: '../../static/imgs/home_type15.png',

pages/plan/data.js

@@ -47,7 +47,7 @@ export const data = {
 						•  人工抄表数据效率低<br>
 						•  统计分析滞后<br>
 						•  缺乏有效的管理工具支持<br>
-						•  未形成 化管理体系<br>
+						•  未形成精细化管理体系<br>
 						•  能源优化无从下手<br>
 						•  能源能耗数据未与生产其他数据交互<br>
 						•  无统一能源管理运营中心`,

pages/solution/zhnt.vue

@@ -0,0 +1,259 @@
+<template>
+	<view class="content">
+		<!-- 顶部logo和菜单 -->
+		<uTop></uTop>
+		<!-- 标题和介绍 -->
+		<uDesc :title="dTitle" :description="dMemo" :bg="descBg"></uDesc>
+		<view class="boxs">
+			<!-- 方案特征 -->
+			<view class="fatz box">
+				<view class="title">方案特征</view>
+				<view class="items">
+					<view class="item">
+						<image src="../../static/imgs/fmcs_fatz1.png"></image>
+						<p>多场景应用</p>
+						<view class="tip">广泛适用智能楼宇、园区、商业综合体、场馆、工厂等空间</view>
+					</view>
+					<view class="item">
+						<image src="../../static/imgs/fmcs_fatz2.png"></image>
+						<p>全类型能源管理</p>
+						<view class="tip">水、电、热、绿电等全类能源覆盖，提供监测、分析、调控、预测</view>
+					</view>
+					<view class="item">
+						<image src="../../static/imgs/fmcs_fatz3.png"></image>
+						<p>多维能碳指标体系</p>
+						<view class="tip">多维能耗模型，绿电运维，碳计量，实现空间全生命周期能源量化与碳管理</view>
+					</view>
+					<view class="item">
+						<image src="../../static/imgs/fmcs_fatz4.png"></image>
+						<p>AI赋能</p>
+						<view class="tip">碳耗监测、预算管理与分析模型，用能策略与场景联动，高效能源利用</view>
+					</view>
+				</view>
+			</view>
+			<!-- 功能模块 -->
+			<view class="fajg box">
+				<view class="title">功能模块</view>
+				<image src="../../static/imgs/zhnt_gnmk.png" mode="widthFix" @click="showBigImg"></image>
+			</view>
+			<!-- 产品功能 -->
+			<view class="box">
+				<view class="title">产品功能</view>
+				<block v-if="functionList.length">
+					<uFunction :title="item.title" :list="item.list" v-for="(item,index) in functionList" :key="index"></uFunction>
+				</block>
+			</view>
+		</view>
+		<!-- 合作与咨询 -->
+		<uForm></uForm>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				dTitle:'智慧能碳管理系统',
+				dMemo:'助力企业/工厂/园区实现能碳数据可视，通过用能预警配置及设备智能联动等，实现能耗和碳排放数据实时采集分析，绿电设施运维管理，节能绿色改造，实现精细化用能。',
+				descBg:'../../static/imgs/zhnt_descbg.png',
+				functionList:[
+					// 能耗管理
+					{
+						title:'能耗管理',
+						list:[
+							{
+								title:'能耗管理',
+								desc:'通过建立多维能耗、碳耗模型，实现建筑空间的全过程能碳量化管理'
+							},
+							{
+								title:'能碳数据采集与分析',
+								desc:'可接入水、电、气等能耗设备，实现能碳数据的自动采集、实时监测集中管理，灵活多维度的数据分析支撑碳排放决策'
+							},
+							{
+								title:'能耗模型与分析',
+								desc:'可按用能空间或用能系统，构建多维能耗、碳耗分项模型，实时统计，灵活多维度的数据分析支撑能耗决策'
+							}
+						]
+					},
+					// 碳管理
+					{
+						title:'碳管理',
+						list:[
+							{
+								title:'碳轨迹追踪与策略',
+								desc:'通过碳排计划、预算、预测及分析控制，实现碳管理智能'
+							},
+							{
+								title:'碳盘查、碳交易',
+								desc:'通过智能化手段支撑企业实现碳排放/碳减排监测、配额等碳资产管理，优化碳交易策略'
+							},
+							{
+								title:'碳资产管理',
+								desc:'碳盘查、碳配额、能碳优化与管控，实现碳数据价值流转'
+							}
+						]
+					},
+					// 绿色能源
+					{
+						title:'绿色能源',
+						list:[
+							{
+								title:'绿电设施运维管理',
+								desc:'站点、光伏、充电桩、储能设备等绿电设施监控与管理辅助绿电减碳'
+							},
+							{
+								title:'发电量预测',
+								desc:'基于多条件多维度测算发电效率，为绿电减碳提供数据支撑'
+							},
+							{
+								title:'站点管理',
+								desc:'通过对电站变电器、充电桩、储能、冷机群控等设备在线监测，实时掌握站点和发电单元运行状态'
+							},
+							{
+								title:'绿色能源设备管理',
+								desc:'统一管理充电桩、光伏、储能的设备，监测设备状态，保证设施的正常运行和运维'
+							},
+							{
+								title:'电碳计量与核算监测',
+								desc:'通过发电量统计与碳预算，实现碳电联动抵消，助力管控绿电减碳'
+							},
+							{
+								title:'能碳数据可视化',
+								desc:'条理化整合多模块不同维度数据信息更直观，关键数据一目了然，支持灵活定制'
+							}
+						]
+					}
+				]
+			}
+		},
+		created() {
+			uni.setNavigationBarTitle({
+				title:'智慧能碳管理系统'
+			})
+		},
+		methods:{
+			//方案架构点击展示大图并且可下载到手机
+			showBigImg(e){
+				let current = e.target.dataset.src;
+				let that = this;
+				uni.previewImage({
+					current,
+					urls:['../../static/imgs/zhnt_gnmk.png'],
+					longPressActions:{
+						itemList:['保存图片'],
+						success(data) {
+							let imgUrl = '../../static/imgs/zhnt_gnmk.png';
+							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: 141rpx;
+		margin-top: 36rpx;
+	}
+	
+	.content{
+		padding-bottom: 140rpx;
+		.boxs{
+			width: 100%;
+			padding: 0 30rpx;
+			box-sizing: border-box;
+			background: #FFFFFF;
+			
+			.box{
+				width: 100%;
+				margin-top: 48rpx;
+				
+				.title{
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 36rpx;
+					color: #111111;
+					line-height: 50rpx;
+					text-align: center;
+				}
+				
+				&.fatz{
+					.items{
+						margin-top: 12rpx;
+						display: flex;
+						justify-content: space-between;
+						flex-wrap: wrap;
+						.item{
+							width: calc(50% - 15rpx);
+							height: 360rpx;
+							background: #FAFCFF;
+							border-radius: 2rpx;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							margin-top: 24rpx;
+							image{
+								width: 118rpx;
+								height: 118rpx;
+							}
+							p{
+								font-family: PingFangSC, PingFang SC;
+								font-weight: 400;
+								font-size: 30rpx;
+								color: #111111;
+								line-height: 42rpx;
+								text-align: center;
+								margin-top: 2rpx;
+							}
+							.tip{
+								width: 100%;
+								padding: 0 20rpx;
+								box-sizing: border-box;
+								font-family: PingFangSC, PingFang SC;
+								font-weight: 400;
+								font-size: 24rpx;
+								color: #777777;
+								line-height: 33rpx;
+								margin-top: 16rpx;
+							}
+						}
+					}
+				}
+			
+				&.fajg{
+					margin-top: 72rpx;
+					image{
+						margin-top: 36rpx;
+						width: 100%;
+					}
+				}
+			}
+		}
+	}
+</style>