<template>
	<view class="content">
		<!-- 顶部logo和菜单 -->
		<uTop data-aos="fade-down"></uTop>
		<!-- 标题和介绍 -->
		<uDesc :title="dTitle" :description="dMemo" :bg="bannerBg" data-aos="slide-right" data-aos-delay="300"></uDesc>
		<view class="ques" data-aos="slide-left" data-aos-delay="600">
			<view class="quesTitle">工厂设备的维修管理，您是否有以下烦恼？</view>
			<view class="quesContent">
				<view class="li" v-for="(item,index) in qiesContent" :key="index">{{item}}</view>
			</view>
		</view>
		<view class="boxs">
			<!-- 产品功能 -->
			<view class="box">
				<view class="title" data-aos="slide-right" data-aos-delay="900">产品功能</view>
				<block v-if="functionList.length">
					<view class="box2">
						<uFunction :title="item.title" :list="item.list" v-for="(item,index) in functionList" :key="index" data-aos="slide-left">
						</uFunction>
					</view>
				</block>
			</view>
			<image class="line" src="../../static/imgs/line.png"></image>
			<view class="fajg box">
				<view class="title" data-aos="slide-right">模块展示</view>
				<view class="list">
					<view class="li" data-aos="slide-left">
						<image src="../../static/imgs/znwb1.png" ></image>
						<view class="right">
							<view class="tit">设备状态 快速感知</view>
							<view class="txt">对接Lighthouse系统，将设备监视、维修、保养、备件管理、人员考核紧密联动，生成设备智能工单，提高设备管理效率和精准性。</view>
						</view>
					</view>
					<view class="li" data-aos="slide-left">
						<image src="../../static/imgs/znwb2.png" ></image>
						<view class="right">
							<view class="tit">只需1s 智能派单</view>
							<view class="txt">设备发生故障时，采集维修人员位置信息、负荷情况，通过UWB手环进行智能派单通知、预警通知、维修超时通知。</view>
						</view>
					</view>
					<view class="li" data-aos="slide-left">
						<image src="../../static/imgs/znwb3.png"></image>
						<view class="right">
							<view class="tit">闭环管理 全程可视</view>
							<view class="txt">联动设备监控、维修、通知各环节，打造设备智能化维修保养解决方案，设备数据智能采集，并生成可视化报表，助力工厂管理者随时了解设备状态。</view>
						</view>
					</view>
					<view class="li" data-aos="slide-left">
						<image src="../../static/imgs/znwb4.png"></image>
						<view class="right">
							<view class="tit">设备状态</view>
							<view class="txt">对接Lighthouse系统，将设备监视、维修、保养、备件管理、人员考核紧密联动，生成设备智能工单，提高设备管理效率和精准性。</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 合作与咨询 -->
		<uForm data-aos="zoom-in"></uForm>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dTitle: '智能化维保管理系统',
				bannerBg: '../../static/imgs/znwb_bg.png',
				dMemo: '设备故障自动报修、自动派单，生成点检、保养、维修的智能工单，主动维保，以及备件管理、人员绩效管理等功能。不仅可以保障产线按计划安全运行，减少因突发性故障造成的停产、维修带来的损失，提升设备投资回报率，还能提高工厂数字化、精益化管理水平，为建设数字化智能工厂赋能。',
				qiesContent: ['设备维修响应慢，流程繁琐费时间', '维修换新难决策', '维修备件无管理', '故障无法预测，总是事后维修', '人员考核没依据，新人培训时间长'],
				functionList: [
					// 报修维修
					{
						title: '报修维修',
						list: [{
								title: '一键报修',
								desc: '通过SS系列按键器一键自动生成报修工单，减少人工录入工时，避免信息录入错误;同时可结合安灯系统与设备状态监视系统实现安灯通知与报修通知相结合，实时监视设备状态，降低停机损失'
							},
							{
								title: '自动报修',
								desc: '对接设备状态监视系统，实时采集生产设备运行数据，发生异常时，后台系统自动生成报修工单并指派给对应维修人员，让维修更加及时高效'
							},
						]
					},
					// 预测性维护
					{
						title: '预测性维护',
						list: [{
								title: '预测性维护',
								desc: '利用TS系列设备状态数据采集实时采集生产设备状态数哭据，后台系统自动进行设备故障预测及设备关联性分析，生成智能保养工单，减少非计划停机时间，降低设备故障率'
							},
							
						]
					},
					// 资产分析
					{
						title: '资产分析',
						list: [{
								title: '资产分析',
								desc: '通过资产故障关系图谱进行维修保养分析，分析故障本质原因，直观展示MTBE、MTTR等数据，科学评估设备维保效果，为实际生产提供决策辅助，提高工厂设备利用率'
							},
							
						]
					},
					// 备件管理
					{
						title: '备件管理',
						list: [{
								title: '备件台账',
								desc: '用户可以随时查询在库信息、所在备件仓库、备件价格、质保周期、默认库存警戒线等'
							},
							{
								title: '出入库管理',
								desc: '记录备件入库时间，入库人员，入库数量，存放库位；记录出库时间，领料者，领料理由，数量等信息；对出库理与备件不匹配进行检查（备件与设备是否匹配，修理理由与数量是否匹配等）'
							},
							{
								title: '备件预警',
								desc: '根据资产发生故障的频率、使用备件概率，动态调整备件库存预警'
							},
							{
								title: '备件统计分析',
								desc: '记录备件在各资产使用的数量、产生的费用、单个备件平均消耗周期'
							},
							{
								title: '备件盘点',
								desc: '备件盘点，库存检查和更新'
							}
						]
					},
					// 绩效管理
					{
						title: '绩效管理',
						list: [{
								title: '维保效率管理',
								desc: '记录人员维保时长、维保次数、保养完成率、维修暂停因数等信息，分析人员维保效率'
							},
							{
								title: '维保质量管理',
								desc: '根据资产维保次数、维保时长、返修次数，消耗备件数量等信息，综合评估维保质量'
							},
							{
								title: '人员技能管理',
								desc: '根据维保效率，质量以及维保工作难易度等信息，科学评估人员技能'
							}
						]
					},
				]
			}
		},
		created() {
			uni.setNavigationBarTitle({
				title: '智能化维保管理系统'
			})
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.ques {
		background: url(../../static/imgs/znwbBg.png) no-repeat;
		background-size: 100% 100%;
		padding: 48rpx 54rpx 74rpx;

		.quesTitle {
			margin: 0 27rpx;
			font-size: 42rpx;
			color: #333;
			line-height: 60rpx;
			text-align: center;
			font-weight: bold;
		}

		.quesContent {
			.li {
				height: 72rpx;
				background-color: #ffff;
				border-radius: 16rpx;
				border: 2rpx solid #134F99;
				color: #134F99;
				line-height: 72rpx;
				font-size: 30rpx;
				font-weight: bold;
				margin-top: 34rpx;
				text-align: center;
			}
		}

	}
	.content {
		padding-bottom: 103rpx;
		overflow: hidden;
		.boxs {
			width: 100%;
			padding: 0 30rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			font-size: 0;
			overflow: hidden;
			.line{
				width: 100%;
				height:10rpx ;
				margin-top: 48rpx;
			}
			.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;
				}
				&.fajg {
					.list {
						.li {
							display: flex;
							justify-content: space-between;
							gap: 0 24rpx;
							margin-top: 48rpx;

							image {
								width: 314rpx;
								min-width: 314rpx;
								height: 288rpx;
							}

							.right {
								padding-top: 44rpx;

								.tit {
									color: #134F99;
									font-size: 36rpx;
									font-weight: bold;
									margin-bottom: 16rpx;
									line-height: 50rpx;
								}

								.txt {
									color: #666;
									font-size: 20rpx;
									line-height: 28rpx;
								}
							}
						}
					}
				}
			}
		}
	}
</style>