230 lines
		
	
	
		
			3.7 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			230 lines
		
	
	
		
			3.7 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
.page-wrap {
 | 
						|
	padding: 16px 16px 72px;
 | 
						|
}
 | 
						|
 | 
						|
.card {
 | 
						|
	margin-bottom: 18px;
 | 
						|
}
 | 
						|
 | 
						|
.sub-form {
 | 
						|
	margin-bottom: 16px;
 | 
						|
}
 | 
						|
 | 
						|
.upload-title {
 | 
						|
	color: #303133;
 | 
						|
	font-size: 15px;
 | 
						|
	line-height: 22px;
 | 
						|
	padding: 8px 0;
 | 
						|
}
 | 
						|
 | 
						|
.page-wrap>>>.u-upload__button {
 | 
						|
	margin-bottom: 0;
 | 
						|
}
 | 
						|
 | 
						|
/* 子表 require 不显示 必填样式
 | 
						|
.sub-form-wrap>>>.u-form-item__body__left__content__required{
 | 
						|
	margin:  0 0 0 10px;
 | 
						|
}
 | 
						|
.sub-form-wrap>>>.u-form-item__body__left__content__label{
 | 
						|
	margin:  0 0 0 10px;
 | 
						|
} */
 | 
						|
.subRequired {
 | 
						|
	margin-left: 10px;
 | 
						|
}
 | 
						|
 | 
						|
.row-action {
 | 
						|
	display: flex;
 | 
						|
}
 | 
						|
 | 
						|
.row-action text {
 | 
						|
	margin-left: 10px;
 | 
						|
}
 | 
						|
 | 
						|
.sub-form-btns {
 | 
						|
	padding: 8px 2px;
 | 
						|
}
 | 
						|
 | 
						|
.sub-form-btn {
 | 
						|
	display: flex;
 | 
						|
	align-items: center;
 | 
						|
}
 | 
						|
 | 
						|
.sub-form-btn .icon {
 | 
						|
	margin-right: 4px;
 | 
						|
}
 | 
						|
 | 
						|
.btnEnable {
 | 
						|
	background: #E6E6E6;
 | 
						|
	color: #303133;
 | 
						|
}
 | 
						|
 | 
						|
.label-title {
 | 
						|
	color: #303133;
 | 
						|
	font-size: 15px;
 | 
						|
	line-height: 22px;
 | 
						|
	padding-top: 8px;
 | 
						|
}
 | 
						|
 | 
						|
.label-title-red {
 | 
						|
	color: #303133;
 | 
						|
	font-size: 15px;
 | 
						|
	line-height: 22px;
 | 
						|
	padding-top: 8px;
 | 
						|
	color: red;
 | 
						|
}
 | 
						|
 | 
						|
.bottom-button {
 | 
						|
	position: fixed;
 | 
						|
	bottom: 0;
 | 
						|
	left: 0;
 | 
						|
	width: 100%;
 | 
						|
	padding: 10px 16px;
 | 
						|
	box-sizing: border-box;
 | 
						|
	background: #fff;
 | 
						|
	z-index: 970;
 | 
						|
}
 | 
						|
 | 
						|
.btnSubDel {
 | 
						|
	background-color: darkorange;
 | 
						|
	height: 100% !important;
 | 
						|
	width: 60% !important;
 | 
						|
}
 | 
						|
 | 
						|
.btnSubDel[disabled] {
 | 
						|
	background-color: darkorange !important;
 | 
						|
	height: 100% !important;
 | 
						|
	width: 60% !important;
 | 
						|
}
 | 
						|
 | 
						|
/*定制折叠面板*/
 | 
						|
.custom-collapse-title {
 | 
						|
	display: flex;
 | 
						|
	justify-content: space-between;
 | 
						|
	align-items: center;
 | 
						|
	width: 100%;
 | 
						|
	padding: 6px 2px;
 | 
						|
	font-size: 16px;
 | 
						|
	font-weight: bold;
 | 
						|
}
 | 
						|
 | 
						|
.custom-collapse-title .down {
 | 
						|
	width: 20px;
 | 
						|
	flex: 0 0 auto;
 | 
						|
	text-align: center;
 | 
						|
	margin-right: 8px;
 | 
						|
}
 | 
						|
 | 
						|
.custom-collapse-title .text {
 | 
						|
	white-space: nowrap;
 | 
						|
	text-overflow: ellipsis;
 | 
						|
	overflow: hidden;
 | 
						|
	flex: 1;
 | 
						|
	width: calc(100% - 60px);
 | 
						|
}
 | 
						|
 | 
						|
.custom-collapse-title .action {
 | 
						|
	width: 40px;
 | 
						|
	flex: 0 0 auto;
 | 
						|
	justify-content: flex-end;
 | 
						|
}
 | 
						|
 | 
						|
.custom-collapse-title .action .icon {
 | 
						|
	justify-content: flex-end;
 | 
						|
}
 | 
						|
 | 
						|
/*定制表单右边*/
 | 
						|
.custom-form-item>>>.item__body__right__content__icon {
 | 
						|
	width: 100%;
 | 
						|
}
 | 
						|
 | 
						|
.custom-form-item-right {
 | 
						|
	padding-left: 15px;
 | 
						|
	display: flex;
 | 
						|
}
 | 
						|
 | 
						|
.custom-form-item-right .item {
 | 
						|
	/*white-space: nowrap;*/
 | 
						|
	/*overflow: hidden;*/
 | 
						|
	justify-content: flex-end !important;
 | 
						|
}
 | 
						|
 | 
						|
.custom-form-item-right .multi {
 | 
						|
	width: 100%;
 | 
						|
	flex: 1;
 | 
						|
}
 | 
						|
 | 
						|
.custom-form-item-right .icon {
 | 
						|
	width: 16px;
 | 
						|
	margin-left: 10px;
 | 
						|
}
 | 
						|
.collapse-title {
 | 
						|
		display: flex;
 | 
						|
		flex-direction: row;
 | 
						|
		/* justify-content: space-between; */
 | 
						|
		/* align-items: center; */
 | 
						|
		width: 100%;
 | 
						|
	}
 | 
						|
	.text-num {
 | 
						|
		display: flex;
 | 
						|
		align-items: flex-start;
 | 
						|
		margin-right: 3px;
 | 
						|
	}
 | 
						|
 | 
						|
	/*人员多选结果列表*/
 | 
						|
.tag-view {
 | 
						|
	position: relative;
 | 
						|
	padding-bottom: 4px;
 | 
						|
	flex-wrap: wrap;
 | 
						|
	display: flex;
 | 
						|
}
 | 
						|
 | 
						|
.tag-view:after {
 | 
						|
	content: '';
 | 
						|
	position: absolute;
 | 
						|
	bottom: 0;
 | 
						|
	width: 100%;
 | 
						|
	-webkit-transform: scaleY(0.5);
 | 
						|
	left: 0;
 | 
						|
	transform: scaleY(0.5);
 | 
						|
	border-bottom: 1px solid rgb(214, 215, 217);
 | 
						|
}
 | 
						|
 | 
						|
.tag-view .tag {
 | 
						|
	margin-right: 12px;
 | 
						|
	margin-bottom: 10px;
 | 
						|
}
 | 
						|
 | 
						|
/* .required {
 | 
						|
 | 
						|
						left: -9px;
 | 
						|
						color: red;
 | 
						|
						line-height: 20px;
 | 
						|
						font-size: 20px;
 | 
						|
						top: 3px;
 | 
						|
					} */
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
/*
 | 
						|
<u-sticky offset-top="20">
 | 
						|
	<view class="sub-form">
 | 
						|
		<view class="sub-form-wrap">
 | 
						|
			<u--form labelPosition="left" labelWidth="auto" labelAlign="center" errorType="border-bottom"
 | 
						|
				ref="sForm">
 | 
						|
				<u-collapse :border="false" accordion :value='1'>
 | 
						|
					<uni-card style="margin-bottom: 16px;" margin="0" spacing="0" :is-shadow="false"
 | 
						|
						v-for="(item, index) in model.Nav_ListRiskSubmitContent" :name="index">
 | 
						|
						<u-collapse-item :title="index + 1 + '. ' + item.CHECKCONTENT" name="1">
 | 
						|
 | 
						|
							<u-form-item>
 | 
						|
							</u-form-item>
 | 
						|
 | 
						|
						</u-collapse-item>
 | 
						|
					</uni-card>
 | 
						|
				</u-collapse>
 | 
						|
			</u--form>
 | 
						|
		</view>
 | 
						|
	</view>
 | 
						|
</u-sticky> */
 |