sasp-flow-render 1.0.1

package/src/views/flowInstView.vue

@@ -0,0 +1,178 @@
+<template>
+    <flow-inst-tab :flow-id="useFlowId" :userArr="userArr" :userMap="userMap"
+                   :initFormInfo="initFormInfo" :saveFormInfo="saveFormInfo" :class='flowViewMainClass'>
+        <template slot="formInfo">
+            <slot name="formInfo"></slot>
+        </template>
+    </flow-inst-tab>
+</template>
+
+<script>
+    import FlowInstTab from "../components/flowInst/flowInstTab";
+    export default {
+        name: "flowInstView",
+        components: {FlowInstTab},
+        props:{
+            loginUser:{type:Object,default:null}, // 登录用户
+            flowId:{type:String},
+            initFormInfo:{type: Function,default:null}, // 添加修改打开表单时执行的事件
+            saveFormInfo:{type: Function,default:null}, // 保存表单时执行的事件
+        },
+        data(){
+            return {
+                useFlowId:this.$route.query.flowId,
+                userId:this.$route.query.userCode,
+                userName:this.$route.query.userName,
+                doMainDatasObj:{},
+                userArr:[],
+                userMap:{},
+                flowViewMainClass:''
+            }
+        },
+        created() {
+            this.init();
+            this.loadSkin();
+        },
+        methods:{
+            loadSkin() {
+                this.axios.post(this.api.plFlowCss.find, {
+                    'useable': '1',
+                    'order': 'PRIORITY ASC,UPDATE_TIME ASC',
+                    "applyType":"0"
+                }).then(res => {
+                    // console.log('预览表单res',res);
+                    // cssType 0：自定义皮肤，1：系统皮肤
+                    // applyType 0：表单渲染，1：管理系统
+                    (res.data || []).forEach(item => {
+                        if (item.cssType === '0'){
+                            if (!item.fileName) {
+                                return;
+                            }
+                            if (item.wholeClass) {
+                                this.flowViewMainClass += "flow-render-class " + item.wholeClass;
+                            }else {
+                                this.flowViewMainClass += "flow-render-class";
+                            }
+                            let style = document.createElement('link');
+                            style.type = "text/css";
+                            style.href = window.JAVA_URL + "/uploadFile/customCss/" + item.id + "/" + item.fileName;
+                            style.setAttribute("cus-css", "cusCss");
+                            style.setAttribute("rel", "stylesheet");
+                            document.head.appendChild(style);
+                        }
+                    })
+                })
+            },
+            init(){
+                if(this.loginUser){
+                    this.CACHE_GLOBAL.setLoginUser(this.loginUser);
+                }else{
+                    let loginUser = {};
+                    if(this.userId){
+                        loginUser.id = this.userId;
+                    }else{
+                        this.$message.error("请设置用户唯一标识，否则流程无法正常运转！");
+                    }
+                    if(this.userName){
+                        loginUser.userName = this.userName;
+                    }
+                    this.CACHE_GLOBAL.setLoginUser(loginUser);
+                }
+                if(this.flowId){
+                    this.useFlowId = this.flowId;
+                }
+                this.initUserData();
+            },
+            initUserData(){
+                // 先载入系统接口数据
+                let userArr = this.INTER_CACHE.getUserArr();
+                if(userArr && userArr.length > 0){
+                    this.userMap = this.INTER_CACHE.getUserMap();
+                    this.userArr = userArr;
+                }else{
+                    this.axios.post(this.api.plFlowInterface.find,{sysInterName:'userData',interType:'sys',interStatus:'1'}).then(res => {
+                        if((res.data || []).length == 0){
+                            return;
+                        }
+                        let dataInter = res.data[0];
+                        this.loadUserData(dataInter);
+                    })
+                }
+            },
+            loadUserData(dataInter){
+                this.axios.post(this.api.plFlowDomain.find,{status:'1'}).then(res => {
+                    (res.data || []).forEach(item => {
+                        this.doMainDatasObj[item.id] = item.domainUrl;
+                    })
+                    // 解析用户数据
+                    this.analyseRequest(dataInter).then(data => {
+                        let arr = [];
+                        data.forEach(item => {
+                            item.dataUserId = item[dataInter["idCode"] || "userId"];
+                            item.dataKey = item.dataUserId;
+                            item.flowDataType = "user";
+                            item.dataLabel = item[dataInter["showCode"] || "userName"];
+                            item.dataOrgId = item[dataInter["orgCode"] || "orgId"];
+                            item.dataPosId = item[dataInter["posCode"] || "posId"];
+                            if(item.dataOrgId){
+                                item.dataParentId = item.orgId;
+                            }
+                            if(item.dataPosId){
+                                item.dataParentId = item.posId;
+                            }
+                            arr.push({
+                                id:item.dataKey,
+                                userName:item.dataLabel
+                            })
+                        })
+                        this.userArr = arr;
+                        this.INTER_CACHE.setUserArr(arr);
+                        this.userMap = this.INTER_CACHE.getUserMap();
+                    })
+                })
+            },
+            analyseRequest(dataInter){
+                return new Promise(resolve => {
+                    let domainUrl = this.doMainDatasObj[dataInter.domainId] || "";
+                    let url = domainUrl + dataInter.requestUrl;
+                    let requestParam = JSON.parse(dataInter.requestParam || "[]");
+                    let obj = {};
+                    requestParam.forEach(item => {
+                        if(!item.key){
+                            return;
+                        }
+                        obj[item.key] = item.value || ""; // 注意这里要replace ${userCode}
+                    })
+                    if(dataInter.requestType === 'post'){
+                        this.axios.post(url,obj).then(res => {
+                            this.INTER_CACHE.setCacheInfo(dataInter.sysInterName,res.data);
+                            resolve(res.data || []);
+                        })
+                    }else{
+                        let params = "";
+                        let arr = []
+                        Object.keys(obj).forEach(key => {
+                            arr.push(key + "=" + obj[key]);
+                        })
+                        params = arr.join("&");
+                        if(params){
+                            if(url.indexOf("?") > -1){
+                                url += "&" + params;
+                            }else{
+                                url += "?" + params;
+                            }
+                        }
+                        this.axios(url).then(res => {
+                            this.INTER_CACHE.setCacheInfo(dataInter.sysInterName,res.data);
+                            resolve(res.data || []);
+                        })
+                    }
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/menuRouter/flowMenuRouter.vue

@@ -0,0 +1,260 @@
+<!--工作流菜单跳转-->
+<template>
+    <div style="height: 100%">
+       <flow-inst-tab  v-if="isShow"
+                       :default-tab="defaultTab"
+                       :flow-id="flowId"
+                       :operate-root-arr="operateRootArr"
+                       :data-permis="dataPermis"
+                       :flowobj="flowObj"
+                       :init-message-func="initMessageFunc">
+       </flow-inst-tab>
+    </div>
+</template>
+
+<script>
+    import FlowInstTab from "../../components/flowInst/flowInstTab";
+    export default {
+        name: "flow-menu-router",
+        components: {FlowInstTab},
+        props: {
+            cresourceId: { //资源id
+                type: String,
+                default: ''
+            },
+            cmenuId:{//菜单id
+                type: String,
+                default: ''
+            },
+            defaultTab:{
+                type: String,
+                default: ''
+            },
+            mesremind:{
+                type:String,
+                default:''
+            },
+            initMessageFunc:{
+                type: Function,
+                default:null
+            },
+            isCloudView:{
+                type: Boolean,
+                default: false
+            }
+        },
+        data(){
+            return{
+                resourceId:this.$route.params.resourceId,
+                optType:this.$route.query.optType,
+                menuId:this.$route.query.menuId,
+                operatePermis: '', //根据当前用户查询权限
+                dataPermis:'', //根据当前用户查询权限
+                resourceObj:{}, //自定义表单资源池
+                conditionId: '',//条件定义id 数据权限
+                operateAuthority:{}, //操作权限
+                isShow:false, //展示
+                menuObj:{},
+                flowId:"",//工作流id
+                sourcesObj:{},
+                operateRootArr:[],//操作权限根节点
+                operateLeafArr:[],//操作权限子节点
+                flowObj:{},//工作流定义对象
+            }
+        },
+        created(){
+            this.init();
+        },
+        methods:{
+            init(){
+                if((this.mesremind == "Y") || (!this.resourceId)){
+                    this.resourceId = this.cresourceId || "";
+                }else{
+                    this.resourceId = this.$route.params.resourceId || "";
+                }
+                if((!this.menuId) || (this.menuId == "0")){
+                    this.menuId = this.cmenuId || "";
+                }
+                this.RES_GLOBAL.getById(this.resourceId).then(resData => {
+                    if(resData){
+                        this.resourceObj = resData; //当前资源池
+                        this.executShow();//展示
+                    }
+                });
+            },
+            //自定义表单展示
+            async  executShow(){
+                // 跟据 menuId 和 当前用
+                // 传递
+                this.isShow = false;
+                let resourceObj = this.resourceObj;
+                this.flowId = resourceObj.rkey || '';
+                this.operateAuthority = {};
+                this.conditionId = "";
+                let menuObj = {};
+                if(window.menuIdToMenuObj){
+                    menuObj = window.menuIdToMenuObj[this.menuId];
+                }else{
+                    //新窗口打开时查询菜单信息
+                    this.axios.post(this.api.menu.getById,{id:this.menuId}).then(function (res) {
+                        if(res && res.data){
+                            menuObj = res.data;
+                        }
+                    });
+                }
+                  // let menuObj = window.menuIdToMenuObj[this.menuId] || {};
+
+                let loginUser = this.CACHE_GLOBAL.getLoginUser(); //获取当前用户
+                //根据 当前用户查询 数据权限和操作权限
+                //判断当前用户类型
+                if(loginUser.userType == 'sup' || this.isCloudView){ //开发者
+                    //查询数据权限和操作权限
+                    //操作权限
+                    let checkOperateKeysRoot = []; //操作权限 根节点
+                    let checkOperateKeysLeaf = []; //操作权限 叶子节点
+                    let operatePermisList = this.resourceObj.operatePermisList;
+                    operatePermisList.forEach(item =>{
+                        //处理操作权限
+                        if(item.powerCode=='children'){//叶子节点
+                            checkOperateKeysLeaf.push(item);
+                        }else{
+                            checkOperateKeysRoot.push(item);
+                        }
+                    });
+                   /* checkOperateKeysLeaf.forEach(leaf=>{
+                        checkOperateKeysRoot.forEach(root=>{
+                            if(leaf.parentId==root.id){
+                                checkOperateKeys.push(root.powerKey+"_"+leaf.powerKey);
+                            }
+                        });
+                    });*/
+                    this.operateRootArr=checkOperateKeysRoot;
+
+                    //数据权限
+                    let dataPermisList = this.resourceObj.dataPermisList || [];
+                    dataPermisList.forEach(dataPermis => {
+                        this.dataPermis += "," + dataPermis.powerKey;
+                    });
+                    if(this.dataPermis){
+                        this.dataPermis = this.dataPermis.substring(1);
+                    }
+
+                    this.isShow = true;
+                }else{ //根据 resourceId查询当前用户是否存在  资源权限  resourceId 如果存在获取数据权限和操作权限
+                    this.RES_GLOBAL.getUserOwnMenuOpt().then(datas =>{
+                        if(datas){
+                            if(this.mesremind == "Y"){
+                                this.operateRootArr=[{powerCode:this.defaultTab}];
+                                this.isShow = true;
+                                return;
+                            }
+
+                            let roleOptArr = [];
+                            (datas || []).forEach(item =>{
+                                if(this.menuId == item.menuId){
+                                    roleOptArr.push(item);
+                                }
+                            });
+                            if(roleOptArr.length > 0){
+                                //遍历权限
+                                let optPowerArr = []; //操作权限
+                                let dataPowerArr = []; //数据权限
+                                roleOptArr.forEach(item =>{
+                                    if(item.optPower){
+                                        optPowerArr = optPowerArr.concat(item.optPower.split(",") || []);
+                                    }
+                                    if (item.dataPower){
+                                        dataPowerArr = dataPowerArr.concat(item.dataPower.split(",") || []);
+                                    }
+                                });
+                                //去重
+                                let optPowerSet = new Set(optPowerArr);
+                                optPowerArr = Array.from(optPowerSet);
+                                //去重
+                                let dataPowerSet = new Set(dataPowerArr);
+                                dataPowerArr = Array.from(dataPowerSet);
+                                this.dataPermis = dataPowerArr.join(",");
+                                // 处理资源池权限信息
+                                let checkOperateKeysRoot = []; //操作权限 根节点1
+                                let rootArr = []; //操作权限 根节点2
+                                let arr = [];
+                                let checkOperateKeysLeaf = []; //操作权限 叶子节点
+                                let menuOperatePermisList = ((menuObj || {}).operatePermis || '').split(","); //菜单操作权限
+                                let operatePermisList = this.resourceObj.operatePermisList;
+                                optPowerArr.forEach(item =>{
+                                    operatePermisList.some(data =>{
+                                        if(item==data.id){
+                                            if(data.powerCode=='children'){//叶子节点
+                                                checkOperateKeysLeaf.push(data);
+                                                rootArr.push(data.parentId);
+                                            }else{//没有子节点的情况
+                                                arr.push(data.id)
+                                            }
+                                            return data;
+                                        }
+                                    });
+                                });
+                                let rootArrSet ="";
+                                if(rootArr.length==0){
+                                    rootArrSet = new Set(arr);
+                                }else{
+                                    rootArrSet=new Set(rootArr);
+                                }
+                                rootArr = Array.from(rootArrSet);
+                                rootArr.forEach(item =>{
+                                    operatePermisList.some(data =>{
+                                        // 菜单与角色权限同时存在时可以显示
+                                        if(item==data.id && menuOperatePermisList.indexOf(item) > -1){
+                                            checkOperateKeysRoot.push(data);
+                                            return data;
+                                        }
+                                    });
+                                });
+                                this.operateRootArr=checkOperateKeysRoot;
+                                this.isShow = true;
+                            }else{
+                                //强制跳转到首页
+                                let url = "/commonHome/welcome";
+                                this.routerPush(url);
+                            }
+                        }
+
+                    });
+                }
+            },
+
+            // /**
+            //  * 获取资源池对象
+            //  */
+            // async getResources(){
+            //     let res = await this.axios.post(this.api.resources.findResources,{id:this.resourceId,rType:"page"}); //查询自定义表单中资源池数据
+            //     if(res.data && res.data.operateObj){
+            //         this.resourceObj = res.data.operateObj[0]; //当前资源池
+            //     }
+            // },
+
+
+            /**
+             * 请求跳转
+             */
+            routerPush(url) {
+                this.$router.push({
+                    path: url
+                });
+
+            },
+            async initReousrceObj(){
+                let res =  await  vm.axios.post(this.api.resources.findResources,{'rSource':rSource,'rStatus':'1','rKey':this.rKey}); //获取绑定资源数据
+                if(res.data && res.data.operateObj){
+                    res.data.operateObj.forEach(item =>{
+                        this.sourcesObj[item.rkey] = item;
+                    });
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/menuRouter/flowResRouter.vue

@@ -0,0 +1,223 @@
+<!--工作流菜单跳转-->
+<template>
+    <div style="height: 100%">
+       <flow-inst-tab  v-if="isShow" :default-tab="defaultTab" :flow-id="flowId" :operate-root-arr="operateRootArr" :flowobj="flowObj" :data-permis="dataPermis">
+
+       </flow-inst-tab>
+    </div>
+</template>
+
+<script>
+    import FlowInstTab from "../../components/flowInst/flowInstTab";
+    export default {
+        name: "flow-res-router",
+        components: {FlowInstTab},
+        props: {
+            cresourceId: { //资源id
+                type: String,
+                default: ''
+            },
+            defaultTab:{
+                type: String,
+                default: ''
+            }
+        },
+        data(){
+            return{
+                resourceId:this.$route.params.resourceId,
+                optType:this.$route.query.optType,
+                menuId:'',
+                operatePermis: '', //根据 当前用户查询权限
+                dataPermis:'', //根据当前用户查询权限
+                resourceObj:{}, //自定义表单资源池
+                conditionId: '',//条件定义id 数据权限
+                operateAuthority:{}, //操作权限
+                isShow:false, //展示
+                menuObj:{},
+                flowId:"",//工作流id
+                sourcesObj:{},
+                operateRootArr:[],//操作权限根节点
+                operateLeafArr:[],//操作权限子节点
+                flowObj:{}//工作流定义对象
+            }
+        },
+        watch:{
+            '$route.params.resourceId' (to, from) {
+                this.getResources().then(() => { //获取资源池
+                    this.executShow();
+                });
+            }
+        },
+        created(){
+            this.resourceId = this.$route.params.resourceId||this.cresourceId||"";
+            this.RES_GLOBAL.getById(this.resourceId).then(resData => {
+                if(resData){
+                    this.resourceObj = resData; //当前资源池
+                    this.executShow();//展示
+                }
+            });
+        },
+        methods:{
+            //自定义表单展示
+          async  executShow(){
+                // 跟据 menuId 和 当前用
+                // 传递
+                this.isShow = false;
+                let resourceObj = this.resourceObj;
+                this.flowId = resourceObj.rkey || '';
+                if(this.flowId){
+                     /*await this.axios.post(this.api.plFlowDefine.getById, {"id":this.flowId}).then(res=>{
+                         if(res.data){
+                            this.flowObj=res.data;
+                         }
+                     });*/
+                }
+                this.operateAuthority = {};
+                this.conditionId = "";
+                //let menuObj = window.resourceToMemu[this.resourceId];
+                //this.menuId = menuObj.id;
+
+                let loginUser = this.CACHE_GLOBAL.getLoginUser(); //获取当前用户
+                //根据 当前用户查询 数据权限和操作权限
+                //判断当前用户类型
+                if(loginUser.userType == 'sup'){ //开发者
+                    //查询数据权限和操作权限
+                    //操作权限
+                    let checkOperateKeysRoot = []; //操作权限 根节点
+                    let checkOperateKeysLeaf = []; //操作权限 叶子节点
+                    let operatePermisList=this.resourceObj.operatePermisList;
+                    operatePermisList.forEach(item =>{
+                        //处理操作权限
+                        if(item.powerCode=='children'){//叶子节点
+                            checkOperateKeysLeaf.push(item);
+                        }else{
+                            checkOperateKeysRoot.push(item);
+                        }
+                    });
+                   /* checkOperateKeysLeaf.forEach(leaf=>{
+                        checkOperateKeysRoot.forEach(root=>{
+                            if(leaf.parentId==root.id){
+                                checkOperateKeys.push(root.powerKey+"_"+leaf.powerKey);
+                            }
+                        });
+                    });*/
+                    this.operateRootArr=checkOperateKeysRoot;
+                    //数据权限
+                    let dataPermisList = this.resourceObj.dataPermisList || [];
+                    dataPermisList.forEach(dataPermis => {
+                        this.dataPermis += "," + dataPermis.powerKey;
+                    });
+                    if(this.dataPermis){
+                        this.dataPermis = this.dataPermis.substring(1);
+                    }
+
+                    this.isShow = true;
+                }else{ //根据 resourceId查询当前用户是否存在  资源权限  resourceId 如果存在获取数据权限和操作权限
+                    this.axios.post(this.api.auth.getOwnMenuOpt,{userId:loginUser.id,userType:loginUser.userType,optType:'source'}).then(res =>{
+                        if(res && res.data){
+                            let roleOptArr = [];
+                            (res.data || []).forEach(item =>{
+                                if(this.resourceId == item.menuId){
+                                    roleOptArr.push(item);
+                                }
+                            });
+                            if(roleOptArr.length > 0){
+                                //遍历权限
+                                let optPowerArr = []; //操作权限
+                                let dataPowerArr = []; //数据权限
+                                roleOptArr.forEach(item =>{
+                                    if(item.optPower){
+                                        optPowerArr = optPowerArr.concat(item.optPower.split(",") || []);
+                                    }
+                                    if (item.dataPower){
+                                        dataPowerArr = dataPowerArr.concat(item.dataPower.split(",") || []);
+                                    }
+                                });
+                                //去重
+                                let optPowerSet = new Set(optPowerArr);
+                                optPowerArr = Array.from(optPowerSet);
+                                //去重
+                                let dataPowerSet = new Set(dataPowerArr);
+                                dataPowerArr = Array.from(dataPowerSet);
+                                this.dataPermis = dataPowerArr.join(",");
+                                // 处理资源池权限信息
+                                let checkOperateKeysRoot = []; //操作权限 根节点1
+                                let rootArr = []; //操作权限 根节点2
+                                let arr = [];
+                                let checkOperateKeysLeaf = []; //操作权限 叶子节点
+                                let operatePermisList=this.resourceObj.operatePermisList;
+                                optPowerArr.forEach(item =>{
+                                    let result=operatePermisList.some(data =>{
+                                        if(item==data.id){
+                                            if(data.powerCode=='children'){//叶子节点
+                                                checkOperateKeysLeaf.push(data);
+                                                rootArr.push(data.parentId);
+                                            }else{//没有子节点的情况
+                                                arr.push(data.id)
+                                            }
+                                            return data;
+                                        }
+                                    });
+                                });
+                                let rootArrSet ="";
+                                if(rootArr.length==0){
+                                    rootArrSet = new Set(arr);
+                                }else{
+                                    rootArrSet=new Set(rootArr);
+                                }
+                                rootArr = Array.from(rootArrSet);
+                                rootArr.forEach(item =>{
+                                    let result=operatePermisList.some(data =>{
+                                        if(item==data.id){
+                                            checkOperateKeysRoot.push(data);
+                                            return data;
+                                        }
+                                    });
+                                });
+                                this.operateRootArr=checkOperateKeysRoot;
+                                this.isShow = true;
+                            }else{
+                                //强制跳转到首页
+                                let url = "/commonHome/welcome";
+                                this.routerPush(url);
+                            }
+                        }
+                    });
+                }
+            },
+
+            // /**
+            //  * 获取资源池对象
+            //  */
+            // async getResources(){
+            //     let res = await this.axios.post(this.api.resources.findResources,{id:this.resourceId,rType:"page"}); //查询自定义表单中资源池数据
+            //     if(res.data && res.data.operateObj){
+            //         this.resourceObj = res.data.operateObj[0]; //当前资源池
+            //     }
+            // },
+
+
+            /**
+             * 请求跳转
+             */
+            routerPush(url) {
+                this.$router.push({
+                    path: url
+                });
+
+            },
+            async initReousrceObj(){
+                let res =  await  vm.axios.post(this.api.resources.findResources,{'rSource':rSource,'rStatus':'1','rKey':this.rKey}); //获取绑定资源数据
+                if(res.data && res.data.operateObj){
+                    res.data.operateObj.forEach(item =>{
+                        this.sourcesObj[item.rkey] = item;
+                    });
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>