birt动态css

GitBucket 4.6.0

08335 / hivui-platform-template

hivui平台项目模板

Browse code birt动态css master
1 parent 0d89813 commit f07c094e5a3b426a7cc304b06cfc92ed4c60f226 hhb authored on 8 Aug 2022

Showing 1 changed file

Ignore Space Show notes View

project/hivuiBirt/App.vue

<script>
// import HcPage from "./components/Birt/Page";
// import { BirtModelFactory } from "./templates/BirtModelFactory";
import cmps from 'zhc-birt-cmps'
import { LoadUtil } from "./funclib/LoadUtil";
import { getToken } from "./utils/auth";
// import { Tool } from "./funclib/Tool";
import { projectName, requestUrl } from "@birt/config";
import 'echarts-liquidfill/src/liquidFill.js'
export default {
  extends: cmps.BirtPage,
  data() {
    return {
      birtModel: {},
      VUE_APP_BASE_API: requestUrl,
      pn: projectName || "birt",
    };
  },
  watch: {
    // $route() {
    //   this.loadBirtModel(this.$route.path);
    // },
  },
  methods: {
    // 动态加载报表模型方法
    birtModelMethod(routePath, birtModelMethod, scope) {
      return new Promise((resolve, reject) => {
        let me = this;
        let token = getToken();
        // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07'
        // let vId = this.getQueryVariable('viewItemId')
        let vId = window.scpRequestData && window.scpRequestData.__viewItemId
        LoadUtil.loadJsBirtModel({
          loadModelUrl: this.$HI.birtModel,
          routePath: routePath,
          token: token,
          pn: this.pn,
          vId: vId
        })
          .then(() => {
            try {
              let birtModel = cmps.BirtModelFactory.buildModel(
                getBirtModel(scope || me, cmps.Tool)
              );
              if(birtModel.css){
                let css = birtModel.css
                if(Array.isArray(css) && css.length > 0){
                  css.forEach(c =>{
                    LoadUtil.loadCss(c)
                  })
                }
                if(typeof css == 'string'){
                  LoadUtil.loadCss(css)
                }
              }
              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 && window.scpRequestData && window.scpRequestData.__push
    console.log('__push',__push)
    if(__push){
      this.param['__push'] = JSON.parse(__push)
      console.log('param',this.param)
    }
    //     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 cmps from 'zhc-birt-cmps'
import { LoadUtil } from "./funclib/LoadUtil";
import { getToken } from "./utils/auth";
// import { Tool } from "./funclib/Tool";
import { projectName, requestUrl } from "@birt/config";
import 'echarts-liquidfill/src/liquidFill.js'
export default {
  extends: cmps.BirtPage,
  data() {
    return {
      birtModel: {},
      VUE_APP_BASE_API: requestUrl,
      pn: projectName || "birt",
    };
  },
  watch: {
    // $route() {
    //   this.loadBirtModel(this.$route.path);
    // },
  },
  methods: {
    // 动态加载报表模型方法
    birtModelMethod(routePath, birtModelMethod, scope) {
      return new Promise((resolve, reject) => {
        let me = this;
        let token = getToken();
        // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07'
        // let vId = this.getQueryVariable('viewItemId')
        let vId = window.scpRequestData && window.scpRequestData.__viewItemId
        LoadUtil.loadJsBirtModel({
          loadModelUrl: this.$HI.birtModel,
          routePath: routePath,
          token: token,
          pn: this.pn,
          vId: vId
        })
          .then(() => {
            try {
              let birtModel = cmps.BirtModelFactory.buildModel(
                getBirtModel(scope || me, cmps.Tool)
              );
              if(birtModel.css){
                let css = birtModel.css
                if(Array.isArray(css) && css.length > 0){
                  css.forEach(c =>{
                    LoadUtil.loadCss(c)
                  })
                }
                if(typeof css == 'string'){
                  LoadUtil.loadCss(c)
                }
              }
              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 && window.scpRequestData && window.scpRequestData.__push
    console.log('__push',__push)
    if(__push){
      this.param['__push'] = JSON.parse(__push)
      console.log('param',this.param)
    }
    //     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>

Show line notes below