大屏

src/views/productionVisualization/equipmentBoard/components/styles/element-ui.scss

@@ -0,0 +1,173 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell {
+  .el-tag {
+    margin-right: 0px;
+  }
+}
+
+.visual-container {
+  .el-table {
+    .cell {
+      line-height: 1.2em !important;
+    }
+  }
+}
+.app-container {
+  .el-table th>.cell {
+    color: rgb(0, 0, 0,0.85);
+  }
+  .el-table__body tr.current-row>td {
+    background-color: #EAF1FC;
+  }
+    
+}
+.el-table--medium th, .el-table--medium td {
+  padding: 5px 0;
+}
+
+::v-deep .el-table__fixed-right {
+	right: 0 !important;
+	height: 100% !important;
+}
+.el-button--mini {
+  padding: 4px 0;
+}
+.small-padding {
+  .cell {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+.fixed-width {
+  .el-button--mini {
+    padding: 7px 10px;
+    min-width: 60px;
+  }
+}
+
+.status-col {
+  .cell {
+    padding: 0 10px;
+    text-align: center;
+
+    .el-tag {
+      margin-right: 0px;
+    }
+  }
+}
+
+.el-button--primary {
+  background-color: #0B58FF !important;
+  border-color: #0B58FF !important;
+}
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+  border-radius: 4px;
+}
+
+.el-dialog__header {
+  padding: 12px 24px 8px;
+  border-bottom: 1px solid #E9E9E9;
+  text-align: left;
+}
+
+.el-dialog__title {
+  font-size: 16px;
+  font-weight: 700;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.el-form-item__label {
+  font-size: 14px;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.65);
+  padding-right: 8px;
+}
+
+.el-dialog__headerbtn {
+  top: 16px;
+  right: 24px;
+}
+
+.el-form-item--medium .el-form-item__label {
+  line-height: 32px;
+}
+
+.el-button--medium {
+  padding: 8px 16px;
+}
+
+.el-select {
+  width: 100%;
+}
+
+.el-switch.is-checked .el-switch__core {
+  background-color: #0B58FF;
+  border-color: #0B58FF;
+}
+
+.el-radio__input.is-checked .el-radio__inner {
+  background-color: #0B58FF;
+  border-color: #0B58FF;
+}
+
+.el-button--text{
+  color:#0B58FF;
+}
+
+.el-tabs__item.is-active {
+  color: #0b58ff;
+}
+
+.el-tooltip__popper.is-dark {
+  max-width: 1100px;
+}
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block
+  }
+}
+
+// fix date-picker ui bug in filter-item
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}