|
@@ -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>
|