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> */
							 |