sasp-admin 0.2.57

package/src/views/preview/pdfViewer.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class="preview-pdf">
+        <div class="loading-block">
+            <img src="../../assets/images/loading-bar.gif" class="loading">
+            <p class="loading-word">加载中...</p>
+        </div>
+        <div ref="pdfViewerRef" style="z-index: 10;"></div>
+    </div>
+</template>
+
+<script>
+    import PDFObject from 'pdfobject';
+
+    export default {
+        name: "pdf-viewer",
+        data(){
+            return {
+                previewUrl: '/converterHtmlController/converterAttachment',
+                url: ''
+            }
+        },
+        mounted(){
+            this.getPDFUrl();
+        },
+        methods: {
+            getPDFUrl(){
+                const fjid = this.$route.query.fjid;
+                const fjType = this.$route.query.fjType;
+                const url = window.JAVA_URL + "/" + window.ADMIN_NAME +
+                    this.previewUrl +`?fjid=${fjid}&fjType=${fjType}`;
+                PDFObject.embed(url, this.$refs.pdfViewerRef, {style: 'position: absolute'});
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .preview-pdf{
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow-x: hidden;
+        overflow-y: hidden;
+
+        .loading-block{
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 150px;
+            height: 150px;
+            margin-left: -75px;
+            margin-top: -75px;
+
+            .loading{
+                width: 150px;
+                height: 100px;
+                z-index: 1;
+            }
+
+            .loading-word{
+                width: 150px;
+                text-align: center;
+                font-size: 14px;
+                font-family: "saspiconfont", sans-serif;
+                color: #333333;
+                letter-spacing: 4px;
+            }
+        }
+
+        /deep/{
+            .pdfobject-container {
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                left: 0;
+                right: 0;
+            }
+        }
+    }
+</style>

package/src/views/resources/js/resourcesCommon.js

@@ -0,0 +1,137 @@
+// 资源分类
+let arrRTypeDatas = [
+    {id: 'page', name: '公共页面资源'},
+    {id: 'menu', name: '菜单使用资源'},
+    {id: 'data', name: '数据资源'}
+];
+let MapRTypeDatas = {
+    'page':'公共页面资源',
+    'menu':'菜单使用资源',
+    'data':'数据资源'
+};
+
+// 资源分类
+let arrWhether = [
+    {id: '1', name: '是', tag: "success"},
+    {id: '0', name: '否', tag: "danger"}
+];
+
+// 资源状态
+let arrRStatus = [
+    {id: "1", name: "启用", tag: "default"},
+    {id: "0", name: "禁用", tag: "danger"},
+];
+
+// 数据请求类型
+let arrRDataReqType = [
+    {id: "add", name: "添加"},
+    {id: "delete", name: "删除"},
+    {id: "update", name: "修改"},
+    {id: "query", name: "查询"},
+];
+
+// 资源来源
+let arrRSource = [
+    {id: "form", name: "智能建表"},
+    {id: "flow", name: "工作流"},
+    {id: "cview", name: "复合视图"},
+    {id:"url",name:"URL资源"},
+    {id:"sys",name:"系统功能"},
+    {id:"singleForm",name:"单表表单"},
+    {id: "data", name: "大数据"},
+    {id: "gis", name: "GIS"},
+    {id: "iot", name: "物联网"},
+];
+
+// 是否限制入参
+let arrRIfRestrictedParams = [
+    {id: "1", name: "是", tag: ""},
+    {id: "0", name: "否", tag: "info"},
+];
+
+let objRTypeDatas = {};
+let objWhether = {};
+let objWhetherTag = {};
+let objRStatus = {};
+let objRStatusTag = {};
+let objRSource = {};
+let objRDataReqType = {};
+let objRIfRestrictedParams = {};
+
+arrRTypeDatas.forEach(data => {
+    objRTypeDatas[data.id] = data.name;
+});
+
+arrRStatus.forEach(data => {
+    objRStatus[data.id] = data.name;
+    objRStatusTag[data.id] = data.tag;
+});
+
+arrRSource.forEach(data => {
+    objRSource[data.id] = data.name;
+});
+
+arrRDataReqType.forEach(data => {
+    objRDataReqType[data.id] = data.name;
+});
+
+arrRIfRestrictedParams.forEach(data => {
+    objRIfRestrictedParams[data.id] = data.name;
+});
+
+arrWhether.forEach(data => {
+    objWhether[data.id] = data.name;
+    console.log("data.tog",data.tag);
+    objWhetherTag[data.id] = data.tag;
+});
+
+export default {
+    arrRTypeDatas,
+    MapRTypeDatas,
+    objRTypeDatas,
+    arrWhether,
+    objWhether,
+    objWhetherTag,
+    arrRStatus,
+    objRStatus,
+    objRStatusTag,
+    arrRSource,
+    objRSource,
+    arrRIfRestrictedParams,
+    objRIfRestrictedParams,
+    arrRDataReqType,
+    objRDataReqType,
+
+    /**
+     * 获取操作权限
+     * @param data
+     * @returns {[]}
+     */
+    getArrROperationAuthoritys(data) {
+        return data.rOperationAuthoritys ? JSON.parse(data.rOperationAuthoritys || '[]') : [];
+    },
+
+    /**
+     * 获取数据权限
+     * @param data
+     * @returns {[]}
+     */
+    getArrRDataAuthoritys(data) {
+        return data.rDataAuthoritys ? JSON.parse(data.rDataAuthoritys || '[]') : [];
+    },
+
+    /**
+     * 获取参数列表
+     */
+    getArrRParamLists(data) {
+        return data.rparamLists ? JSON.parse(data.rparamLists || '[]') : [];
+    },
+
+    /**
+     * 格式化操作类型
+     * @param data
+     */
+    formatterOpearteType(data){
+        return data.powerKey.indexOf("tree")> -1 ? '树' : '按钮';
+    }
+}

package/src/views/resources/resRouter/resView.vue

@@ -0,0 +1,161 @@
+<template>
+    <!--url 外部链接-->
+    <ifm-link :link-url="linkUrl" v-if="isIfm"></ifm-link>
+    <keep-alive v-else-if="ifurlnb" >
+        <component :is="activeIndex"
+        v-bind="paramObj"
+       :isRefresh="isRefresh"
+       style="height: 100%" ></component>
+    </keep-alive>
+    <!--url 内部链接 -->
+</template>
+
+<script>
+    import {IfmLink} from "sasp-admin";
+    export default {
+        name: "resView",
+        components: {IfmLink},
+        data(){
+            return{
+                rAgentUrl:this.$route.params.rAgentUrl, //代理地址
+                loginUser:{},
+                resourceUrl:{},
+                linkUrl:'', //外部链接地址
+                isIfm:false,
+                activeUrl:"",
+                activeParam:"",
+                paramObj:{},
+                ifurlnb:false,
+                activeIndex:{},
+                isRefresh:this.COMMON_FUNC.getUUID(),
+                allRouterArr:this.$router.options.routes || [],
+            }
+        },
+        watch:{
+            '$route.params.rAgentUrl' (to, from) {
+                this.initRouter();
+            }
+        },
+        created(){
+            //查询资源池
+            //获取资源池，然后根据资源池数据获取资源地址
+            this.getLoginUser();
+            this.initRouter();
+        },
+        methods:{
+            getLoginUser(){
+                this.loginUser = this.USER_GLOBAL.getLoginUser();
+            },
+
+            initRouter(){ //初始化跳转
+                this.linkUrl = '';
+                this.isIfm = false;
+                this.ifurlnb = false;
+                if(this.resourceUrl.hasOwnProperty(this.resourceId)){
+                    this.routerPush(this.resourceUrl[this.resourceId]);
+                }else {
+                    if(this.$route.params.rcommon){
+                        this.rAgentUrl = this.$route.params.rcommon + "/"+this.rAgentUrl;
+                    }
+                    this.axios.post(this.api.resources.find,{rAgentUrlEq:this.rAgentUrl,rType:'page',rStatus:'1'}).then(res =>{
+                        let url = "";
+                        let resouceArr = [];
+                        if(res && res.data){
+                            resouceArr = res.data || [];
+                        }
+                        if(resouceArr.length > 0){
+                            let resouceObj = {};
+                            let url = "";
+                            (resouceArr || []).some(item =>{
+                                if(item.rsource == 'url'){
+                                    this.ifurlnb = true;
+                                    url = item.ragentUrl;
+                                    //执行跳转
+                                    if(url.indexOf(".jsp")>-1||url.indexOf(".html")>-1){
+                                        this.$message("暂无功能！");
+                                    }else if(url.indexOf("http://") > -1 || url.indexOf("https://") > -1){
+                                        this.linkUrl = url;
+                                        this.isIfm = true;
+                                    }else {
+                                        this.isRefresh = this.COMMON_FUNC.getUUID();
+                                        this.activeUrl = '';
+                                        //递归遍历 router 路由 判断当前路由是否存在
+                                        let urlArr = url.split("/");
+                                        this.eachRouterSet(this.allRouterArr,urlArr,0);
+                                    }
+                                    return true;
+                                }else {
+                                    resouceObj = item;
+                                    this.ifurlnb = true;
+                                    if(!this.isEmptyObject(resouceObj)){
+                                        //判断 资源类型跳转到指定页面
+                                        this.$route.params["resourceId"] = resouceObj.id || ''; //传递resourceId
+                                        if (this.VIEW_COMPONENTS.hasOwnProperty(resouceObj.rsource)
+                                            &&this.VIEW_COMPONENTS[resouceObj.rsource].hasOwnProperty("res")) {
+                                            this.activeIndex = this.VIEW_COMPONENTS[resouceObj.rsource]["res"];//跳转到表单视图预览
+                                        }else{
+                                            this.$message("未引入相关组件，无法渲染！");
+                                            this.activeIndex = {};
+                                        }
+
+                                    }
+                                    return true;
+                                }
+                            });
+
+                        }
+                    });
+                }
+
+            },
+            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{
+                                this.activeIndex = item.component;
+                            }
+                        }
+                    }
+                })
+            },
+            /**
+             * 请求跳转
+             */
+            routerPush(url) {
+                this.$router.push({
+                    path: url
+                });
+
+            },
+
+
+            /**
+             * 判断obj对象是否为空
+             * @param obj
+             * @returns {boolean}
+             */
+            isEmptyObject(obj) {
+                for (let key in obj){
+                    if (obj.hasOwnProperty(key)) {
+                        return false;//返回false，不为空对象
+                    }
+                }
+                return true;//返回true，为空对象
+            },
+
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>

package/src/views/resources/resourcesTabs.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class="pos-abs-full" style="overflow-y: hidden;padding:5px;">
+        <el-button type="primary"
+                   size="small"
+                   style="position: absolute;right:20px;top:20px;z-index:999"
+                   @click="refreshCache"
+                    v-if="workTurnOn">刷新资源池缓存</el-button>
+        <el-tabs type="border-card" class="el-tabs-rel" @tab-click="tabClick" style="height: 100%;">
+            <el-tab-pane>
+                <span slot="label"><i class="el-icon-document"></i> 页面资源</span>
+                <pl-lazy time="0">
+                    <page-resources></page-resources>
+                </pl-lazy>
+            </el-tab-pane>
+            <el-tab-pane>
+                <span slot="label"><i class="el-icon-coin"></i> 数据资源</span>
+                <pl-lazy time="500">
+                    <data-resources></data-resources>
+                </pl-lazy>
+            </el-tab-pane>
+        </el-tabs>
+
+<!--        <div id="resBtnContainer">-->
+<!--            <el-button type="danger" icon="el-icon-refresh-right" @click="refreshCache" size="small">刷新缓存</el-button>-->
+<!--        </div>-->
+    </div>
+</template>
+
+<script>
+    import PageResources from "./tabs/pageResources";
+    import DataResources from "./tabs/dataResources";
+    import {WORK_GLOBAL} from "sasp-base";
+
+    export default {
+        name: "resources-tabs",
+        components: {DataResources, PageResources},
+        data() {
+            return {
+                workTurnOn:false,
+            };
+        },
+        created(){
+            this.initWorkStageTurnOn();
+        },
+
+        methods: {
+            tabClick(tab) {
+                tab && tab.$children && tab.$children[0] && tab.$children[0].$children[0] && tab.$children[0].$children[0].crud && tab.$children[0].$children[0].crud.search();
+            },
+
+            /**
+             * 刷新缓存
+             * @param noMessage 是否不提示
+             */
+            refreshCache(noMessage) {
+                this.axios.post(this.api.resources.initData).then(res => {
+                    !noMessage || this.$message({
+                        duration: 1000,
+                        message: res.data.operateMessage,
+                        type: "success"
+                    });
+                });
+            },
+
+            initWorkStageTurnOn(){
+                this.workTurnOn = WORK_GLOBAL.getTurnOn(this.switchOnline,"4669d978200511ec95d7431cceb3a268");
+            },
+            switchOnline(val){
+                this.workTurnOn = val;
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    #resBtnContainer {
+        position: absolute;
+        top: 9px;
+        right: 20px;
+        display: inline-block;
+    }
+</style>