2024-05-16 04:10:40 +08:00

96 lines
2.0 KiB
Vue

<template>
<view class="safe-mesure">
<headers class="fixedheader" :themeType="true" :showBack="true">
<view class="headerName">
安全措施
</view>
</headers>
<view class="safe-mesure-container">
<view class="safe-mesure-header">
<view class="header-left">安全措施</view>
<view class="header-right">是否涉及</view>
</view>
<view class="safe-mesure-list">
<view class="safe-mesure-item">
<view class="item-left">
1.动火设备内部构件清洗干净,蒸汽吹扫或水洗置换合格,达到动火条件
</view>
<view class="item-right" style="color: green;"></view>
</view>
<view class="safe-mesure-item">
<view class="item-left">
2.与动火设备相连接的所有管线已断开,加盲板(),未采取水封或仅关闭阀的方式代替盲板
</view>
<view class="item-right" style="color: red;"></view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss">
.safe-mesure{
min-height: 100%;
background: #F6F6F6;
.fixedheader{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
.safe-mesure-container{
margin-top: 88rpx;
padding: 0 20rpx;
// background-color: darkred;
.safe-mesure-header{
display: flex;
// justify-content: space-between;
margin-top: 10rpx;
line-height: 80rpx;
font-size: 32rpx;
font-weight: bold;
color: #81818c;
.header-left{
width: 65%;
display: flex;
justify-content: center;
}
.header-right{
width: 35%;
display: flex;
justify-content: center;
}
}
.safe-mesure-list{
.safe-mesure-item{
display: flex;
// justify-content: space-between;
margin-top: 15rpx;
// line-height: 40rpx;
.item-left{
width: 65%;
}
.item-right{
width: 35%;
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
}
</style>