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