sasp-admin 0.2.57

package/src/components/public/upload/uploadImg.js

@@ -0,0 +1,8 @@
+let imgResults = {};
+
+let requireImgs = require.context("./images", false);
+requireImgs.keys().forEach(imgName => {
+    imgResults[imgName.replace("./", "")] = requireImgs(imgName);
+});
+
+export default imgResults;

package/src/views/VueMenuView.vue

@@ -0,0 +1,143 @@
+<!--菜单标签-->
+<template>
+    <!--弹出自定义页面-->
+    <component v-if="openDialogVisible && menuType == 'url'"
+               v-bind="openDialogData.paramObj"
+               ref="diyPageRef"
+               :is="componentIndex">
+    </component>
+
+    <!--单表表单-->
+    <single-form-menu-router
+            v-else-if="openDialogVisible && menuType == 'singleForm'"
+            :cresourceId="resourceId"
+            isCloudView
+            :cmenuId="menuId">
+    </single-form-menu-router>
+
+    <!--智能建表-->
+    <form-menu-router
+            v-else-if="openDialogVisible && menuType == 'form'"
+            :cresourceId="resourceId"
+            isCloudView
+            :cmenuId="menuId">
+    </form-menu-router>
+
+    <!--复合视图-->
+    <cview-menu-router
+            v-else-if="openDialogVisible && menuType == 'cview'"
+            :cresourceId="resourceId"
+            isCloudView
+            :cmenuId="menuId">
+    </cview-menu-router>
+
+    <!--工作流-->
+    <flow-menu-router v-else-if="openDialogVisible && menuType == 'flow'"
+                      :cresource-id="resourceId"
+                      isCloudView
+                      style="overflow: hidden;">
+    </flow-menu-router>
+</template>
+
+<script>
+    import CviewMenuRouter from "./menuRouter/cviewMenuRouter"; //工作流预览
+
+    export default {
+        name: "vue-menu-view",
+        components: {CviewMenuRouter},
+        props:{
+            menuType:{required: true, default: ""},
+            resourceId:{required:true,default:''}, //资源id
+            menuId:{required:true,default:''}, //菜单id
+        },
+
+        data(){
+            return{
+                componentIndex:'', //获取页面实际路径
+                openDialogVisible:false,
+                openDialogData:{
+                    paramObj:{'cloudResourceId':this.resourceId} //绑定参数
+                }
+            }
+        },
+        watch:{
+            resourceId(){
+                this.initMenuView();
+            }
+        },
+        created(){
+            this.initMenuView();
+        },
+        methods:{
+            /**
+             * 初始化菜单预览
+             */
+            initMenuView(){
+                //根据资源id 获取
+                this.openDialogVisible = false;
+                this.RES_GLOBAL.getById(this.resourceId).then(resData => {
+                    this.openDialogVisible = true;
+                    if(this.menuType == 'url'){ //自定义页面
+                        this.getIndex(resData.ragentUrl);
+                        if (!window.resourceToMemu) {
+                            window.resourceToMemu = {};
+                        }
+                    }
+                    //赋值权限
+                });
+
+            },
+            /**
+             * 获取自定义页面路径
+             */
+            getIndex(componentUrl){
+                this.openDialogVisible = false;
+                if(!componentUrl){
+                    return;
+                }
+                let index = componentUrl.indexOf(".vue");
+                if(index > -1){
+                    componentUrl = componentUrl.substring(0,index);
+                }
+                if(componentUrl.indexOf("/") == 0){
+                    componentUrl = componentUrl.substring(1);
+                }
+                let urlArr = componentUrl.split("/");
+                let allRouterArr = this.$router.options.routes || []; //获取当前router中所有的
+                this.eachRouterSet(allRouterArr,urlArr,-1);
+                console.log("componentIndex....",this.componentIndex);
+                this.openDialogVisible = true;
+            },
+
+            /**
+             * 遍历
+             * @param allRouterArr
+             * @param urlArr
+             * @param index
+             */
+            eachRouterSet(allRouterArr,urlArr,index){
+                allRouterArr.forEach(item =>{
+                    if(urlArr[index + 1]){
+                        if((urlArr[index +1] == (item.name ? item.name : item.path))||((item.name ? item.name : item.path)).indexOf(urlArr[index +1]+"/:")>-1){
+                            //当前匹配
+                            //判断 urlArr是否存在下级
+                            if(item.children && item.children.length > 0) {
+                                //如果存在下级
+                                allRouterArr = item.children || [];
+                                index = index + 1;
+                                this.eachRouterSet(allRouterArr,urlArr,index);
+                            }else{
+                                console.log("item....",item);
+                                this.componentIndex = item.component;
+                            }
+                        }
+                    }
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/cloudMenuView.vue

@@ -0,0 +1,125 @@
+<template>
+    <el-tabs v-model="activeName" style="height: 100%;"  class="cloud-tabs"  @tab-click="clickTab">
+        <el-tab-pane v-for="(item,index) in tagArrs" :key="index" :name="item.id" style="height: 100%">
+            <template slot="label">
+                <div slot="reference">
+                    {{item.name}}
+                </div>
+            </template>
+            <div class="p-tab-view">
+                <!--判断渲染对应组件-->
+                <keep-alive v-if="item.refreshTab">
+                    <vue-menu-view :menu-type="item.resourceType"
+                                   :menu-id="item.id"
+                                   :resource-id="item.resourceId"></vue-menu-view>
+                </keep-alive>
+                <ifm-page
+                        v-if="item.refreshTab && item.url && (item.url.indexOf('.jsp')>-1 || item.url.indexOf('.html')>-1)"
+                        :menu-id="item.id" :menu-url="item.url"></ifm-page>
+            </div>
+        </el-tab-pane>
+    </el-tabs>
+</template>
+
+<script>
+    import VueMenuView from "./VueMenuView";
+
+    export default {
+        name: "cloud-menu-view",
+        components: {VueMenuView},
+        props:{
+            installKey:{type:String,required:true},
+        },
+        data(){
+            return {
+                activeName:"0",
+                tagArrs:[],
+                menuIsIfm: false, // 当前点击的菜单是否是iframe
+                loadRouteSuccess: true, // 避免直接访问内部页面预先加载
+            }
+        },
+        watch:{
+
+        },
+        created() {
+            this.axios.post(this.api.menu.find,{id:this.installKey}).then(res => {
+                (res.data || []).forEach(menuObj => {
+                    if(menuObj.menuType == 'resourcePool'){ //夫菜单不需要
+                        let bindSource = JSON.parse(menuObj.bindSource);
+                        let resourceId = bindSource[bindSource.length - 1];
+                        let resourceType = bindSource[0];
+                        this.$set(menuObj,'menuUrl',"/commonHome/menuView/" + resourceId);
+                        let  newMenu = {
+                            name: menuObj.menuName,
+                            id: menuObj.id,
+                            url: menuObj.menuUrl,
+                            visible: false,
+                            menuUrl: menuObj.menuUrl,
+                            resourceType:resourceType,
+                            resourceId:resourceId, //资源池id
+                            refreshTab: false,
+                            operatePermis:menuObj.operatePermis,
+                        };
+                        this.tagArrs.push(newMenu);
+                    }
+                })
+                if(this.tagArrs.length > 0){
+                    this.activeName = this.tagArrs[0].id;
+                    this.showMenu(this.tagArrs[0]);
+                    this.refreshTab(this.tagArrs[0]);
+                }
+            })
+        },
+        methods:{
+            clickTab(select){
+                let menuInfo = this.tagArrs[select.index];
+                //点击
+                // this.activeName = select.name;
+                this.showMenu(menuInfo);
+                this.refreshTab(menuInfo);
+            },
+
+            refreshTab(tab) {
+                tab.refreshTab = false;
+                this.$nextTick(() => {
+                    tab.refreshTab = true;
+                });
+                tab.visible = false;
+            },
+
+            /**
+             * 请求跳转
+             */
+            showMenu(menuObj) {
+                this.menuIsIfm = (menuObj.menuUrl && (menuObj.menuUrl.indexOf(".jsp") > -1 || menuObj.menuUrl.indexOf(".html") > -1));
+                if (this.menuIsIfm) {
+                    this.$nextTick(() => {
+                        this.$router.push({
+                            name: "ifmPage", query: {menuId: menuObj.id}
+                        });
+                    });
+                }
+            },
+
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .cloud-tabs /deep/ .el-tabs__content{
+        height: calc(100% - 70px);
+        overflow-y: auto;
+    }
+    .cloud-tabs /deep/ .el-tabs__nav-wrap::after{
+        height: 1px;
+    }
+
+    .p-tab-view {
+        height: 100%;
+        overflow: hidden;
+        padding: 3px;
+        position: relative;
+        box-sizing: border-box;
+    }
+
+</style>