Browse Source

修复火狐浏览器上,表单显示不对的问题

ZaiZai 1 year ago
parent
commit
4e1fec0fe8

+ 1 - 1
src/components/plugins/table-form/hc-form-checkbox-group.vue

@@ -146,7 +146,7 @@ const handleBlur = () => {
 .hc-form-checkbox-group-box {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: initial;
     border-radius: 4px;
     transition: box-shadow 0.3s, background-color 0.3s;
     &.is-focus, &:hover {

+ 1 - 1
src/components/plugins/table-form/hc-form-radio-group.vue

@@ -99,7 +99,7 @@ const handleBlur = () => {
 .hc-form-radio-group-box {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: initial;
     border-radius: 4px;
     transition: box-shadow 0.3s, background-color 0.3s;
     &.is-focus, &:hover {

+ 13 - 4
src/components/table-form/index.vue

@@ -413,9 +413,10 @@ defineExpose({
         td {
             padding: 6px;
             .el-input {
-                background-color: #ffffff !important;
-                border-radius: 3px;
                 color: #606266;
+                border-radius: 3px;
+                height: initial !important;
+                background-color: #ffffff !important;
                 .el-input__wrapper {
                     background-color: inherit;
                     caret-color: var(--el-color-primary);
@@ -426,7 +427,6 @@ defineExpose({
             }
             .el-textarea {
                 width: 100%;
-                height: 100%;
                 .el-textarea__inner {
                     min-height: initial !important;
                     background-color: #ffffff;
@@ -469,9 +469,18 @@ defineExpose({
             //下拉框
             .el-select {
                 width: 100%;
-                height: 100%;
+                height: initial !important;
             }
         }
+        td[rowspan*='2'] {
+            height: 60px !important;
+        }
+        td[rowspan*='3'] {
+            height: 90px !important;
+        }
+        td[rowspan*='4'] {
+            height: 120px !important;
+        }
         //非输入框颜色
         td:not([titlexx]), td[titlexx*=''],
         td:not([title]), td[title*=''] {

+ 1 - 27
src/styles/app/element.scss

@@ -446,32 +446,6 @@
     }
 }
 
-//表单上传组件
-.hc-upload-table-form {
-    position: relative;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .el-upload {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        color: #ccc;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .hc-table-form-icon {
-            font-size: 24px;
-            font-weight: 100;
-        }
-        .hc-table-form-img {
-            width: 100%;
-            height: 100%;
-        }
-    }
-}
-
 //伪表单
 .el-form-item--large .el-form-item__content {
     .form-item-div, .form-item-dashed {
@@ -536,7 +510,7 @@
 //设置表单的上传
 .hc-upload-table-form {
     position: relative;
-    height: 100%;
+    height: inherit;
     display: flex;
     justify-content: center;
     align-items: center;