@中文描述: 主题颜色 @版本号: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1

08335 / hivui-platform-template

hivui平台项目模板

Browse code @中文描述: 主题颜色 @版本号: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1 master
1 parent 97c7389 commit 25cab04359f964de0469f9b5d800959c2e460883 ganyi authored on 15 Apr

Showing 3 changed files

Ignore Space Show notes View project/hivuiBirt/styles/index.css
.custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn { opacity: 1; } .custom-tree-node .btn .el-icon-edit { color: #67c23a; } .custom-tree-node .btn .el-icon-delete { color: #f56c6c; } .cell .el-input-group__append { padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button { padding: 0; margin: 0; } /* .el-form-item__error{ line-height: 0; } / / .el-row > .zhc-birt-cell-children > .el-button { border: none; border-radius: 0; padding: 5px 15px; } / / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0, 0, 0, 0.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened, .el-icon-folder { color: #ffc107; } .custom-tree-node .el-icon-document { color: #009688; } .custom-tree-node .icon-root { color: var(--el-color-primary, blue); } .custom-tree-node .icon-ptm { color: var(--el-color-primary-light-3, royalblue); } .custom-tree-node .el-icon-user { color: coral; } .custom-tree-node .icon-org, .icon-func { color: aqua; } .custom-tree-node .icon-dpt, .icon-flow { color: deepskyblue; } .custom-tree-node .el-button.is-disabled i { color: #c0c4cc !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before { content: ""; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; color: var(--el-color-primary, #2355f1); } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner { border-color: #dcdfe6; } / 弹框样式 / .el-dialog__body .el-main { padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item { / width: 50px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding: 20px 0 20px 10px; / } .el-tabs--right .el-tabs__item { / width: 40px; / } .TabTableDetail_hcTabs>.el-tabs__header.is-right{ width: 0; } .el-tabs--left, .el-tabs--right { height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main { padding: 0; } .el-tabs .el-main { padding: 0; } .toolBar { padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar { border: none; padding: 0 !important; } .dataList_title { margin-top: 5px; } .dataList_title td { margin-top: 5px; position: relative; } .dataList_title td:nth-child(1):before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: var(--el-color-primary, #3f96ed); } .formTitle{ font-weight: 500; } .formTitle:before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: var(--el-color-primary, #3f96ed); } .toolBar button .icon-XLSX { font-size: 22px; } .avatar-uploader { background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox { padding-left: 12px; } .el-table td { padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td { padding-top: 0; padding-bottom: 0; } .table_edit >.el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td >.cell, .table_edit .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell { / padding: 0 10px; / padding: 0; } .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item, .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item { margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content { line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper { top: 48px !important; } .singleTable.elx-grid, .elx-table,.elx-table--main-wrapper{ height: 100%; } .elx-table--body-wrapper{ height: calc( 100% - 48px ) !important; } .elx-table--fixed-wrapper{ } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: var(--el-color-primary, #409eff); } .el-range-editor.el-input__inner { min-width: 230px; } /下拉框获取焦点边框消失/ .el-select .el-input.is-focus .el-input__inner { border-color: var(--el-color-primary, #409eff) !important; } .el-dropdown-menu__item > .el-button--text:hover { color: red !important; } .iconfont.iconfont { font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix { margin: 0 -10px; width: calc(100% + 20px); } .el-table__body tr.current-row > td { background-color: var(--curRowBg, #ecf5ff) !important; color: var(--curRowColor) !important; } / 网格验证失败信息样式 / / .el-table__cell .el-form-item.is-error, .el-table__cell .el-form-item.is-error .el-form-item__content { position: revert !important; } .el-table__cell .el-form-item.is-error .el-form-item__error { padding: 5px 10px; line-height: 20px; width: 100%; top: 120%; border: 1px solid #e6a23c; border-radius: 3px; white-space: initial; } .el-table__cell .el-form-item.is-error .el-form-item__error::before, .el-table__cell .el-form-item.is-error .el-form-item__error::after { position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none; content: ""; border-color: rgba(136, 183, 213, 0); } .el-table__cell .el-form-item.is-error .el-form-item__error::before { border-bottom-color: #e6a23c; border-width: 8px; left: 49%; margin-left: -10px; bottom: 100%; } .el-table__cell .el-form-item.is-error .el-form-item__error::after { border-bottom-color: #fff; border-width: 6px; left: 50%; margin-left: -10px; bottom: 100%; } / .el-dialog__body .el-tabs__content #pane-first{ overflow: auto; } .queryPanel .el-form-item label{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } / 查询面板去掉网格线 / .queryPanel table td { border: none !important; } .expandCell .cell { display: flex; align-items: center; } .custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn { opacity: 1; } .custom-tree-node .btn .el-icon-edit { color: #67c23a; } .custom-tree-node .btn .el-icon-delete { color: #f56c6c; } .cell .el-input-group__append { padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button { padding: 0; margin: 0; } / .el-form-item__error{ line-height: 0; } / / .el-row > .zhc-birt-cell-children > .el-button { border: none; border-radius: 0; padding: 5px 15px; } / / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0, 0, 0, 0.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened, .el-icon-folder { color: #ffc107; } .custom-tree-node .el-icon-document { color: #009688; } .custom-tree-node .icon-root { color: blue; } .custom-tree-node .icon-ptm { color: royalblue; } .custom-tree-node .el-icon-user { color: coral; } .custom-tree-node .icon-org, .icon-func { color: aqua; } .custom-tree-node .icon-dpt, .icon-flow { color: deepskyblue; } .custom-tree-node .el-button.is-disabled i { color: #c0c4cc !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before { content: ""; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner { border-color: #dcdfe6; } / 弹框样式 / .el-dialog__body .el-main { padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item { / width: 50px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding: 20px 0 20px 10px; / } .el-tabs--right .el-tabs__item { / width: 40px; / } .TabTableDetail_hcTabs>.el-tabs__header.is-right{ width: 0; } .el-tabs--left, .el-tabs--right { height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main { padding: 0; } .el-tabs .el-main { padding: 0; } .toolBar { padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar { border: none; padding: 0 !important; } .dataList_title { margin-top: 5px; } .dataList_title td { margin-top: 5px; position: relative; } .dataList_title td:nth-child(1):before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .formTitle{ font-weight: 500; } .formTitle:before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX { font-size: 22px; } .avatar-uploader { background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox { padding-left: 12px; } .el-table td { padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td { padding-top: 0; padding-bottom: 0; } .table_edit >.el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td >.cell, .table_edit .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell { / padding: 0 10px; / padding: 0; } .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item, .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item { margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content { line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper { top: 48px !important; } .singleTable.elx-grid, .elx-table,.elx-table--main-wrapper{ height: 100%; } .elx-table--body-wrapper{ height: calc( 100% - 48px ) !important; } .elx-table--fixed-wrapper{ } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: #409eff; } .el-range-editor.el-input__inner { min-width: 230px; } /下拉框获取焦点边框消失/ .el-select .el-input.is-focus .el-input__inner { border-color: #409eff !important; } .el-dropdown-menu__item > .el-button--text:hover { color: red !important; } .iconfont.iconfont { font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix { margin: 0 -10px; width: calc(100% + 20px); } .el-table__body tr.current-row > td { background-color: var(--curRowBg, #ecf5ff) !important; color: var(--curRowColor) !important; } / 网格验证失败信息样式 / / .el-table__cell .el-form-item.is-error, .el-table__cell .el-form-item.is-error .el-form-item__content { position: revert !important; } .el-table__cell .el-form-item.is-error .el-form-item__error { padding: 5px 10px; line-height: 20px; width: 100%; top: 120%; border: 1px solid #e6a23c; border-radius: 3px; white-space: initial; } .el-table__cell .el-form-item.is-error .el-form-item__error::before, .el-table__cell .el-form-item.is-error .el-form-item__error::after { position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none; content: ""; border-color: rgba(136, 183, 213, 0); } .el-table__cell .el-form-item.is-error .el-form-item__error::before { border-bottom-color: #e6a23c; border-width: 8px; left: 49%; margin-left: -10px; bottom: 100%; } .el-table__cell .el-form-item.is-error .el-form-item__error::after { border-bottom-color: #fff; border-width: 6px; left: 50%; margin-left: -10px; bottom: 100%; } / .el-dialog__body .el-tabs__content #pane-first{ overflow: auto; } .queryPanel .el-form-item label{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } / 查询面板去掉网格线 */ .queryPanel table td { border: none !important; } .expandCell .cell { display: flex; align-items: center; }

Ignore Space Show notes View

project/hivuiBirt/styles/index.css

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn {
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn {
  opacity: 1;
}
.custom-tree-node .btn .el-icon-edit {
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete {
  color: #f56c6c;
}
.cell .el-input-group__append {
  padding: 0 5px !important;
  text-align: center;
}
.cell .el-input-group__append .el-button {
  padding: 0;
  margin: 0;
}
/* .el-form-item__error{
  line-height: 0;
} */
/* .el-row > .zhc-birt-cell-children > .el-button {
  border: none;
  border-radius: 0;
  padding: 5px 15px;
} */
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  /* background-color: #49b1f5; */
  /* 关键代码 */
  /* background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.4) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.4) 75%,
          transparent 75%,
          transparent); */
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,
.el-icon-folder {
  color: #ffc107;
}
.custom-tree-node .el-icon-document {
  color: #009688;
}
.custom-tree-node .icon-root {
  color: var(--el-color-primary, blue);
}
.custom-tree-node .icon-ptm {
  color: var(--el-color-primary-light-3, royalblue);
}
.custom-tree-node .el-icon-user {
  color: coral;
}
.custom-tree-node .icon-org,
.icon-func {
  color: aqua;
}
.custom-tree-node .icon-dpt,
.icon-flow {
  color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i {
  color: #c0c4cc !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff;
  color:  var(--el-color-primary, #2355f1);
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner {
  border-color: #dcdfe6;
}

/*
弹框样式
*/
.el-dialog__body .el-main {
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

/*
tabs
*/
.el-tabs--left .el-tabs__item,
.el-tabs--right .el-tabs__item {
  /* width: 50px;
  line-height: 24px;
  height: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding: 20px 0 20px 10px; */
}
.el-tabs--right .el-tabs__item {
  /* width: 40px; */
}
.TabTableDetail_hcTabs>.el-tabs__header.is-right{
  width: 0;
}
.el-tabs--left,
.el-tabs--right {
  height: auto !important;
}
.el-tabs--right .queryPanel + div .el-button {
  margin-right: 10px;
}

.chart .zhc-birt-cell-children .el-main {
  padding: 0;
}
.el-tabs .el-main {
  padding: 0;
}
.toolBar {
  padding: 5px 5% !important;
  border-bottom: 1px solid #c2bcc0;
}
.extra .toolBar {
  border: none;
  padding: 0 !important;
}

.dataList_title {
  margin-top: 5px;
}
.dataList_title td {
  margin-top: 5px;
  position: relative;
}
.dataList_title td:nth-child(1):before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: var(--el-color-primary, #3f96ed);
}
.formTitle{
  font-weight: 500;
}
.formTitle:before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: var(--el-color-primary, #3f96ed);
}
.toolBar button .icon-XLSX {
  font-size: 22px;
}
.avatar-uploader {
  background: #f5f3f6;
}
.avatar-uploader .el-upload {
  background-color: #fff;
}
.zhc-birt-data-list .el-form-item__content > span,
.zhc-birt-data-list .el-form-item__content > .lookup > span,
.zhc-birt-data-list .el-form-item__content > .el-radio-group,
.zhc-birt-data-list .el-form-item__content > .el-checkbox {
  padding-left: 12px;
}
.el-table td {
  padding: 7px 0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background: #f5f7fa !important;
}
/*编辑网格输入框样式
*/
.el-table.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td {
  padding-top: 0;
  padding-bottom: 0;
}
.table_edit
  >.el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  >.cell,
.table_edit
  .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell {
  /* padding: 0 10px; */
  padding: 0;
}
.el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item,
.el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item {
  margin: 0 -10px;
}
.el-table--small .el-form-item .el-form-item__content {
  line-height: 32px;
}
.elx-table--empty-placeholder,
.elx-table--body-wrapper.fixed-right--wrapper {
  top: 48px !important;
}
.singleTable.elx-grid,
.elx-table,.elx-table--main-wrapper{
  height: 100%;
}
.elx-table--body-wrapper{
  height: calc( 100% - 48px ) !important;
}
.elx-table--fixed-wrapper{

}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: var(--el-color-primary, #409eff);
}

.el-range-editor.el-input__inner {
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--el-color-primary, #409eff) !important;
}

.el-dropdown-menu__item > .el-button--text:hover {
  color: red !important;
}

.iconfont.iconfont {
  font-size: 12px;
}

.el-table__header-wrapper .cell .el-input--suffix {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.el-table__body tr.current-row > td {
  background-color: var(--curRowBg, #ecf5ff) !important;
  color: var(--curRowColor) !important;
}
/*
网格验证失败信息样式
*/
/* .el-table__cell .el-form-item.is-error,
.el-table__cell .el-form-item.is-error .el-form-item__content {
  position: revert !important;
}
.el-table__cell .el-form-item.is-error .el-form-item__error {
  padding: 5px 10px;
  line-height: 20px;
  width: 100%;
  top: 120%;
  border: 1px solid #e6a23c;
  border-radius: 3px;
  white-space: initial;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before,
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  content: "";
  border-color: rgba(136, 183, 213, 0);
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before {
  border-bottom-color: #e6a23c;
  border-width: 8px;
  left: 49%;
  margin-left: -10px;
  bottom: 100%;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  border-bottom-color: #fff;
  border-width: 6px;
  left: 50%;
  margin-left: -10px;
  bottom: 100%;
} */
.el-dialog__body .el-tabs__content #pane-first{
  overflow: auto;
}

.queryPanel .el-form-item label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
查询面板去掉网格线
*/
.queryPanel table td {
  border: none !important;
}

.expandCell .cell {
  display: flex;
  align-items: center;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,
.el-icon-folder {
  color: #ffc107;
}
.custom-tree-node .el-icon-document {
  color: #009688;
}
.custom-tree-node .icon-root {
  color: blue;
}
.custom-tree-node .icon-ptm {
  color: royalblue;
}
.custom-tree-node .el-icon-user {
  color: coral;
}
.custom-tree-node .icon-org,
.icon-func {
  color: aqua;
}
.custom-tree-node .icon-dpt,
.icon-flow {
  color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i {
  color: #c0c4cc !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff;
  color: #2355f1;
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner {
  border-color: #dcdfe6;
}

/*
弹框样式
*/
.el-dialog__body .el-main {
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

.dataList_title {
  margin-top: 5px;
}
.dataList_title td {
  margin-top: 5px;
  position: relative;
}
.dataList_title td:nth-child(1):before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: #3f96ed;
}
.formTitle{
  font-weight: 500;
}
.formTitle:before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: #3f96ed;
}
.toolBar button .icon-XLSX {
  font-size: 22px;
}
.avatar-uploader {
  background: #f5f3f6;
}
.avatar-uploader .el-upload {
  background-color: #fff;
}
.zhc-birt-data-list .el-form-item__content > span,
.zhc-birt-data-list .el-form-item__content > .lookup > span,
.zhc-birt-data-list .el-form-item__content > .el-radio-group,
.zhc-birt-data-list .el-form-item__content > .el-checkbox {
  padding-left: 12px;
}
.el-table td {
  padding: 7px 0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background: #f5f7fa !important;
}
/*编辑网格输入框样式
*/
.el-table.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td {
  padding-top: 0;
  padding-bottom: 0;
}
.table_edit
  >.el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  >.cell,
.table_edit
  .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell {
  /* padding: 0 10px; */
  padding: 0;
}
.el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item,
.el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item {
  margin: 0 -10px;
}
.el-table--small .el-form-item .el-form-item__content {
  line-height: 32px;
}
.elx-table--empty-placeholder,
.elx-table--body-wrapper.fixed-right--wrapper {
  top: 48px !important;
}
.singleTable.elx-grid,
.elx-table,.elx-table--main-wrapper{
  height: 100%;
}
.elx-table--body-wrapper{
  height: calc( 100% - 48px ) !important;
}
.elx-table--fixed-wrapper{

}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: #409eff;
}

.el-range-editor.el-input__inner {
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}

.el-dropdown-menu__item > .el-button--text:hover {
  color: red !important;
}

.iconfont.iconfont {
  font-size: 12px;
}

.queryPanel .el-form-item label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
查询面板去掉网格线
*/
.queryPanel table td {
  border: none !important;
}

.expandCell .cell {
  display: flex;
  align-items: center;
}

Ignore Space Show notes View project/hivuiSam/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title></title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <link rel="stylesheet" href="<%=VITE_APP_BASE_API%>/sysfunc/runtime/desktopTheme/desktopThemeInterface.sgm?pn=<%=VITE_APP_PN%>&id=element"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <script type="text/javascript"> // Don't register the service worker // until the page has fully loaded // Is service worker available? if ('serviceWorker' in navigator) { // 在页面加载时检查是否已经注册了 Service Worker navigator.serviceWorker.getRegistrations().then(function (registrations){ var len = registrations.length; if (len > 0) { console.log('Service Worker already registered'); } else { // 如果没有注册，那么进行注册 window.addEventListener('load', function(){ navigator.serviceWorker.register('/assets_platform/workbox3/sw.js',{scope:'/'}) .then(registration => { console.log('Service Worker registered: ', registration); }) .catch(error => { console.error('Service Worker registration failed: ', error); }); }); } }); } </script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <link rel="stylesheet" href="${serverPath}/sysfunc/runtime/desktopTheme/desktopThemeInterface.sgm?pn=${projectName}/${devGroup}&id=element"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiSam/lang/zh-CN.js"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=hiui&filePath=${devGroup}/${projectName}/lang/hi-ui/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=tpl&filePath=admin/eap5csxm/hivuiSam/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.error(window.location.href+',当前模板语言包不存在') } if(!window.GLOBAL_LANG_HIUI){ console.error(window.location.href+',hiui语言包不存在') } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn: true, // 去除国际化警告 }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> //window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiSam/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title></title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <script type="text/javascript"> // Don't register the service worker // until the page has fully loaded // Is service worker available? if ('serviceWorker' in navigator) { // 在页面加载时检查是否已经注册了 Service Worker navigator.serviceWorker.getRegistrations().then(function (registrations){ var len = registrations.length; if (len > 0) { console.log('Service Worker already registered'); } else { // 如果没有注册，那么进行注册 window.addEventListener('load', function(){ navigator.serviceWorker.register('/assets_platform/workbox3/sw.js',{scope:'/'}) .then(registration => { console.log('Service Worker registered: ', registration); }) .catch(error => { console.error('Service Worker registration failed: ', error); }); }); } }); } </script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiSam/lang/zh-CN.js"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=hiui&filePath=${devGroup}/${projectName}/lang/hi-ui/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=tpl&filePath=admin/eap5csxm/hivuiSam/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.error(window.location.href+',当前模板语言包不存在') } if(!window.GLOBAL_LANG_HIUI){ console.error(window.location.href+',hiui语言包不存在') } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn: true, // 去除国际化警告 }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> //window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiSam/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiSam/index.html

<!DOCTYPE html>
<html>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <link rel="stylesheet" href="<%=VITE_APP_BASE_API%>/sysfunc/runtime/desktopTheme/desktopThemeInterface.sgm?pn=<%=VITE_APP_PN%>&id=element">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>

<body>
  <div id="app">
    <!-- <div style="padding:50px 0;text-align:center;">
      <div>
        <img id="main_loading_logo" src="" />
      </div>
      <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div>

</div> -->
  </div>
  <script>
    //window.onload=()=>{
      // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src;
      // document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png"));
      // if(window.customSysCofig?.syTitle){
      //   document.title=window.customSysCofig.syTitle;
      // }
    //}
  </script>
  <% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiSam/index.js"></script>
  <%}%>
  
</body>

</html>

<!DOCTYPE html>
<html>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>

</html>

Ignore Space Show notes View project/hivuiSam/styles/index.css
.custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .cell .el-input-group__append{ padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button{ padding: 0; margin: 0; } /* .el-form-item__error{ line-height: 0; } / .el-row>.zhc-birt-cell-children>.el-button { border: none; / border-right: 1px solid #ddd; / border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0,0,0,.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .custom-tree-node .el-icon-document{ color: #009688; } .custom-tree-node .icon-root{ color: var(--el-color-primary, blue); } .custom-tree-node .icon-ptm{ color: var(--el-color-primary-light-3, royalblue); } .custom-tree-node .el-icon-user{ color: coral;; } .custom-tree-node .icon-org, .icon-func{ color: aqua; } .custom-tree-node .icon-dpt, .icon-flow{ color: deepskyblue; } .custom-tree-node .el-button.is-disabled i{ color: #C0C4CC !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before{ content: ''; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: var(--el-color-primary, #2355f1); } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; } / 弹框样式 / .el-dialog__body .el-main{ padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{ width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; } .el-tabs--right .el-tabs__item{ width: 40px; } .el-tabs--left, .el-tabs--right{ height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main{ padding: 0; } .el-tabs .el-main{ padding: 0 } .toolBar{ padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar{ border: none; padding: 0!important; } .dataList_title{ margin-top:5px; } .dataList_title td{ margin-top:5px; position: relative; } .dataList_title td:nth-child(1):before{ content: ' '; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX{ font-size: 22px; } .avatar-uploader{ background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox{ padding-left: 12px; } .el-table td{ padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{ background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td{ padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell{ padding: 0 10px; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell >.el-form-item, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell>.el-form-item{ margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content{ line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper{ top: 48px !important; } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: var(--el-color-primary, #409EFF); } .el-range-editor.el-input__inner{ min-width: 230px; } /下拉框获取焦点边框消失/ .el-select .el-input.is-focus .el-input__inner { border-color: var(--el-color-primary, #409EFF) !important; } .el-dropdown-menu__item>.el-button--text:hover{ color: red !important; } .iconfont.iconfont{ font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix{ margin: 0 -10px; width: calc( 100% + 20px ); } .el-table__body tr.current-row>td{ background-color: var(--curRowBg) !important; color: var(--curRowColor) !important; } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: var(--el-color-primary, #66b1ff); } .custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .cell .el-input-group__append{ padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button{ padding: 0; margin: 0; } / .el-form-item__error{ line-height: 0; } / .el-row>.zhc-birt-cell-children>.el-button { border: none; / border-right: 1px solid #ddd; / border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0,0,0,.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .custom-tree-node .el-icon-document{ color: #009688; } .custom-tree-node .icon-root{ color: blue; } .custom-tree-node .icon-ptm{ color: royalblue; } .custom-tree-node .el-icon-user{ color: coral;; } .custom-tree-node .icon-org, .icon-func{ color: aqua; } .custom-tree-node .icon-dpt, .icon-flow{ color: deepskyblue; } .custom-tree-node .el-button.is-disabled i{ color: #C0C4CC !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before{ content: ''; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; } / 弹框样式 / .el-dialog__body .el-main{ padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{ width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; } .el-tabs--right .el-tabs__item{ width: 40px; } .el-tabs--left, .el-tabs--right{ height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main{ padding: 0; } .el-tabs .el-main{ padding: 0 } .toolBar{ padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar{ border: none; padding: 0!important; } .dataList_title{ margin-top:5px; } .dataList_title td{ margin-top:5px; position: relative; } .dataList_title td:nth-child(1):before{ content: ' '; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX{ font-size: 22px; } .avatar-uploader{ background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox{ padding-left: 12px; } .el-table td{ padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{ background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td{ padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell{ padding: 0 10px; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell >.el-form-item, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell>.el-form-item{ margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content{ line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper{ top: 48px !important; } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: #409EFF; } .el-range-editor.el-input__inner{ min-width: 230px; } /下拉框获取焦点边框消失*/ .el-select .el-input.is-focus .el-input__inner { border-color: #409EFF !important; } .el-dropdown-menu__item>.el-button--text:hover{ color: red !important; } .iconfont.iconfont{ font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix{ margin: 0 -10px; width: calc( 100% + 20px ); } .el-table__body tr.current-row>td{ background-color: var(--curRowBg) !important; color: var(--curRowColor) !important; } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff; }

Ignore Space Show notes View

project/hivuiSam/styles/index.css

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1){
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn{
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn{
    opacity: 1;
}
.custom-tree-node .btn .el-icon-edit{
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete{
  color: #f56c6c;
}
.cell .el-input-group__append{
  padding: 0 5px !important;
  text-align: center;
}
.cell .el-input-group__append .el-button{
  padding: 0;
  margin: 0;
}
/* .el-form-item__error{
  line-height: 0;
} */
.el-row>.zhc-birt-cell-children>.el-button {
  border: none;
  /* border-right: 1px solid #ddd; */
  border-radius: 0;
  padding: 5px 15px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,.el-icon-folder{
    color: #ffc107;
}
.custom-tree-node .el-icon-document{
    color: #009688;
}
.custom-tree-node .icon-root{
    color: var(--el-color-primary, blue);
}
.custom-tree-node .icon-ptm{
  color: var(--el-color-primary-light-3, royalblue);
}
.custom-tree-node .el-icon-user{
    color: coral;;
}
.custom-tree-node .icon-org, .icon-func{
    color: aqua;
}
.custom-tree-node .icon-dpt, .icon-flow{
    color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i{
  color: #C0C4CC !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before{
  content: '*';
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #f0f7ff;
  color: var(--el-color-primary, #2355f1);
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner{
  border-color: #DCDFE6;
}

/*
弹框样式
*/
.el-dialog__body .el-main{
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

/*
tabs
*/
.el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{
  width: 60px;
  line-height: 24px;
  height: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-bottom: 20px;
}
.el-tabs--right .el-tabs__item{
  width: 40px;
}
.el-tabs--left, .el-tabs--right{
  height: auto !important;
}
.el-tabs--right .queryPanel + div .el-button {
  margin-right: 10px;
}

.chart .zhc-birt-cell-children .el-main{
  padding: 0;
}
.el-tabs .el-main{
  padding: 0
}
.toolBar{
  padding: 5px 5% !important;
  border-bottom: 1px solid #c2bcc0;
}
.extra .toolBar{
  border: none;
  padding: 0!important;
}

.dataList_title{
  margin-top:5px;
}
.dataList_title td{
  margin-top:5px;
  position: relative;
}
.dataList_title td:nth-child(1):before{
  content: ' ';
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: #3f96ed;
}
.toolBar button .icon-XLSX{
  font-size: 22px;
}
.avatar-uploader{
  background: #f5f3f6;
}
.avatar-uploader .el-upload {
  background-color: #fff;
}
.zhc-birt-data-list .el-form-item__content > span,
.zhc-birt-data-list .el-form-item__content > .lookup > span,
.zhc-birt-data-list .el-form-item__content > .el-radio-group,
.zhc-birt-data-list .el-form-item__content > .el-checkbox{
  padding-left: 12px;
}
.el-table td{
  padding: 7px 0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th{
  background: #f5f7fa !important;
}
/*编辑网格输入框样式
*/
.el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td,
.el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td,
.el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td{
  padding-top: 0;
  padding-bottom: 0;
}
.table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell,
.table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell{
  padding: 0 10px;
}
.table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > td .cell >.el-form-item,
.table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > td .cell>.el-form-item{
  margin: 0 -10px;
}
.el-table--small .el-form-item .el-form-item__content{
  line-height: 32px;
}
.elx-table--empty-placeholder,
.elx-table--body-wrapper.fixed-right--wrapper{
  top: 48px !important;
}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: var(--el-color-primary, #409EFF);
}

.el-range-editor.el-input__inner{
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--el-color-primary, #409EFF) !important;
}

.el-dropdown-menu__item>.el-button--text:hover{
  color: red !important;
}

.iconfont.iconfont{
  font-size: 12px;
}

.el-table__header-wrapper .cell .el-input--suffix{
  margin: 0 -10px;
  width: calc( 100% + 20px );
}
.el-table__body tr.current-row>td{
  background-color: var(--curRowBg) !important;
  color: var(--curRowColor) !important;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #ecf5ff;
  color:  var(--el-color-primary, #66b1ff);
}

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1){
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn{
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn{
    opacity: 1;
}
.custom-tree-node .btn .el-icon-edit{
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete{
  color: #f56c6c;
}
.cell .el-input-group__append{
  padding: 0 5px !important;
  text-align: center;
}
.cell .el-input-group__append .el-button{
  padding: 0;
  margin: 0;
}
/* .el-form-item__error{
  line-height: 0;
} */
.el-row>.zhc-birt-cell-children>.el-button {
  border: none;
  /* border-right: 1px solid #ddd; */
  border-radius: 0;
  padding: 5px 15px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,.el-icon-folder{
    color: #ffc107;
}
.custom-tree-node .el-icon-document{
    color: #009688;
}
.custom-tree-node .icon-root{
    color: blue;
}
.custom-tree-node .icon-ptm{
    color: royalblue;
}
.custom-tree-node .el-icon-user{
    color: coral;;
}
.custom-tree-node .icon-org, .icon-func{
    color: aqua;
}
.custom-tree-node .icon-dpt, .icon-flow{
    color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i{
  color: #C0C4CC !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before{
  content: '*';
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #f0f7ff;
  color: #2355f1;
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner{
  border-color: #DCDFE6;
}

/*
弹框样式
*/
.el-dialog__body .el-main{
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

.el-range-editor.el-input__inner{
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: #409EFF !important;
}

.el-dropdown-menu__item>.el-button--text:hover{
  color: red !important;
}

.iconfont.iconfont{
  font-size: 12px;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #ecf5ff;
  color: #66b1ff;
}

Show line notes below