smartFactory/pages/solution/fmcs.vue

<template>
	<view class="content">
		<!-- 顶部logo和菜单 -->
		<uTop data-aos="fade-down"></uTop>
		<!-- 标题和介绍 -->
		<uDesc :title="dTitle" :description="dMemo" data-aos="slide-right" data-aos-delay="300"></uDesc>
		<view class="boxs">
			<!-- 方案特征 -->
			<view class="fatz box" data-aos="zoom-in" data-aos-delay="600">
				<view class="title">方案特征</view>
				<view class="items">
					<view class="item">
						<image src="../../static/imgs/fmcs_fatz1.png"></image>
						<p>设备类型广泛</p>
					</view>
					<view class="item">
						<image src="../../static/imgs/fmcs_fatz2.png"></image>
						<p>深入业务场景</p>
					</view>
					<view class="item">
						<image src="../../static/imgs/fmcs_fatz3.png"></image>
						<p>试用范围广</p>
					</view>
					<view class="item">
						<image src="../../static/imgs/fmcs_fatz4.png"></image>
						<p>复制行强</p>
					</view>
				</view>
			</view>
			<!-- 方案架构 -->
			<view class="fajg box" data-aos="zoom-in" data-aos-delay="900" data-aos-offset="-100">
				<view class="title">方案架构</view>
				<image src="../../static/imgs/fmcs_fajg.png" mode="widthFix" @click="showBigImg"></image>
			</view>
			<!-- 产品功能 -->
			<view class="box">
				<view class="box2">
					<view class="title" data-aos="slide-left">产品功能</view>
					<block v-if="functionList.length">
						<uFunction :title="item.title" :list="item.list" v-for="(item,index) in functionList" :key="index" data-aos="slide-left"></uFunction>
					</block>
				</view>
			</view>
		</view>
		<!-- 合作与咨询 -->
		<uForm data-aos="zoom-in"></uForm>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				dTitle:'FMCS厂务管理系统',
				dMemo:'通过可视化技术结合智能硬件、物联网、互联网、大数据等先进技术信息技术。构建FMCS厂务管理系统。该系统涵盖人员定位管理、安防监控、园区车辆管理、仓储可视化、巡检可视化及资产定位管理等多功能管理，有效助力厂区高效、智能化管理。广泛适用于生产园区、制造园区、工业园区等工厂厂房空间。',
				functionList:[
					// 设备运维
					{
						title:'设备运维',
						list:[
							{
								title:'设备资产',
								desc:'基于工业互联网平台，将工厂、人员、机器和生产资料通过网络技术高度结合，实现对设备资产的全生命周期管理'
							},
							{
								title:'重点机房监测',
								desc:'变配电房、给排水房等机电设备智能化实时监测，降低安全隐患'
							},
							{
								title:'智能巡检',
								desc:'远程设备、机房智能巡检，自动输出巡检报告'
							},
							{
								title:'智能联动',
								desc:'支持根据上下班时间安排自动开启/关闭照明、空调等跨场景智能联动'
							}
						]
					},
					// 安全应急管理
					{
						title:'安全应急管理',
						list:[
							{
								title:'物联网监控',
								desc:'全局可视化监控、感知预警、能耗管理'
							},
							{
								title:'消防应急',
								desc:'应急预案、应急防控、应急处理'
							},
							{
								title:'人员管理',
								desc:'越界报警、静止报警、滞留报警、超/缺员报警 、一键呼救'
							},
							{
								title:'重点区域/物品管理',
								desc:'重要物品出围栏、重点防护区域遭入侵化学品等有害气体泄漏、误入危险区域'
							}
						]
					},
					// 运输车辆管理
					{
						title:'运输车辆管理',
						list:[
							{
								title:'车辆信息可视化',
								desc:'基于物联网及高精准定位技术，建设一个“全面感知、全面覆盖、全面可视、全面可控”的智慧运输车辆管理系统'
							},
							{
								title:'车辆移动路线监控',
								desc:'监管车辆的实时位置及运行状况，实现精细化的车辆管理'
							},
							{
								title:'车辆违章行驶检测',
								desc:'提升管理效率，降本增效'
							},
							{
								title:'车辆进出时间记录',
								desc:'提高安全性，通过登记车辆进出情况,可以及时发现异常情况并采取相应措施'
							}
						]
					},
					// 仓储智能管理
					{
						title:'仓储智能管理',
						list:[
							{
								title:'仓库规划',
								desc:'库房区域划分、货物分类制定、附属设施安置、运输路线设定'
							},
							{
								title:'仓库专项图',
								desc:'库存可视化、出入库管理、物资定位、数据统计'
							},
							{
								title:'智能派工',
								desc:'工单智能分派、工单详情查看、基于路径派工、基于状态派工'
							},
							{
								title:'出入库调度',
								desc:'智能流程优化、智能防拥堵、资源最优、路径最优'
							}
						]
					},
					// 厂区智能服务
					{
						title:'厂区智能服务',
						list:[
							{
								title:'访客服务',
								desc:'通过可视化的厂区服务系统与智能定位卡片，可替代传统 纸质登记访客信息的方式，实现对访客在厂区内的行为监 控，为访客提供地图导览、智能停车等服务，从而提高厂 区安防工作效率，提升企业智能化服务水平'
							},
							{
								title:'办公服务',
								desc:'智慧办公服务平台基于空间可视化和管理自动化等核心技 术，实现对各功能空间统一的监测、控制和管理，通过管 理后台便可对特定办公空间的使用权限、使用时间、使用 事项等进行 智能化管理'
							}
						]
					},
					// 能碳管理
					{
						title:'能碳管理',
						list:[
							{
								title:'能耗采集',
								desc:'自动采集水电气能耗数据，统一能耗数据管理'
							},
							{
								title:'能耗统计',
								desc:'用能单位、系统分项能耗统计，自动形成周期性报表及用能趋势'
							},
							{
								title:'能耗模型',
								desc:'将用能系统结构可视化，分级展示能耗分布及运行占比，直观展示预算与实际用能对比'
							},
							{
								title:'碳排核算',
								desc:'通过建立碳排放标准和基础精细化，建立碳排放计量核算体系'
							},
							{
								title:'碳指标体系',
								desc:'多维碳耗模型，自定义用能减碳策略，实现空间全生命周期能耗量化与碳排放管理'
							},
							{
								title:'碳足迹跟踪',
								desc:'碳排放全流程数据采集，对不同排放源和用能设备进行碳足迹追溯，实时掌控耗能耗碳耗环节，碳足迹核查，优化能碳策略'
							},
							{
								title:'碳资产管理',
								desc:'碳盘查、碳配额、能碳优化与管控，实现碳数据价值流转，碳排放核算全流程动态数据采集统计，对不同排放源和用能设备进行碳足迹追溯'
							}
						]
					}
				]
			}
		},
		created() {
			uni.setNavigationBarTitle({
				title:'FMCS厂务管理系统'
			})
		},
		methods:{
			//方案架构点击展示大图并且可下载到手机
			showBigImg(e){
				let current = e.target.dataset.src;
				let that = this;
				uni.previewImage({
					current,
					urls:['../../static/imgs/fmcs_fajg.png'],
					longPressActions:{
						itemList:['保存图片'],
						success(data) {
							let imgUrl = '../../static/imgs/fmcs_fajg.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">
	.content{
		width: 100%;
		padding-bottom: 104rpx;
		overflow-y: hidden;
		.boxs{
			width: 100%;
			padding: 0 30rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			overflow: hidden;
			
			.box{
				width: 100%;
				margin-top: 48rpx;
				overflow: hidden;
				
				.box2{
					width: 100%;
				}
				
				.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: 188rpx;
							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;
							}
						}
					}
				}
			
				&.fajg{
					margin-top: 72rpx;
					image{
						margin-top: 36rpx;
						width: 100%;
					}
				}
			}
		}
	}
</style>