zhxf-app/common/common.scss

/* common */
body {
	font-size: 32rpx;
}


radio,checkbox {
			transform: scale(0.7)
}

/* 修改placeholder颜色 */
	.uni-input-placeholder{
		color:#999
	}
	
	
	table{
		border-collapse: collapse;
		width:100%;
		text-align:left
	}
	table,tr,td,th{
		border:1px solid #e2e2e2;
	}
	td,th{
		padding:14rpx 10rpx;
		font-size:26rpx;
	}
	
	
	
	
/* 一行显示*/
.inOneLine{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 画面监控引入特殊字体 */
	@font-face {
	  font-family: 'FANDOLFANG-REGULAR';  /* project id 2394829 */
	  src: url('static/font/FANDOLFANG-REGULAR.OTF');
	}
/* 巡检计划图表入特殊字体 */
@font-face {
	  font-family: 'IMPACT';  /* project id 2394829 */
	  src: url('static/font/IMPACT.TTF');
	}

.cu-bar .search-form uni-input{
	padding:0 30rpx
}
.searchSelect{
		position: -webkit-fixed;
		    position: fixed;
		    // top: 88rpx;
			top: var(--window-top);
		    z-index: 999;
		    -webkit-box-flex: 1;
		    -webkit-flex: 1;
		    flex: 1;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -webkit-flex-direction: column;
		    flex-direction: column;
		    overflow: hidden;
		    background-color: #fff;
			width:254rpx;
			.search{
				min-height:80rpx;
			}
			.search-form{
				border:1px solid #E9E9E9;
				height:50rpx;
				line-height:50rpx;
				
				
				.cuIcon-search{
					color:#4074E7
				}
				input{
					padding-left:20rpx;
					padding-right:0rpx
				}
			}
			.select-item{
				 padding:12rpx 32rpx;
				text-align:center;
				border-top:1px solid #E9E9E9;
				font-size:28rpx
				
			}
	}
		
/* 九宫格样式 */
.cu-list.grid>.cu-item uni-text {
	color: #333;
	font-size: 30rpx;
	margin-top:14rpx
}

.cu-list.menu-avatar>.cu-item>.cu-avatar {
	left: 24rpx;
	background-color:rgba(0,0,0,0)
}

.cu-list.menu-avatar>.cu-item .action {
	width: 132rpx
}

.iconfont.phone {
		color:#08BE04!important;
		font-size:45rpx;
		position:relative;
		top:6rpx;
		left:10rpx;
	}
	.iconfont.map{
		color:#4074E7!important;
		font-size:38rpx;
	}
	
/* 列列表公共样式 */
.processWrapper .cu-avatar {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff
}

.cu-avatar.lg {
	width: 90rpx;
	height: 90rpx
}

.cu-list.menu-avatar .cu-item {
	margin-left: 24rpx;
	padding: 30rpx 0;
}

.cu-list.menu-avatar>.cu-item>.cu-avatar {
	left: 0
}

.cu-list.menu-avatar>.cu-item .content {
	left: 120rpx;
	width: 580rpx;
}

.unProcess,.error {
	color: #FF4E00
}

.processed ,.online{
	color: #08BE04
}
.bg-error {
	background: #FF4E00;
	color:#fff;
	display:inline-block;
	padding:0 10px ;
}

.bg-online{
	background: #08BE04;
	color:#fff;
	display:inline-block;
	padding:0 10px ;
}


// 底部操作样式 （分享  设备注册）
	.share{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background: #f4f5f7;
		border: 1px solid #e6e6e6;
		.share-item{
			padding:20rpx;
			
		}
		.share-item:nth-child(2){
			border-left:1px solid #e6e6e6;
			border-right:1px solid #e6e6e6;
		}
	}
	
	
	
	

/* 页面样式 */

/* 站点列表页 */
/* 筛选框 */
.filter-section {
	/* position: fixed; */
	/* top: 88rpx; */
	width: 100%;
	z-index: 9
}

.cu-bar .search-form {
	background: #fff
}

.cu-btn {
	padding: 0 46rpx;
}

/* 站点列表 */
.site-items {
	margin-top:100rpx;
	width: 100%;
	height: calc(100% - 100rpx);
	overflow: scroll
}

.site-items .site-tit {
	font-size: 32rpx;
	color: #333;
	    justify-content: space-between;
	
}

.site-items .cu-avatar {}

/* 新增按钮 */
.site-wrapper .plus {
	position: fixed;
	bottom: 20rpx;
	right: 20rpx
}


	
	
/* 已处理未处理列表 */
.processList .cu-list.menu-avatar .cu-item {
	
	height: 180rpx;
}

.pro-title {
	color: #333;
}

.pro-des,
.pro-date {
	font-size: 28rpx;
	color: #666;
}

.pro-res {}

.processList{
	
	width: 100%;
	height: calc(100% - 90rpx);
	overflow-y: scroll;
}
.fireBashWrapper.pushListWrapper{
	margin-top:0rpx;
}
.share-item.active{
	color:red
}



/* 已处理未处理详情页样式 */
.timeBox {
	height: 88rpx;
	background: #EFF4FF;
	line-height: 88rpx;

	.time {
		color: #333
	}
}

.info-tit {
	color: #4074E7;
	line-height: 90rpx;
	height: 90rpx;
}

/* // 基本信息 */
.info-content>view {
	margin-left: 24rpx;
	border-bottom: 1px solid #EDEDED;
	line-height: 92rpx;
	color: #666;
	.checkMore {
		color: #4074E7!important
	}

}



.info-content view text:first-child {
	width: auto!important;
	display: inline-block
}



//分析页面
.analyse-wrapper {
		.top-banner {
			width: 100%;
			height: 273rpx;
			background: url(/static/analyse-bg.png) no-repeat;
			background-size:cover;
			
		}
		.cu-list.menu-avatar .cu-item{
			margin:30rpx 0 0;
			margin-left:0;
			.cu-avatar{
				background-color:rgba(0,0,0,0);
				left:26rpx;
			}
			.content{
				left:130rpx;
				font-size:32rpx;
			}
		}
	}
	
	//消息页面
	.info-wrapper {
			.top-banner {
				background: url(/static/info-bg.png) no-repeat;
				background-size:cover;
			}
		}
	
	.submitBottomBtn {
		position: fixed;
		width: 100%;
		left:0;
		bottom: 44rpx;
		z-index: 999;
		// background-color: #ffffff;
	}
	
	
	
	// 权限新增
	.siteItems{
		z-index:999;
		position:absolute;
		border:1px solid #eee;
		width:100%;
		.site-item{
			background:#fff;
			padding:10rpx;
			font-size:28rpx;
			
		}
		
	}
	.selectedBox .cuIcon-close{
		position:relative;
		top:3rpx;
		right:-10rpx;
	}
	.noResult{
		padding:0 20rpx;
		font-size:28rpx;
		color:#aaa
	}
	
	
	// 离线设备
	
	.ding{
		position:fixed;
		width:100%;
		top: var(--window-top);
			// position: sticky;
				/* #ifdef H5 */
				// top: 44px;
				/* #endif */
				/* #ifndef H5 */
				// top: 0;
				/* #endif */
				z-index: 999;
				flex: 1;
				flex-direction: column;
				overflow: hidden;
				background-color: #ffffff;
		
		}
		
	.cu-bar{
		min-height:0rpx;
		
	}
	.cu-bar .search-form {
		margin:26rpx 24rpx 0;
		
	}
	uni-textarea{
		width:500rpx;
	}
	
	select{
		outline:none;
		border:none;
		width:90%;
		padding-left:24rpx;
		color:#999
	}
	
	// 未处理textarea样式
	/* // 处理内容 */
	.cu-form-group {
		background: #f5f5f5;
	}
	
	.processStatus {
		textarea {
			background: #F5F5F5;
			color: #999999;
			padding:20rpx;
		}
	}
	
	// textarea
	.JTxtArea {
		position: relative;
	
		&.sm {
			min-height: 60rpx;
		}
	
		&.lg {
			min-height: 120rpx;
		}
	
		&:after {
			content: attr(data-maxnum);
			position: absolute;
			right: 10rpx;
			bottom: 0px;
		}
	}
	
	
	// 导出页面
	.cu-dialog{
		width:70%
	}
	.cu-modal .cu-dialog>.cu-bar:first-child .action{
		min-height:50rpx;
		min-width:auto;
	}
	.cu-dialog{
		border-radius:20rpx
	}
	
	// 设备类型
	.cu-list.menu-avatar .deviceTypeItem.cu-item{
		height:110rpx;
		 .content{
			 left:100rpx!important
		 }
		.cu-avatar.round{
			width:70rpx;
			height:70rpx
			
			
		}
		.title{
			font-size:32rpx!important;
		}
		.num{
			color:#666;
		}
	}
	
	// 设备详情
	.radiusStatus{
		width:20rpx;height:20rpx;border-radius:50%;display:inline-block;
		margin-right:6rpx
	}
	.radiusStatus.offLine{
		
	}
	.bg-offLine{
		background:#ABABAB;
		color:#666666;
		.radiusStatus{
			background:#666
		}
	}
	.bg-onLine{
		background:#08BE04;
		color:#fff;
		.radiusStatus{
			background:#fff
		}
	}
	
	
	// 巡检计划
	.plan-sec{
		border-radius:10rpx;
	}
	.plan-tit{
		font-size:34rpx
	}
	
	// 巡检新增
	.cu-form-group {
		border-top: 0;
		background: #fff;
		padding:0
	
	}
	input,
	select,
	option {
		line-height: 70rpx;
		padding: 0 20rpx;
		height: 70rpx;
		border: 1px solid #EDEDED;
		// width:500rpx!important;
		background-color: #fff;
		box-sizing: border-box;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		color: #999;

	}
	
	
	select:focus,
	select:active,
	select:hover {
		outline: none;
	}
	
	select {
		background: url(/static/arrow.png) no-repeat scroll 98% center;
		background-size: 6%;
	}
	
	
	textarea{
		border:1px solid #EDEDED;
		padding:10px;
		color: #999;
	}
	
	.form-item label text {
		position: relative;
		top: 2rpx
	}
	
	.form-item {
		padding: 0 40rpx;
		display: flex;
		align-items: top;
		margin-bottom: 20rpx;
	
	
		.title {
			width: 170rpx;
			position: relative;
	
			.necessary {
				color: red;
				display: inline-block;
				position: absolute;
				top: -2rpx;
				left: -20rpx;
				font-size: 40rpx;
	
			}
		}
	
		input,
		select {
			width: 500rpx;
			font-size: 28rpx;
		}
	
	
	}
	
	// 巡检详情,已执行
	.planDetailDone{
		.form-item{
			margin-left:24rpx;
			padding:26rpx 10rpx;
			border-top:1px solid #f1f1f1;
			margin-bottom:0
			
		}
	}
	.repairSquare{
		padding:18rpx 20rpx;
		border-radius:10rpx;
	}
	.repairSquare .num,.repairSquare .title{
		color:#fff
	}
	.repairSquare .num{
		font-size:36rpx
	}
	
	// 设备管理
	uni-input, select, option{
		border:none
	}
	
	
	
	// 风险保障
	.viewDetail{
		color:#4074E7;
	}
	.qa{
		.cu-list+.cu-list{
			margin-top:0
		}
	}
	.qa-des{
		color:#666;
		line-height:1.5;
		text-indent:64rpx
	}
	.bottom-line{	
		background: rgba(221,221,221,.5);
		height:2rpx;
		margin-left:30rpx;
		
	}
	.cu-list.menu-avatar>.cu-item.qa-tit{
		height:auto;
		.cu-avatar{
			width:32rpx;height:32rpx
			
		} 
		.content{
			left:50rpx
		}
	}
	
	.messagePush{
		.uni-checkbox .uni-checkbox-input{
			width:40rpx;
			height:40rpx;
		}
	}
	
	.fireBashWrapper{
		.cu-avatar{
			width:120rpx;
			height:100rpx
		}
		.cu-list.menu-avatar > .cu-item .content{
			left:140rpx;
			.pro-date{
				position:absolute;
				right:20rpx;
				bottom:0
			}
		}
	}
	
	// 消防知识库详情页
	.fireBashDetailWrapper{
		font-size:28rpx;
		.cu-avatar{
			width:50rpx;
			height:50rpx
		}
		.fireD-content{
			position:relative
		}
		
		.fireD-content:before{
			position: absolute;
			    top: -8px;
			    left: -15px;
			    box-sizing: border-box;
			    width: calc(100% + 30px);
			    height: 1px;
			    background:#EDEDED;
			    content: " ";
		
		}
		.fireD-content view{
			line-height:1.5;
			// text-indent:56rpx;
		}
		
	}
	.fireD-tit{
		font-size:32rpx;
		font-weight:bold
	}
	.preAndNext{
		color:#4074E7;
		margin:30rpx 0 80rpx;
	}
	
	

	
	
	
	
	// 月报详情
	.reportD-wrapper{
		
		.title-wrapper{
			background:#EFF4FF;
		}
		.title{
			line-height:2
		}
		.other view{
			margin-bottom:10rpx;
		}
	}
	.chart-tit{
		color:#4074E7;
		font-size:32rpx;
	}
	
	
	// 提交页面
	.successWrapper{
		text-align:center;
		padding-top:100rpx;
		img{
			width:313rpx;
			margin-right:32rpx;
			margin-bottom:20rpx
			}
			view{
				font-size:36rpx;
			}
		
	}
	
	// 设备注册
	.deviceRegistList{
		// height:calc(100vh - 490rpx);
		checkbox{
			position:absolute;
			left:0
		}
		.cu-list.menu-avatar > .cu-item > .cu-avatar{
			left:64rpx;
		}
		.cu-list.menu-avatar > .cu-item .content{
			left:170rpx
		}
		
	}
	.deviceRegistWrapper{
		.checkAll{
			position:absolute;
			top:-60rpx;
			left:22rpx
		}
		.cu-form-group{
			min-height:30rpx;
			margin-top:0
		}
		
	}