删除 .zhc-birt-cell-children 样式

08335 / hivui-platform-template

hivui平台项目模板

Browse code 删除 .zhc-birt-cell-children 样式 master
1 parent 6c49f3a commit ddb8db0372ecdf538d8c4ca4d2793a36a2353784 cls720 authored on 18 Mar 2022

Showing 2 changed files

Ignore Space Show notes View project/hivuiBirt/App.vue
<script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope \|\| me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); else if (path == "/platf/permission/func/modify.func") this.getOrgDataM(-1); }); }, }; </script> <script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope \|\| me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); else if (path == "/platf/permission/func/modify.func") this.getOrgDataM(-1); }); }, }; </script> <style scope> .el-row > .zhc-birt-cell-children > .el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } </style>

Ignore Space Show notes View

project/hivuiBirt/App.vue

export default {
  extends: HcPage,
  mixins: [
    user,
    resource,
    upgrade,
    permission_assign,
    permission_modify,
    permission_check,
  ],
  data() {
    return {
      birtModel: {},
      VUE_APP_BASE_API: requestUrl,
      pn: projectName || "birt",
    };
  },
  watch: {
    // $route() {
    //   this.loadBirtModel(this.$route.path);
    // },
  },
  methods: {
    // 动态加载报表模型方法
    birtModelMethod(routePath, birtModelMethod, scope) {
      debugger;
      return new Promise((resolve, reject) => {
        debugger;
        let me = this;
        let token = getToken();
        // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07'
        let vId = this.getQueryVariable('viewItemId')
        LoadUtil.loadJsBirtModel({
          loadModelUrl: this.$HI.birtModel,
          routePath: routePath,
          token: token,
          pn: this.pn,
          viewItemId: vId
        })
          .then(() => {
            try {
              let birtModel = BirtModelFactory.buildModel(
                getBirtModel(scope || me, Tool)
              );
              birtModel.token = token;
              birtModel.birtModelMethod = birtModelMethod;
              resolve(birtModel);
            } catch (e) {
              console.error(e);
            }
          })
          .catch(() => {
            reject();
          });
      });
    },
    loadBirtModel(routePath) {
      return new Promise((resolve, reject) => {
        let me = this;
        this.birtModelMethod(routePath, this.birtModelMethod)
          .then((birtModel) => {
            debugger;
            me.birtModel = birtModel;
            console.log("birtModel", birtModel);
            // me.applyRouteParam();
            me.setWorkBookParam();
            resolve();
          })
          .catch(() => {
            reject();
          });
      });
    },
    // 获取地址栏参数
    getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
      return false;
    },
  },
  mounted() {
    var path = window.location.pathname;
    // 编译后多e5
    if (window.HIVUI_SETTING) {
      var serverName = window.HIVUI_SETTING.serverName;
      if (serverName && path.startsWith(serverName)) {
        path = path.substring(serverName.length);
      }
    }
    //     var _push = window.scpRequestData
    // var path = '/platf/user-info/func/query.func'
    this.loadBirtModel(path).then(() => {
      if (path == "/platf/permission/func/assign.func") this.getOrgData(-1);
      else if (path == "/platf/permission/func/modify.func")
        this.getOrgDataM(-1);
    });
  },
};
</script>

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; } .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; } /取消mian的padding,防止大屏看板高度超出100%/ .chart .zhc-birt-cell-children .el-main{ padding: 0; } .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; } .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; } /取消mian的padding,防止大屏看板高度超出100%*/ .chart .zhc-birt-cell-children .el-main{ padding: 0; }

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

/*取消mian的padding,防止大屏看板高度超出100%*/
.chart .zhc-birt-cell-children .el-main{
  padding: 0;
}

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

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

/*取消mian的padding,防止大屏看板高度超出100%*/
.chart .zhc-birt-cell-children .el-main{
  padding: 0;
}

Show line notes below