FE-V2-XCX/pages/pages_safetyExamine/inforSign.vue

<!-- 安全信息牌 -->
<template>
  <view class="examine">
	<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
		<view  class="basics">
			<view class="grade">
				<text>责任单位：</text>
				<text>环境与测绘学院</text>
			</view>
			<view class="grade">
				<text>实验室负责人：</text>
				<text>姓名-13233556655</text>
			</view>
			<view class="duty">
				<view class="duty_l">安全责任人：</view>
				<view class="duty_r">
					<text>姓名-13233556655</text>
					<text>姓名-13233556655</text>
				</view>
			</view>
		</view>
		<view class="category">
			<view class="title">主要危险类别</view>
			<view class="category_li"><text></text><text>火灾</text></view>
			<view class="category_li"><text></text><text>火灾盗窃高温化学试剂使用不当引发的燃烧、爆炸等风险室内通风不畅及尾气排放引发的健康风险废液处理不当引发的燃烧、爆炸等风险</text></view>
		</view>
		<view class="category">
			<view class="title">安全警示标识</view>
			<view class="identify_img">
				<img src="@/images/Version3.3.3/icon_cg.png"/>
				<img src="@/images/Version3.3.3/icon_cg.png"/>
				<img src="@/images/Version3.3.3/icon_cg.png"/>
				<img src="@/images/Version3.3.3/icon_cg.png"/>
				<img src="@/images/Version3.3.3/icon_cg.png"/>
				<img src="@/images/Version3.3.3/icon_cg.png"/>
			</view>
		</view>
		<view class="category">
			<view class="title">紧急报警电话</view>
			<view class="telephone_li">设备处:83590983</view>
		</view>
	</scroll-view>
	<view  class="bottom_btn" @click="handleClick('start')">开展检查</view>
  </view>

</template>

<script>
import { config } from '@/api/request/config.js'
import { getSelectInfoByRoom} from '@/api/index.js'
export default {
  name: "rectifyList",
  components: {
   
  },
  data() {
    return {
		configURL:config.base_url,
		pageType:2,
	}
  },
  onLoad(option) {
	 
  },
  onShow() {
	  
  },
  mounted(){
	  
  },
  methods: {
		//滚动事件
		scrollGet(){},
	    handleClick(doType){
		  let self=this;
		  if(doType=='start'){//提交
			  uni.navigateTo({
			      url: '/pages/pages_safetyExamine/examineManage/examineAdd'
			  });
		  }
	    },
  }
}
</script>

<style lang="stylus" scoped>
.examine{
	height:100%;
	display flex;
	box-sizing: border-box;
	.info-max-box{
		flex: 1;
		overflow: scroll;
		padding-bottom: 128rpx;
		box-sizing: border-box;
	}
	.basics{
		width: 690rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 0rpx 30rpx;
		box-sizing: border-box;
		margin: 20rpx 30rpx ;
		.grade{
			height: 100rpx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #D8D8D8;
			>text:nth-of-type(1){
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 100rpx;
			}
			>text:nth-of-type(2){
				flex: 1;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 100rpx;
				text-align: right;
			}
		}
		.duty{
			display: flex;
			justify-content: space-between;
			padding: 20rpx 0rpx;
			box-sizing: border-box;
			.duty_l{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 60rpx;
			}
			.duty_r{
				flex: 1;
				>text{
					display: block;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 60rpx;
					text-align: right;
				}
			}
		}
		
	}
	.category{
		width: 690rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 20rpx 30rpx ;
		padding-bottom: 20rpx;
		box-sizing: border-box;
		.title{
			width: 690rpx;
			height: 80rpx;
			background: #133E93;
			border-radius: 10rpx 10rpx 0rpx 0rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 80rpx;
			text-align: center;
			margin-bottom:20rpx;
		}
		.category_li{
			margin-left: 34rpx;
			display: flex;
			justify-content: flex-start;
			>text:nth-of-type(1){
				display: inline-block;
				width: 20rpx;
				height: 20rpx;
				border-radius: 50%;
				background: #D8D8D8;
				margin-right: 14rpx;
				margin-top: 20rpx;
			}
			>text:nth-of-type(2){
				flex: 1;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 60rpx;
			}
		}
		/* 安全警示标识 */
		.identify_img{
			display: flex;
			justify-content: flex-start;
			flex-wrap:wrap;
			margin-left: 34rpx;
			>img{
				width: 67rpx;
				height: 90rpx;
				margin-right: 24rpx;
				margin-bottom: 20rpx;
			}
		}
		/* 紧急报警电话 */
		.telephone_li{
			flex: 1;
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 60rpx;
			margin-left: 34rpx;
		}
	}
	/* 待整改 */
		
    .bottom_btn{
		position: fixed;
		bottom: 26rpx;
		left: 30rpx;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 90rpx;
		width: 690rpx;
		height: 90rpx;
		background: #0183FA;
		border-radius: 20rpx;
		text-align: center;
		
	}
}
</style>