sasp-admin 0.2.57

package/src/views/menu/tenantMenuManage.vue

@@ -0,0 +1,1132 @@
+<template>
+    <div style="width: 100%;height: 100%" @click="menuVisible = false">
+        <el-main style="height:100%;padding: 10px;overflow-y: hidden;position: relative" class="menu-manage-main" v-loading="loading" element-loading-text="加载中">
+            <el-menu
+                    :style="{'position': 'fixed','z-index':'99','top':top,'left':left}"
+                    class="el-menu-vertical"
+                    @select="handleRightSelect"
+                    background-color="#545c64"
+                    text-color="#fff"
+                    v-show="menuVisible">
+                <el-menu-item index="addChild">
+                    <i class="el-icon-circle-plus"></i>
+                    <span slot="title">添加下级菜单</span>
+                </el-menu-item>
+                <el-menu-item index="addSame">
+                    <i class="el-icon-circle-plus-outline"></i>
+                    <span slot="title">添加同级菜单</span>
+                </el-menu-item>
+                <el-menu-item index="removeCurrent">
+                    <i class="el-icon-delete"></i>
+                    <span slot="title">删除当前菜单</span>
+                </el-menu-item>
+                <el-menu-item index="removeCheck">
+                    <i class="el-icon-remove"></i>
+                    <span slot="title">删除勾选菜单</span>
+                </el-menu-item>
+                <el-menu-item index="copyCurrent">
+                    <i class="el-icon-document"></i>
+                    <span slot="title">复制或转移当前菜单</span>
+                </el-menu-item>
+                <el-menu-item index="copyCheck">
+                    <i class="el-icon-tickets"></i>
+                    <span slot="title">复制或转移勾选菜单</span>
+                </el-menu-item>
+            </el-menu>
+
+
+            <!--<el-popover style="margin-left: 10px;margin-right: 10px;" v-model="importVisible"-->
+                        <!--placement="bottom" width="200" trigger="click">-->
+                <!--<el-upload-->
+                        <!--class="upload-demo"-->
+                        <!--ref="impFileRef"-->
+                        <!--:auto-upload="false"-->
+                        <!--:file-list="fileList"-->
+                        <!--:action="api.menu.importMenuData"-->
+                        <!--:limit="1"-->
+                        <!--accept=".clmdmp"-->
+                        <!--:on-exceed="limitFile"-->
+                        <!--:on-change="changeFile"-->
+                        <!--:before-upload="beforeUpload"-->
+                        <!--:http-request="uploadFileMethod">-->
+                    <!--<el-button slot="trigger" size="small" type="primary">选取导入文件</el-button>-->
+                    <!--<el-button style="margin-left: 10px;" size="small" type="success" @click="beginImp">-->
+                        <!--导入-->
+                    <!--</el-button>-->
+                <!--</el-upload>-->
+                <!--&lt;!&ndash;<el-button type="warning" size="small" round slot="reference" icon="el-icon-bottom-left">导入&ndash;&gt;-->
+                <!--&lt;!&ndash;</el-button>&ndash;&gt;-->
+                <!--<span  class="el-menu-import" @click="importMenu" slot="reference">-->
+                <!--<el-tooltip content="菜单导入"  effect="light" >-->
+                    <!--<i class="saspiconfont pl-icon-daoru " style="font-size: 25px"></i>-->
+                <!--</el-tooltip>-->
+            <!--</span>-->
+            <!--</el-popover>-->
+
+
+            <el-tabs v-model="activeName" type="border-card" ref="tab">
+                <el-tab-pane v-for="(obj,index) in tabNames"
+                             v-if="(menuType == 'web'&& obj.id != mobileTabId) || (menuType == 'mobile' && obj.id == mobileTabId)"
+                             :label="obj.value" :key="index">
+                    <menu-manage-component
+                            :menuLocal="obj.value"
+                            :orgDimensionId="obj.id"
+                            :sysFeatureMenuTypeOptions="sysFeatureMenuTypeOptions"
+                            :customFunctionMenuOptions="customFunctionMenuOptions"
+                            :sysFunctionAddressMap="sysFunctionAddressMap"
+                            :customFunctionAddressMap="customFunctionAddressMap" :ref="'tab_'+index"
+                            @changeRightMenuStatus="changeMenuStatus"
+                            @refreshMenuData="refreshMenuData"
+                            :menuAllData="menuAllData"
+                            :moduleAllData="moduleAllData"
+                            :sourcesObj="sourcesObj"
+                            :sourcesArr="sourcesArr"
+                            :initSysRources="initSysRources"
+                            :loadResource="loadResource"
+                            @func="closeDialog"
+                            @exportMenu="exportMenu"
+                            @menuPush="menuPush"
+                    >
+                    </menu-manage-component>
+                </el-tab-pane>
+
+            </el-tabs>
+
+
+            <el-dialog :close-on-click-modal=false title="选择归属" :visible.sync="changeLocalDialog" top="20vh">
+                <el-form :model="formData" ref="localRef">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="菜单名称" label-width="120px">
+                                <el-input v-model="formData.menuName" disabled></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="菜单归属" label-width="120px" prop="menuLocalAll" :rules="plValidate('required')">
+                                <el-cascader v-model="formData.menuLocalAll" :options="options" style="width: 100%"></el-cascader>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="saveLocal" size="small" icon="el-icon-success">确定</el-button>
+                    <el-button @click="changeLocalDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+            <!--复制或转移菜单-->
+            <el-dialog title="请选择要复制或移动的位置" :visible.sync="copyDialogVisible" v-if="copyDialogVisible" :close-on-click-modal=false append-to-body
+                       top="15vh" width="60%" height="450px">
+                <el-form :model="copyMenuformData" ref="copyRef">
+                    <el-row>
+                        <el-col :span="24">
+                            <el-form-item label="菜单归属" label-width="100px" prop="model">
+                                <el-select v-model="copyMenuformData.model" placeholder="请选择" :rules="plValidate('required')" @change="changeModel">
+                                    <el-option
+                                            v-for="item in tabNames"
+                                            :key="item.id"
+                                            :label="item.value"
+                                            :value="item.id">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="24">
+                            <el-form-item label="菜单分类" label-width="100px" prop="menu">
+                                 <el-cascader v-model="copyMenuformData.menu" :props="defaultProps" :key="cascaderKey" filterable ref="cascaderArr"
+                                              :options="copyMenu" :show-all-levels="false" :change-on-select="true" @change="close"></el-cascader>
+                                 </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <div slot="footer" class="dialog-footer" align="center" >
+                    <el-button type="primary" @click="copy('copyAndMove')" size="small" icon="el-icon-success">复制并移动</el-button>
+                    <el-button type="primary" @click="copy('copy')" size="small" icon="el-icon-success">复制</el-button>
+                    <el-button @click="copyDialogVisible = false" size="small" icon="el-icon-error">关闭</el-button>
+                </div>
+            </el-dialog>
+            <el-dialog title="资源上传" class="uploadDialog" append-to-body
+                       @close="viewDialogClose" :close-on-click-modal="false"
+                       :visible.sync="sureUploadResourceVisible" width="60%" height="55%" top="18vh">
+                <el-container style="height: 100%;width: 100%">
+                    <el-form :model="cloudUploadObj"  style="width: 100%;height: 100%" ref="cloudUploadFormRef" label-width="110px">
+                        <el-form-item label="资源名称" prop="sourceName" :rules="plValidate('required')" style="width: 100%">
+                            <el-input v-model="cloudUploadObj.sourceName"
+                                      maxlength="50"
+                                      show-word-limit></el-input>
+                        </el-form-item>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="资源版本" prop="sourceVersion" :rules="plValidate('required','thanZeroNumber')" style="width: 100%">
+                                    <el-input v-model="cloudUploadObj.sourceVersion" maxlength="10" show-word-limit></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="资源Key" prop="sourceKey"  style="width: 100%" :rules="sourceKeyRules">
+                                    <el-input v-model="cloudUploadObj.sourceKey"  maxlength="32" show-word-limit></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-form-item label="资源说明" prop="sourceMark" style="width: 100%" :rules="plValidate('required')">
+                            <el-input size="small" type="textarea" v-model="cloudUploadObj.sourceMark"
+                                      :rows="8" resize="none" style="margin-bottom: 7px;" maxlength="500" show-word-limit></el-input>
+                        </el-form-item>
+                    </el-form>
+                </el-container>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="startUploadCloud()" size="small" icon="el-icon-success">上 传</el-button>
+                    <el-button @click="sureUploadResourceVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+
+            <el-dialog title="应用内容推送"  append-to-body
+                       @close="viewMenuPushDialogClose" :close-on-click-modal="false"
+                       v-loading="menuPushLoading"
+                       element-loading-text="正在推送请稍后..."
+                       element-loading-spinner="el-icon-loading"
+                       element-loading-background="rgba(0, 0, 0, 0.4)"
+                       :visible.sync="sureMenuPushVisible" width="60%" height="55%" top="10vh">
+                <el-container style="height: 100%;width: 100%">
+                    <el-form :model="menuPushObj"  style="width: 100%;height: 100%" ref="menuPushObjFormRef" label-width="110px">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="关联菜单" prop="linkMenuName" >
+                                    <el-input v-model="menuPushObj.linkMenuName" disabled></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="推送类型" prop="pushType"  style="width: 100%">
+                                    <el-radio-group v-model="menuPushObj.pushType" disabled>
+                                        <el-radio :label="key" v-for="(value,key) in pushTypeObj" :key="key">
+                                            {{value}}
+                                        </el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="内容名称" prop="contentName"  style="width: 100%" :rules="plValidate('required')">
+                                    <el-input v-model="menuPushObj.contentName"  maxlength="100" show-word-limit></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="内容版本" prop="contentVersion"  style="width: calc(100% - 10px);" :rules="menuPushContentVersion">
+                                    <el-input v-model="menuPushObj.contentVersion" ></el-input>
+                                    <el-tooltip effect="dark" content="内容版本默认为1.0,升级状态的推动类型默认为上次版本+0.01,小数位最高.99" placement="top">
+                                        <i class="el-icon-info" style="position:absolute;top: 10px;right:-15px;
+                                                                font-size: 16px;cursor: pointer;color: #5cb6ff;"></i>
+                                    </el-tooltip>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-form-item label="内容说明" prop="contentMark" style="width: 100%" :rules="plValidate('required')">
+                            <el-input size="small" type="textarea" v-model="menuPushObj.contentMark"
+                                      :rows="8" resize="none" style="margin-bottom: 7px;" maxlength="500" show-word-limit></el-input>
+                        </el-form-item>
+                    </el-form>
+                </el-container>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="startMenuPush()" :disabled="menuPushLoading" size="small" icon="el-icon-success">推 送</el-button>
+                    <el-button @click="sureMenuPushVisible = false" :disabled="menuPushLoading" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+        </el-main>
+    </div>
+</template>
+
+<script>
+    import MenuManageComponent from './component/menuManageComponent';
+
+    const groupBy = (arr, func) =>
+        arr.map(typeof func === 'function' ? func : val => val[func]).reduce((acc, val, i) => {
+            acc[val] = (acc[val] || []).concat(arr[i]);
+            return acc;
+        }, {});
+    export default {
+        name: "tenant-menu-manage",
+        components: {MenuManageComponent},
+        data() {
+            let contentVersionValidator =(rule,value,callback) =>{
+                if(!value){
+                    callback();
+                }else {
+                    let regFd = /^\d+(\.\d+)?$/; //非负浮点数
+                    if(!regFd.test(value)){
+                        return callback(new Error('请输入正确的内容版本'));
+                    }else {
+                        //判断版本长度
+                        let suffix = value.split(".")[1];
+                        if(suffix.length > 2){
+                            return callback(new Error('版本号最多为两位小数'));
+                        }else if(Number(value) <= (Number(this.oldContentVersion)) && Number(value) > 1.0){
+                            //比较上一个版本
+                            return callback(new Error('内容版本必须比上一个版本'+this.oldContentVersion+'大'));
+                        }else if(Number(value)  < 1.0){
+                            return callback(new Error('内容版本最小为1.0'));
+                        }else {
+                            callback();
+                        }
+                    }
+                }
+            };
+            return {
+                activeName: 0,
+                tabNames: [], //tabs参数(id,name等)
+                sysFeatureMenuTypeOptions: [], //菜单类型-系统功能options
+                sysFunctionAddressMap: {}, // 系统功能菜单地址链接map
+                customFunctionMenuOptions: [], // 菜单类型-自定义功能菜单options
+                customFunctionAddressMap: {}, // 自定义功能菜单地址链接map
+                menuVisible: false, // 右击菜单显示的控制
+                top: 0,
+                left: 0,
+                showChangeLocal:false, // 可以转移菜单归属
+                formData:{},
+                changeLocalDialog:false,
+                currentNode:{},
+                options:[], // 下拉数据（去除当前归属）
+                originOptions:[], // 下拉数据的来源
+                menuAllData:[],
+                moduleAllData:[],
+                loading:true,
+                loginUser:{},
+                copyDialogVisible:false,//复制或转移菜单弹窗
+                copyMenuformData:{},
+                copyMenu:[],//菜单复制到的位置
+                defaultProps: {
+                    value: "id",
+                    label: "menuName"
+                },
+                cascaderKey:0,
+                sourcesArr:[],
+                sourcesObj:{}, //下拉树obj
+                loadResource:false,
+                rSourceTypeObj:{"form":"智能建表","singleForm":"单表表单","flow":"工作流","cview":"复合视图","sysFea":"自定义功能",
+                    "sysFun":"系统功能","url":"url资源","statRep":"统计报表"},
+
+                //移动端菜单
+
+                menuType:'web', // web mobile
+                mobileIndex:-1,//移动端下表
+                importVisible:false,
+                fileList:[],
+                sureUploadResourceVisible:false,
+                uploadCloudMenuIdArr:[], //上传云仓库的菜单id
+                cloudUploadObj:{
+                    sourceName:'',
+                    sourceVersion:'',
+                    sourceKey:'',
+                    sourceMark:''
+                },
+                mobileTabId:'',//移动端菜单id
+                sourceKeyRules:[
+                    {validator:this.platValidator.codechick,trigger:'blur'},
+                ],
+
+                menuPushObj:{
+                    linkMenu:'',
+                    linkMenuName:'',//关联菜单名称
+                    pushType:'',
+                    contentName:'',
+                    contentVersion:'',
+                    contentMark:''
+                },
+                sureMenuPushVisible:false, //菜单推送弹窗
+                oldContentVersion:'',//上一个版本号
+                pushTypeObj:{
+                    "add":"新增",
+                    "upgrade":"升级",
+                },
+                menuPushLoading:false,
+                menuPushContentVersion:[
+                    {required: true, message: '该输入项为必输项'},
+                    {validator:contentVersionValidator,trigger:'blur'},
+                ],
+                tenantId:'',
+            }
+        },
+        watch: {
+            'copyMenu'(newVal) {
+                this.cascaderKey++; //只要监听到数据源发生变化 ，改变keyValue的值，达到重新渲染的效果
+            }
+        },
+        created() {
+            this.initCredentialData().then(()=>{
+                this.initLoginInfo();
+                this.initMenuData2().then(()=>{
+                    this.initTabs();
+                    // this.initData();
+                    this.initSysRources();
+                });
+            });
+        },
+        methods: {
+            /**
+             * 查询系统资源池
+             */
+            initSysRources(){
+                let vm = this;
+                let allResourcesArr = [];
+                vm.sourcesArr = []; //绑定资源数据
+                vm.sourcesObj = {};
+                vm.axios.post(this.api.resources.findResources,{rTypes: "page,menu,href",rStatus:'1'}).then(res =>{ //获取绑定资源数据
+                    if(res.data && res.data.operateObj){
+                        allResourcesArr = res.data.operateObj || [];
+                        (res.data.operateObj || []).forEach(item =>{
+                            vm.sourcesObj[item.id] = item;
+                        });
+                    }
+
+                    //对资源池总数据根据数据来源分组  rSource
+                    let sourceData = this.getrSource(allResourcesArr);
+                    sourceData.forEach(item =>{
+                        let childData = this.getrClass(item['children'] || []);
+                        this.$set(item,'children',childData || []);
+                    });
+                    sourceData = JSON.parse(JSON.stringify(sourceData).replace(/id/g, 'value').replace(/rname/g,'label'));
+                    vm.sourcesArr = sourceData;
+                    this.loadResource = true;
+                });
+
+            },
+
+            /**
+             *  根据 rSource 的分组
+             * @param dataArr
+             */
+            getrSource(dataArr){
+                let map = {},
+                    dest = [];
+                dataArr.forEach(ai =>{
+                    if(!map[ai.rsource]){
+                        dest.push({
+                            value: ai.rsource,
+                            label: this.rSourceTypeObj[ai.rsource],
+                            children: [ai]
+                        });
+                        map[ai.rsource] = ai;
+                    }else{
+                        dest.forEach(dj =>{
+                            if(dj.value == ai.rsource){
+                                dj.children.push(ai);
+                            }
+                        });
+                    }
+                });
+                return dest;
+            },
+
+            /**
+             * 根据 rCalssId 分组
+             */
+            getrClass(dataArr){
+                let map = {},
+                    dest = [];
+                dataArr.forEach(ai =>{
+                    if(!map[ai.rclassId]){
+                        dest.push({
+                            value: ai.rclassId,
+                            label: ai.rclass,
+                            children: [ai]
+                        });
+                        map[ai.rclassId] = ai;
+                    }else{
+                        dest.forEach(dj =>{
+                            if(dj.value == ai.rclassId){
+                                dj.children.push(ai);
+                            }
+                        });
+                    }
+                });
+                return dest;
+            },
+
+            initLoginInfo(){
+                //获取当前登录用户信息
+                this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+            },
+            async initMenuData(){
+                let vm = this;
+                await vm.axios.post(vm.api.menu.find,{"order":"MENU_ORDER"}).then(res => {
+                    vm.menuAllData = res.data || [];
+                });
+            },
+
+            initMenuData2(){
+                return new Promise(resolve => {
+                    let vm = this;
+                     vm.axios.post(vm.api.menu.find,{"order":"MENU_ORDER"}).then(res => {
+                        vm.menuAllData = res.data || [];
+                         resolve();
+                    });
+                });
+            },
+
+            async refreshMenuData(){
+                let vm = this;
+                vm.loading = true;
+                await this.initMenuData();
+                for(let i = 0; i < vm.tabNames.length; i++){
+                    if(this.menuType == 'web'){
+                        if(vm.$refs['tab_' + i]){
+                            vm.$refs['tab_' + i][0].initMenuRootData();
+                            vm.$refs['tab_' + i][0].firstLoad = true;
+                        }
+                    }else if(this.menuType == 'mobile' && vm.$refs['tab_' + this.mobileIndex]){
+                        vm.$refs['tab_' + this.mobileIndex][0].initMenuRootData();
+                        vm.$refs['tab_' + this.mobileIndex][0].firstLoad = true;
+                    }
+                }
+                vm.$nextTick(() => {
+                    vm.loading = false;
+                })
+            },
+            async initTabs() {
+                let vm =this;
+                //初始化tabs
+                vm.axios.post(vm.api.sysOrgDimension.find,{order:'SORT ASC'}).then((res) => {
+                    let {data} = res;
+                    if (data.length > 0) {
+                        let index = 0;
+                        for (let {dimSpec, id, isUse} of data) {
+                            //判断是否启用和dimSpec是否有值
+                            if (isUse == '1' && dimSpec) {
+                                let dimSpecObj = JSON.parse(dimSpec || "{}");
+
+                                for (let [key, value] of Object.entries(dimSpecObj)) {
+                                    let obj = {};
+                                    obj['id'] = id;
+                                    if (key === 'menuLocalName') {
+                                        obj['value'] = value;
+                                        vm.tabNames.push(obj);
+                                        if(value == '移动端'){
+                                            vm.mobileTabId = obj.id;
+                                            vm.mobileIndex = index;
+                                        }
+                                        index ++;
+                                    }
+                                }
+                            }
+
+                        }
+                    }
+
+                    let sysTabObj = {
+                        id: 'sys',
+                        value: '系统'
+                    };
+                    vm.tabNames.push(sysTabObj);
+                    if(this.isDevpUser(this.loginUser.userType)){ //当前为开发者
+                        vm.tabNames.push({
+                            id: 'dev',
+                            value: '开发者'
+                        });
+                    }
+                    // vm.tabNames.push(this.mobileTabObj);  //移动端菜单
+
+                    vm.loading = false;
+                    // vm.axios.post(vm.api.menuModule.find).then(resDimension => {
+                    //     let obj = {};
+                    //     (resDimension.data || []).forEach(item => {
+                    //        let arr = obj[item.orgDimensionId] || [];
+                    //        arr.push({"label":item.moduleName,"value":item.id});
+                    //        obj[item.orgDimensionId] = arr;
+                    //     });
+                    //     vm.tabNames.forEach(item => {
+                    //         vm.originOptions.push({"value":item.id,"label":item.value,"children":(obj[item.id] || [])});
+                    //     });
+                    // })
+                });
+            },
+            /**
+             * 选中树菜单
+             * @param key 目前的选中值
+             */
+            handleRightSelect(key) {
+                if(key == "changeLocal"){
+                    this.changeLocal();
+                }else if((key == "copyCurrent") || (key == "copyCheck")){
+                    this.copyMenuformData = {};
+                    if(key == "copyCurrent"){
+                        this.copyMenuformData.key = "copyCurrent";
+                    }
+                    if(key == "copyCheck"){
+                        this.copyMenuformData.key = "copyCheck";
+                    }
+                    this.copyDialogVisible = true;
+                }else{
+                    if(this.menuType == 'web'){
+                        if(Number(this.mobileIndex) > Number(this.activeName)  || Number(this.mobileIndex) == -1){
+                            this.$refs['tab_' + this.activeName][0].handleRightSelect(key);
+                        }else {
+                            this.$refs['tab_' + (Number(this.activeName)+1)][0].handleRightSelect(key);
+                        }
+                    }else {
+                        //获取最大长度
+                        this.$refs['tab_' + this.mobileIndex][0].handleRightSelect(key);
+                    }
+                }
+            },
+            /**
+             * 菜单归属发生变化
+             * @param data 目前的选中值
+             */
+            changeModel(data){
+                let vm = this;
+                let param ={
+                  "order": "MENU_ORDER",
+                  "cdss": data,
+                };
+                vm.axios.post(vm.api.menu.find, param).then(function (res) {
+                    if(res.data){
+                        let data = res.data || [];
+                        let paramSetting = {};
+                        paramSetting["id"] = "id";
+                        paramSetting["pId"] = "menuChiefNum"; //上级数据
+                        paramSetting["children"] = "children"; // 设置children可配置
+                        vm.copyMenu = vm.COMMON_FUNC.buildElTree(data,paramSetting)|| [];
+                    }
+                });
+            },
+            /**
+             * 移动或复制完成后关闭弹窗
+             * @param
+             */
+            closeDialog(data){
+                this.copyDialogVisible = false;
+            },
+            changeLocal(){
+                let vm = this;
+                let menuData = vm.currentNode.data;
+                vm.formData["menuName"] = menuData.menuName;
+                vm.formData["id"] = menuData.id;
+                vm.options = vm.originOptions.filter(item => {
+                    return item.value != menuData.cdss;
+                });
+                vm.changeLocalDialog = true;
+            },
+            getCurrentChildren(data,allNodeArr){ // 获取指定节点的所有下级（包括自己）的id
+                let vm = this;
+                let childProper = "children";
+                if(data.id != '-1'){
+                    allNodeArr.push(data.id);
+                }
+                if(data[childProper] && data[childProper].length > 0){
+                    for(let elem of data[childProper]){
+                        vm.getCurrentChildren(elem,allNodeArr);
+                    }
+                }
+                return allNodeArr;
+            },
+            changeMenuStatus(status, e, node) {
+                let vm = this;
+                let obj = {"Y": true, "N": false, "opposite": !vm.menuVisible};
+                vm.showChangeLocal = false;
+                vm.menuVisible = obj[status];
+                if (!vm.menuVisible) {
+                    return;
+                }
+                if(node.level == 2){
+                    vm.showChangeLocal = true;
+                    vm.currentNode = node;
+                }
+                vm.left = (window.event || e).clientX + "px";
+                if(((window.event || e).clientY + 240) > (vm.$refs.tab.$el.clientHeight + 115)){
+                    // vm.$refs.tab.$el.clientHeight + 115 - 240(弹出框高度)
+                    vm.top = (vm.$refs.tab.$el.clientHeight - 125) + "px";
+                }else{
+                    vm.top = (window.event || e).clientY + "px";
+                }
+            },
+            saveLocal(){
+                let vm = this;
+                vm.$refs.localRef.validate(valid => {
+                    if(!valid){
+                        return;
+                    }
+                    let allArr = vm.getCurrentChildren(vm.currentNode.data,[]);
+                    let menuLocal = (vm.formData.menuLocalAll)[0];
+                    let menuModule = (vm.formData.menuLocalAll)[1];
+                    let sumitArr = [];
+                    allArr.forEach(id => {
+                        sumitArr.push({"id":id,"cdss":menuLocal,"menuModel":menuModule});
+                    });
+                    vm.axios.post(vm.api.menu.batchUpdateMenu,{"menuStr":JSON.stringify(sumitArr)}).then(res => {
+                        vm.$message({
+                            type: 'success',
+                            message: res.data.operateMessage || '修改成功'
+                        });
+                        vm.changeLocalDialog = false;
+                        if(res.data.operateSuccess){
+                            vm.refreshMenuData();
+                        }
+                    });
+                });
+            },
+            isDevpUser(userType){
+                return userType == 'dev' || userType == 'sup';
+            },
+            /**
+             * 菜单分类值发生变化后关闭下拉框
+             * @param
+             */
+            close(val){
+                this.$refs.cascaderArr.dropDownVisible = false; //监听值发生变化就关闭它
+            },
+            /**
+             * 复制并移动菜单、复制菜单 点击事件
+             * @param data
+             */
+            copy(data){
+                this.copyMenuformData.operate = data;
+                let menuTreeChildred = (this.$refs.cascaderArr.getCheckedNodes())[0].children;
+                if(this.menuType == 'web'){
+                    if(Number(this.mobileIndex) > Number(this.activeName)  || Number(this.mobileIndex) == -1){
+                        this.$refs['tab_' + this.activeName][0].handleRightCopySelect(this.copyMenuformData,menuTreeChildred);
+                    }else {
+                        this.$refs['tab_' + (Number(this.activeName)+1)][0].handleRightCopySelect(this.copyMenuformData,menuTreeChildred);
+                    }
+                }else {
+                    //获取最大长度
+                    this.$refs['tab_' + this.mobileIndex][0].handleRightCopySelect(this.copyMenuformData,menuTreeChildred);
+                }
+            },
+
+            /**
+             * 切换菜单类型
+             */
+            menuTypeClick(){
+                // this.menuType = this.menuType == 'web'? 'mobile':'web';
+                this.activeName = "0";
+            },
+
+            /**
+             * 导出菜单
+             */
+            exportMenu(){
+                let checkData;
+                if(this.menuType == 'web'){
+                    if(Number(this.mobileIndex) > Number(this.activeName) || Number(this.mobileIndex) == -1){
+                        checkData = this.$refs['tab_' + this.activeName][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                    }else {
+                        checkData = this.$refs['tab_' + (Number(this.activeName)+1)][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                    }
+                }else if(this.menuType == 'mobile'){
+                    checkData = this.$refs['tab_' + this.mobileIndex][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                }
+                let meuIdArr = [];
+                (checkData || []).forEach(item =>{
+                    meuIdArr.push(item.id);
+                });
+                if(meuIdArr.length == 0){
+                    this.$message.warning("请选择需要上传的数据！");
+                    return;
+                }
+                this.uploadCloudMenuIdArr = meuIdArr;
+
+                this.$set(this.cloudUploadObj,'sourceName','');
+                this.$set(this.cloudUploadObj,'sourceVersion','');
+                this.$set(this.cloudUploadObj,'sourceKey','');
+                this.$set(this.cloudUploadObj,'sourceMark','');
+                this.sureUploadResourceVisible = true;//显示上传
+                this.$nextTick(() => {
+                    this.$refs.cloudUploadFormRef.clearValidate();
+                })
+            },
+
+            /**
+             * 菜单推送
+             */
+            menuPush(){
+                let checkData;
+                if(this.menuType == 'web'){
+                    if(Number(this.mobileIndex) > Number(this.activeName) || Number(this.mobileIndex) == -1){
+                        checkData = this.$refs['tab_' + this.activeName][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                    }else {
+                        checkData = this.$refs['tab_' + (Number(this.activeName)+1)][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                    }
+                }else if(this.menuType == 'mobile'){
+                    checkData = this.$refs['tab_' + this.mobileIndex][0].$refs.commonTreeRef.getTreeCheckedNodes("") || [];
+                }
+                let isContainsPMenu =false; //是否包含菜单
+                let menuArr = [];
+                (checkData || []).forEach(item =>{
+                    if(item.menuType == "pMenu"){
+                        isContainsPMenu = true;
+                    }
+                    menuArr.push(item);
+                });
+                if(menuArr.length == 0){
+                    this.$message.warning("请勾选需要推送的菜单！");
+                    return;
+                }
+                if(menuArr.length > 1){
+                    this.$message.warning("每次只能推送一个菜单！");
+                    return;
+                }
+                if(isContainsPMenu){
+                    this.$message.warning("父菜单不能推送！");
+                    return;
+                }
+                let menuObj = menuArr[0];
+                //
+                //查询当前关联菜单是否已经存在，如果已经存在 推送类型为升级
+                //获取版本
+                this.$set(this.menuPushObj,'contentVersion','1.0');
+                this.$set(this.menuPushObj,'pushType','add');
+                //赋值菜单名称
+                this.$set(this.menuPushObj,'linkMenuName',menuObj.menuName);
+                this.$set(this.menuPushObj,'linkMenu',menuObj.id);
+                this.$set(this.menuPushObj,'contentName',menuObj.menuName); //内容名称
+                this.oldContentVersion = "1.0";
+                this.$set(this.menuPushObj,'contentMark',''); //内容说明
+                this.axios.post(this.api.sysAppContent.find,{"linkMenu":menuObj.id,"order":'CONTENT_VERSION+0 DESC'}).then(res =>{
+                    if(res && res.data && res.data.length > 0){
+                        this.$set(this.menuPushObj,'pushType','upgrade');
+                        //获取最大版本号
+                        this.oldContentVersion = res.data[0].contentVersion;
+                        //设置默认版本号
+                        //  Number(this.oldContentVersion) + 0.1;
+                        this.$set(this.menuPushObj,'contentVersion',(Number(this.oldContentVersion) + 0.01) +"");
+                        if(this.menuPushObj.contentVersion.indexOf(".") == -1){
+                            this.menuPushObj.contentVersion = this.menuPushObj.contentVersion+".0"; //整数情况赋值小数点
+                        }
+                    }
+                    this.sureMenuPushVisible = true;
+                    this.$nextTick(() => {
+                        this.$refs.menuPushObjFormRef.clearValidate();
+                    })
+                });
+            },
+
+            // /**
+            //  * 菜单导入
+            //  */
+            // importMenu(){
+            //     //选择导入的文件
+            //
+            //
+            //
+            //
+            //
+            // },
+
+            /**
+             * 限制文件仅可上传一个并且多次上传覆盖的方法
+             */
+            limitFile(files){
+                let file = files[0];
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix != '.clmdmp') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    this.$refs.impFileRef.clearFiles();
+                }else{
+                    let fileData = {
+                        name:file.name,
+                        percentage:0,
+                        raw:file,
+                        size:file.size,
+                        status:'ready',
+                        uid:file.uid
+                    };
+                    this.fileList = [fileData];
+                }
+            },
+
+            changeFile(file,fileList){
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix != '.clmdmp') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    this.$refs.impFileRef.clearFiles();
+                }else{
+                    this.fileList = fileList;
+                }
+            },
+
+            beforeUpload(file) {
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix != '.clmdmp') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    this.fileTypeValid = false;
+                    return false;
+                }
+                return true;
+            },
+
+            /**
+             * 上传方法
+             */
+            uploadFileMethod(item) {
+                let vm = this;
+                let formData = new FormData();
+                formData.append("file", item.file);
+                //创建axios实例
+                vm.axios.defaults.headers=null;
+                const axiosInstance = vm.axios.create({
+                    baseURL: vm.uploadUrl,
+                    headers: {
+                        'Content-Type': 'multipart/form-data',
+                        Authorization: (this.USER_GLOBAL.getLoginToken() || "")
+                    },
+                    transformRequest: [
+                        function (data) {
+                            return data;
+                        }
+                    ],
+                });
+
+                vm.loading = true;
+                //上传文件
+                axiosInstance.post(this.api.menu.importMenuData, formData).then(res => {
+                    vm.axios.defaults.headers={
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                        common: {
+                            Authorization: (localStorage["Authorization" + (window.projectSuffix || "")] || "")
+                        }
+                    };
+                    if(res.data.operateSuccess){
+                        this.$message.success(res.data.operateMessage);
+                        this.impDialogVisible = false;
+                        // 当返回code是4或5说明导入了数据，其它code码都是不需要导入或者已存在数据，不需要刷新数据
+                        if(res.data.resultObject == '4' || res.data.resultObject == '5'){
+                            this.crud.search();
+                            this.refreshAllCache(); // 导入成功后刷新智能建表缓存
+                        }
+                    }else{
+                        this.$message.error(res.data.operateMessage);
+                    }
+                    vm.loading = false;
+                }).catch(() => {
+                    vm.axios.defaults.headers={
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                        common: {
+                            Authorization: (localStorage["Authorization" + (window.projectSuffix || "")] || "")
+                        }
+                    };
+                });
+            },
+
+            /**
+             * 开始导入
+             */
+            beginImp(){
+                if(this.fileList.length == 0){
+                    this.$message.error("请选择需要导入的文件！");
+                    return;
+                }
+                this.$confirm('是否确定导入菜单配置数据？', '确认信息', {
+                    distinguishCancelAndClose: true,
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消'
+                }).then(() => {
+                    this.$refs.impFileRef.submit();
+                    this.importVisible = false;
+                });
+
+            },
+
+            //关闭
+            viewDialogClose(){
+                this.sureUploadResourceVisible = false;
+            },
+
+            //执行上传
+            startUploadCloud(){
+                this.$refs.cloudUploadFormRef.validate(valid => {
+                    if(!valid){
+                        return;
+                    }
+                    let loading = this.$loading({
+                        lock: true,
+                        text: '正在上传请稍后....',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)',
+                        customClass:'loading-class'
+                    });
+                    let menuParamObj = {};
+                    menuParamObj["menuIds"] = this.uploadCloudMenuIdArr.join(",");
+                    menuParamObj["sourceName"] = this.cloudUploadObj.sourceName;
+                    menuParamObj["sourceMark"] = this.cloudUploadObj.sourceMark;
+                    menuParamObj["sourceVersion"] = this.cloudUploadObj.sourceVersion; //资源版本
+                    menuParamObj["sourceKey"] = this.cloudUploadObj.sourceKey; //资源标识
+                    this.axios.post(this.api.menu.uploadMenuDataByCloud,menuParamObj).then(res => {
+                        if(res && res.data && res.data.operateSuccess){
+                            this.$message.success(res.data.operateMessage);
+                            this.sureUploadResourceVisible = false;
+                        }else {
+                            this.$message.error(res.data.operateMessage || "上传失败！");
+                        }
+                        loading && loading.close();
+                    });
+                });
+            },
+
+            //关闭应用内容推送
+            viewMenuPushDialogClose(){
+                this.sureMenuPushVisible = false;
+            },
+
+            //开始应用推送
+            startMenuPush(){
+                //校验
+                this.$refs.menuPushObjFormRef.validate(valid => {
+                    if(!valid){
+                        return;
+                    }
+                    //开始推送
+                    this.menuPushLoading = true;
+                    let paramObj = JSON.parse(JSON.stringify(this.menuPushObj));
+                    delete paramObj.linkMenuName;
+                    this.axios.post(this.api.sysAppContent.appPushContent,paramObj).then(res =>{
+                        if(res.data && res.data.requestStatus == '1'){
+                            this.$message({
+                                type:"success",
+                                message:"推送成功!"
+                            })
+                            this.sureMenuPushVisible = false;
+                        }else {
+                            this.$message({
+                                type:"error",
+                                message:"推送失败!"
+                            })
+                        }
+                        this.menuPushLoading = false;
+                    })
+                });
+            },
+
+
+            /**
+             * 初始化第三方用户权限
+             */
+            initCredentialData(){
+                return new Promise(resolve => {
+                    let urlParam = this.COMMON_FUNC.getUrlParamBysplit(window.location.href);
+                    let appId = urlParam["appId"] || '';
+                    let userCredential = urlParam["userCredential"] || '';
+                    //获取应用的
+                    let serverId = window.SERVER_ID; //服务商id
+                    let serverAddress = window.SERVER_ADDRESS; //服务端地址
+                    if(!appId || !userCredential){ //直接返回登录页面
+                        this.$router.push({path: '/'});
+                        resolve();
+                    }
+                    //请求
+                    this.axios.post(serverAddress+"/oauthController/getAuthorizeInfoCredential",{"userCredential":userCredential,appId:appId,serveId:serverId}).then(res =>{
+                        if(res && res.data.success == '1'){
+                            //获取 userDetail
+                            let userDetail = res.data.userDetail || "{}";
+                            this.tenantId = JSON.parse(userDetail).tenantId || '';
+                            this.loginUser = JSON.parse(userDetail);
+                            // this.axios.post(this.api.sysOrgDimension.find,{dimName:"租户维度"}).then(res =>{
+                            //     if(res.data && res.data.length == 0){
+                            //         let dimSpec = {"closeDept":false,"closePos":true,"closeMainPos":false,"openRoleType":false,"openMenuLocal":true,"allowAddUser":false,"chooseUserType":"ent","menuLocalName":"企业用户"};
+                            //         //插入 租户维度
+                            //         let orgDim = {
+                            //             dimName:'租户维度',
+                            //             dimSpec: JSON.stringify(dimSpec),
+                            //             isUse:'1'
+                            //         }
+                            //         this.axios.post(this.api.sysOrgDimension.add,orgDim).then(res =>{
+                            //             resolve();
+                            //         })
+                            //     }else {
+                            //         resolve();
+                            //     }
+                            // });
+                            resolve();
+                        }else { //跳转到登录页
+                            this.$router.push({path: '/'});
+                        }
+                    });
+                });
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .menu-manage-main /deep/ .el-tabs--border-card {
+        height: 100%;
+    }
+
+    .menu-manage-main /deep/ .el-tabs__content {
+        height: calc(100% - 40px);
+        box-sizing: border-box;
+    }
+
+    .menu-manage-main /deep/ .el-tab-pane {
+        height: 100%;
+    }
+
+    .menu-manage-main /deep/ .el-tabs__content {
+        padding: 0;
+    }
+
+    .el-menu-vertical {
+        background-color: #555C63;
+        opacity: 0.9;
+        border-radius: 8px;
+        width: 200px;
+        z-index: 99;
+    }
+
+    .el-menu-vertical /deep/ .el-menu-item.is-active {
+        color: #fff;
+    }
+
+    .el-menu-vertical /deep/ .el-menu-item i {
+        color: #909399;
+    }
+
+    /deep/ .el-color-picker .el-color-picker__trigger{
+        height: 36px;
+        width: 36px;
+        opacity: 1;
+    }
+    .el-menu-type{
+        width: 200px;
+        position: absolute;
+        top: -10px;
+        right: 20px;
+        z-index: 99;
+        /*height: 30px;*/
+        /*width: 30px;*/
+        background-color: white;
+        cursor: pointer;
+        margin: 30px;
+        height: 0;
+    }
+
+    .el-menu-export{
+        position: absolute;
+        top:0px;
+        left: 450px;
+        z-index: 999999;
+        height: 40px;
+        width: 30px;
+        background-color: rgba(255,255,255,0.1);
+        opacity: 0.8;
+        cursor: pointer;
+    }
+    .el-menu-import{
+        position: absolute;
+        top:2px;
+        left: 500px;
+        z-index: 999999;
+        height: 40px;
+        width: 30px;
+        background-color: rgba(255,255,255,0.1);
+        opacity: 0.8;
+        cursor: pointer;
+    }
+    .menu-upload-btn{
+        position: absolute;
+        top: 10px;
+        z-index: 2021;
+        left: 450px;
+        top: 16px;
+    }
+   /deep/ .v-modal{
+        z-index: 9999999 !important
+    }
+</style>