FE-V2-XCX/pages_manage/workbench/workbench.vue

<!-- 管理端工作台 -->
<template>
	<view class="manage-workbench">
		<!-- <img class="top-big-img" src="@/images/Version2.2/ing_bg_banner.png"> -->
		<img class="top-big-img" :src="homepageBanner">
		<top-warn></top-warn>
		<view class="min-icon-button-box" style="margin-bottom: 0;">
			<view @click="goPage('casuallyPat')">
				<img src="@/images/Version2.2/icon_sy_ssp.png">
				<view>随手拍</view>
			</view>
			<view @click="goPage('safetyInspect')">
				<img src="@/images/Version2.2/icon_sy_aqjc.png">
				<view>安全检查</view>
			</view>
			<!-- <view class="position-button" style="position: relative;" v-if="buttonArray[1]">
				<picker @change="buttonChange" :range-key="'name'" :value="id" :range="buttonArray">
					<img src="@/images/Version2.2/icon_sy_aqjc.png">
					<view>安全检查</view>
					<view v-if="userInfo.list>0" style="position: absolute;top:40rpx;right:56rpx;height:15rpx;width:15rpx;border-radius:50%;background: red;"></view>
				</picker>
			</view>
			<view style="position: relative;" @click="goCheckPage" v-if="!buttonArray[1]">
				<img src="@/images/Version2.2/icon_sy_aqjc.png">
				<view>安全检查</view>
				<view v-if="userInfo.list>0" style="position: absolute;top:40rpx;right:56rpx;height:15rpx;width:15rpx;border-radius:50%;background: red;"></view>
			</view> -->
			<view @click="goPage('photoInspection')">
				<img src="@/images/icon_dzt_pzjc.png">
				<view>拍照检查</view>
			</view>
			<view @click="goPage('accessQualification')">
				<img src="@/images/Version2.2/icon_sy_zrsq.png">
				<view>准入审核</view>
			</view>
			<!-- <view @click="goPage('alarm')">
				<img src="@/images/Version2.2/icon_sy_aqbj.png">
				<view>安全报警</view>
			</view> -->
		</view>
		<!-- <view class="min-icon-button-box" style="margin-top: 0;"> -->
			<!-- <view @click="goPage('emergencyEvacuation')">
				<img src="@/images/Version2.3/icon_sy_yjss.png">
				<view>应急疏散</view>
			</view> -->
		<!-- </view> -->
		<view class=big-icon-button-box>
			<!-- 安全报警 -->
			<img src="@/images/Version2.3/button_1.png" @click="goPage('alarm')">
			<!-- 应急疏散 -->
			<img src="@/images/Version2.3/button_2.png" @click="goPage('emergencyEvacuation')">
		</view>
		<!-- 分级管控 -->
		<view class="grading">
			<img class="grading_l" src="@/images/icon_sy_fjgk.png"/>
			<view class="grading_c">分级管控</view>
			<view class="grading_r" @click="goPage('grading')">{{gradingCount>0?gradingCount+'项工作待完成':''}}<img src="@/images/icon_wdwg_gd.png"/></view>
		</view>
		
		<view class="for-title-p" @click="goSecurityAlertList" v-if="alarmList[0]">
			<img class="left-img" src="@/images/Version2.2/icon_aqbj.png">
			<view class="name-view">安全报警</view>
			<view class="num-view">{{securityAlertNum}}</view>
			<view class="null-view"></view>
			<img class="right-img" src="@/images/icon_04.png">
		</view>
		<view class="for-max-box-one" v-if="alarmList[0]">
			<view class="for-box" v-for="(item,index) in alarmList" :key="index">
				<view class="title-box">
					<view :style="'border:1rpx solid '+item.subDiyVo.fiedColor+';background:#fff;color:'+item.subDiyVo.fiedColor+';'">{{item.subDiyVo.levelName}}</view>
					<view>{{item.subDiyVo.name}}</view>
				</view>
				<view class="address-box"><span>{{item.subDiyVo.typeName}}</span>{{item.subDiyVo.deptName}}</view>
				<view class="address-box-two">
					<img src="@/images/icon_14.png">
					<view>{{item.subDiyVo.subAddrrStr}}</view>
				</view>
				<view class="for-img-box">
					<view class="for-img-min-box" v-for="(minItem,index) in item.sensorSet" :key="index">
						<img src="@/images/icon_15.png">
						<view>{{minItem}}</view>
					</view>
				</view>
				<view class="button-view" @click="laboratoryInfo(item)">查看详情</view>
			</view>
		</view>
		<view class="for-title-p" v-if="dataList[0]">
			<img class="left-img" src="@/images/Version2.2/icon_sy_wdsys.png">
			<view class="name-view">我的实验室</view>
		</view>
		<view class="for-max-box" v-if="dataList[0]">
			<img class="null-img" v-if="!dataList[0]" src="@/images/null-data-1.png">
			<view class="for-box" v-for="(item,index) in dataList" :key="index" @click="laboratoryInfoOne(item)">
				<view class="title-box">
					<view :style="'border:1rpx solid '+item.fiedColor+';background:#fff;color:'+item.fiedColor+';'">{{item.levelName}}</view>
					<view>{{item.name}}</view>
					<img src="@/images/icon_04.png">
				</view>
				<view class="address-box"><span>{{item.typeName}}</span>{{item.deptName}}</view>
				<view class="address-box-two">
					<img src="@/images/icon_14.png">
					<view>{{item.subAddrrStr}}</view>
				</view>
			</view>
		</view>
		<tab-bar></tab-bar>
	</view>
</template>

<script>
    import $mqtt from '@/utils/mqtt.min.js';
    import { config } from '@/api/request/config.js'
    import { appReceivePhotoNote,getApprovalCount,subject_class,getSafeWarnList,laboratoryInfo,laboratoryList,getLoginUserInfo,outSubjectPhoto,gradingControl} from '@/api/index.js'
    import { tabBar } from '@/component/tabBar.vue'
	import { topWarn } from '@/component/topWarn.vue'
	export default {
        components: {
            tabBar,
			topWarn
        },
		data() {
			return {
			    //随手拍数量
                appReceivePhotoNoteNum:0,
				//准入数量
                passedNum:"",
                subject_classData:[],
                securityAlertNum:"",
				//MQTT请求参数
                mtopic:"lab/bigview",
                mtopicOne:"lab/function/data",
                msg:"",
                client:{},
				//报警数据
                alarmList:[],
				//实验室数据
                dataList:[],
				//用户信息数据(用来决定是否可以跳转检查项)
				userInfo:{
					isadmin:null,
					ischeck:null,
					list:null,
				},
				buttonArray:[],
				gradingCount:0,//分级管控未完成总数
				homepageBanner:uni.getStorageSync('homepageBanner'),
			}
		},
        created() {

		},
        mounted(){
            this.appReceivePhotoNote();
            this.getApprovalCount();
            this.subject_class();
            this.laboratoryList();
            this.getSafeWarnList();
			this.getLoginUserInfo();
			this.getGrading();
            //监听报警信息
            getApp().watch(this.getSafeWarnList,'mqttAlarmData');
            //监听传感器信息
            getApp().watch(this.getMqttSensorData,'mqttSensorData');
		},
		methods: {
			//跳转选择器
			buttonChange(e){
				
				/* if(this.buttonArray[e.detail.value].id == 1){
					//检查记录
					uni.navigateTo({
						url: '/pages_manage/workbench/securityCheck/inspectionRecords'
					});
				}else if(this.buttonArray[e.detail.value].id == 2){
					//问题整改
					uni.navigateTo({
					    url: '/pages_manage/workbench/problemRectification/rectifyList'
					});
				} */
			},
            //暂无提示
            goCheckPage(){
				if(this.userInfo.isadmin){
					uni.navigateTo({
					    url: '/pages_manage/workbench/problemRectification/rectifyList'
					});
				}else if(this.userInfo.ischeck == 1){
					uni.navigateTo({
						url: '/pages_manage/workbench/securityCheck/inspectionRecords'
					});
				}else{
					uni.showToast({
						title: '您没有该权限',
						icon:"none",
						mask:true,
						duration: 2000
					});
				}
            },
            //监听传感器信息
            getMqttSensorData(val){
                let self = this;
                // console.log('页面获取的-传感器信息',val)
                if(val.subId){
                    for(let i=0;i<self.dataList.length;i++){
                        if(self.dataList[i].id == val.subId){
                            self.$set(self.dataList[i],'sensorFunctionList',val.functionStatuses);
                        }
                    }
                }
            },
			//获取分级管控未完成总数
			async getGrading(){
			    let obj = {
			       
			    }
			    const {data} = await gradingControl(obj)
			    if(data.code==200){
			        this.gradingCount=data.count;	
			    }
			
			},
			async getLoginUserInfo(){
				const {data} = await getLoginUserInfo();
				if(data.code == 200){
					this.userInfo = data.data;
					let list = [];
					if(data.data.isadmin){
						//实验室负责人
						let obj = {
							id:"1",
							name:"检查记录",
						}
						list.push(obj)
					}
					if(data.data.ischeck == 1){
						//检查者
						let obj = {
							id:"2",
							name:"问题整改",
						}
						list.push(obj)
					}
					this.$set(this,'buttonArray',list);
					console.log("data",data)
				}
			},
            //获取报警信息详情
            async laboratoryInfo(item){
                const {data} = await laboratoryInfo(item.subDiyVo.id);
                if(data.code == 200){
                    let obj = data.data[0];
                    obj.subClassVO = item.subDiyVo.subClassVO;
                    obj.name = item.subDiyVo.name;
                    obj.subTypeLable = item.subDiyVo.subTypeLable;
                    obj.deptName = item.subDiyVo.deptName;
                    obj.subAddrrStr = item.subDiyVo.subAddrrStr;
                    uni.navigateTo({
                        url: '/pages_manage/workbench/laboratory/laboratoryInfo?item='+encodeURIComponent(JSON.stringify(obj))
                    });
                }
            },
            //获取实验室详情
            async laboratoryInfoOne(item){
                const {data} = await laboratoryInfo(item.id);
                if(data.code == 200){
                    let obj = data.data[0];
                    obj.subClassVO = item.subClassVO;
                    obj.name = item.name;
                    obj.subTypeLable = item.subTypeLable;
                    obj.deptName = item.deptName;
                    obj.subAddrrStr = item.subAddrrStr;
					obj.sensorFunctionList = item.sensorFunctionList;
                    uni.navigateTo({
                        url: '/pages_manage/workbench/laboratory/laboratoryInfo?item='+encodeURIComponent(JSON.stringify(obj))+'&deptId='+item.deptId
                    });
                }
            },
            //获取报警信息列表
            async getSafeWarnList(){
                let obj = {
                    pageNum:1,
                    pageSize:1,
                    count:0,
                    groupStatus:1,
				};
                const {data} = await getSafeWarnList(obj);
                if(data.code == 200){
					this.alarmList = data.rows;
					if(data.rows[0]){
                        this.securityAlertNum = data.rows[0].todayHappenCount;
					}else{
                        this.securityAlertNum = 0;
					}
                }
            },
            //获取实验室列表
            async laboratoryList(){
                let self = this;
                let obj = {
                    deptId:this.facultyIndex?this.facultyList[this.facultyIndex].deptId:'',
                    subDept:this.subjectIndex?this.subjectList[this.subjectIndex].dictValue:'',
                    level:this.levelIndex?this.levelList[this.levelIndex].dictValue:'',
                };
                const {data} = await laboratoryList(obj);
                if(data.code == 200){
                    for(let o=0;o<data.data.length;o++){
                        if(data.data[o].labHardwareVOList){
                            data.data[o].hardwareList = [];
                            for(let i=0;i<data.data[o].labHardwareVOList.length;i++){
                                if(data.data[o].labHardwareVOList[i].hardwareTypeEnum.code == 4 &&data.data[o].labHardwareVOList[i].hardwareNUM){
                                    if(data.data[o].hardwareNUM){
                                        data.data[o].hardwareNUM = data.data[o].hardwareNUM + ',' + data.data[o].labHardwareVOList[i].hardwareNUM
                                    }else{
                                        data.data[o].hardwareNUM = data.data[o].labHardwareVOList[i].hardwareNUM
                                    }
                                }else{
                                    let obj = {
                                        name:"",
                                        type:"",
                                    };
                                    obj.name = data.data[o].labHardwareVOList[i].hardwareTypeEnum.hardwareTypeName
                                    obj.type = data.data[o].labHardwareVOList[i].state.code;
                                    obj.id = data.data[o].labHardwareVOList[i].id;
                                    data.data[o].hardwareList.push(obj);
                                }
                            }
                        }
                    }
                    this.dataList = data.data;
                }
            },
			//获取输入数量
            async getApprovalCount(){
                const {data} = await getApprovalCount()
				if(data.code == 200){
				    this.passedNum = data.data.passed + '人已获得';
				}
            },
            //获取管理员工作台随手拍数量数据
            async appReceivePhotoNote(){
                const {data} = await appReceivePhotoNote();
                if(data.code == 200){
                    this.appReceivePhotoNoteNum = data.data.photoCount;
                }
            },
            //获取学科字典
            async subject_class(){
                const {data} = await subject_class();
                if(data.code == 200){
                    this.subject_classData = data.data;
                }
            },
            //去安全警报
            goSecurityAlertList(){
                uni.navigateTo({
                    url: '/pages_manage/workbench/securityAlert/securityAlertList',//安全警报
                });
			},
            //页面跳转
            goPage(type){
                if(type=='casuallyPat'){
                    uni.navigateTo({
                        url: '/pages/casuallyPat',//随手拍
                    });
				}else if(type=='receiveCasuallyPat'){//收到随手拍
                    uni.navigateTo({
                        url: '/pages_manage/workbench/receiveCasuallyPat/receiveCasuallyPat',
                    });
				}else if(type=='accessQualification'){//收到随手拍
                    uni.navigateTo({
                        url: '/pages_manage/workbench/accessQualification/accessQualification',
                    });
					
				}else if(type == 'safetyInspect'){//安全检查
                
					uni.navigateTo({
					    url: '/pages_manage/workbench/securityCheck/safetyInspect',//安全警报
					});
                }
				else if(type == 'alarm'){
                    uni.navigateTo({
                        url: '/pages_manage/workbench/securityAlert/securityAlertList',//安全警报
                    });
                }else if(type == 'emergencyEvacuation'){
                    uni.navigateTo({
                        url: '/pages/emergencyEvacuationBig',//安全警报
                    });
				}else if(type == 'photoInspection'){
					this.outSubjectPhoto();
				}else if(type == 'grading'){
					uni.navigateTo({
					    url: '/pages/gradingControl/gradingControl',//分级管控
					});
				}
			},//获取拍照检查配置
			async outSubjectPhoto(){
			    const {data} = await outSubjectPhoto();
			    if(data.code == 200){
			        if(data.data == null){
			            //需要检查(重新填写)
						let obj = {
							sub:"实验室照片",
							subUrl:"",
							garbage:"垃圾桶清理后照片",
							garbageUrl:"",
							dangerous:"使用危险设备照片(选填)",
							dangerousUrl:"",
							sourceRisk:"危险源设备使用登记本照片(选填)",
							sourceRiskUrl:"",
						};
						uni.navigateTo({
							url: '/pages_student/workbench/photoInspection?newData='+encodeURIComponent(JSON.stringify(obj)),
						});
					}else if(data.data == false){
			            //不需要检查
						uni.showToast({
							title: '暂无检查数据',
							icon:"none",
							mask:true,
							duration: 2000
						});
					}else{
						//需要检查(修改内容)
						let obj = {
							id:data.data.id,
							sub:"实验室照片",
							subUrl:data.data.subUrl,
							garbage:"垃圾桶清理后照片",
							garbageUrl:data.data.garbageUrl,
							dangerous:"使用危险设备照片(选填)",
							dangerousUrl:data.data.dangerousUrl,
							sourceRisk:"危险源设备使用登记本照片(选填)",
							sourceRiskUrl:data.data.sourceRiskUrl,
						};
						uni.navigateTo({
							url: '/pages_student/workbench/photoInspection?newData='+encodeURIComponent(JSON.stringify(obj)),
						});
					}
			    }
			},
		},
        beforeDestroy(){
            //删除报警监听
            getApp().deleteAlarmWatch();
            //删除传感器监听
            getApp().deleteSensorWatch();
        }
	}
</script>

<style lang="stylus" scoped>
	.manage-workbench{
		height:100%;
		width:100%;
		overflow-y:scroll;
		.top-big-img{
			height:342rpx;
			width:750rpx;
		}
		.min-icon-button-box{
			display flex
			width:710rpx;
			margin:20rpx;
			background :#ffffff;
			border-radius:20rpx;
			height:170rpx;
			view{
				flex:1;
				img{
					height:75rpx;
					width:75rpx;
					margin:30rpx auto 10rpx;
				}
				view{
					text-align center
					font-size:24rpx;
				}
			}
		}
		.big-icon-button-box{
			display flex;
			margin:20rpx;
			img{
				width:350rpx;
				height:150rpx;
			}
			img:nth-child(2){
				margin-left:10rpx;
			}
		}
		/* 分级管控 */
		.grading{
			width :712rpx;
			height :80rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-left:20rpx;
			margin-bottom :20rpx;
			display:flex;
			justify-content :flex-start;
			align-items :center;
			.grading_l{
				width :34rpx;
				height :34rpx;
				margin-left:16rpx;
			}
			.grading_c{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				margin-left:16rpx;
			}
			.grading_r{
				width :504rpx;
				height :80rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #EE3A3A;
				display :flex;
				justify-content :flex-end;
				align-items: center;
				>img{
					width: 20rpx;
					height: 20rpx;
					margin-left :20rpx;
					margin-top :8rpx;
				}
			}
		}
		
		.top-max-box{
			height:300rpx;
			.top-min-box{
				display: flex
				margin:20rpx;
				.left-box{
					background #fff
					height:130rpx;
					width:345rpx;
					border-radius: 10px;
					display flex
					.left-img{
						height:80rpx;
						width:80rpx;
						margin:25rpx 30rpx;
					}
					view{
						line-height:130rpx;
						font-size: 28rpx;
						color:#333;
						flex:1;
					}
					.right-img{
						width:20rpx;
						height:20rpx;
						margin:55rpx 30rpx 0 0;
					}
				}
				.right-box{
					background #fff
					height:130rpx;
					width:345rpx;
					margin-left:20rpx;
					border-radius: 10rpx;
					display flex
					.left-img{
						height:80rpx;
						width:80rpx;
						margin:25rpx 30rpx;
					}
					.right-min-view{
						flex:1;
						.right-min-title{
							line-height:28rpx;
							font-size: 28rpx;
							margin-top:32rpx;
							color: #333333;
						}
						.right-bottom-min-box{
							display flex
							view{
								flex:1;
								text-align right
								margin:25rpx 14rpx 0 0;
								font-size: 22rpx;
								color: #999999;
								line-height: 22rpx;
							}
							img{
								width:20rpx;
								height:20rpx;
								margin:27rpx 80rpx 0 0;
							}
						}
					}

				}
			}
			.bottom-min-box{
				background #fff
				height:130rpx;
				width:710rpx;
				border-radius: 10px;
				margin:0 20rpx;
				display flex
				.left-img{
					height:80rpx;
					width:80rpx;
					margin:25rpx 30rpx;
				}
				view{
					flex:1;
					line-height:130rpx;
				}
				view:nth-child(2){
					font-size: 28rpx;
					color:#333;
				}
				view:nth-child(3){
					text-align right
					font-size: 22rpx;
					color:#999;
					margin-right:12rpx;
				}
				.right-img{
					width:20rpx;
					height:20rpx;
					margin:55rpx 30rpx 0 0;
				}
			}
		}
		.for-title-p{
			border-top-left-radius 20rpx
			border-top-right-radius 20rpx
			background #fff
			padding-left:25rpx;
			display flex
			margin:0 20rpx;
			border-bottom:1rpx solid #e0e0e0;
			.left-img{
				height:34rpx;
				width:34rpx;
				margin:22rpx 10rpx 0 0;
			}
			.name-view{
				line-height:77rpx;
				font-size:30rpx;
				color:#333;
			}
			.num-view{
				width:28rpx;
				height:28rpx;
				font-size:20rpx;
				background:#EE3A3A;
				border-radius:50%;
				text-align :center;
				line-height:24rpx;
				color:#fff;
				margin:26rpx 0 0 10rpx;
			}
			.null-view{
				flex:1;
			}
			.right-img{
				height:20rpx;
				width:10rpx;
				margin:28rpx 19rpx 0 0;
			}
		}
		.for-max-box-one{
			margin:0 20rpx;
			border-bottom-left-radius 20rpx
			border-bottom-right-radius 20rpx
			.for-box:nth-child(1){
				border-top:none;
			}
			.for-box{
				border-top:4rpx solid #dedede;
				background #fff
				margin-bottom:20rpx;
				overflow: hidden
				.title-box{
					margin:20rpx 20rpx 0;
					display flex
					view:nth-child(1){
						height:40rpx;
						line-height:40rpx;
						font-size:20rpx;
						border-radius:10rpx;
						padding:0 20rpx;
						color:#fff;
						margin-right:20rpx;
					}
					view:nth-child(2){
						line-height:42rpx;
						font-size:30rpx;
						color:#333;
						max-width:600rpx;
						flex:1;
					}
					.colorA{
						background:#aa2315;
					}
					.colorB{
						background:#ff9b09;
					}
					.colorC{
						background:#3ea3e9;
					}
					.colorD{
						background:#3ea34c;
					}

				}
				.address-box{
					margin:20rpx 20rpx;
					font-size:26rpx;
					color:#999999;
					span{
						margin-right:60rpx;
					}
				}
				.address-box-two{
					display flex
					margin:0 20rpx 20rpx 20rpx;
					img{
						width:28rpx;
						height:30rpx;
						margin-right:18rpx;
					}
					view{
						line-height:30rpx;
						font-size:24rpx;
						color:#999999;
					}
				}
				.for-img-box{
					border-top:1rpx solid #e0e0e0;
					margin:0 20rpx;
					.for-img-min-box{
						display flex
						img{
							width:30rpx;
							height:27rpx;
							margin-top:24rpx;
							margin-right:10rpx;
						}
						view{
							line-height:74rpx;
							text-align center
							font-size:28rpx;
							color:#EE3A3A;
						}
					}
				}
				.button-view{
					margin:0 20rpx;
					border-top:1rpx dashed #e0e0e0;
					line-height:90rpx;
					text-align :center;
					font-size:26rpx;
					color:#333;
				}
			}
			.get-null-box{
				height:100rpx;
				line-height:100rpx;
				color:#999;
				text-align center
			}
		}
		.for-max-box{
			margin:0 20rpx 120rpx;
			background: #fff
			overflow: hidden
			border-bottom-left-radius 20rpx
			border-bottom-right-radius 20rpx
			.null-img{
				display block
				width:276rpx;
				height:321rpx;
				margin:40rpx auto;
			}
			.for-box:nth-child(1){
				border-top:none;
			}
			.for-box{
				border-top:4rpx solid #dedede;
				overflow hidden
				background #ffffff
				margin-bottom:20rpx;
				.title-box{
					margin:20rpx 20rpx 0;
					display flex
					view:nth-child(1){
						height:40rpx;
						line-height:40rpx;
						font-size:20rpx;
						border-radius:10rpx;
						padding:0 20rpx;
						color:#fff;
						margin-right:20rpx;
					}
					view:nth-child(2){
						line-height:42rpx;
						font-size:30rpx;
						color:#333;
						max-width:600rpx;
						flex:1;
					}
					img{
						width:12rpx;
						height:20rpx;
						margin-top:11rpx;
					}
					.colorA{
						background:#aa2315;
					}
					.colorB{
						background:#ff9b09;
					}
					.colorC{
						background:#3ea3e9;
					}
					.colorD{
						background:#3ea34c;
					}

				}
				.address-box{
					margin:20rpx 20rpx;
					font-size:26rpx;
					color:#999999;
					span{
						margin-right:60rpx;
					}
				}
				.address-box-two{
					display flex
					margin:0 20rpx 20rpx 20rpx;
					img{
						width:28rpx;
						height:30rpx;
						margin-right:18rpx;
					}
					view{
						line-height:30rpx;
						font-size:24rpx;
						color:#999999;
					}
				}
				.text-box{
					/*border-top:1rpx dashed #e0e0e0;*/
					border-top:1rpx solid #E0E0E0;
					padding:0 20rpx;
					/*
                    overflow-x:scroll;
                    overflow-y:hidden;
                    white-space: nowrap;
                    */
					.min-box{
						display inline-block
						/*padding:0 30rpx 0 10rpx;*/
						width:355rpx;
						.min-min-box{
							display: flex
							img{
								width:30rpx;
								height:27rpx;
								margin-top:24rpx;
								margin-right:10rpx;
							}
							view{
								line-height:74rpx;
								text-align center
								font-size:28rpx;
								color:#333;
							}
							.colorA{
								color:#EE3A3A;
							}
						}
					}
				}
				.sensor-max-box{
					margin:0 20rpx;
					border-top:1rpx solid #e0e0e0;
					border-bottom:1rpx solid #e0e0e0;
					display flex
					.for-sensor-box{
						flex:1;
						display flex
						font-size:28rpx;
						line-height:94rpx;
						view{
							margin-left:20rpx;
							font-size:25rpx;
							line-height:94rpx;
							color:#0183FA;
						}
					}
				}
				.button-max-box{
					.button-box{
						display flex
						view:nth-child(1){
							flex:1;
							line-height:90rpx;
							color:#333333;
							margin-left:30rpx;
							font-size:28rpx;
						}
						view:nth-child(2){
							width:142rpx;
							line-height:42rpx;
							border:4rpx solid #0183FA;
							border-radius:25rpx;
							color: #0183FA;
							font-size: 30rpx;
							text-align center;
							margin:20rpx 20rpx 20rpx 0;
						}
					}
					.for-button-box{
						display flex
						view{
							flex:1;
							line-height:90rpx;
							color:#333333;
							margin-left:30rpx;
							font-size:28rpx;
						}
						img{
							height:50rpx;
							width:100rpx;
							margin:20rpx 20rpx 20rpx 0;
						}
						view:nth-child(2){
							text-align right
							color:#999;
							margin-right:30rpx;
						}
					}
				}
			}
		}
	}
</style>