sasp-admin 0.2.57

package/src/views/menuRouter/cview/cviewShow.vue

@@ -0,0 +1,18 @@
+<template>
+    <complex-view-rendering  :resource-id="this.$route.query.resourceId"
+                        :operate-permis="this.$route.query.operatePermis"
+                        :data-permis="this.$route.query.dataPermis">
+    </complex-view-rendering>
+</template>
+
+<script>
+    import ComplexViewRendering from '../../../components/complexViewRendering'
+    export default {
+        name: "cview-show",
+        components: {ComplexViewRendering},
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/menuRouter/cviewMenuRouter.vue

@@ -0,0 +1,183 @@
+<!--复合视图 菜单类型跳转-->
+<template>
+    <complex-view-rendering    v-if="isShowView"
+                        :resource-id="resourceId"
+                        :operate-permis="operatePermis"
+                        :data-permis="dataPermis">
+    </complex-view-rendering>
+
+</template>
+
+<script>
+    import ComplexViewRendering from "../../components/complexViewRendering";
+    export default {
+        name: "cviewMenuRouter",
+        components: {ComplexViewRendering},
+        props:{
+            cresourceId: { //资源id
+                type: String,
+                default: ''
+            },
+            cmenuId:{//菜单id
+                type: String,
+                default: ''
+            },
+            isCloudView:{
+                type: Boolean,
+                default: false
+            }
+        },
+        data(){
+            return{
+                isShowView:false,
+                resourceId:this.$route.params.resourceId,
+                optType:this.$route.query.optType,
+                menuId:this.$route.query.menuId,
+                operatePermis: '', //操作权限
+                dataPermis: '', //数据权限
+                resourceObj:{},
+                menuObj:{},
+
+            }
+        },
+        created(){
+            if(!this.resourceId){
+                this.resourceId = this.cresourceId;
+            }
+            if((!this.menuId) || (this.menuId == "0")){
+                this.menuId = this.cmenuId;
+            }
+            //删除 全局变量menuid
+            this.getResources().then(() => { //获取资源池
+                this.executShow();
+            })
+        },
+        methods:{
+            async executShow(){
+                this.isShowView = false;
+                this.getMenuObj().then(() => {
+                    let resourceObj = this.resourceObj;
+                    let loginUser = this.USER_GLOBAL.getLoginUser(); //获取当前用户
+                    if(loginUser.userType == 'sup' || this.isCloudView){ //开发者
+                        //查询数据权限和操作权限
+                        //操作权限
+                        //获取菜单中的操作权限
+                        this.operatePermis = (this.menuObj || {}).operatePermis || ''; //操作权限
+                        this.dataPermis = (this.menuObj || {}).dataPermis || '';//数据权限
+                        this.isShowView = true;
+                    }else{
+                        this.RES_GLOBAL.getUserOwnMenuOpt().then(datas =>{
+                            let roleOptArr = [];
+                            (datas || []).forEach(item =>{
+                                // if(this.optType == 'source'){
+                                //     if(this.resourceId == item.menuId){ //数据资源
+                                //         roleOptArr.push(item);
+                                //     }
+                                // }else if(this.optType == 'menu'){
+
+                                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);
+                                let optPowerKeyArr = [];
+                                let operatePermisList = ((this.menuObj || {}).operatePermis || '').split(","); //菜单操作权限
+                                (resourceObj.operatePermisList || []).forEach(item =>{
+                                    // 菜单与角色权限同时存在时可以显示
+                                    if((optPowerArr || []) .indexOf(item.id) > -1 && operatePermisList.indexOf(item.id) > -1){
+                                        optPowerKeyArr.push(item.id);
+                                    }
+                                });
+                                let dataPowerKeyArr = [];
+                                let dataPermisList = ((this.menuObj || {}).dataPermis || '').split(",");//菜单数据权限
+                                (resourceObj.dataPermisList || []).forEach(item =>{ //数据权限
+                                    if((dataPowerArr || []) .indexOf(item.id) > -1 && dataPermisList.indexOf(item.id) > -1){
+                                        dataPowerKeyArr.push(item.id); //数据权限 arr
+                                    }
+                                });
+                                this.operatePermis = optPowerKeyArr.join(",");
+                                this.dataPermis = dataPowerKeyArr.join(",");
+                            }else{
+                                //强制跳转到首页
+                                let url = "/commonHome/welcome";
+                                this.routerPush(url);
+                            }
+                            this.isShowView = true;
+                        });
+                    }
+                })
+            },
+
+            /**
+             * 获取菜单对象
+             */
+            getMenuObj(){
+                return new Promise(resolve => {
+                    if(window.menuIdToMenuObj){
+                        this.menuObj = window.menuIdToMenuObj[this.menuId];
+                        resolve();
+                    }else{
+                        //新窗口打开时查询菜单信息
+                        this.axios.post(this.api.menu.getById,{id:this.menuId}).then(res => {
+                            if(res && res.data){
+                                this.menuObj = res.data;
+                            }
+                            resolve();
+                        });
+                    }
+                })
+            },
+
+            /**
+             * router 跳转到  请求跳转
+             *
+             *
+             * 获取资源池对象
+             */
+            getResources(){
+                return new Promise(resolve => {
+                    this.RES_GLOBAL.getById(this.resourceId).then(resData => {
+                        this.resourceObj = resData; //当前资源池
+                        resolve();
+                    });
+                })
+                // let res = await this.axios.post(this.api.resources.findResources,{id:this.resourceId}); //查询自定义表单中资源池数据
+                // if(res.data && res.data.operateObj){
+                // }
+            },
+
+            /**
+             * 请求跳转
+             */
+            routerPush(url) {
+                this.$router.push({
+                    path: url
+                });
+
+            },
+
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/menuRouter/menuView.vue

@@ -0,0 +1,132 @@
+<template>
+    <ifm-link :link-url="linkUrl" v-if="isIfm">
+    </ifm-link>
+</template>
+
+<script>
+    import IfmLink from "../../components/ifmLink";
+    export default {
+        name: "menuView",
+        components: {IfmLink},
+        data(){
+            return{
+                oldFullPath:this.$route.fullPath,
+                resourceId:this.$route.params.resourceId,
+                menuId:this.$route.query.menuId,
+                menuResourceUrl:{},
+                linkUrl:'', //外部链接地址
+                isIfm:false
+            }
+        },
+        created(){
+            this.initRouter();
+        },
+        watch: {
+          '$route.fullPath'() {
+            window.menuViewWatch = window.menuViewWatch || {};
+            if (window.menuViewWatch[this.$route.fullPath] && new Date().getTime() - window.menuViewWatch[this.$route.fullPath] < 10) {
+              return;
+            }
+            window.menuViewWatch[this.$route.fullPath] = new Date().getTime();
+            // console.log("...oldFullPath...", this.oldFullPath);
+            // console.log("...fullPath...", this.$route.fullPath);
+            this.menuId = this.$route.query.menuId;
+            if (this.$route.params.resourceId && this.resourceId != this.$route.params.resourceId) {
+              this.resourceId = this.$route.params.resourceId;
+            }
+            this.initRouter();
+          },
+        },
+        methods: {
+            initRouter() { //初始化跳转
+                this.linkUrl = '';
+                this.isIfm = false;
+                // 会涉及到同异步问题，所以需要多次判断
+                if (this.$route.fullPath.indexOf("/menuView/") == -1) {
+                    this.routerPush(this.$route.fullPath);
+                    return;
+                }
+                if (this.menuResourceUrl[this.menuId]) {
+                    if(this.menuResourceUrl[this.menuId].indexOf("http://") > -1 || this.menuResourceUrl[this.menuId].indexOf("https://") > -1||
+                    this.menuResourceUrl[this.menuId].indexOf(".jsp")>-1||this.menuResourceUrl[this.menuId].indexOf(".html")>-1){
+                        this.linkUrl = this.menuResourceUrl[this.menuId];
+                        this.isIfm = true;
+                        return false;
+                    }else{
+                        this.routerPush(this.menuResourceUrl[this.menuId]);
+                    }
+                    return;
+                }
+
+                this.RES_GLOBAL.getById(this.resourceId).then(resData => {
+                    let url = "";
+                    if (resData) {
+                        if(resData.rstatus == '0'){
+                            this.$message({
+                                message: "该资源已禁用，无法访问！",
+                                type: 'warning'
+                            });
+                            return false;
+                        }
+                        let firstUrl = this.$route.fullPath;
+
+                        // 会涉及到同异步问题，所以需要多次判断
+                        if (firstUrl.indexOf("/menuView/") == -1) {
+                            url = this.$route.fullPath;
+                        }else if (resData.rsource == "url") {
+                            url = resData.ragentUrl;
+                        } else if(this.VIEW_COMPONENTS[resData.rsource]){
+                            firstUrl = firstUrl.substring(0, firstUrl.indexOf("/menuView/"));
+                            url = firstUrl + "/" + this.VIEW_COMPONENTS[resData.rsource].menu + "/" + this.resourceId;
+                        } else {
+                          let resourceKey = "";
+                          this.QIANKUN_ACTIVE_RULES.forEach(item => {
+                            if (resData.rsource.indexOf(item) > -1) {
+                              resourceKey = item;
+                            }
+                            if (this.VIEW_COMPONENTS[resourceKey]) {
+                              firstUrl = firstUrl.substring(0, firstUrl.indexOf("/menuView/"));
+                              url = firstUrl + "/" + this.VIEW_COMPONENTS[resourceKey].menu + "/" + this.resourceId;
+                            }
+                          });
+                        }
+                    }
+                    this.menuId&&(this.menuResourceUrl[this.menuId] = url);
+                    //执行跳转
+                    if(url.indexOf("http://") > -1 || url.indexOf("https://") > -1){
+                        this.linkUrl = url;
+                        this.isIfm = true;
+                        // window.open(url);
+                        return false;
+                    }else if(url.indexOf(".jsp")>-1||url.indexOf(".html")>-1){
+                        this.$message("暂无功能！");
+                        return false;
+                    }
+
+                    this.$nextTick(() => {
+                      // 执行跳转
+                      this.routerPush(url);
+                    })
+
+                });
+            },
+
+            /**
+             * 请求跳转
+             */
+            routerPush(url,param) {
+                this.$router.push({
+                    path: url,
+                    query: {resourceId: this.resourceId,menuId:this.menuId}
+                });
+
+            },
+
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>

package/src/views/menuRouter/urlMenuRouter.vue

@@ -0,0 +1,160 @@
+<!--url 菜单类型跳转-->
+<template>
+    <el-container style="height: 100%">
+        <keep-alive v-if="showInsideLink">
+            <!--内部链接赋值操作权限和数据权限 -->
+            <component :is="activeIndex"
+                       :optArr="operatePermisArr"
+                       :dataArr="dataPermisArr"
+                       style="height: 100%" >
+            </component>
+        </keep-alive>
+
+    </el-container>
+
+</template>
+
+<script>
+    export default {
+        name: "urlMenuRouter",
+        props:{
+            isRefresh:{type:Boolean,default:false},
+            paramResourceId: {type:String,default:""}
+        },
+        data(){
+            return{
+                resourceObj:{}, //资源池总对象
+                resourceId:this.$route.query.resourceId||this.paramResourceId,
+                menuId:this.$route.query.menuId,
+                operatePermis:this.$route.query.operatePermis,
+                dataPermis:this.$route.query.dataPermis,
+                linkUrl: '',
+                activeIndex:{},
+                showInsideLink:false,
+                allRouterArr:this.$router.options.routes || [], //所有router配置
+                operatePermisArr:[],//操作权限 powerCode arr
+                dataPermisArr:[], //数据权限 powerCode arr
+                userType:'', //登录用户类型
+            }
+        },
+        created(){
+            let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+            this.userType = loginUser.userType;
+            this.getResources().then(() =>{
+                this.executRouter();
+            });
+        },
+        watch:{
+            resourceId(){
+                this.executRouter();
+            },
+            isRefresh(){
+                this.executRouter();
+            },
+        },
+        methods:{
+            /**
+             * 获取资源池对象
+             */
+          getResources(){
+              return new Promise(resolve => {
+                  this.RES_GLOBAL.getById(this.resourceId,this.userType).then(res =>{
+                      this.resourceObj[res.id] = res;
+                      resolve();
+                  });
+              })
+            },
+
+            /**
+             * 执行url解析和跳转
+             */
+            executRouter(){
+                this.showInsideLink = false;
+                if(this.resourceId && this.resourceObj[this.resourceId]){
+                    let resourceObj = this.resourceObj[this.resourceId];
+                    let url = resourceObj.ragentUrl || '';
+                    //解析操作权限和数据权限
+                    let operateKeysArr = (this.operatePermis || '').split(",");
+                    let dataKeysArr = (this.dataPermis || '').split(",");
+                    this.operatePermisArr = [];
+                    this.dataPermisArr = [];
+                    (resourceObj.operatePermisList || []).forEach(item =>{
+                        if(operateKeysArr.indexOf(item.id) > -1){
+                            this.operatePermisArr.push(item.powerCode);//操作权限
+                        }
+                    });
+                    (resourceObj.dataPermisList || []).forEach(item =>{
+                        if(dataKeysArr.indexOf(item.id) > -1){
+                            this.dataPermisArr.push(item.powerCode); //数据权限
+                        }
+                    });
+                    if(url){
+                        if(url.indexOf("http://") > -1||url.indexOf("https://") > -1){ //外部链接直接 open跳转
+                            window.open(url); //外部链接不存在数据权限和操作权限
+                            return;
+                        }else {
+                           /* // 操作权限和数据权限
+                            this.linkUrl = url;
+                            // 操作权限和数据权限
+
+                            this.activeIndex =() => Promise.resolve(require(url + '.vue').default);*/
+                            // this.activeIndex =() => import('../framework/' + url + '.vue');
+                          let urlArr = url.split("/");
+                          this.eachRouterSet(this.allRouterArr,urlArr,0);
+                            this.showInsideLink = true;
+                        }
+
+                    }
+
+                }
+            },
+          eachRouterSet(allRouterArr,urlArr,index){
+            allRouterArr.forEach(item =>{
+              if(urlArr[index + 1]){
+                if(urlArr[index +1] == (item.name ? item.name : item.path)){
+                  //当前匹配
+                  //判断 urlArr是否存在下级
+                  if(index+2 >= urlArr.length){ //则当前地址为我需要的实际地址
+                    let componentString = item.component.toString();
+                    let arr = componentString.split("\"");
+                    this.activeUrl = arr[arr.length - 2] || '';
+                    this.activeIndex = item.component;
+                  }else if(item.children && item.children.length > 0) {
+                    //如果存在下级
+                    allRouterArr = item.children || [];
+                    index = index + 1;
+                    this.eachRouterSet(allRouterArr,urlArr,index);
+                  }
+                }
+              }
+
+            })
+          },
+            /**
+             * router 请求跳转
+             */
+            routerPush(url,menuId) {
+                this.menuIsIfm = (url && (url.indexOf(".jsp") > -1 || url.indexOf(".html") > -1));
+                if (this.menuIsIfm) {
+                    this.$nextTick(() => {
+                        this.$router.push({
+                            name: "ifmPage", query: {menuId: menuId}
+                        });
+                    });
+                } else {
+                    if(url.indexOf("/") == -1){
+                        url = "/"+ url;
+                    }
+                    this.$router.push({
+                        path: '/commonHome/role', query: {menuId: menuId}
+                    });
+                }
+            },
+
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>