|
|
@@ -0,0 +1,355 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <!-- 顶部logo和菜单 -->
|
|
|
+ <uTop></uTop>
|
|
|
+ <!-- 标题和介绍 -->
|
|
|
+ <uDesc :title="dTitle" :description="dMemo"></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>
|
|
|
+ <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">
|
|
|
+ <view class="title">方案架构</view>
|
|
|
+ <image src="../../static/imgs/fmcs_fajg.png" mode="widthFix" @click="showBigImg"></image>
|
|
|
+ </view>
|
|
|
+ <!-- 产品功能 -->
|
|
|
+ <view class="cpgn 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>
|
|
|
+ </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) {
|
|
|
+ console.log('保存失败1',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) {
|
|
|
+ console.log('保存失败2',err)
|
|
|
+ that.$showToast('保存失败');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+ .content{
|
|
|
+ .boxs{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 30rpx 148rpx;
|
|
|
+ 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: -6rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .item{
|
|
|
+ width: calc(50% - 15rpx);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 48rpx;
|
|
|
+ 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: 92rpx;
|
|
|
+ image{
|
|
|
+ margin-top: 36rpx;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.cpgn{
|
|
|
+ .item{
|
|
|
+ margin-top: 48rpx;
|
|
|
+ .i_title{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ image{
|
|
|
+ width: 50rpx;
|
|
|
+ height: 24rpx;
|
|
|
+ }
|
|
|
+ text{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #134F99;
|
|
|
+ line-height: 50rpx;
|
|
|
+ margin-left: 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .i_pre{
|
|
|
+ margin-top: 48rpx;
|
|
|
+ .ip_title{
|
|
|
+ padding-left: 18rpx;
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #111111;
|
|
|
+ line-height: 45rpx;
|
|
|
+ position: relative;
|
|
|
+ &:before{
|
|
|
+ content: '';
|
|
|
+ width: 6rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ background: #1460CA;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -18rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ip_nr{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 34rpx;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ letter-spacing: 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
