birt网格选中行样式

08335 / hivui-platform-template

hivui平台项目模板

Browse code birt网格选中行样式 master
1 parent 26ef59d commit c56003e868a3a3719cad87096dced5dc8019c10e hhb authored on 15 Aug 2022

Showing 2 changed files

Ignore Space Show notes View project/hivuiBirt/index.js
import App from './App.vue' // import ElementUI from 'element-ui'; // import "hi-ui/lib/hi-ui.css"; // import 'font-awesome/css/font-awesome.css' Vue.use(ELEMENT, { size: 'mini' }) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 import { Loading } from 'element-ui'; Vue.prototype.Loading = Loading import * as echarts from "echarts" Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; import i18n from './lang' Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, preview: window.HIVUI_SETTING.preview, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcel" }; console.log(5555,window.HIVUI_SETTING.queryUrl) new Vue({ i18n, render: h => h(App), }).$mount('#app') // import ElementUI from 'element-ui'; // import "hi-ui/lib/hi-ui.css"; // import 'font-awesome/css/font-awesome.css' Vue.use(ELEMENT, { size: 'mini' }) import App from './App.vue' import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 import { Loading } from 'element-ui'; Vue.prototype.Loading = Loading import * as echarts from "echarts" Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; import i18n from './lang' Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, preview: window.HIVUI_SETTING.preview, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcel" }; console.log(5555,window.HIVUI_SETTING.queryUrl) new Vue({ i18n, render: h => h(App), }).$mount('#app')

Ignore Space Show notes View

project/hivuiBirt/index.js

import App from './App.vue'

// import ElementUI from 'element-ui';
// import "hi-ui/lib/hi-ui.css";
// import 'font-awesome/css/font-awesome.css'
Vue.use(ELEMENT, {
  size: 'mini'
})
import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
import './assets/icon/iconfont.css';
import './styles/index.css'
import "hi-taskcenter/hi-taskcenter.css"
import hitaskcenter from 'hi-taskcenter';
Vue.use(hitaskcenter);
import 'zhc-flowchart/lib/zhc-flowchart.css'
import zhcflowchart from "zhc-flowchart";
Vue.use(zhcflowchart)

import ZhcBirtCmps from 'zhc-birt-cmps'
Vue.use(ZhcBirtCmps)
// import window.HIVUI_SETTING from './window.HIVUI_SETTING'
// import { $HCBIRT } from "@birt/funclib/HCBIRT"
import Cookies from 'js-cookie'
import {
  setToken,
} from "./utils/auth.js";
// Vue.use(ElementUI)
console.log('token', Cookies.get('EAP-Token'))
setToken(Cookies.get('EAP-Token') || '')

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

import { Loading } from 'element-ui';
Vue.prototype.Loading = Loading

import * as echarts from "echarts"
Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

import i18n from './lang'

Vue.prototype.$HI = {
  projectName: window.HIVUI_SETTING.projectName,
  serverUrl: window.HIVUI_SETTING.serverUrl,
  serverName: window.HIVUI_SETTING.serverName,
  request: axios,
  queryOperate: 'like',
  pageSize: 20,
  saveUrl: window.HIVUI_SETTING.saveUrl,
  queryUrl: window.HIVUI_SETTING.queryUrl,
  querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys",
  policyUrl: window.HIVUI_SETTING.policyUrl,
  enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/",
  upload: window.HIVUI_SETTING.upload,
  download: window.HIVUI_SETTING.download,
  preview: window.HIVUI_SETTING.preview,
  getFlowInfo: window.HIVUI_SETTING.getFlowInfo,
  getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo,
  processFlow: window.HIVUI_SETTING.processFlow,
  queryTask: window.HIVUI_SETTING.queryTask,
  withdrawtask: window.HIVUI_SETTING.withdrawtask,
  taskDiagram: window.HIVUI_SETTING.taskDiagram,
  openOrdernumber: window.HIVUI_SETTING.openOrdernumber,
  birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1",
  getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo',
  exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcel"
};

console.log(5555,window.HIVUI_SETTING.queryUrl)

new Vue({
  i18n,
  render: h => h(App),
}).$mount('#app')

// import ElementUI from 'element-ui';
// import "hi-ui/lib/hi-ui.css";
// import 'font-awesome/css/font-awesome.css'
Vue.use(ELEMENT, {
  size: 'mini'
})
import App from './App.vue'
import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
import './assets/icon/iconfont.css';
import './styles/index.css'
import "hi-taskcenter/hi-taskcenter.css"
import hitaskcenter from 'hi-taskcenter';
Vue.use(hitaskcenter);
import 'zhc-flowchart/lib/zhc-flowchart.css'
import zhcflowchart from "zhc-flowchart";
Vue.use(zhcflowchart)

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

import { Loading } from 'element-ui';
Vue.prototype.Loading = Loading

import * as echarts from "echarts"
Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

import i18n from './lang'

console.log(5555,window.HIVUI_SETTING.queryUrl)

new Vue({
  i18n,
  render: h => h(App),
}).$mount('#app')

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-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; } .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; } .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; } .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.el-table__cell { / background-color: #409EFF; */ background-color: var(--curRowBg); color: var(--curRowColor); }

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-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;
}

.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;
}