sasp-admin 0.2.57

package/src/views/menu/component/menuManageComponent.vue

@@ -0,0 +1,2402 @@
+<template>
+    <el-container style="height: 100%;position: relative" class="menuManageContainer">
+        <el-aside style="width: 320px;padding-top: 10px">
+            <el-header>
+                <el-row style="align-items: center;padding-right: 10px;box-sizing: border-box">
+                    <el-col :span="9">
+                        <el-dropdown size="small" split-button type="primary" @click="addNode('addChild')"
+                                     @command="showSet">
+                            添加菜单
+                            <el-dropdown-menu slot="dropdown">
+                                <el-dropdown-item command="addSame">添加同级菜单</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </el-dropdown>
+                    </el-col>
+                    <el-col :span="9">
+                        <el-button type="danger" size="small" icon="el-icon-delete" style="position: relative;left:5px" @click="removeNode">删除菜单</el-button>
+                    </el-col>
+                    <el-col :span="3">
+                        <el-tooltip class="item" effect="dark" :content="!isCollapse?'全部展开':'全部收缩'" placement="right">
+                            <el-button @click="expendMenu" size="small"
+                                       :icon="(!isCollapse?'el-icon-arrow-down':'el-icon-arrow-up')" circle>
+                            </el-button>
+                        </el-tooltip>
+                    </el-col>
+                    <el-col :span="3">
+                        <el-tooltip class="item" effect="dark" content="上传到云仓库" placement="right" v-if="!isMemuPush">
+                            <el-button @click="$emit('exportMenu')" style="position: relative;left:5px" size="small" icon="el-icon-top-right" circle>
+                            </el-button>
+                        </el-tooltip>
+                        <el-tooltip class="item" effect="dark" content="应用内容推送" placement="right" v-if="isMemuPush">
+                            <el-button @click="$emit('menuPush')" style="position: relative;left:5px" size="small" icon="el-icon-top-right" circle>
+                            </el-button>
+                        </el-tooltip>
+                        <!--应用推送-->
+
+                    </el-col>
+                </el-row>
+                <el-row style="margin-top: 8px">
+                    <el-col :span="24">
+                        <el-input size="small" style="margin-bottom: 10px;"
+                                  prefix-icon="el-icon-search"
+                                  placeholder="输入关键字进行过滤"
+                                  clearable
+                                  v-model="filterText">
+                        </el-input>
+                    </el-col>
+                </el-row>
+            </el-header>
+            <el-aside class="asideTree">
+                <common-tree
+                        v-if="treeShow"
+                        ref="commonTreeRef"
+                        :request-url="api.menu.find"
+                        :request-param="menuInitparam"
+                        parent-id="menuChiefNum"
+                        :default-props="defaultProps"
+                        :filterText="filterText"
+                        :nodeClick="nodeClick"
+                        :rightClick="rightClick"
+                        :expandOnclickNode=false
+                        :initCallBack="initCallBack"
+                        :renderContentFunc="renderContent"
+                        :default-expand-all="isCollapse"
+                        draggable
+                        :tree-allow-drag="treeAllowDrag"
+                        :tree-allow-drop="treeAllowDrop"
+                        :tree-node-drop="treeNodeDrop"
+                        :refresh-boolean-proper="refreshBooleanProper"
+                        :defaulExpand="defaulExpand"
+                >
+                </common-tree>
+
+            </el-aside>
+        </el-aside>
+        <el-main style="padding: 0;box-sizing: border-box;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;">
+            <el-card class="box-card" align="left" style="width: 100%;height: auto;min-height: 99.8%">
+                <el-form :rules="rules" :model="form" ref="form" style="padding-top: 10px" size="small">
+                    <!--刷新资源池-->
+                    <el-form-item label="菜单名称" :label-width="formLabelWidth" prop="menuName">
+                        <el-input clearable v-model="form.menuName" placeholder="请输入菜单名称"
+                                  ref="menuNameRef"></el-input>
+                    </el-form-item>
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="菜单类型" :label-width="formLabelWidth" prop="menuType"  :rules="plValidate('required')">
+                                <el-radio-group v-model="form.menuType" style="width: 100%" @change="changeMenuType">
+                                    <el-radio-button v-for="menuType in menuTypeArr"  :label="menuType.value"
+                                                     :key="menuType.value">{{menuType.label}}
+                                    </el-radio-button>
+                                </el-radio-group>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" v-if="form.menuType == 'resourcePool'">
+                            <el-form-item label="绑定资源"  :label-width="formLabelWidth" prop="bindSource">
+                                <el-cascader style="width: 100%" @change="changeBindSource"
+                                        v-if="sourcesArr.length > 0"
+                                        :options="sourcesArr"
+                                         filterable
+                                         clearable
+                                        v-model="form.bindSource">
+                                </el-cascader>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row v-show="form.menuType == 'resourcePool'">
+                        <el-form-item label="权限信息" :label-width="formLabelWidth">
+                            <el-row>
+                                <el-col :span="12">
+                                    <el-card class="box-card-class">
+                                        <div slot="header" class="clearfix">
+                                            <el-checkbox label="全选" @change="optChange"
+                                                         v-model="form.allOptAuth" style="margin-right: 0"></el-checkbox>
+                                            <span  style="font-size: 15px;margin-left: 70px">操作权限</span>
+                                        </div>
+                                        <div class="tree">
+                                            <el-tree
+                                                    class="filter-tree"
+                                                    :data="operationFormData"
+                                                    show-checkbox
+                                                    default-expand-all
+                                                    @check-change="checkeOptChangeFnc"
+                                                    node-key="id"
+                                                    ref="operatePermisRef"
+                                                    :render-content="renderOperateContent"
+                                                    :props="defaultTreeProps">
+                                            </el-tree>
+                                        </div>
+                                    </el-card>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-card class="box-card-class">
+                                        <div slot="header" class="clearfix">
+                                            <el-checkbox label="全选" @change="dataChange"
+                                                         v-model="form.allDataAuth" style="margin-right: 0"></el-checkbox>
+                                            <span style="font-size: 15px;margin-left: 70px">数据权限</span>
+                                        </div>
+                                        <div class="tree">
+                                            <el-tree
+                                                    class="filter-tree"
+                                                    :data="dataPermisFormData"
+                                                    show-checkbox
+                                                    default-expand-all
+                                                    @check-change="checkeDataChangeFnc"
+                                                    node-key="id"
+                                                    ref="dataPermisRef"
+                                                    :props="defaultTreeProps">
+                                            </el-tree>
+                                        </div>
+                                    </el-card>
+                                </el-col>
+                            </el-row>
+                        </el-form-item>
+                    </el-row>
+                    <el-row v-show="form.menuType == 'resourcePool'">
+                        <el-col :span="12">
+                            <el-form-item label="展示方式" :label-width="formLabelWidth">
+                                <el-select v-model="form.menuDisplay" placeholder="请选择">
+                                    <el-option
+                                            v-for="item in displayOptions"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value">
+                                    </el-option>
+                                </el-select>
+                                <el-tooltip effect="light" content="自定义页面需要在commonHome页面引入" placement="top">
+                                    <i v-show="form.menuDisplay == 'dialog'" class="el-icon-info" style="margin-left: 4px;font-size: 16px;cursor: pointer;color: #5cb6ff;"></i>
+                                </el-tooltip>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" v-show="form.menuType == 'resourcePool' && form.menuDisplay == 'dialog'">
+                            <el-form-item label="弹出框顶部间距" :label-width="formLabelWidth">
+                            <el-input v-model="form.dialogTopSpaceValue" style="width: 100px;" @change="changeDialogTop()"></el-input>
+                            <el-select v-model="form.dialogTopSpaceUnit" style="width: 60px;padding-left: 10px" :change="changeDialogTop()">
+                                <el-option value="%"></el-option>
+                                <el-option value="px"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row v-show="form.menuType == 'resourcePool' && form.menuDisplay == 'dialog'">
+                        <el-col :span="12">
+                            <el-form-item label="弹出框宽度" :label-width="formLabelWidth">
+                                <el-input  v-model="form.dialogWidthValue" style="width: 100px;" @change="changeDialogWidth()"></el-input>
+                                <el-select v-model="form.dialogWidthUnit" style="width: 60px;padding-left: 10px" :change="changeDialogWidth()">
+                                    <el-option value="%"></el-option>
+                                    <el-option value="px"></el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="弹出框高度" :label-width="formLabelWidth">
+                                <el-input  v-model="form.dialogHeightValue" style="width: 100px;" @change="changeDialogHeight()"></el-input>
+                                <el-select v-model="form.dialogHeightUnit" style="width: 60px;padding-left: 10px" :change="changeDialogHeight()">
+                                    <el-option value="%"></el-option>
+                                    <el-option value="px"></el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="是否显示" :label-width="formLabelWidth">
+                        <el-switch
+                                v-model="form.menuRealOpen"
+                                active-text="启用"
+                                inactive-text="禁用"
+                                active-value="Y"
+                                inactive-value="N">
+                        </el-switch>
+                    </el-form-item>
+
+                    <el-form-item label="自定义图标" :label-width="formLabelWidth">
+                        <el-switch
+                                @change="changeOpenDiyIcon"
+                                v-model="form.isOpenDiyIcon"
+                                active-text="开启"
+                                inactive-text="关闭"
+                                active-value="Y"
+                                inactive-value="N">
+                        </el-switch>
+                    </el-form-item>
+
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="菜单图标" :label-width="formLabelWidth">
+                                <div v-if="!form.isOpenDiyIcon || form.isOpenDiyIcon == 'N'">
+                                    <el-input v-model="form.menuIcon" style="display: none"></el-input>
+                                    <el-button @click="selectIconDialog = true" style="padding: 5px">
+                                        <i :class="defaultMenuIcon" style="font-size:30px"></i>
+                                    </el-button>
+                                    <el-button @click="clearIcon" style="position: relative;top:-5px">清空
+                                    </el-button>
+                                </div>
+
+                                <div v-if="form.isOpenDiyIcon == 'Y'">
+                                    <pl-image :fkid="form.id? form.id+'_picture' : diyIconFkid"
+                                              :img-width="diyIconObj.imgWidth"
+                                              :img-height="diyIconObj.imgHeight">
+                                    </pl-image>
+                                </div>
+
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="菜单颜色" :label-width="formLabelWidth">
+                                <div class="block">
+                                    <el-color-picker v-model="form.menuColor" size="medium"></el-color-picker>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="排序" :label-width="formLabelWidth"
+                                  prop="menuOrder">
+                        <el-input-number :min="1" size="medium" v-model="form.menuOrder"></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="菜单简介" :label-width="formLabelWidth"
+                                  prop="menuBz">
+                        <el-input type="textarea" v-model="form.menuBz"></el-input>
+                    </el-form-item>
+                    <el-form-item label="" :label-width="formLabelWidth">
+                        <el-button type="primary" icon="el-icon-check" size="small"
+                                   @click="addOrUpdate">{{addOrUpdateButtonText}}
+                        </el-button>
+                        <el-button type="danger" icon="el-icon-delete" v-show="form.id"
+                                   @click="removeCurrentNode">删除
+                        </el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+        </el-main>
+        <el-dialog :close-on-click-modal=false title="选择图标" class="font-dialog" :visible.sync="selectIconDialog"
+                   width="80%" height="90%"
+                   top="4vh">
+            <font-icon :callback="selectIcon"></font-icon>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import {FontIcon} from 'sasp-base';
+    import {PlSelectTree} from 'sasp-base';
+    import PlImage from "../../../components/public/upload/plImage";
+
+    export default {
+        name: "menu-manage-component",
+        props: [
+            'menuLocal',
+            'orgDimensionId',
+            'sysFeatureMenuTypeOptions',
+            'customFunctionMenuOptions',
+            'sysFunctionAddressMap',
+            'customFunctionAddressMap',
+            'menuAllData',
+            'moduleAllData',
+            'sourcesArr', //绑定资源下拉树
+            'sourcesObj',
+            'initSysRources',
+            'loadResource',
+        ],
+        components: {
+            PlImage,
+            FontIcon,
+            PlSelectTree
+        },
+        data() {
+            let validateMenuName = (rule, value, callback) => {
+                if (this.form.menuName) {
+                    this.axios.post(this.api.menu.find, {
+                        'menuLevel': this.form.menuLevel,
+                        'menuName': this.form.menuName,
+                        'menuChiefNum': this.form.menuChiefNum,
+                        'cdss':this.form.cdss
+                    }).then((res) => {
+                        if (res.data.length > 0) {
+                            // 修改时菜单名称可一致
+                            if (res.data[0].id !== this.form.id) {
+                                callback(new Error('菜单名称重复'))
+                            } else {
+                                callback();
+                            }
+                        } else {
+                            callback();
+                        }
+                    });
+                } else {
+                    callback();
+                }
+            };
+            return {
+                isCollapse: true, // 是展开还是收缩（true收缩，false展开）
+                firstLoad: true, // 首次加载展开第一级
+                addOrUpdateButtonText: '新增', // 默认添加/修改按钮文字显示
+                filterText: '', // 需要过滤节点的关键字
+                rootData: [], // tree的根节点数据
+                menuArr: [],
+                form: {
+                    id: null,
+                    menuModel: '',
+                    menuName: '',
+                    order: '',
+                    menuLevel: '',
+                    menuChiefNum: '',
+                    menuPath: '',
+                    menuIsUse: '',
+                    menuIcon: '',
+                    menuColor:'#409EFF', //按钮菜单颜色
+                    menuUrl: '',
+                    menuDisplay: 'thisPage',//默认选择本页展示
+                    menuType: 'pMenu', //默认选择父菜单
+                    bindSource: [], //绑定资源
+                    menuOrder: 0,
+                    menuXtgn: '',
+                    menuZdygncd: '',
+                    menuForm: '',
+                    menuFormId: '',
+                    menuFormView: '',
+                    menuViewId: '',
+                    menuShowtype: '',
+                    menuCondition: '',
+                    singleFormCondition: '',
+                    menuGzlId: null,
+                    menuGzljd: [],
+                    menuGzltabs: null,
+                    cdss: this.orgDimensionId,
+                    menuBz: '',
+                    menuTreeId: '',
+                    menuTree: '',
+                    treewidth: '',
+                    menuOpts: '',
+                    operatePermis: [], //操作权限
+                    dataPermis:[], //数据权限
+                    allOptAuth:false, //操作权限
+                    allDataAuth:false, //数据权限
+                    dialogStyle:"",//弹出框样式
+                    dialogTopSpaceValue: '5',//弹出框距顶部高度---数值
+                    dialogTopSpaceUnit: '%',//弹出框距顶部高度---单位
+                    dialogWidthValue: '90',//弹出框宽度---数值
+                    dialogWidthUnit: '%',//弹出框宽度---单位
+                    dialogHeightValue: '90',//弹出框高度---数值
+                    dialogHeightUnit: '%',//弹出框高度---单位
+                    isOpenDiyIcon:'N',//自定义图标
+                },
+                // 提交保存需要提交的字段
+                submitFormProps: [
+                    'id',
+                    'menuModel',
+                    'menuName',
+                    'order',
+                    'menuLevel',
+                    'menuChiefNum',
+                    'menuPath',
+                    'menuIsUse',
+                    'menuIcon',
+                    'menuColor',
+                    'menuUrl',
+                    'menuType',
+                    'bindSource',
+                    'menuOrder',
+                    'menuXtgn',
+                    'menuZdygncd',
+                    'menuForm',
+                    'menuFormId',
+                    'menuFormView',
+                    'menuViewId',
+                    'menuShowtype',
+                    'menuCondition',
+                    'singleFormCondition',
+                    'menuGzlId',
+                    'menuGzljd',
+                    'cdss',
+                    'menuBz',
+                    "menuGzltabs",
+                    'menuTreeId',
+                    'menuTree',
+                    'treewidth',
+                    'menuOpts',
+                    'menuGzl',
+                    'operatePermis',
+                    'dataPermis',
+                    'menuDisplay',
+                    'dialogStyle',
+                    'isOpenDiyIcon'
+                ],
+                formLabelWidth: '120px',
+                selectIconDialog: false,
+                selectFormDialog: false,
+                selectSingleFormDialog: false,
+                chooseFlowFormDialog: false,
+                chooseStatisticalFormDialog: false,
+                chooseCompositeViewDialog: false,
+                treeShow: false,
+                menuLocalName: {},
+                defaultProps: {
+                    children: 'children',
+                    label: 'menuName'
+                },
+                defaultTreeProps:{
+                    children: 'children',
+                    label: 'powerName',
+                    id:'id'
+                },
+                menuTypeOptions: [
+                    {label: '父菜单', value: '父菜单'},
+                    {label: '系统功能', value: '系统功能'},
+                    {label: '自定义功能菜单', value: '自定义功能菜单'},
+                    {label: '自定义表单', value: '自定义表单'},
+                    {label: '自定义表单-VUE', value: '自定义表单-VUE'},
+                    {label: '自定义单表表单', value: '自定义单表表单'},
+                    {label: '自定义单表表单-VUE', value: '自定义单表表单-VUE'},
+                    {label: '工作流', value: '工作流'},
+                    {label: '工作流-VUE', value: '工作流-VUE'},
+                    {label: '统计报表', value: '统计报表'},
+                    {label: '复合视图', value: '复合视图'},
+                    {label: '复合视图-VUE', value: '复合视图-VUE'},
+                    {label: 'url资源', value: 'url资源'},
+                    {label: '数据字典', value: '数据字典'}
+                ], //菜单类型options
+                menuTypeArr:[
+                    {label:'父菜单',value: 'pMenu'},
+                    {label:'资源池',value:'resourcePool'}
+                ], //新菜单类型
+                menuModelOptions: [],
+                menuShowTypeOptions: [{
+                    value: '列表视图',
+                    label: '列表视图'
+                }, {
+                    value: '列表&树视图',
+                    label: '列表&树视图'
+                },],
+                menuConditionOptions: [],
+                menuTypeFormItemLabel: '',
+                workFlowNodeOptions: [], //工作流下拉节点options
+                dataDictionaryOptions: [], //数据字典下拉节点options
+                // 数据下拉selectTree默认字段
+                // defaultSelectTreeProps: {
+                //     parent: 'parentId',   // 父级唯一标识
+                //     value: 'id',          // 唯一标识
+                //     label: 'label',       // 标签显示
+                //     children: 'children', // 子级
+                // },
+                // selectTree数据列表
+                selectTreeOptions: [],
+                activeIndex: '1',
+                rightClickNodeId: null,  // 右击时节点id,如果与上次相同则菜单保持显示
+                orginParentId: ['-2'], // 根节点id
+                rules: {
+                    menuName: [
+                        {
+                            required: true,
+                            message: '菜单名称不能为空',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: validateMenuName,
+                            trigger: 'blur'
+                        }
+                    ],
+                    menuModel: [
+                        {
+                            required: true,
+                            message: '菜单模块不能为空',
+                            trigger: 'blur'
+                        }
+                    ],
+                    menuType: [
+                        {
+                            required: true,
+                            message: '菜单类型不能为空',
+                            trigger: 'blur'
+                        }
+                    ],
+                    menuOrder: [
+                        {
+                            required: true,
+                            message: '请输入菜单排序',
+                            trigger: 'blur'
+                        }
+                    ],
+                    bindSource:[
+                        {
+                            required:true,
+                            message: '绑定资源不能为空',
+                            trigger: 'blur'
+                        }
+                    ]
+                },
+                defaultMenuIcon: 'saspiconfont pl-icon-tuxiang',
+                treeCurrentKey: "", // 当前选中的树节点，若重新初始化则继续保持当前选中状态
+                treeCheckedKeys: [], // 当前树勾选的节点，若重新初始化则继续保持当前选中状态
+                // flowtab设置
+                flowTabDialog: false, // 工作流配置项
+                flowPreviewDialog: false, // 工作流tab页预览
+                // 表单树对话框
+                chooseTreeDialog: false, // 选择树
+                refresh: false,
+                menuLocalDisable: false,
+                treeSelectNoOptionsText: '无选项',
+                refreshBooleanProper: '', // 触发当前tree组件刷新
+                defaulExpand: [], //默认展开的节点
+                defaultGzltabs: {
+                    "tabs":
+                        {
+                            "draft": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-cunrucaogaoxiang",
+                                "tabName": "草稿"
+                            },
+                            "pending": {
+                                "sfqy": true,
+                                "defaultShow": true,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-daichuli3",
+                                "tabName": "待处理"
+                            },
+                            "finished": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-yichuli",
+                                "tabName": "已处理"
+                            },
+                            "end": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-jieshu",
+                                "tabName": "已办结"
+                            },
+                            "cancel": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-chexiao",
+                                "tabName": "已撤销"
+                            },
+                            "stopped": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": true,
+                                "icon": "saspiconfont pl-icon-yizhongzhi",
+                                "tabName": "已中止"
+                            },
+                            "query": {
+                                "sfqy": true,
+                                "defaultShow": false,
+                                "gzlswitch": false,
+                                "icon": "saspiconfont pl-icon-chaxun",
+                                "tabName": "流程查询"
+                            }
+                        },
+                    "tWidth": "", "tHeight": ""
+                },
+                defaultSelectTreeProps: {
+                    parent: 'parentId',   // 父级唯一标识
+                    value: 'id',          // 唯一标识
+                    label: 'text',       // 标签显示
+                    children: 'children', // 子级
+                },
+
+                sourcesOptions:[] ,//资源池分组后数据
+                operationFormData:[], //操作权限树数据
+                dataPermisFormData:[], //数据权限树数据
+                operationFormObj:{}, //操作权限节点数据key obj
+                dataPermisFormObj:{}, //数据节点权限obj
+                isHalfOperationKeyArr:[], //已经在半选中保存数据
+                isAllOperationKeyArr:[], //已经在全选中保存的数据
+                initCheckOperion:{} ,//默认选中操作权限
+                initCheckData:{}, //默认选中数据权限
+                refreshProper:'', //权限刷新
+
+                allCheckOperateKeyArr:[],
+                allCheckDataKeyArr:[],
+                defaultBindProps:{children: 'children',label: 'powerName',id:'id',key:'powerKey'}, // 资源池权限树组件的配置信息
+
+                operatePermis:[], //当前操作的操作权限
+                dataPermis:[], //当前操作的数据权限
+                menuInitparam:{},
+                displayOptions:[
+                    {value: 'thisPage', label: '本页'},
+                    {value: 'dialog', label: '弹出框'},
+                    {value: 'newWindow', label: '新窗口'},
+                ],//展示方式
+                displayDialogStyle:{
+                    "dialogTopSpace":"",
+                    "dialogWidth":"",
+                    "dialogHeight":"",
+                },
+                currentNode:{},
+                remindWarning:false,
+                diyIconFkid:'',//添加时生成的uuid
+                diyIconObj:{
+                    imgWidth:80,
+                    imgHeight:80,
+                    maxSize:2,
+                    unit:"MB"
+                },
+                isMemuPush:false, //是否开启菜单推送
+            }
+        },
+        created() {
+            this.menuLocalName["cdss"] = this.orgDimensionId;
+            // this.initSysRources(); //处理资源池
+            this.initMenuRootData();
+            // this.initMenuModelOptions();
+            this.initParamConfig();
+        },
+        watch: {
+            loadResource(){
+                if(this.remindWarning){
+                    this.$message.success("资源加载完成！");
+                }
+            },
+            'form.menuType'() {
+                let vm = this;
+                //根据 id 查询当前 数据权限和操作权限 getByResId
+                // vm.$set(vm.form, 'menuRelUrl', '');
+                // let menuType = vm.form.menuType;
+                // if ((menuType || '').indexOf('自定义表单') > -1) {
+                //     vm.menuTypeFormItemLabel = '表单名称';
+                // } else if (menuType === '数据字典') {
+                //     vm.menuTypeFormItemLabel = '表单名称';
+                //     // vm.axios.post('/dataTypeController/find').then(res => {
+                //     //     let data = res.data;
+                //     //     data.forEach(item => {
+                //     //         vm.dataDictionaryOptions.push({
+                //     //             value: item.id,
+                //     //             label: item.typeName
+                //     //         })
+                //     //     })
+                //     // });
+                //
+                // } else if (menuType&& menuType.indexOf('自定义单表表单') > -1) {
+                //     vm.menuTypeFormItemLabel = '关联表单视图';
+                // } else if (vm.form.menuType && vm.form.menuType.indexOf('工作流') > -1) {
+                //     vm.menuTypeFormItemLabel = '流程选择';
+                // }else if ((menuType || '').indexOf('复合视图') > -1) {
+                //     vm.menuTypeFormItemLabel = '复合视图';
+                // } else {
+                //     vm.menuTypeFormItemLabel = vm.form.menuType;
+                // }
+                //
+            },
+            'form.bindSource'(){
+
+            },
+
+            'form.id'() {
+                this.addOrUpdateButtonText = this.form.id ? '保存' : '新增';
+            },
+        },
+        methods: {
+
+            /**
+             * 初始化系统参数配置
+             */
+            initParamConfig(){
+                this.isMemuPush = false;
+                this.PARAM_GLOBAL.getByKeyAsync("MenuPush").then(res =>{
+                    if(res && res.paramVal == '是'){
+                        this.isMemuPush = true;
+                    }
+                });
+            },
+
+            showSet(command) {
+                if (command === 'addSame') {
+                    this.addNode(command);
+                }
+            },
+            expendMenu(){
+                this.isCollapse = !this.isCollapse;
+                this.defaulExpand = [];
+                // this.treeShow = false;
+                // this.treeShow = true;
+            },
+            renderContent(h, {node, data, store}) {
+                if (node.data.menuIsUse == "N") {
+                    return (
+                        <span class={node.level === 1 ? 'model-color' : ''}
+                              style={node.level === 1 ? 'letter-spacing:1px' : ''}>
+                            <i class={data.menuIcon}></i>
+                            <span
+                                style={node.level === 2 ? 'font-weight:bold;text-decoration:line-through;font-style:italic;color:#ccc;'
+                                    : "text-decoration:line-through;font-style:italic;color:#ccc;"}>{node.label}</span>
+                        </span>
+                    );
+                }
+                return (
+                    <span class={node.level === 1 ? 'model-color' : ''}
+                          style={node.level === 1 ? 'letter-spacing:1px' : ''}>
+                            <i class={data.menuIcon}></i>
+                            <span style={node.level === 2 ? 'font-weight:bold' : ""}>{node.label}</span>
+                        </span>
+                );
+            },
+            /**
+             * 右键菜单事件
+             */
+            rightClick(event, data, node) {
+                let expanded = node.expanded; // node是否展开
+                let target = event.target; // 事件源
+                if (target.tagName === 'DIV') {
+                    // 右键时选中当前节点
+                    target.click();
+                } else {
+                    let pNode = target.parentNode;
+                    if (target.className === 'el-checkbox__inner') {
+                        // 右击checkBox模拟click选中
+                        pNode.parentNode.parentNode.click();
+                    } else {
+                        // 右击下拉图标选中当前节点
+                        pNode.click();
+                    }
+                }
+                // 右击仅选中当前节点保持当前节点展开情况不变
+                node.expanded = expanded;
+                let vm = this;
+                if (vm.rightClickNodeId !== data.id) {
+                    vm.rightClickNodeId = data.id;
+                    vm.$emit('changeRightMenuStatus', "Y",window.event,node);
+                } else {
+                    vm.$emit('changeRightMenuStatus', "opposite",window.event,node);
+                }
+            },
+            /**
+             * 处理右键菜单树选择事件
+             */
+            handleRightSelect(key) {
+                let vm = this;
+                switch (key) {
+                    case "addChild":
+                    case "addSame":
+                        vm.addNode(key);
+                        break;
+                    case "removeCurrent":
+                        vm.removeCurrentNode();
+                        break;
+                    case "removeCheck":
+                        vm.removeNode();
+                        break;
+                    default:
+                        console.log("未检测到当前操作的对应方法！");
+                        break;
+                }
+            },
+            /**
+             * 处理右键菜单树选择事件[复制或转移]
+             */
+            handleRightCopySelect(data,tree){
+                let vm = this;
+                if(data.key == "copyCurrent") {//当前菜单
+                    let currentNode = vm.$refs.commonTreeRef.getTreeCurrentNode();//获取当前节点及其子节点
+                    let copyNodeArr = vm.getCurrentChildren(currentNode, []);//获取当前节点及其子节点的id
+                    let flag = true;
+                    //判断菜单移动位置是否在当前位置
+                    (tree || []).forEach(item => {
+                        if(copyNodeArr.indexOf(item.value)!= -1){
+                            vm.$message({
+                                    duration: 1000,
+                                    type: 'warning',
+                                    message: "选择位置与当前位置重复！"
+                                }
+                            );
+                            flag = false;
+                        }
+                    });
+                    if(flag){
+                        let node = JSON.parse(JSON.stringify(currentNode));
+                        node.cdss = data.model;
+                        node.menuChiefNum = data.menu[data.menu.length - 1];
+                        node.menuPath = "-1," + data.menu.join(",");
+                        node.menuLevel = data.menu.length + 1;
+                        let treeArr = vm.changeCurrentNode(node,[]);//获取所有需要插入的且更改过上下级关系的节点
+                        vm.axios.post(vm.api.menu.addByList,{"addList":JSON.stringify(treeArr)} ).then(res => {
+                            let {operateSuccess, operateObj, operateMessage} = res.data;
+                            if(operateSuccess){
+                                if(data.operate == "copy"){//复制菜单
+                                    vm.$message({
+                                            duration: 1000,
+                                            type: 'success',
+                                            message: "转移成功"
+                                        }
+                                    );
+                                    vm.$emit('func',false);//关闭弹窗
+                                    vm.$nextTick(() => {
+                                        vm.$emit("refreshMenuData");
+                                    });
+                                    //刷新资源池
+                                    vm.initSysRources();
+                                    //复制相关菜单
+
+                                    let fkArr = [];
+                                    //批量复制
+                                    treeArr.forEach(item =>{
+                                        fkArr.push({
+                                            oldFkId:item.oldId+"_picture",
+                                            fkId:item.id + "_picture"
+                                        })
+                                    });
+                                    vm.axios.post(vm.api.upload.batchCopyByFkId, {"copyList":JSON.stringify(fkArr)});
+
+                                }else if(data.operate == "copyAndMove"){//复制并移动菜单
+                                    vm.removeCurrentNode("copyAndMove");
+                                    //替换新老数据
+                                    for(let item of treeArr){
+                                        vm.axios.post(vm.api.upload.updateByFkId, {"fkId":item.id + "_picture","oldFkId":item.oldId+"_picture"});
+                                    }
+                                }
+                            }
+                        });
+                    }
+
+                }else if(data.key == "copyCheck"){//勾选菜单
+                    let copyData = this.$refs.commonTreeRef.getTreeCheckedNodes("") || [];//获取所选节点及其子节点
+                    let paramSetting = {};
+                    paramSetting["id"] = "id";
+                    paramSetting["pId"] = "menuChiefNum"; //上级数据
+                    paramSetting["children"] = "children"; // 设置children可配置
+                    let checkNode = vm.COMMON_FUNC.buildElTree(copyData,paramSetting)|| [];
+                    let copyNodeArr = [];
+                    (checkNode || []).forEach(item => {
+                        copyNodeArr.push(...(vm.getCurrentChildren(item, [])));//获取所选节点及其子节点的id
+                    });
+                    let flag = true;
+                    //判断菜单移动位置是否在当前位置
+                    (tree || []).forEach(item => {
+                        if(copyNodeArr.indexOf(item.value)!= -1){
+                            vm.$message({
+                                    duration: 1000,
+                                    type: 'warning',
+                                    message: "选择位置与当前位置重复！"
+                                }
+                            );
+                            flag = false;
+                        }
+                    });
+                    if(flag){
+                        let treeArr = [];
+                        (checkNode || []).forEach(item => {
+                            let node = JSON.parse(JSON.stringify(item));
+                            node.cdss = data.model;
+                            node.menuChiefNum = data.menu[data.menu.length - 1];
+                            node.menuPath = "-1," + data.menu.join(",");
+                            node.menuLevel = data.menu.length + 1;
+                            treeArr.push(...(vm.changeCurrentNode(node,[])));//获取所有需要插入的且更改过上下级关系的节点
+                        });
+                        vm.axios.post(vm.api.menu.addByList,{"addList":JSON.stringify(treeArr)} ).then(res => {
+                            let {operateSuccess, operateObj, operateMessage} = res.data;
+                            if(operateSuccess){
+                                if(data.operate == "copy"){//复制菜单
+                                    vm.$message({
+                                            duration: 1000,
+                                            type: 'success',
+                                            message: "转移成功"
+                                        }
+                                    );
+                                    vm.$emit('func',false);//关闭弹窗
+                                    vm.$nextTick(() => {
+                                        vm.$emit("refreshMenuData");
+                                    });
+                                    //刷新资源池
+                                    vm.initSysRources();
+
+                                    let fkArr = [];
+                                    //批量复制
+                                    treeArr.forEach(item =>{
+                                        fkArr.push({
+                                            oldFkId:item.oldId+"_picture",
+                                            fkId:item.id + "_picture"
+                                        })
+                                    });
+                                    vm.axios.post(vm.api.upload.batchCopyByFkId, {"copyList":JSON.stringify(fkArr)});
+
+                                }else if(data.operate == "copyAndMove"){//复制并移动菜单
+                                    vm.removeNode("copyAndMove");
+                                    //替换新老数据
+                                    for(let item of treeArr){
+                                        vm.axios.post(vm.api.upload.updateByFkId, {"fkId":item.id + "_picture","oldFkId":item.oldId+"_picture"});
+                                    }
+                                }
+                            }
+                        });
+                    }
+                }
+            },
+            /**
+             * 获取改变过上下级关系的指定节点的数据[复制或转移]
+             *
+             */
+            changeCurrentNode(node,resultObj,childProper = 'children'){
+                let vm = this;
+                let oldId = node.id || '';
+                if(JSON.stringify(node) != "{}"){
+                    node.id = vm.COMMON_FUNC.getUuidByParams(32);
+                    node.oldId = oldId;
+                    resultObj.push(node);
+                }
+                if(node[childProper]){
+                    for(let elem of node[childProper]){
+                        elem.cdss = node.cdss;
+                        elem.menuChiefNum = node.id;
+                        elem.menuPath = node.menuPath + "," + node.id;
+                        elem.menuLevel = Number(node.menuLevel) + 1;
+                        elem.oldId = node.id;
+                        vm.changeCurrentNode(elem,resultObj);
+                    }
+                }
+                return resultObj;
+            },
+            deleteEmptyChildren(data) {
+                for (let [key, node] of Object.entries(data)) {
+                    if (node.children !== null) {
+                        this.deleteEmptyChildren(node.children)
+                    }
+                    if (!node.children) {
+                        delete data[key].children
+                    }
+                }
+            },
+            selectDataDictionary(id) {
+                //展示项置空
+                this.form.menuGzlId = null;
+                this.axios.post(this.api.data.getDataTreeByType, {
+                    'typeId': id
+                }).then(res => {
+                    //替换label属性
+                    if (res.data) {
+                        let data = JSON.parse(JSON.stringify(res.data).replace(/text/g, 'label'));
+                        this.deleteEmptyChildren(data);
+                        this.selectTreeOptions = data;
+                    }
+                });
+            },
+
+            initMenuRootData() {
+                let vm = this;
+                vm.treeShow = false;
+                vm.menuInitparam={'order':'MENU_ORDER','cdss':vm.orgDimensionId};
+                vm.menuArr = [];
+                vm.$nextTick(() => {
+                    (vm.menuAllData || []).forEach(item => {
+                        if(item.cdss == vm.orgDimensionId){
+                            // 设置上级关系与图标
+                            item.menuParentId = item.menuChiefNum;
+                            item.className = item.menuIcon;
+                            // end
+                            vm.menuArr.push(item);
+                        }
+                    });
+                    vm.treeShow = true;
+                })
+            },
+            initMenuModelOptions() {
+                let vm = this;
+                (vm.moduleAllData || []).forEach(item => {
+                    if(item.orgDimensionId == vm.orgDimensionId){
+                        vm.menuModelOptions.push({
+                            'label': item.moduleName || '无',
+                            'value': item.id
+                        })
+                    }
+                });
+            },
+            addNode(key) {
+                this.operationFormData = [];
+                this.dataPermisFormData = [];
+                // 默认添加子元素
+                key = key ? key : "addChild";
+                let vm = this;
+
+                vm.$refs.form.clearValidate();
+                let currentNode = vm.$refs.commonTreeRef.getTreeCurrentNode();
+                let parentId = '';
+                let menuPath = '';
+                let menuLevel = '';
+                let maxMenuOrder = 0;
+                if (key === 'addChild') {
+                    if (!currentNode) {
+                        // 如果没选中默认添加第一级
+                        parentId = '-1';
+                    } else {
+                        if (currentNode.children && currentNode.children.length > 0) {
+                            maxMenuOrder = Number(currentNode.children[currentNode.children.length - 1].menuOrder);
+                        }
+                        maxMenuOrder = maxMenuOrder + 1;
+                        parentId = currentNode.id; // 当前选中节点的id是新增数据的父级，如果没选默认是-1
+                        menuPath = (currentNode.menuPath ? currentNode.menuPath + ',' : '-1,') + currentNode.id;
+                        menuLevel = Number(currentNode.menuLevel) + 1;
+                        if (menuLevel === 1) { // 模块为虚拟假数据，只有level是1的是第一级真数据，所以它们的上级数据是-1
+                            parentId = '-1';
+                            menuPath = '-1';
+                        }
+                    }
+                } else if (key === 'addSame') { // 添加同级数据
+                    if (!currentNode) {
+                        vm.$message('请选中菜单节点');
+                        return;
+                    }
+                    if (vm.orginParentId.indexOf(currentNode.menuChiefNum) > -1) {
+                        vm.$message('无法添加同级所属模块,请移步菜单归属添加');
+                        return;
+                    } else {
+                        // 获取所有的node集合
+                        let nodesMap = vm.$refs.commonTreeRef.$refs.elTree.store.nodesMap;
+                        for (let key in nodesMap) {
+                            if (key === currentNode.menuChiefNum) {
+                                maxMenuOrder = nodesMap[key].childNodes.length + 1;
+                            }
+                        }
+                        menuPath = currentNode.menuPath;
+                        menuLevel = currentNode.menuLevel;
+                        parentId = currentNode.menuChiefNum;
+                    }
+                }
+                vm.menuLocalDisable = parentId !== '-1';
+                // 焦点事件完成后设置初始化数据
+                vm.$refs.menuNameRef.$el.children[0].focus();
+                // 初始化form表单数据，并赋值一些初始值
+                vm.form = {};
+                vm.form.menuChiefNum = parentId;
+                vm.form.menuPath = menuPath || "-1";
+                vm.form.menuLevel = menuLevel || "1";
+                // vm.form.menuOrder = maxMenuOrder;
+                // vm.form.menuIsUse = "Y";
+                // vm.form.menuRealOpen = "Y";
+                vm.$set(vm.form,'menuOrder',maxMenuOrder);
+                vm.$set(vm.form,'menuIsUse','Y');
+                vm.$set(vm.form,'menuRealOpen','Y');
+
+                vm.$set(vm.form,'menuType','pMenu'); //默认父菜单
+                vm.$set(vm.form,'menuDisplay','thisPage'); //菜单默认展示方式
+                //菜单默认弹出框样式
+                vm.$set(vm.form,"dialogTopSpaceValue","5");//弹出框距顶部位置
+                vm.$set(vm.form,"dialogTopSpaceUnit","%");
+                vm.$set(vm.form,"dialogWidthValue","90");//弹出框宽度
+                vm.$set(vm.form,"dialogWidthUnit","%");
+                vm.$set(vm.form,"dialogHeightValue","90");//弹出框高度
+                vm.$set(vm.form,"dialogHeightUnit","%");
+                vm.$set(vm.form,"isOpenDiyIcon","N");  //默认自定义菜单关闭
+                vm.form.menuColor = '#409EFF'; //菜单默认颜色
+                vm.form.cdss = this.orgDimensionId;
+                if (currentNode) {
+                    vm.form.menuModel = currentNode.menuModel;
+                }
+                this.defaultMenuIcon = 'saspiconfont pl-icon-tuxiang';
+                // vm.form.menuModel = (currentNode ||　{}).menuModel;
+                vm.diyIconFkid = vm.COMMON_FUNC.getUuidByParams(32);
+            },
+            addData() {
+                let vm = this;
+                // 重名校验在表单验证已经做过了，这里就不再操作了（validateMenuName）。
+                // 复制数据防止树数据污染
+                let submitObj = Object.assign({}, vm.form);
+                let menuRealOpen = submitObj["menuRealOpen"]; // 当前表单中菜单启用的状态
+                let menuIsUse = submitObj["menuIsUse"]; // 数据库中存储的状态(包括智能建表的数据)
+                let noChange = true; // 当前的菜单启用状态是否发生了更改
+                if (menuIsUse && menuIsUse.indexOf(";") > -1) { // 处理智能建表中的启用状态
+                    noChange = menuRealOpen === menuIsUse.substring(0, menuIsUse.indexOf(";"));
+                    menuIsUse = menuRealOpen + menuIsUse.substring(menuIsUse.indexOf(";"), menuIsUse.length);
+                } else {
+                    if (vm.form.id) { // 如果是修改，判断菜单的启用状态有没有改变
+                        noChange = menuRealOpen === menuIsUse;
+                    }
+                    menuIsUse = menuRealOpen;
+                }
+                submitObj["menuIsUse"] = menuIsUse;
+                delete submitObj["menuRealOpen"];
+
+                let treeComp = vm.$refs.commonTreeRef;
+                let menuGzljd = (vm.form.menuGzljd || []).join(',');
+                let form = {};
+                for (let prop of vm.submitFormProps) {
+                    form[prop] = submitObj[prop];
+                }
+                form.menuGzljd = menuGzljd;
+
+                // 处理菜单链接 start
+                let menuType = form.menuType;
+                let settingId = vm.form.id || vm.COMMON_FUNC.getUUID();
+                switch (menuType) {
+                    case '自定义表单':
+                    case '数据字典':
+                        form.menuRelUrl = '/jsp/framework/work/form/commonjsp.jsp?viewId=' + form.menuViewId +
+                            '&treeId=' + form.menuTreeId + '&xskd=' + form.treewidth + '&conditionId=' + form.menuCondition;
+                        break;
+                    case '自定义表单-VUE':
+                        form.menuRelUrl = '/commonHome/tablePage/' + form.menuViewId;
+                        break;
+                    case '自定义单表表单':
+                        form.menuRelUrl = '/jsp/framework/work/form/commonsinglejsp.jsp?viewId=' + form.menuViewId +
+                            '&condition=(' + form.singleFormCondition + ')';
+                        break;
+                    case '自定义单表表-VUE':
+                        form.menuRelUrl = '/commonHome/commonSingleForm/' + form.menuViewId + '?condition=(' + form.singleFormCondition + ')';
+                        break;
+                    case '工作流':
+                        form.menuRelUrl = '/jsp/framework/work/flow/flowInstFrame.jsp?flowId=' + form.menuGzlId +
+                            "&settingId=" + settingId;
+                        form["id"] = settingId;
+                        break;
+                    case "工作流-VUE":
+                        form.menuRelUrl = '/commonHome/flowInst/' + form.menuGzlId;
+                        form["id"] = settingId;
+                        break;
+                    case '统计报表':
+                        form.menuRelUrl = '/jsp/framework/work/stats/commonStatis.jsp?reportId=' + form.menuGzlId;
+                        break;
+                    case '复合视图':
+                        form.menuRelUrl = '/jsp/framework/work/cview/complexcommon.jsp?viewId=' + form.menuGzlId;
+                        break;
+                    case '复合视图-VUE':
+                        form.menuRelUrl = '/commonHome/complexShow/' + form.menuGzlId;
+                        break;
+                    case '系统功能':
+                        form.menuRelUrl = vm.sysFunctionAddressMap[form.menuXtgn];
+                        break;
+                    case '自定义功能菜单':
+                        form.menuRelUrl = vm.customFunctionAddressMap[form.menuZdygncd];
+                        break;
+                    case 'url资源':
+                        break;
+                    default:
+                        break;
+                }
+                // 处理菜单链接 end
+
+                // 菜单初始化完成未做任何操作直接添加，我们给数据赋值
+                !vm.form.menuChiefNum && (vm.form.menuChiefNum = '-1');
+                !vm.form.menuPath && (vm.form.menuPath = '-1');
+                !vm.form.menuLevel && (vm.form.menuLevel = '1');
+
+                vm.axios.post(vm.api.menu.add, form).then(res => {
+                    if (res.data.operateSuccess) {
+                        let obj = res.data.operateObj;
+                        obj.menuParentId = obj.menuChiefNum;
+                        let parentCode = obj.menuChiefNum;
+                        //直接在tree后面append
+                        if (!obj.menuChiefNum || obj.menuChiefNum === '-1') { // 一级菜单是假数据，上级编号单独处理
+                            parentCode = obj['menuModel'] + '_model';
+                            let nodesMap = treeComp.getAllNode();
+                            if (!nodesMap[parentCode]) {
+                                vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: res.data.operateMessage
+                                    }
+                                );
+                                vm.treeShow = false;
+                                vm.$nextTick(() => {
+                                    vm.$emit("refreshMenuData");
+                                });
+                                return;
+                            }
+                        }
+                        treeComp.defaultTreeAppend(obj, parentCode);
+                        vm.$message({
+                                duration: 1000,
+                                type: 'success',
+                                message: res.data.operateMessage
+                            }
+                        );
+                    }
+                });
+            },
+            addOrUpdate() {
+                let vm = this;
+                vm.$refs.form.validate(valid => {
+                    if (!valid) {
+                        return;
+                    }
+                    // 重名校验在表单验证已经做过了，这里就不再操作了（validateMenuName）。
+                    // 复制数据防止树数据污染
+                    let submitObj = JSON.parse(JSON.stringify(vm.form));
+                    let menuRealOpen = submitObj["menuRealOpen"]; // 当前表单中菜单启用的状态
+                    let menuIsUse = submitObj["menuIsUse"]; // 数据库中存储的状态(包括智能建表的数据)
+                    let noChange = true; // 当前的菜单启用状态是否发生了更改
+                    if (menuIsUse && menuIsUse.indexOf(";") > -1) { // 处理智能建表中的启用状态
+                        noChange = menuRealOpen === menuIsUse.substring(0, menuIsUse.indexOf(";"));
+                        menuIsUse = menuRealOpen + menuIsUse.substring(menuIsUse.indexOf(";"), menuIsUse.length);
+                    } else {
+                        if (vm.form.id) { // 如果是修改，判断菜单的启用状态有没有改变
+                            noChange = menuRealOpen === menuIsUse;
+                        }
+                        menuIsUse = menuRealOpen;
+                    }
+
+                    //菜单绑定资源
+                    if(submitObj["bindSource"] && typeof submitObj["bindSource"] == "object"){
+                        submitObj["bindSource"] = JSON.stringify(submitObj["bindSource"]);
+                    }
+                    //计算所有选中的数据权限和操作权限
+                    if(vm.$refs.operatePermisRef){
+                        //遍历所有选中节点,判断下级是否选中，如果下级选中了则判断下下级，如果找不到下级或者下级未被选中 则保存当前节点id
+                        let checkeOpertionArr = vm.$refs.operatePermisRef.getCheckedKeys(); //全选的节点
+                        //递归过滤 isHalfOperationKeyArr
+                        let opertionKeyArr = [];
+                        this.initSelectKey(this.operationFormData,checkeOpertionArr,opertionKeyArr);
+                        submitObj["operatePermis"] = opertionKeyArr.join(","); //操作权限
+                    }
+
+                    if(vm.$refs.dataPermisRef){
+                        let checkDataArr = vm.$refs.dataPermisRef.getCheckedKeys(); //选中的数据权限
+                        let dataKeyArr = [];
+                        this.initSelectKey(this.dataPermisFormData,checkDataArr,dataKeyArr);
+                        submitObj["dataPermis"] = dataKeyArr.join(","); //数据权限
+                    }
+                    submitObj["menuIsUse"] = menuIsUse;
+                    delete submitObj["menuRealOpen"];
+                    let treeComp = vm.$refs.commonTreeRef;
+                    let menuGzljd = (vm.form.menuGzljd || []).join(',');
+                    let form = {};
+                    submitObj["dialogStyle"] = JSON.stringify(vm.displayDialogStyle);
+                    for (let prop of vm.submitFormProps) {
+                        form[prop] = submitObj[prop];
+                    }
+                    form.menuGzljd = menuGzljd;
+
+                    // 处理菜单链接 start
+                    // 处理菜单链接 end
+
+                    // 菜单初始化完成未做任何操作直接添加，我们给数据赋值
+                    !form.menuChiefNum && (form.menuChiefNum = '-1');
+                    !form.menuPath && (form.menuPath = '-1');
+                    !form.menuLevel && (form.menuLevel = '1');
+                    if (!vm.form.id) {
+                        /** add */
+                        vm.axios.post(vm.api.menu.addMenuopts, form).then(res => {
+                            let {operateSuccess, operateObj, operateMessage} = res.data;
+                            if (operateSuccess) {
+                                //添加后并选中
+                                vm.defaulExpand = [operateObj.id];
+                                let obj = operateObj;
+                                obj.menuParentId = obj.menuChiefNum;
+                                let parentCode = obj.menuChiefNum;
+                                //直接在tree后面append
+                                if (!obj.menuChiefNum || obj.menuChiefNum === '-1') { // 一级菜单是假数据，上级编号单独处理
+                                    parentCode = obj['menuModel'] + '_model';
+                                    let nodesMap = treeComp.getAllNode();
+                                    if (!nodesMap[parentCode]) {
+                                        vm.$message({
+                                                duration: 1000,
+                                                type: 'success',
+                                                message: operateMessage
+                                            }
+                                        );
+                                        vm.treeShow = false;
+                                        vm.$nextTick(() => {
+                                            vm.$emit("refreshMenuData");
+                                        });
+                                        return;
+                                    }
+                                }
+                                treeComp.defaultTreeAppend(obj, parentCode);
+                                vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: operateMessage
+                                    }
+                                );
+                                // 设置当前树选中节点
+                                vm.$refs.commonTreeRef.setTreeCurrentKey(operateObj.id);
+                                // 根据 data 获取tree组件中的 node
+                                let node = vm.$refs.commonTreeRef.getNode(operateObj);
+                                vm.nodeClick(operateObj,node);
+
+                                // 添加完成后清除表单数据
+                                // vm.form = {};
+
+                                //刷新资源池
+                                vm.initSysRources();
+
+                                //更新自定义图标
+                                vm.axios.post(vm.api.upload.updateByFkId, {"fkId":operateObj.id + "_picture","oldFkId":this.diyIconFkid});
+
+                                this.diyIconFkid = this.COMMON_FUNC.getUuidByParams(32); //刷新
+                            }
+                        });
+
+                    } else {
+                        /** update */
+                        vm.axios.post(vm.api.menu.updateMenuOpts, form).then(res => {
+                            let {operateSuccess, operateObj,operateMessage} = res.data;
+                            let obj = operateObj;
+                            if (operateSuccess) {
+                                let children=[];
+                                if(vm.currentNode.children){
+                                    children = vm.currentNode.children;
+                                }
+                                let cNode = vm.$refs.commonTreeRef.getTreeCurrentNode();
+                                vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: operateMessage
+                                    }
+                                );
+                                let dataArr = vm.getDataChildren(cNode);
+                                // 生成数据至后台交互
+                                let menuList = [];
+                                dataArr.forEach(value => {
+                                    let menuObj = {};
+                                    menuObj['id'] = value.id;
+                                    menuObj['menuModel'] = cNode.menuModel;
+                                    menuList.push(menuObj);
+                                });
+                                vm.axios.post(vm.api.menu.batchUpdateMenu, {
+                                    'menuStr': JSON.stringify(menuList)
+                                }).then(tempData => {
+                                    let nodesMap = vm.$refs.commonTreeRef.getAllNode();
+                                    menuList.forEach(item => {
+                                        nodesMap[item["id"]].data.menuModel = cNode.menuModel;
+                                    })
+                                });
+                                let node = vm.$refs.commonTreeRef.getNode(obj.id);
+                                if(children.length>0){
+                                    obj.children = children;
+                                }
+                                if (!noChange) { // 修改了菜单的启用状态，修改下级菜单的启用状态
+                                    vm.axios.post(vm.api.menu.updateSfqyBySjbh, {
+                                        "menuIsUse": menuRealOpen,
+                                        "menuPath": vm.form.id
+                                    }).then(res => {
+                                       // vm.$emit("refresh`MenuData");
+                                        Object.assign(node.data,obj);
+                                        vm.$refs.commonTreeRef.defaultTreeUpdate(obj.id, obj);
+                                    });
+                                }else{
+                                    //vm.$emit("refreshMenuData");
+                                    Object.assign(node.data,obj);
+                                    vm.$refs.commonTreeRef.defaultTreeUpdate(obj.id, obj);
+                                }
+                                setTimeout(()=>{
+                                    vm.defaulExpand=Object.assign([],obj.id)
+                                    vm.nodeClick(obj,node);
+                                },0);
+                                //刷新资源池
+                                vm.initSysRources();
+
+                            }
+                        });
+                    }
+                });
+            },
+            /**
+             * 获取指定节点的所有下级（包括自己）的id
+             */
+            getCurrentChildren(node, allNodeArr, childProper = 'children') {
+                if (node.id !== '-1') {
+                    allNodeArr.push(node.id);
+                }
+                if (node[childProper]) {
+                    for (let elem of node[childProper]) {
+                        this.getCurrentChildren(elem, allNodeArr);
+                    }
+                }
+                return allNodeArr;
+            },
+            /**
+             * 删除当前菜单
+             */
+            removeCurrentNode(data) {
+                let vm = this;
+                let currentNode = vm.$refs.commonTreeRef.getTreeCurrentNode();
+                let removeNodeArr = vm.getCurrentChildren(currentNode, []);
+                if (vm.orginParentId.indexOf(currentNode.menuChiefNum) > -1) {
+                    vm.$message('无法删除所属模块');
+                    return;
+                }
+                if(!data){
+                    vm.$confirm("确定删除该菜单节点下面的所有数据？", '警告', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                    }).then(() => {
+                        vm.axios.post(vm.api.menu.delete, {
+                            'ids': removeNodeArr.join(',')
+                        }).then(res => {
+                            if (res.data.operateSuccess) {
+                                vm.$refs.commonTreeRef.defaultTreeRemove(removeNodeArr);
+                                //删除之后重置form表单数据
+                                Object.assign(vm.$data.form, vm.$options.data().form);
+                                vm.defaultMenuIcon = vm.$options.data().defaultMenuIcon;
+                            }
+                            vm.$message({
+                                    duration: 1000,
+                                    type: 'success',
+                                    message: res.data.operateMessage
+                                }
+                            );
+                        })
+                    }).catch(() => {
+                        this.$message({
+                            duration: 1000,
+                            type: 'info',
+                            message: '已取消'
+                        });
+                    });
+                }else{
+                    vm.axios.post(vm.api.menu.delete, {
+                        'ids': removeNodeArr.join(',')
+                    }).then(res => {
+                        if (res.data.operateSuccess) {
+                            vm.$refs.commonTreeRef.defaultTreeRemove(removeNodeArr);
+                            //删除之后重置form表单数据
+                            Object.assign(vm.$data.form, vm.$options.data().form);
+                            vm.defaultMenuIcon = vm.$options.data().defaultMenuIcon;
+                        }
+                        vm.$message({
+                                duration: 1000,
+                                type: 'success',
+                                message: '转移成功'
+                            }
+                        );
+                        vm.$emit('func',false);//关闭弹窗
+                        vm.$nextTick(() => {
+                            vm.$emit("refreshMenuData");
+                        });
+                        //刷新资源池
+                        vm.initSysRources();
+                    })
+                }
+            },
+            /**
+             * 删除勾选菜单
+             */
+            removeNode(data) {
+                let removeArr = this.$refs.commonTreeRef.getTreeCheckedNodes("key");
+                if (removeArr.length === 0) {
+                    this.$message("请勾选需要删除的菜单节点！");
+                    return;
+                }
+                if(!data){
+                    this.$confirm('确定删除已勾选菜单节点下面的所有数据?', '警告', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                    }).then(() => {
+                        this.axios.post(this.api.menu.delete, {
+                            'ids': removeArr.join(',')
+                        }).then(res => {
+                            if (res.data.operateSuccess) {
+                                this.$refs.commonTreeRef.defaultTreeRemove(removeArr);
+                                //删除之后重置form表单数据
+                                Object.assign(this.$data.form, this.$options.data().form);
+                                this.defaultMenuIcon = this.$options.data().defaultMenuIcon;
+                            }
+                            this.$message({
+                                    duration: 1000,
+                                    type: 'success',
+                                    message: res.data.operateMessage
+                                }
+                            );
+                        })
+                    }).catch(() => {
+                        this.$message({
+                            duration: 1000,
+                            type: 'info',
+                            message: '已取消'
+                        });
+                    })
+                }else{
+                    this.axios.post(this.api.menu.delete, {
+                        'ids': removeArr.join(',')
+                    }).then(res => {
+                        if (res.data.operateSuccess) {
+                            this.$refs.commonTreeRef.defaultTreeRemove(removeArr);
+                            //删除之后重置form表单数据
+                            Object.assign(this.$data.form, this.$options.data().form);
+                            this.defaultMenuIcon = this.$options.data().defaultMenuIcon;
+                        }
+                        this.$message({
+                                duration: 1000,
+                                type: '转移成功',
+                                message: res.data.operateMessage
+                        });
+                        this.$emit('func',false);//关闭弹窗
+                        this.$nextTick(() => {
+                            this.$emit("refreshMenuData");
+                        });
+                        //刷新资源池
+                        this.initSysRources();
+                    })
+                }
+            },
+            nodeClick(data, node) {
+                let vm = this;
+                vm.currentNode=JSON.parse(JSON.stringify(node.data));
+                let e = window.event;
+                if (!vm.form.id) {
+                    vm.$refs.form.validate(function (valid) {
+                        if (valid) {
+                            vm.$confirm('检测到菜单未保存，是否要提交？', '警告', {
+                                confirmButtonText: '确定',
+                                cancelButtonText: '取消',
+                            }).then(function () {
+                                vm.addData(); // 添加数据
+                                vm.nodeClickEvent(data, node, e);
+                            }).catch(function () {
+                                vm.nodeClickEvent(data, node, e);
+                            })
+                        } else {
+                            vm.nodeClickEvent(data, node, e);
+                        }
+                    });
+                } else {
+                    vm.nodeClickEvent(data, node, e);
+                }
+            },
+            nodeClickEvent(data, node, e) {
+                let vm = this;
+                if(!this.loadResource){
+                    this.remindWarning = true;
+                    this.$message.warning("资源未加载完成，请稍等！");
+                    return;
+                }
+                if(!data.menuDisplay){
+                    data.menuDisplay = "thisPage";
+                }
+                if(data.dialogStyle){//数据中存在弹出框样式信息
+                    vm.displayDialogStyle = JSON.parse(data.dialogStyle);
+                    //处理弹出框顶部间距
+                    let dialogTopSpace = vm.displayDialogStyle["dialogTopSpace"];
+                    if(dialogTopSpace.indexOf("%")>= 0){
+                        vm.$set(data,"dialogTopSpaceValue",dialogTopSpace.split("%")[0]);
+                        vm.$set(data,"dialogTopSpaceUnit","%");
+                    }else if(dialogTopSpace.indexOf("px") >= 0){
+                        vm.$set(data,"dialogTopSpaceValue",dialogTopSpace.split("px")[0]);
+                        vm.$set(data,"dialogTopSpaceUnit","px");
+                    }else if(dialogTopSpace.indexOf("vh") >= 0){
+                        vm.$set(data,"dialogTopSpaceValue",dialogTopSpace.split("vh")[0]);
+                        vm.$set(data,"dialogTopSpaceUnit","%");
+                    }
+                    //处理弹出框宽度
+                    let dialogWidth = vm.displayDialogStyle["dialogWidth"];
+                    if(dialogWidth.indexOf("%")>= 0){
+                        vm.$set(data,"dialogWidthValue",dialogWidth.split("%")[0]);
+                        vm.$set(data,"dialogWidthUnit","%");
+                    }else if(dialogWidth.indexOf("px") >= 0){
+                        vm.$set(data,"dialogWidthValue",dialogWidth.split("px")[0]);
+                        vm.$set(data,"dialogWidthUnit","px");
+                    }else if(dialogWidth.indexOf("vh") >= 0){
+                        vm.$set(data,"dialogWidthValue",dialogWidth.split("vh")[0]);
+                        vm.$set(data,"dialogWidthUnit","%");
+                    }
+                    //处理弹出框高度
+                    let dialogHeight = vm.displayDialogStyle["dialogHeight"];
+                    if(dialogHeight.indexOf("%")>= 0){
+                        vm.$set(data,"dialogHeightValue",dialogHeight.split("%")[0]);
+                        vm.$set(data,"dialogHeightUnit","%");
+                    }else if(dialogHeight.indexOf("px") >= 0){
+                        vm.$set(data,"dialogHeightValue",dialogHeight.split("px")[0]);
+                        vm.$set(data,"dialogHeightUnit","px");
+                    }else if(dialogHeight.indexOf("vh") >= 0){
+                        vm.$set(data,"dialogHeightValue",dialogHeight.split("vh")[0]);
+                        vm.$set(data,"dialogHeightUnit","%");
+                    }
+                }else {//数据中不存在弹出框样式，设置初始值
+                    vm.$set(data,"dialogTopSpaceValue","5");//弹出框距顶部位置
+                    vm.$set(data,"dialogTopSpaceUnit","%");
+                    vm.$set(data,"dialogWidthValue","90");//弹出框宽度
+                    vm.$set(data,"dialogWidthUnit","%");
+                    vm.$set(data,"dialogHeightValue","90");//弹出框高度
+                    vm.$set(data,"dialogHeightUnit","%");
+                }
+                vm.initCheckOperion = {};
+                vm.initCheckData = {};
+                vm.$refs.form.clearValidate();
+                vm.$emit('changeRightMenuStatus', "N", e,node);
+                vm.menuLocalDisable = node.level > 2;
+                if (data.menuChiefNum !== '-2') {
+                    if (data.menuIcon && data.menuIcon.indexOf("saspiconfont") > -1) {
+                        vm.defaultMenuIcon = data.menuIcon;
+                    } else {
+                        vm.defaultMenuIcon = vm.$options.data().defaultMenuIcon;
+                    }
+
+                    let menuGzljd = [];
+                    if (data.menuGzljd) {
+                        menuGzljd = data.menuGzljd.split(',');
+                    }
+                    //根据 bindSource查询
+                    if(data.bindSource && typeof data.bindSource == 'string'){
+                        data.bindSource = JSON.parse(data.bindSource);
+                    }
+
+                    vm.form = Object.assign({}, data);
+                    let menuRealOpen = vm.form.menuIsUse; // 根据智能建表的状态判断菜单的启用状态
+                    if (menuRealOpen && menuRealOpen.indexOf(";") > -1) { // 有智能建表的状态
+                        menuRealOpen = menuRealOpen.substring(0, menuRealOpen.indexOf(";")); // 截取菜单的实际启用状态
+                    }
+                    vm.changeBindSource(vm.form.bindSource); //初始化操作权限和数据权限
+
+                    vm.$set(vm.form, 'menuRealOpen', menuRealOpen);
+                    // 处理数据库异常结尾异常假空格\u0000的问题
+                    try {
+                        JSON.parse(vm.form.menuGzltabs);
+                    } catch (e) {
+                        vm.form.menuGzltabs = "{}";
+                    }
+                    vm.form.menuGzljd = menuGzljd;
+
+                    vm.$nextTick(() =>{
+                        //初始化树选中
+                        vm.$set(vm.form,'allOptAuth',true); //操作权限
+                        vm.$set(vm.form,'allDataAuth',true); //数据权限
+                        let opeateKeyArr = (vm.form.operatePermis || '').split(","); //权限id用逗号拼接
+                        let dataKeyArr = (vm.form.dataPermis || '').split(","); //权限id用逗号拼接
+                        if(vm.$refs.operatePermisRef){ //选中操作权限
+                            vm.$refs.operatePermisRef.setCheckedKeys(opeateKeyArr);
+                            //获取半选
+                            vm.operationFormData.some(item =>{
+                                if(opeateKeyArr.indexOf(item.id) == '-1' ){
+                                    vm.$set(vm.form,'allOptAuth',false); //操作权限
+                                    return true;
+                                }
+                            });
+                        }
+                        if(vm.$refs.dataPermisRef){ //选中数据权限
+                            vm.$refs.dataPermisRef.setCheckedKeys(dataKeyArr);
+                            //获取半选
+                            vm.dataPermisFormData.some(item =>{
+                                if(dataKeyArr.indexOf(item.id) == '-1' ){
+                                    vm.$set(vm.form,'allDataAuth',false); //操作权限
+                                    return true;
+                                }
+                            });
+                        }
+                    });
+                }
+            },
+            selectIcon(data) {
+                if(data.startsWith("el-icon-")){
+                    this.form.menuIcon = data;
+                    this.defaultMenuIcon = data;
+                }else{
+                    this.form.menuIcon = 'saspiconfont ' + data;
+                    this.defaultMenuIcon = 'saspiconfont ' + data;
+                }
+                this.selectIconDialog = false;
+            },
+            clearIcon() {
+                this.form.menuIcon = this.$options.data().form.menuIcon;
+                this.defaultMenuIcon = this.$options.data().defaultMenuIcon;
+            },
+            formFocus() {
+                this.selectFormDialog = true;
+            },
+            singleFormFocus() {
+                this.selectSingleFormDialog = true
+            },
+            chooseFlowFocus() {
+                this.chooseFlowFormDialog = true
+            },
+            chooseStatisticalFormFocus() {
+                this.chooseStatisticalFormDialog = true
+            },
+            chooseCompositeViewFocus() {
+                this.chooseCompositeViewDialog = true
+            },
+            //表单名称(自定义表单和数据字典)dialog回调
+            selectForm(data) {
+                let {id, version, formId, formName, listTitle} = data;
+                //版本号要不要加？
+                /*if (version) {
+                    this.form.menuViewId = id + '_' + version;
+                } else {
+                    this.form.menuViewId = id
+                }*/
+                this.form.menuViewId = id;
+                this.form.menuFormId = formId;
+                this.form.menuForm = formName;
+                this.form.menuFormView = listTitle;
+                this.axios.post('/formConditionController/find', {
+                    'viewId': this.form.menuViewId
+                }).then(res => {
+                    this.menuConditionOptions = [];
+                    for (let {id, condintionName} of res.data) {
+                        this.menuConditionOptions.push({
+                            value: id,
+                            label: condintionName
+                        })
+                    }
+                });
+                this.selectFormDialog = false;
+            },
+            selectSingleForm(data) {
+                let {id, formName, listTitle} = data;
+                this.form.menuViewId = id;
+                this.form.menuForm = formName;
+                this.form.menuFormView = listTitle;
+                this.form.treewidth = data.tableName; // 表名，这里用个无用字段替代
+                this.selectSingleFormDialog = false;
+            },
+            selectWorkFlowForm(data) {
+                let {id, flowName} = data;
+                this.form.menuGzlId = id;
+                this.form.menuGzl = flowName;
+                this.chooseFlowFormDialog = false;
+                this.axios.post('/flowDefineNodeController/find', {
+                    'sort': 'NODE_TYPE_EXTEND',
+                    'flowId': id
+                }).then(res => {
+                    let workFlowNodeData = res.data;
+                    this.workFlowNodeOptions = [];
+                    for (let {id, nodeName} of workFlowNodeData) {
+                        this.workFlowNodeOptions.push({
+                            value: id,
+                            label: nodeName
+                        })
+                    }
+                });
+            },
+            selectStatisticalForm(data) {
+                let {id, reportName} = data;
+                this.form.menuGzlId = id;
+                this.form.menuGzl = reportName;
+                this.chooseStatisticalFormDialog = false;
+            },
+            selectCompositeView(data) {
+                let {id, viewName} = data;
+                this.form.menuGzlId = id;
+                this.form.menuGzl = viewName;
+                this.chooseCompositeViewDialog = false;
+            },
+            initCallBack() {
+                if (!this.firstLoad) {
+                    return;
+                }
+                let nodesMap = this.$refs.commonTreeRef.getAllNode();
+                for (let [key, menu] of Object.entries(nodesMap)) {
+                    if (menu.level === 1) { // 初始化打开一级菜单
+                        menu.expanded = true;
+                    }
+                }
+                this.firstLoad = false;
+            },
+            //选项卡配置(这边打开flowTabSetting组件开始配置)
+            flowTabSetting() {
+                this.flowTabDialog = true;
+            },
+            saveFlowTabSetting(setting) { // 保存选项卡配置
+                let vm = this;
+                if (vm.form.id) { // 修改直接保存数据
+                    vm.axios.post(vm.api.menu.update, {"id": vm.form.id, "menuGzltabs": setting});
+                }
+                vm.form.menuGzltabs = setting;
+                vm.flowTabDialog = false;
+            },
+            closeFlowTabSetting() {
+                this.flowTabDialog = false;
+            },
+            flowPreview() {
+                if (!this.form.menuGzltabs || "{}" === this.form.menuGzltabs) { // 没有数据则设置为默认配置项
+                    this.form.menuGzltabs = JSON.stringify(this.defaultGzltabs);
+                }
+                this.flowPreviewDialog = true;
+            },
+            chooseTree() { // 选择树
+                if (!this.form.menuFormId) {
+                    this.$message("尚未选择表单，请先选择表单后再进行操作！");
+                    return;
+                }
+                this.chooseTreeDialog = true;
+            },
+            determinTree(data, value) {
+                this.form.menuTreeId = data.id;
+                this.form.menuTree = value;
+                this.chooseTreeDialog = false;
+            },
+            clearLinkData() { // 菜单类型change时清除数据
+                // 菜单类型改变时做数据清除
+                let clearArr = ['menuXtgn', 'menuZdygncd', 'menuForm', 'menuFormId', 'menuGzljd', "menuGzltabs", 'menuFormView', 'menuViewId',
+                    'menuShowtype', 'menuCondition', 'singleFormCondition', 'menuGzlId', 'menuGzl', 'menuTreeId', 'treewidth', 'menuTree', 'menuUrl'];
+                clearArr.forEach(item => {
+                    if (item === 'menuGzlId') {
+                        this.$set(this.form, item, null);
+                    } else {
+                        this.$set(this.form, item, "");
+                    }
+                })
+            },
+            treeAllowDrag(node) { // 允许拖动的节点
+                return (node.level !== 1); // 不允许拖动根节点
+            },
+            treeAllowDrop(draggingNode, dropNode, type) { // 树组件允许拖动至的位置
+                return !((type === "prev" || type === "next") && dropNode.level === 1); // 不允许将节点拖动至根节点
+            },
+            treeNodeDrop(node, endNode, type) { // 节点拖动完成时产生的事件
+                let menuTree = this.$refs.commonTreeRef;
+                //修改menuOrder所需的对象数组
+                let menuOrderArr = [];
+                let parentNode = {};
+
+                let dragData = node.data;
+                // 移动节点时，主要同步修改节点的上级树与节点的模块
+                let menuModel = endNode.data.menuModel; // 节点落点对应的菜单模块
+                let cNodeMenuPath = (dragData.menuPath || "-1"); // 取得当前节点的原菜单路径
+                let menuPath = ""; // 节点移动完成后调整它的菜单路径
+                let menuChiefNum = ""; // 节点移动完成后调整它的上级编号
+                if (type === "after" || type === "before") { // 移动到落点之前或之后为同级
+                    menuPath = endNode.data.menuPath || "-1";
+                    menuChiefNum = endNode.data.menuChiefNum || "-1";
+
+                    //获取拖拽节点的父级节点
+                    parentNode = menuTree.getTreeNodeBykey(endNode.data.menuChiefNum);
+                    //生成拖拽菜单之后要修改的节点排序
+                    if (parentNode && parentNode.childNodes.length > 0) {
+                        let childNodes = parentNode.childNodes;
+                        for (let i = 0; i < childNodes.length; i++) {
+                            let childObj = childNodes[i].data;
+                            let menuOrderObj = {};
+                            menuOrderObj['id'] = childObj.id;
+                            menuOrderObj['menuOrder'] = i + 1;
+                            menuOrderArr.push(menuOrderObj);
+                        }
+                    }
+                }
+                if (type === "inner") { // 移动到落点之内为下级
+                    if (endNode.level === 1) { // 落在一级节点之下
+                        menuPath = "-1";
+                        menuChiefNum = "-1";
+                    } else {
+                        menuPath = endNode.data.menuPath + "," + endNode.data.id; // 为父级菜单的路径加上父级菜单的id
+                        menuChiefNum = endNode.data.id;
+                    }
+
+                    //获取落点节点之内的子集节点
+                    parentNode = endNode.data.children;
+                    //生成拖拽菜单之后要修改的节点排序
+                    if (parentNode && parentNode.length > 0) {
+                        for (let i = 0; i < parentNode.length; i++) {
+                            let childObj = parentNode[i];
+                            let menuOrderObj = {};
+                            menuOrderObj['id'] = childObj.id;
+                            menuOrderObj['menuOrder'] = i + 1;
+                            menuOrderArr.push(menuOrderObj);
+                        }
+                    }
+                }
+                // 一波操作完成之后，（分析：移动节点后，节点的menuChiefNum,menuPath,menuModel需要考虑修改
+                // ，若移动的节点有子节点则需要修改子节点的menuPath,menuModel，我们需要注意，在修改子节点
+                // 的时候需要考虑层级关系，所以最好的办法是取得menuPath，使用rePlace替换移动节点的路径为现路径即可）
+                let dataArr = this.getDataChildren(dragData); // 这里获取的数据是实际data而不是elementTree生成的节点node
+                // 执行路径替换
+                dataArr.forEach(each => {
+                    each["menuPath"] = this.platStringUtil.replaceAll(each["menuPath"], cNodeMenuPath, menuPath);
+                });
+                dataArr.push(dragData); // 替换完成后将当前节点置入
+                // 生成数据至后台交互
+                let menuList = [];
+                dataArr.forEach(value => {
+                    let menuObj = {};
+                    menuObj['id'] = value.id;
+                    menuObj['menuPath'] = value.menuPath;
+                    menuObj['menuModel'] = menuModel;
+                    if (value.id === dragData.id) {
+                        menuObj['menuChiefNum'] = menuChiefNum;
+                        menuObj['menuPath'] = menuPath;
+                    }
+                    menuList.push(menuObj);
+                });
+                let nodesMap = this.$refs.commonTreeRef.getAllNode();
+                this.axios.post(this.api.menu.batchUpdateMenu, {
+                    'menuStr': JSON.stringify(menuList)
+                }).then(res => {
+                    if (res.data.operateSuccess) {
+                        menuList.forEach(dataEach => {
+                            let nodeData = nodesMap[dataEach["id"]].data; // 节点数据
+                            Object.keys(dataEach).forEach(key => {
+                                nodeData[key] = dataEach[key];
+                            })
+                        });
+                        this.axios.post(this.api.menu.batchUpdateMenu, {
+                            'menuStr': JSON.stringify(menuOrderArr)
+                        }).then(menuOrderRes => {
+                            if (menuOrderRes.data.operateSuccess) {
+                                //修改完菜单排序之后赋值给form
+                                menuOrderArr.forEach(item => {
+                                    let nodeData = nodesMap[item['id']].data;
+                                    Object.keys(item).forEach(key => {
+                                        nodeData[key] = item[key];
+                                    })
+                                });
+                                // this.refreshBooleanProper = true;
+                                this.defaulExpand = [dragData.id];
+
+                                nodesMap[dragData.id]["isCurrent"] = true;
+                                let formData = nodesMap[dragData.id].data;
+
+                                this.form = Object.assign({}, formData);
+                                // nodesMap[dragData.id]["isCurrent"] = true;
+                                // this.initCheck['initCheck'] = [dragData.id];
+                                // menuTree.setTreeCurrentKey(dragData.id);
+                                this.$message({
+                                    type: 'success',
+                                    message: '修改成功'
+                                });
+                            } else {
+                                this.$message.error('修改失败');
+                            }
+
+                        });
+                    }
+                })
+            },
+            getDataChildren(data, result) { // 获取指定节点的所有下级（包括自己）的id
+                if (!data) {
+                    return [];
+                }
+                !result && (result = []);
+                let children = data["children"];
+                if (children && children.length > 0) {
+                    for (let elem of children) {
+                        result.push(elem);
+                        this.getDataChildren(elem, result);
+                    }
+                }
+                return result;
+            },
+
+            /**
+             * 操作权限全选
+             */
+            optChange(val){
+                //全选或取消全选
+                if(val){
+                    //全部勾选
+                    this.$refs.operatePermisRef.setCheckedNodes(this.operationFormData);
+                }else{
+                    //取消全部勾选
+                    this.$refs.operatePermisRef.setCheckedNodes([]);
+                }
+            },
+
+            /**
+             * 初始化树选中
+             */
+            initTreeCheck(dataArr,keysArr){
+                (dataArr || []).forEach(item =>{
+                    if(!item["childrens"]){ //因为下级全部选中上级自动选中，所以不用考虑上级
+                        // this.$refs.operatePermisRef.setCheckedKeys([item['key']]);
+                        if(item['enable']){ //当前已选择
+                            keysArr.push(item['key']);
+                        }
+                    }
+                    if(item["childrens"]){
+                        this.initTreeCheck(item["childrens"],keysArr);
+                    }
+                })
+            },
+
+            /**
+             * 数据权限全选
+             */
+            dataChange(val){
+                //全选或取消全选
+                if(val){
+                    //全部勾选
+                    this.$refs.dataPermisRef.setCheckedNodes(this.dataPermisFormData);
+                }else{
+                    //取消全部勾选
+                    this.$refs.dataPermisRef.setCheckedNodes([]);
+                }
+            },
+
+            /**
+             * 切换菜单类型
+             * @param val
+             */
+            changeMenuType(val){
+                if(val == 'resourcePool'){ //资源池
+
+                }
+            },
+
+            /**
+             * 刷新资源池
+             */
+            refreshResouce(){
+                this.initSysRources(); //刷新资源池
+            },
+
+            /**
+             * 切换绑定资源
+             * @param val
+             */
+            changeBindSource(val){
+                this.operatePermis = [];
+                this.dataPermis = [];
+                this.$set(this.form,"allOptAuth",true);
+                this.$set(this.form,"allDataAuth",true);
+                this.operationFormData = [];
+                this.dataPermisFormData = [];
+                this.operationFormObj = {};
+                this.dataPermisFormObj = {};
+                this.allCheckOperateKeyArr = [];
+                this.allCheckDataKeyArr = [];
+                this.refreshProper = this.COMMON_FUNC.getUuidByParams(32);
+                if(val && val.length > 0){
+                    let length = val.length;
+                    let resouceId = val[length -1];
+                    if(resouceId && this.sourcesObj[resouceId]){
+                        let obj = this.sourcesObj[val[length -1]];
+                        this.operatePermis = obj.operatePermisList ||[]; //操作权限
+                        this.dataPermis = obj.dataPermisList || []; //数据权限
+                        let paramSetting = {};
+                        paramSetting["id"] = "id";
+                        paramSetting["parentTree"] = "parentTree";
+                        paramSetting["pId"] = "parentId"; //上级数据
+                        paramSetting["children"] = this.defaultBindProps["children"]; // 设置children可配置
+                        this.operationFormData = this.COMMON_FUNC.buildElTree(this.operatePermis,paramSetting);
+                        this.dataPermisFormData = this.COMMON_FUNC.buildElTree(this.dataPermis,paramSetting);
+
+                    }
+                }
+                //置空全选
+                this.$nextTick(() =>{
+                    if(this.$refs.operatePermisRef){
+                        this.$refs.operatePermisRef.setCheckedNodes(this.operationFormData);
+                    }
+                    if(this.$refs.dataPermisRef){
+                        this.$refs.dataPermisRef.setCheckedNodes(this.dataPermisFormData);
+                    }
+                });
+            },
+
+            /**
+             * 获取选中的
+             */
+            initSelectKey(treeArr,selectKeyArr,opertionKeyArr){
+                treeArr.forEach(item =>{
+                    if(selectKeyArr.indexOf(item.id) > -1){
+                        opertionKeyArr.push(item.id);
+                    }
+                    if(item.children){
+                        treeArr = item["children"];
+                        this.initSelectKey(treeArr,selectKeyArr,opertionKeyArr);
+                    }
+                });
+            },
+
+            /**
+             * 获取parentId
+             */
+            setFormDataParentId(dataArr,parentId,allKeyArr){
+                dataArr.forEach(item =>{
+                    this.$set(item,'pId',parentId);
+                    this.$set(item,'enable',true); //默认节点可用
+                    allKeyArr.push(item['key']);
+                    let parentTree = parentId || "";
+                    if(item.parentTree && item.parentTree != "-1"){
+                        parentTree = item.parentTree + "," + parentId;
+                    }
+                    this.$set(item,'parentTree',parentTree);
+                    if(item["childrens"]){ //
+                        dataArr = item["childrens"];
+                        parentId = item["key"];
+                        this.setFormDataParentId(dataArr,parentId,allKeyArr);
+                    }
+                });
+            },
+
+            /**
+             * 递归半选中无用数据
+             * @param halfOperatArr
+             * @param keyArr
+             */
+            disabelHalNoUseData(halfOperatArr,keyArr){
+                halfOperatArr.forEach(item =>{
+                    if(item["childrens"]){
+                        (item["childrens"] || []).forEach((child,index) =>{
+                            if(keyArr.indexOf(child.key) == -1){ //设置当前节点 isCheked：false
+                                // this.$set(child,'enable',false); //设置节点为不可用状态
+                                item["childrens"].splice(index,1);
+                                keyArr.splice(index,1);
+                            }else{
+                                this.$set(child,'enable',true); ;//设置可编辑状态
+                                this.isHalfOperationKeyArr.push(child.key);
+                            }
+                            halfOperatArr = item["childrens"];
+                            this.disabelHalNoUseData(halfOperatArr,keyArr);
+                        })
+                    }
+                });
+            },
+
+            /**
+             * 过滤全选数据
+             */
+            filterIsHalfOperation(checkeOpertionArr,isHalfOperationKeyArr,isAllOperationKey){
+                checkeOpertionArr = checkeOpertionArr.filter(item =>{
+                    return isHalfOperationKeyArr.indexOf(item.key) == -1 &&  isAllOperationKey.indexOf(item.key) == -1;
+                });
+
+                return checkeOpertionArr;
+            },
+
+            /**
+             *  删除已经子数据
+             * @param allCheckArr
+             * @param keyArr
+             */
+            deleteAllCheckOpertion(allArr,keyArr){
+                allArr.forEach(item =>{
+                    this.$set(item,'enable',true); //默认节点可用
+                    if(item["childrens"]){
+                        (item["childrens"] || []).forEach((child,index) =>{
+                            if(keyArr.indexOf(child.key) > -1){ //删除当前数据
+                                this.isAllOperationKeyArr.push(child.key);
+                            }
+                            allArr = item["childrens"];
+                            this.deleteAllCheckOpertion(allArr,keyArr);
+                        })
+                    }
+                });
+            },
+
+            /**
+             * 操作权限判断全选
+             */
+            isAllOptCheck(formTreeArr,halfArr,allCheckArr){
+                if(formTreeArr.length == 0 ||  halfArr.length > 0){
+                    this.$set(this.form,'allOptAuth',false);
+                }else{
+                    formTreeArr.some(item =>{ //判断是否选中
+                        if(allCheckArr.indexOf(item.key)> -1){
+                            formTreeArr = item["childrens"];
+                            if(formTreeArr){
+                                this.isAllOptCheck(formTreeArr,halfArr,allCheckArr);
+                            }
+                        }else{
+                            this.$set(this.form,'allOptAuth',false);
+                            return true; //终止
+                        }
+                    });
+                }
+            },
+
+            /**
+             * 数据权限判断全选
+             */
+            isAllDataCheck(formTreeArr,halfArr,allCheckArr){
+                if(formTreeArr.length == 0 ||  halfArr.length > 0){
+                    this.$set(this.form,'allDataAuth',false);
+                }else{
+                    formTreeArr.some(item =>{ //判断是否选中
+                        if(allCheckArr.indexOf(item.key)> -1){
+                            formTreeArr = item["childrens"];
+                            if(formTreeArr){
+                                this.isAllDataCheck(formTreeArr,halfArr,allCheckArr);
+                            }
+                        }else{
+                            this.$set(this.form,'allDataAuth',false);
+                            return true; //终止
+                        }
+                    });
+                }
+            },
+
+            /**
+             * 操作权限点击事件
+             * @param data
+             * @param checked
+             */
+            checkeOptChangeFnc(data,checked){
+                this.$set(this.form,'allOptAuth',true); //操作权限
+                let keysArr = this.$refs.operatePermisRef.getCheckedKeys();
+                this.operationFormData.some(item =>{
+                    if(keysArr.indexOf(item.id) == '-1' ){
+                        this.$set(this.form,'allOptAuth',false); //操作权限
+                        return true;
+                    }
+                });
+            },
+            /**
+             * 数据全选点击全选判断
+             * @param data
+             * @param checked
+             */
+            checkeDataChangeFnc(data,checked){
+                this.$set(this.form,'allDataAuth',true); //数据权限
+                //获取半选
+                let keysArr = this.$refs.dataPermisRef.getCheckedKeys();
+                this.dataPermisFormData.some(item =>{
+                    if(keysArr.indexOf(item.id) == '-1' ){
+                        this.$set(this.form,'allDataAuth',false); //操作权限
+                        return true;
+                    }
+                });
+
+            },
+
+            /**
+             * 操作权限
+             * @param h
+             * @param node
+             * @param data
+             * @param store
+             * @returns {*}
+             */
+            renderOperateContent(h, { node, data, store }) {
+                let type = "按钮";
+                if((data.powerKey || "").indexOf("tree") > -1){
+                    type = "树"
+                }
+                return (
+                    <span >
+                    <span>{node.label}</span>
+                    <span class="custom-operate-tree-node">
+                      ({type})
+                    </span>
+                  </span>);
+            },
+
+            /**
+             * 弹出框顶部间距设置
+             */
+            changeDialogTop(){
+                let dialogTopSpace = this.form.dialogTopSpaceValue + this.form.dialogTopSpaceUnit;
+                if(dialogTopSpace){
+                    this.displayDialogStyle.dialogTopSpace = dialogTopSpace;
+                }
+            },
+            /**
+             * 弹出框宽度设置
+             */
+            changeDialogWidth(){
+                let dialogWidth = this.form.dialogWidthValue + this.form.dialogWidthUnit;
+                if(dialogWidth){
+                    this.displayDialogStyle.dialogWidth = dialogWidth;
+                }
+            },
+            /**
+             * 弹出框高度设置
+             */
+            changeDialogHeight(){
+                let dialogHeight = this.form.dialogHeightValue + this.form.dialogHeightUnit;
+                if(dialogHeight){
+                    this.displayDialogStyle.dialogHeight = dialogHeight;
+                }
+            },
+
+            /**
+             * 开启或关闭自定义图标
+             */
+            changeOpenDiyIcon(){
+                if(!this.diyIconFkid){
+                    this.diyIconFkid = this.COMMON_FUNC.getUuidByParams(32);
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .asideTree {
+        overflow-y: auto;
+        width: 100% !important;
+        height: calc(100% - 90px);
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+
+    .el-main {
+        background-color: #E9EEF3;
+        color: #333;
+        text-align: center;
+        line-height: 160px;
+    }
+
+    .fontIcon {
+        font-size: 25px;
+        margin: 10px auto;
+        font-family: "saspiconfont", sans-serif !important;
+        font-style: normal;
+    }
+
+    .dialog, font-dialog {
+        box-sizing: border-box;
+        padding-right: 0;
+        padding-top: 0;
+    }
+
+    .font-dialog /deep/ .el-dialog__body {
+        padding: 0;
+        height: calc(100% - 50px);
+    }
+
+    .flow-tab-dialog /deep/ .el-dialog__body {
+        height: calc(100% - 75px);
+        padding: 0 10px;
+    }
+
+    .choose-tree-dialog /deep/ .el-dialog__body {
+        height: calc(100% - 40px);
+        padding: 0 10px;
+    }
+
+    .menuManageContainer .el-aside {
+        overflow-y: hidden;
+    }
+
+    .menuManageContainer .asideTree {
+        overflow-y: auto;
+    }
+
+    .menuManageContainer .model-color .saspiconfont {
+        font-size: 22px;
+        color: #fff;
+    }
+
+    .menuManageContainer /deep/ .el-tabs__content {
+        padding: 0;
+    }
+
+    .menuManageContainer /deep/ .model-color span {
+        font-size: 16px;
+    }
+
+    .menuManageContainer /deep/ .el-card__header{
+        padding: 10px 20px;
+    }
+
+    .asideTree /deep/ .el-tree > .el-tree-node > .el-tree-node__content { /* 选中第一级菜单 */
+        background-color: #1A598A;
+        text-decoration: none;
+        border: 1px silver solid;
+        color: #fff;
+        text-align: center;
+        height: 35px;
+    }
+    .box-card-class{
+        width: 350px;
+        height: auto;
+        overflow-y: auto;
+        padding-bottom: 10px;
+    }
+    .clearfix{
+        width: 190px;
+    }
+
+    .tree {
+        overflow-y:auto;
+        height: 190px;
+    }
+
+    .tree  /deep/ .el-tree {
+        .el-tree-node__content {
+            display: block !important;
+        }
+        .el-tree-node__children {
+            overflow: visible !important;
+        }
+    }
+
+    .tree /deep/.custom-operate-tree-node {
+        margin-left: 10px;
+        font-size: 11px;
+        color: #409EFF;
+    }
+
+</style>