1.概要

在JPAAS-VUE 中 DialogBox 这个是JPAAS-VUE使用的一些公共对话框,下面对这些对话框的使用进行说明一下。

文件路径:
jpaas-vue/src/assets/js/DialogBox.js

2.使用说明

2.1 发布菜单对话框

对话框定义如下:

DialogBox.openDeploymenuDialog = function (parameter, config, callback) {
    var baseConf = {
        component: SysMenuAddNode,
        data: parameter,
        title: '发布菜单'
    };
    let conf = {...baseConf, ...config};
    Util.open(conf, function (action, data) {
        if (action != 'ok') return;
        if (callback) {
            callback(data);
        }
    })
}

使用如下:

//菜单对应的组件
var component = "modules/form/core/FormBoListPreview";
//参数
//其中 query 这个数据会放到 路径中 比如 get?queryId=001
var params={listKey:data.key,query:{queryId:record.id}}
DialogBox.openDeploymenuDialog({
    name: "菜单名称",
    key: "菜单key",
    //这个只有在列表发布的时候使用
    boListKey: record.key,
    component: component,
    params: params,
}, {
    curVm: this, widthHeight: ['800px', '600px']
})

在组件中获取别名方法,以表单方案为例。

initParams(){
    //使用Util.open的方法打开
    if(this.alias){
        this.formSolutionAlias=this.alias;
    }
    //从弹框打开,使用DialogView 打开
    else if(this.menuParams ){
        var json=JSON.parse(this.menuParams);
        this.formSolutionAlias=json.formAlias;
    }
    //从路由的this.$route.meta 中获取
    else{
        var params=JSON.parse(this.$route.meta.params);
        if(params.formAlias){
            this.formSolutionAlias=params.formAlias;
        }
        if(params.pkId){
            this.pkId=params.pkId;
        }
        //从路由打开
        this.fromRoute=true;
    }
}
文档更新时间: 2021-08-17 09:21   作者:zyg