Ver Fonte

元素识别表格样式更改

duy há 2 anos atrás
pai
commit
e44898e9d7

+ 76 - 0
src/styles/element-ui.scss

@@ -96,3 +96,79 @@
   width: 100%;
   height: 100%;
 }
+
+.hc-excel-table-form {
+  td {
+      padding: 6px;
+      .el-input {
+          color: #606266;
+          border-radius: 3px;
+          height: initial !important;
+          background-color: #ffffff !important;
+          .el-input__wrapper {
+              background-color: inherit;
+              caret-color: var(--el-color-primary);
+          }
+          .el-input__suffix-inner {
+              width: 18px;
+          }
+      }
+      .el-textarea {
+          width: 100%;
+          .el-textarea__inner {
+              min-height: initial !important;
+              background-color: #ffffff;
+              border-radius: 3px;
+              color: #606266;
+              height: 100%;
+              caret-color: var(--el-color-primary);
+          }
+      }
+      //日期选择框
+      .el-date-editor.el-input .el-input__wrapper,
+      .el-date-editor.el-date-editor--datetimerange.el-input__wrapper {
+          height: 100%;
+          width: 100%;
+      }
+      //焦点
+      .el-input .el-input__wrapper.is-focus, .el-input .el-input__wrapper:hover,
+      .el-textarea .el-textarea__inner:hover {
+          box-shadow: 0 0 0 1.5px var(--el-input-focus-border-color) inset;
+          background-color: #eddac4;
+      }
+      //公式
+      &[gscolor] {
+          .el-input, .el-textarea .el-textarea__inner {
+              background-color: #dcdcdc !important;
+          }
+      }
+      //文本选中颜色
+      .el-input .el-input__wrapper input,
+      .el-textarea textarea {
+          &::selection {
+              background: var(--el-color-primary-light-9);
+              color: var(--el-color-primary);
+          }
+          &::-moz-selection {
+              background: var(--el-color-primary-light-9);
+              color: var(--el-color-primary);
+          }
+      }
+      //下拉框
+      .el-select {
+          width: 100%;
+          height: initial !important;
+      }
+  }
+  @for $i from 1 through 40 {
+    td[rowspan*='#{$i}'] {
+      height: #{$i * 30}px !important;
+    }
+  }
+  //非输入框颜色
+  td:not([titlexx]), td[titlexx*=''],
+  td:not([title]), td[title*=''] {
+      background-color: white !important;
+      user-select: none;
+  }
+}

+ 1 - 1
src/views/exctab/ElementIdentification/index.vue

@@ -74,7 +74,7 @@
                 "
               >
                 <div
-                  class="parent"
+                  class="parent hc-excel-table-form"
                   id="parent"
                   @dblclick="dblBtnClick($event)"
                   @click="parentClick($event)"