aiot-app/pages/maintenanceWorkorder/components/notice.vue

<template>
	<view class="notice">
		<uni-popup ref="popup" type="center" :is-mask-click="false">
			<div class="content-box">
				<div class="table_box">
					<div class="title">维护修理作业职业健康安全、环保注意事项</div>

					<div class="one_content">1、进人维修作业区的维修人员按规定穿戴劳动防护用品,有规定要戴安全帽、口罩的场所要戴好;</div>
					<div class="one_content">2、维修前应进行现场安全检查,检查内容包括设备、电气装置、机重机械、吊具、安全用具等;施工维修现场应有明显的提示标志,并保持现场道路畅通;</div>
					<div class="one_content">
						3、办理好动力停供单、工作票、操作票、危险作业票证等维修许可证,需停水、停电、停气时要做好相应的准备工作,所拉开(或关闭)的各种开关、阀门必须挂标示牌,在易燃、易爆区域动火作业时,在动火前要办理好动火证;
					</div>
					<div class="one_content">4、检修人员应熟悉并认真执行本工种的安全技术操作规程,进人维修现场必须集中精力,随时注意自身和他人的安全;</div>
					<div class="one_content">5、凡有两人以上共同作业的维修,必须指定其中一人负责安全;</div>
					<div class="one_content">6、检修时需要搭接临时电源,需得到对方同意,并按要求搭接:</div>
					<div class="one_content">
						7、脚手架和起重设备上空及邻近空间如有管网、电线,应控制好安全距离,上、下层垂直线同时作业时,各层之间应设遮挡板,具堆放要稳固,禁止从高处向下推掷料具,传递工具和材料禁止抛掷,传递绳索强度要满足要求;
					</div>
					<div class="one_content">8、高处作业用梯子要有人扶,梯子斜度一般以 60 度为宜,禁止两人在一个梯子上作业,超过 2米要系安全带,地面应有安全护人指挥;</div>
					<div class="one_content">9、维修现场的电焊机、氧气瓶、乙炔瓶摆放要符合安全规定,严禁在带压的压力容器和压力管道上作业,焊接时保持通风良好潮湿地点要有防触电保护措施;</div>
					<div class="one_content">10、起重设备时起吊人员不得站在吊物下,搬抬设备时要防止滚动和滑动,要统一指挥;</div>
					<div class="one_content">
						11、在粉尘、有毒有害的环境下检修,要符合安全规定,做好个人防护措施;废石棉、含油抹布、含油草纸的处置根据对方要求定点投放,设备漏油必须及时告知对方,维修完毕后,必须清理现场,搞好现场卫生;
					</div>
					<div class="one_content">12、严格执行操作规程,不得违章指挥和违章作业,对违章作业的指令有权拒绝并有责任制止他人违章作业;</div>
					<div class="one_content">13、</div>
					<div class="one_content">14、</div>
					<div class="one_content">15、</div>

					<div class="title">安 全 交 底 单</div>

					<div class="item_box">
						<div class="left">委托单位:</div>
						<div class="rigth">
							<div class="need">需实施</div>
							<div class="stop">已实施</div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">1、进人施工现场时应得到委托方的安全交底和检修许可,所拉开(或关闭)的各种开关、阀门经双方确实无误,由维修人员挂好标示牌后,方可作业;</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">2、维修人员动用委托方设备,需征得对方同意,委托方须保证维修设备与运行设备之间有足够的安全距离并做好安全防护措施;</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">3、作业人员维修过程中办理完工作票、操作票及危险作业票证,确认安全措施落实后,方可进行作业。</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">4、起重、搬拾设备时,所有人员不得在吊物下通过,吊钩下不准站人,不得靠近搬拾设备,维修人员捆绑设备须经生产厂检查认可,严禁私自动用生产厂叉车;</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">5、因维修作业需设置的警戒线或防护隔栏，非维修人员进入维修区必须得到维修单位安全同意,并在安全员陪同下方可进人;</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">6、在委托单位动火作业,动火证由生产厂负责签发,且签发给动火场地生产厂所属班组安全责任人,维修人员负责核实动火证的内容。</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">7、维修前对设备维修告知书的内容进行核实;</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">8、维修作业将产生废石棉、含油抹布、含油草纸等危险固体废弃物,处置根据生产厂要求定点投放。补充交底内容:</div>
						<div class="rigth">
							<div class="need">√</div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="one_content">补充交底内容：</div>

					<div class="item_box">
						<div class="left">1、</div>
						<div class="rigth">
							<div class="need"></div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">2、</div>
						<div class="rigth">
							<div class="need"></div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left">3、</div>
						<div class="rigth">
							<div class="need"></div>
							<div class="stop"></div>
						</div>
					</div>

					<div class="item_box">
						<div class="left" style="width: 200px">交底时间：</div>
						<div class="rigth" style="width: 200px; text-align: left; padding: 6rpx">委托单位交底负责人：{{ repairInfo.repairUserName }}</div>
					</div>

					<div class="one_content no_border">接受交底负责人:</div>
				</div>

				<view class="btns" @click="handleAgree">接受交底</view>
			</div>
		</uni-popup>
	</view>
</template>

<script>
	import { get, postJ, post } from '@/utils/api.js'
	export default {
		props: {
			repairInfo: {
				type: Object,
				default: () => {}
			},
			id: {}
		},
		data() {
			return {
				userInfo: null
			}
		},
		mounted() {
			console.log('repairInfo--------------')
			console.log(this.repairInfo)
			this.userInfo = uni.getStorageSync('userInfo')
			this.$refs.popup.open('center')
		},
		methods: {
			close() {
				this.$refs.popup.close()
			},
			handleAgree() {
				this.$emit('agree')
				// post(this.apiUrl + '/workOrder/updatePlanWorkOrderById', {
				// 	reqName: this.repairInfo.repairsPerson,
				// 	tellName: this.userInfo.name,
				// 	id: this.id
				// }).then(res => {
				// 	if (res.success) {
				// 		this.$emit('agree')
				// 	}
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content-box {
		width: 720rpx;
		height: 80vh;
		overflow-y: scroll;
		background: #fff;
	}

	.table_box {
		width: 680rpx;
		margin: auto;
		border: 2rpx solid #000;
		margin-top: 40rpx;

		.title {
			text-align: center;
			font-size: 26rpx;
			font-weight: 600;
			border-bottom: 1rpx solid #000;
			padding: 6rpx;
		}

		.one_content {
			text-align: left;
			font-size: 22rpx;
			font-weight: 500;
			border-bottom: 1rpx solid #000;
			padding: 6rpx;
		}

		.item_box {
			font-size: 22rpx;
			font-weight: 500;
			border-bottom: 1rpx solid #000;

			display: flex;
			flex-direction: row;
			justify-content: space-between;

			.left {
				width: 480rpx;
				text-align: left;
				border-right: 1rpx solid #000;
				padding: 6rpx;
			}

			.rigth {
				display: flex;

				.need {
					width: 80rpx;
					border-right: 1rpx solid #000;
					padding: 6rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}

				.no_border {
					border-right: none;
					border-bottom: none;
				}

				.stop {
					width: 120rpx;
					padding: 6rpx;
					text-align: center;
				}
			}
		}
	}

	.btns {
		font-size: 30rpx;
		width: 360rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		background-color: rgba(21, 122, 44, 1);
		color: #ffffff;
		margin: 32rpx auto;
	}
</style>