FE-V2-XCX/pages/pages_patrolInspector/chemicalCabinetQRcode.vue

<!-- 化学品柜-扫码 -->
<template>
  <view class="course">
	<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
		<view class="header">
			<view class="header_l">
				<img  :src="circularLogo">
			</view>
			<view class="header_r">
				<view class="header_r_t">{{infoData.cabinetName}}</view>
				<view class="header_r_b">规格：2门</view>
			</view>
		</view>
		<view  class="basics">
			<view class="basics_li">
				<view class="basics_li_l">学院：</view>
				<view class="basics_li_r">{{infoData.deptName}}</view>
			</view>
			<view class="basics_li">
				<view class="basics_li_l">楼栋：</view>
				<view class="basics_li_r">{{infoData.buildName?infoData.buildName:'-'}}</view>
			</view>
			<view class="basics_li" style="border: none;">
				<view class="basics_li_l">实验室：</view>
				<view class="basics_li_r">{{infoData.subName?infoData.subName:'-'}}</view>
			</view>
		</view>
		<view class="cabinet_y">
			<view class="cabinet">
				<view class="cabinet_t">{{infoData.cabinetName}}（{{infoData.chemicalCount}}）</view>
				<view class="cabinet_b" @click="handleClick('door')">
					<view class="cabinet_b_l">
						<view class="small_title"><img  src="@/images/Version3.3.7/icon_hxpg_gly.png"><text>管理员：</text></view>
						<view class="cabinet_b_l_li">{{infoData.adminSafeName}}</view>
						<view class="small_title"><img  src="@/images/Version3.3.7/icon_hxpg_hxp.png"><text>化学品数量：</text></view>
						<view class="cabinet_b_l_li">{{infoData.chemicalCount}}个</view>
					</view>
					<view class="cabinet_b_r">
						<img  src="@/images/Version3.3.7/icon_hxpgm.png"><text>{{infoData.cabinetName}}</text>
					</view>
				</view>
			</view>
		</view>
	</scroll-view>
  </view>

</template>

<script>
import { config } from '@/api/request/config.js'
import {hxpCabinetApp} from '@/api/index.js'
export default {
  name: "rectifyList",
  components: {
   
  },
  data() {
    return {
		circularLogo:uni.getStorageSync('circularLogo'),
		baseUrl:config.base_url,
		pageType:0,
		form:{
		},
		dialogVisible:false,
		isCourse:false,//是否在当前课程名单中
		isSucceed:false,//签到成功失败
		shadeStatus:0,//遮罩层状态 0是否确认签到 1签到成功或失败
		id:7,//化学品柜id
		infoData:{},
	}
  },
  onLoad(option) {
	this.id=option.code;
  },
  onShow() {
	  
  },
  mounted(){
	  this.hxpCabinetApp();
  },
  methods: {
		//滚动事件
		scrollGet(){},
	    handleClick(doType){
		  let self=this;
		  if(doType=='sign'){//签到遮罩层
			 this.dialogVisible=true; 
		  }else if(doType=='signSubmit'){//确认签到
			  this.shadeStatus=1;
			  setTimeout(function () {
			     self.dialogVisible=false; 
			  }, 3000);
		  }else if(doType=='door'){//柜门
			// uni.navigateTo({
			//     url: '/pages/pages_patrolInspector/chemicalCatalogue?pageType=1'
			// });
		  }else if(doType=='cancel'){//取消返回小程序首页
		  
		  }
		  
	    },
		//关闭弹窗
		dialogOutfire() {
		  this.dialogVisible = !this.dialogVisible
		},
		//详情
		async hxpCabinetApp(){
			let _this = this;
			const {data} = await hxpCabinetApp(this.id);
			if(data.code == 200){
				this.infoData=data.data;
			}
		},
		//提交
		async submitForm(){
			let _this = this;
			const {data} = await checkClapRectify(_this.form);
			if(data.code == 200){
			    uni.showToast({
			        title: '提交成功',
			        icon:"none",
			        mask:true,
			        duration: 2000
			    }); 
				uni.redirectTo({
					url: '/pages_safetyExamine/snapshotManage/snapshotList?pageType='+this.pageType
				});
			   
			}
		},
		
		
	  
  }
}
</script>

<style lang="stylus" scoped>
.course{
	height:100%;
	display flex;
	box-sizing: border-box;
	.info-max-box{
		flex: 1;
		overflow: scroll;
	}
	.header{
		width: 750rpx;
		min-height: 275rpx;
		background: #0096F3;
		display: flex;
		justify-content: flex-start;
		.header_l{
			width: 150rpx;
			height: 150rpx;
			background: #FFFFFF;
			border-radius: 75rpx;
			margin:62rpx 40rpx 62rpx 30rpx;
			>img{
				width: 150rpx;
				height: 150rpx;
			}
			
		}
		.header_r{
			.header_r_t{
				font-size: 34rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 48rpx;
				margin-top: 68rpx;
			}
			.header_r_b{
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 42rpx;
				margin-top: 36rpx;
				margin-bottom: 20rpx;
				
			}
		}
	}
	.basics{
		width: 750rpx;
		background: #FFFFFF;
		padding: 30rpx 30rpx 0rpx;
		box-sizing: border-box;
		.basics_li{
			width: 690rpx;
			height: auto;
			border-bottom: 1rpx solid #D8D8D8;
			padding: 20rpx 0;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			.basics_li_l{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 40rpx;
			}
			.basics_li_r{
				flex: 1;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
				text-align: right;
			}
		}
		
	}
	.cabinet_y{
		width: 750rpx;
		height: auto;
		background: #FFFFFF;
		padding: 40rpx 125rpx 78rpx;
		box-sizing: border-box;
		margin-top: 20rpx;
		.cabinet{
			.cabinet_t{
				width: 500rpx;
				height: 80rpx;
				background: #FDAF5C;
				border-radius: 20rpx 20rpx 0rpx 0rpx;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 80rpx;
				text-align: center;
			}
			.cabinet_b{
				display: flex;
				justify-content:flex-start;
				.cabinet_b_l{
					width: 250rpx;
					height: 500rpx;
					background: #FDAF5C;
					border-radius: 0rpx 0rpx 0rpx 20rpx;
					border-right: 1rpx solid #E0E0E0;
					padding: 0 0 0 26rpx;
					box-sizing: border-box;
					border-top: 1rpx solid #E0E0E0;
					.small_title{
						display: flex;
						align-items: center;
						margin-top:42rpx;
						>img{
							width: 30rpx;
							height: 30rpx;
							margin-right: 6rpx;
						}
						>text{
							font-size: 28rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							line-height: 40rpx;
						}
					}
					.cabinet_b_l_li{
						font-size: 24rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						line-height: 34rpx;
						margin-top: 12rpx;
						padding-left: 42rpx;
						box-sizing: border-box;
					}
				}
				.cabinet_b_r{
					width: 250rpx;
					height: 500rpx;
					background: #FDAF5C;
					border-radius: 0rpx 0rpx 20rpx 0rpx;
					display: flex;
					align-items: center;
					border-top: 1rpx solid #E0E0E0;
					>img{
						width: 30rpx;
						height: 80rpx;
						margin: 0 20rpx;
					}
					>text{
						font-size: 28rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						line-height: 40rpx;
					}
				}
			}
		}
	}
}	

</style>