Bläddra i källkod

fix: 打印 优化

lanceJiang 10 månader sedan
förälder
incheckning
3c05ed751b
1 ändrade filer med 137 tillägg och 2 borttagningar
  1. 137 2
      src/views/approve/components/printer.vue

+ 137 - 2
src/views/approve/components/printer.vue

@@ -53,13 +53,19 @@ const visibleDialog = computed({
 	}
 })
 const PreviewRef = ref()
+// let time = null
 watch(
 	() => props.modelValue,
 	bool => {
 		if (bool) {
+			// if (time) clearInterval(time)
 			nextTick(() => {
 				const { formStructure, formData } = props.opts
 				PreviewRef.value.setData(formStructure, formData)
+				// console.error(PreviewRef, 'PreviewRef')
+				/*time = setTimeout(() => {
+					document.querySelector('.local_print-table')
+				})*/
 			})
 		}
 	},
@@ -179,6 +185,7 @@ td:first-child {
 				padding: 0 6px;
 			}
 			.el-form-item__content {
+				min-height: 32px;
 				border-left: 1px solid #000;
 				// 富文本
 				.Everright-ckeditor-Main {
@@ -193,6 +200,9 @@ td:first-child {
 				// 签名
 				.Everright-formEditor-FormTypesSignature_pc {
 					border: 0;
+					&__noData {
+						display: none;
+					}
 				}
 				// 角色
 				.Everright-formEditor-FormTypesSelectRole_pc,
@@ -210,6 +220,10 @@ td:first-child {
 						}
 					}
 				}
+				// iframe
+				.Everright-formEditor-FormTypesIframe_pc {
+					display: none;
+				}
 				// 部门(el-cascader)
 				//.Everright-formEditor-FormTypesSelectDepart_pc {
 				.el-cascader {
@@ -243,19 +257,140 @@ td:first-child {
 					&__inner {
 						color: var(--el-text-color-regular);
 						-webkit-text-fill-color: var(--el-text-color-regular);
-						//-webkit-text-fill-color: transparent;
+						&::placeholder {
+							-webkit-text-fill-color: transparent;
+						}
 					}
+					&__prefix,
 					&__suffix {
 						display: none;
 					}
 				}
+				// textarea
+				.el-textarea {
+					&__inner {
+						background-color: transparent;
+						color: var(--el-text-color-regular);
+						height: max-content !important;
+						min-height: max-content !important;
+						overflow-y: hidden;
+						resize: none;
+						&::placeholder {
+							-webkit-text-fill-color: transparent;
+						}
+					}
+				}
+				// el-switch
+				.el-switch {
+					padding-left: 10px;
+					color: var(--el-text-color-regular);
+					opacity: 1;
+					&::before {
+						//content: '否';
+						content: '关';
+					}
+					&.is-checked {
+						&::before {
+							//content: '是';
+							content: '开';
+						}
+					}
+					&__core {
+						display: none;
+					}
+				}
+				// 文件上传(img)
+				.el-upload-list {
+					.el-upload {
+						display: none !important;
+					}
+					&__item {
+						border: 1px solid var(--el-text-color-regular);
+						&-status-label {
+							display: none;
+						}
+						&-actions {
+							display: none;
+						}
+					}
+				}
+				// el-checkbox-group
+				.el-checkbox-group {
+					flex-direction: row;
+					.el-checkbox {
+						display: none;
+						&.is-checked {
+							display: inline-flex;
+						}
+						&__input {
+							display: none;
+						}
+						&__label {
+							color: var(--el-text-color-regular);
+							margin-right: 10px;
+						}
+					}
+				}
+				// el-radio-group
+				.el-radio-group {
+					flex-direction: row;
+					.el-radio {
+						display: none;
+						&.is-checked {
+							display: inline-flex;
+						}
+						&__input {
+							display: none;
+						}
+						&__label {
+							color: var(--el-text-color-regular);
+							margin-right: 10px;
+						}
+					}
+				}
 			}
 		}
 		& + .Everright-formEditor-InlineLayout {
 			.el-form-item {
-				border-top: 0;
+				//border-top: 0;
+				position: relative;
+				z-index: 0;
+				margin-top: -1px;
 			}
 		}
+		// el-collapse
+		.el-collapse {
+			--el-collapse-border-color: #000;
+			border-top: 0;
+			border-bottom: 0;
+			&-item {
+				&__wrap {
+					border-bottom: 0;
+				}
+				&__header {
+					border: 1px solid #000;
+					border-top: 0;
+				}
+				&__content {
+					padding-bottom: 0;
+				}
+			}
+		}
+		// el-divider
+		.el-divider {
+			//display: none;
+			&--horizontal {
+				border-color: var(--el-text-color-regular);
+			}
+		}
+		// el-tabs
+		.el-tabs {
+			display: none;
+		}
+		// 子表单 SubformLayout
+		.Everright-formEditor-SubformLayout {
+			display: none;
+		}
 	}
 }
 </style>