效果:
组件代码
< template> < div> < divv- show= "isShowSelect" class = "mask" @click= "isShowSelect = !isShowSelect" / > < el- popoverv- model= "isShowSelect" placement= "bottom-start" : width= "width" trigger= "manual" style= "padding: 12px 0" @hide= "popoverHide" > < el- input v- if = "isFilter" placeholder= "输入关键字进行过滤" size= "mini" v- model= "filterText" > < / el- input> < el- treeref= "tree" class = "common-tree" : style= "style" : data= "data" : props= "defaultProps" : show- checkbox= "multiple" : node- key= "nodeKey" : check- strictly= "checkStrictly" default - expand- all: filter- node- method= "filterNode" : expand- on- click- node= "false" : check- on- click- node= "multiple" : highlight- current= "true" @node- click= "handleNodeClick" @check- change= "handleCheckChange" / > < el- selectslot= "reference" ref= "select" v- model= "selectedData" : style= "selectStyle" : size= "size" : multiple= "multiple" : clearable= "clearable" : collapse- tags= "collapseTags" class = "tree-select" @click. native= "isShowSelect = !isShowSelect" @remove- tag= "removeSelectedNodes" @clear= "removeSelectedNode" @change= "changeSelectedNodes" > < el- optionv- for = "item in options" : key= "item.value" : label= "item.label" : value= "item.value" / > < / el- select> < / el- popover> < / div>
< / template> < script>
export default { props : { data : { type : Array, default ( ) { return [ ] ; } , } , defaultProps : { type : Object, default ( ) { return { children : "children" , label : "name" , } ; } , } , multiple : { type : Boolean, default ( ) { return false ; } , } , clearable : { type : Boolean, default ( ) { return false ; } , } , collapseTags : { type : Boolean, default ( ) { return false ; } , } , nodeKey : { type : String, default ( ) { return "id" ; } , } , checkStrictly : { type : Boolean, default ( ) { return false ; } , } , checkedKeys : { type : Array, default ( ) { return [ ] ; } , } , size : { type : String, default ( ) { return "medium" ; } , } , width : { type : Number, default ( ) { return 250 ; } , } , inputWidth : { type : Number, default ( ) { return 150 ; } , } , height : { type : Number, default ( ) { return 300 ; } , } , isFilter : { type : Boolean, default ( ) { return true ; } , } , } , data ( ) { return { filterText : "" , isShowSelect : false , options : [ ] , selectedData : [ ] , style : "width:" + this . width + "px;" + "height:" + this . height + "px;" , selectStyle : "width:" + this . inputWidth + "px;" , checkedIds : [ ] , checkedData : [ ] , } ; } , watch : { filterText ( val ) { this . $refs. tree. filter ( val) ; } , isShowSelect ( val ) { this . $refs. select. blur ( ) ; } , checkedKeys ( val ) { console. log ( "checkedKeys" , val) ; if ( ! val) return ; this . checkedKeys = val; this . initCheckedData ( ) ; } , } , mounted ( ) { this . initCheckedData ( ) ; } , methods : { filterNode ( value, data ) { if ( ! value) return true ; return data[ this . defaultProps. label] . indexOf ( value) !== - 1 ; } , setSelectOption ( node ) { const tmpMap = { } ; tmpMap. value = node. key; tmpMap. label = node. label; this . options = [ ] ; this . options. push ( tmpMap) ; this . selectedData = node. key; } , checkSelectedNode ( checkedKeys ) { var item = checkedKeys[ 0 ] ; this . $refs. tree. setCurrentKey ( item) ; var node = this . $refs. tree. getNode ( item) ; this . setSelectOption ( node) ; } , checkSelectedNodes ( checkedKeys ) { const that = this ; setTimeout ( function ( ) { that. $refs. tree. setCheckedKeys ( checkedKeys) ; } , 10 ) ; this . $forceUpdate ( ) ; } , clearSelectedNode ( ) { this . selectedData = [ ] ; this . $refs. tree. setCurrentKey ( null ) ; } , clearSelectedNodes ( ) { var checkedKeys = this . $refs. tree. getCheckedKeys ( ) ; for ( let i = 0 ; i < checkedKeys. length; i++ ) { this . $refs. tree. setChecked ( checkedKeys[ i] , false ) ; } } , initCheckedData ( ) { if ( this . multiple) { if ( this . checkedKeys. length > 0 ) { this . checkSelectedNodes ( this . checkedKeys) ; } else { this . clearSelectedNodes ( ) ; } } else { if ( this . checkedKeys. length > 0 ) { this . checkSelectedNode ( this . checkedKeys) ; } else { this . clearSelectedNode ( ) ; } } } , popoverHide ( ) { if ( this . multiple) { this . checkedIds = this . $refs. tree. getCheckedKeys ( ) ; this . checkedData = this . $refs. tree. getCheckedNodes ( ) ; } else { this . checkedIds = this . $refs. tree. getCurrentKey ( ) ; this . checkedData = this . $refs. tree. getCurrentNode ( ) ; } this . $emit ( "popoverHide" , this . checkedIds, this . checkedData) ; } , handleNodeClick ( data, node ) { if ( ! this . multiple) { this . setSelectOption ( node) ; this . isShowSelect = ! this . isShowSelect; this . $emit ( "change" , this . selectedData) ; } } , handleCheckChange ( ) { var checkedKeys = this . $refs. tree. getCheckedKeys ( ) ; this . options = checkedKeys. map ( ( item ) => { var node = this . $refs. tree. getNode ( item) ; const tmpMap = { } ; tmpMap. value = node. key; tmpMap. label = node. label; return tmpMap; } ) ; this . selectedData = this . options. map ( ( item ) => { return item. value; } ) ; this . $emit ( "change" , this . selectedData) ; } , removeSelectedNodes ( val ) { this . $refs. tree. setChecked ( val, false ) ; var node = this . $refs. tree. getNode ( val) ; if ( ! this . checkStrictly && node. childNodes. length > 0 ) { this . treeToList ( node) . map ( ( item ) => { if ( item. childNodes. length <= 0 ) { this . $refs. tree. setChecked ( item, false ) ; } } ) ; this . handleCheckChange ( ) ; } this . $emit ( "change" , this . selectedData) ; } , treeToList ( tree ) { var queen = [ ] ; var out = [ ] ; queen = queen. concat ( tree) ; while ( queen. length) { var first = queen. shift ( ) ; if ( first. childNodes) { queen = queen. concat ( first. childNodes) ; } out. push ( first) ; } return out; } , removeSelectedNode ( ) { this . clearSelectedNode ( ) ; this . $emit ( "change" , this . selectedData) ; } , changeSelectedNodes ( selectedData ) { if ( this . multiple && selectedData. length <= 0 ) { this . clearSelectedNodes ( ) ; } this . $emit ( "change" , this . selectedData) ; } , } ,
} ;
< / script>
< style scoped>
. mask { width : 100 % ; height : 100 % ; position : fixed; top : 0 ; left : 0 ; opacity : 0 ; z- index: 11 ;
} . common- tree { overflow : auto;
} . tree- select { z- index: 111 ;
}
< / style>
参数方法说明
属性 说明 height 下拉框中树形高度 height=“400” width 下拉框中树形宽度 width =“400” isFilter 是否出现树结构搜索过滤 默认为true size 输入框的尺寸: medium/small/mini data 树结构的数据 defaultProps 树结构的props,树结构说明 multiple 是否多选 inputWidth 输入框的长度 Number clearable 是否可清空选择 collapseTags 多选时将选中值按文字的形式展示 checkStrictly 多选时,严格遵循父子不互相关联 nodeKey 绑定nodeKey,默认绑定’id’ checkedKeys 传递默认选中的节点key组成的数组 @popoverHide=“popoverHide” 事件有两个参数:第一个是所有选中的节点ID,第二个是所有选中的节点数据 @change=“clearKey” 当选项改变时触发
组件使用包含模拟数据
< template> < div> < HSKselectev- model= "workName" : inputWidth= "250" : data= "treeData" v- show= "dialogFormVisible" style= "'width: 100%'" : checkedKeys= "defaultCheckedKeys" @change= "clearKey" : isFilter= "isFilter" clearable : multiple= "multiple" @popoverHide= "onCateSelect" > < / HSKselecte> < / div>
< / template>
< script>
import HSKselecte from "../package/hsk-treeSelect/index.vue" ;
export default { data ( ) { return { isFilter : true , multiple : true , radio1 : '' , workName : '' , dialogFormVisible : true , selectType : "sigle" , defaultCheckedKeys : [ ] , defaultExpandedKeys : [ ] , checkedKeys : [ ] , treeData : [ { id : "platform-1651478710725455875" , parentId : null , name : "基础信息" , identification : null , url : null , sortNo : null , menuType : "0" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "1" , parentId : "0" , name : "生产单位管理" , identification : null , url : "/workUnit" , sortNo : "1" , menuType : "1" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "6" , parentId : "1" , name : "生产单位" , identification : null , url : "workUnit" , sortNo : "1" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "pagInfo-1" , parentId : "6" , name : "车间管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "17" , parentId : "pagInfo-1" , name : "新增" , identification : "basic:productionUnitManagement:productionUnit:addworkshop" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : "1" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "18" , parentId : "pagInfo-1" , name : "修改" , identification : "basic:productionUnitManagement:productionUnit:editshop" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : "1" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "19" , parentId : "pagInfo-1" , name : "删除" , identification : "basic:productionUnitManagement:productionUnit:deleteshop" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : "1" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "20" , parentId : "pagInfo-1" , name : "设置状态" , identification : "basic:productionUnitManagement:productionUnit:editshopstatus" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : "1" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "pagInfo-2" , parentId : "6" , name : "工作中心管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "21" , parentId : "pagInfo-2" , name : "新增" , identification : "basic:productionUnitManagement:productionUnit:addworkcenter" , url : null , sortNo : "5" , menuType : "4" , permissionGroupId : "2" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "22" , parentId : "pagInfo-2" , name : "修改" , identification : "basic:productionUnitManagement:productionUnit:editworkcenter" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : "2" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "23" , parentId : "pagInfo-2" , name : "删除" , identification : "basic:productionUnitManagement:productionUnit:deleteworkcenter" , url : null , sortNo : "7" , menuType : "4" , permissionGroupId : "2" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "24" , parentId : "pagInfo-2" , name : "设置状态" , identification : "basic:productionUnitManagement:productionUnit:editworkcenterstatus" , url : null , sortNo : "8" , menuType : "4" , permissionGroupId : "2" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "pagInfo-3" , parentId : "6" , name : "产线管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "25" , parentId : "pagInfo-3" , name : "新增" , identification : "basic:productionUnitManagement:productionUnit:addproductionline" , url : null , sortNo : "9" , menuType : "4" , permissionGroupId : "3" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "26" , parentId : "pagInfo-3" , name : "修改" , identification : "basic:productionUnitManagement:productionUnit:editproductionline" , url : null , sortNo : "10" , menuType : "4" , permissionGroupId : "3" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "27" , parentId : "pagInfo-3" , name : "删除" , identification : "basic:productionUnitManagement:productionUnit:deleteproductionline" , url : null , sortNo : "11" , menuType : "4" , permissionGroupId : "3" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "28" , parentId : "pagInfo-3" , name : "设置状态" , identification : "basic:productionUnitManagement:productionUnit:editproductionlinestatus" , url : null , sortNo : "12" , menuType : "4" , permissionGroupId : "3" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "pagInfo-4" , parentId : "6" , name : "设备管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "29" , parentId : "pagInfo-4" , name : "绑定" , identification : "basic:productionUnitManagement:productionUnit:bindequipment" , url : null , sortNo : "13" , menuType : "4" , permissionGroupId : "4" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "30" , parentId : "pagInfo-4" , name : "解绑" , identification : "basic:productionUnitManagement:productionUnit:unbindequipment" , url : null , sortNo : "14" , menuType : "4" , permissionGroupId : "4" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "7" , parentId : "1" , name : "设备保养计划" , identification : null , url : "maintenancePlan" , sortNo : "2" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "31" , parentId : "7" , name : "新增" , identification : "basic:productionUnitManagement:maintenancePlan:addPlan" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "32" , parentId : "7" , name : "修改" , identification : "basic:productionUnitManagement:maintenancePlan:editPlan" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "33" , parentId : "7" , name : "删除" , identification : "basic:productionUnitManagement:maintenancePlan:deletePlan" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "39" , parentId : "7" , name : "导入模板" , identification : "basic:productionUnitManagement:maintenancePlan:importPlan" , url : null , sortNo : "5" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "97" , parentId : "7" , name : "查看详情" , identification : "basic:productionUnitManagement:maintenancePlan:detailPlan" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "8" , parentId : "1" , name : "设备管理" , identification : null , url : "equipment" , sortNo : "3" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "34" , parentId : "8" , name : "新增" , identification : "basic:productionUnitManagement:equipmentUnit:addequipment" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "35" , parentId : "8" , name : "修改" , identification : "basic:productionUnitManagement:equipmentUnit:editequipment" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "36" , parentId : "8" , name : "删除" , identification : "basic:productionUnitManagement:equipmentUnit:deleteequipment" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "37" , parentId : "8" , name : "设置状态" , identification : "basic:productionUnitManagement:equipmentUnit:editequipmentstatus" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "41" , parentId : "8" , name : "导入模板" , identification : "basic:productionUnitManagement:equipmentUnit:importtemplate" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "2" , parentId : "0" , name : "用户权限管理" , identification : null , url : "/user" , sortNo : "2" , menuType : "1" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "9" , parentId : "2" , name : "用户管理" , identification : null , url : "user" , sortNo : "1" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "pagInfo-5" , parentId : "9" , name : "部门管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "42" , parentId : "pagInfo-5" , name : "新增" , identification : "basic:userManage:depart:addDept" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : "5" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "43" , parentId : "pagInfo-5" , name : "修改" , identification : "basic:userManage:depart:editDept" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : "5" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "44" , parentId : "pagInfo-5" , name : "删除" , identification : "basic:userManage:depart:deleteDept" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : "5" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "pagInfo-6" , parentId : "9" , name : "用户管理" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "45" , parentId : "pagInfo-6" , name : "新增" , identification : "basic:userManage:user:adduser" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "46" , parentId : "pagInfo-6" , name : "修改" , identification : "basic:userManage:user:edituser" , url : null , sortNo : "5" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "47" , parentId : "pagInfo-6" , name : "删除" , identification : "basic:userManage:user:deleteuser" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "48" , parentId : "pagInfo-6" , name : "设置状态" , identification : "basic:userManage:user:edituserstatus" , url : null , sortNo : "7" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "49" , parentId : "pagInfo-6" , name : "分配角色" , identification : "basic:userManage:user:assignroles" , url : null , sortNo : "8" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "50" , parentId : "pagInfo-6" , name : "重置密码" , identification : "basic:userManage:user:userrepaw" , url : null , sortNo : "9" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "52" , parentId : "pagInfo-6" , name : "导入模板" , identification : "basic:userManage:user:importtemplate" , url : null , sortNo : "11" , menuType : "4" , permissionGroupId : "6" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "10" , parentId : "2" , name : "角色管理" , identification : null , url : "role" , sortNo : "2" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "53" , parentId : "10" , name : "分配权限" , identification : "basic:roleManage:role:assignauthority" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "54" , parentId : "10" , name : "新增" , identification : "basic:roleManage:role:addrole" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "55" , parentId : "10" , name : "修改" , identification : "basic:roleManage:role:editrole" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "56" , parentId : "10" , name : "删除" , identification : "basic:roleManage:role:deleterole" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "3" , parentId : "0" , name : "生产物料管理" , identification : null , url : "/material" , sortNo : "3" , menuType : "1" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "11" , parentId : "3" , name : "物料管理" , identification : null , url : "material" , sortNo : "1" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "57" , parentId : "11" , name : "新增" , identification : "basic:materialUnitManagement:materialUnit:addmaterial" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "58" , parentId : "11" , name : "修改" , identification : "basic:materialUnitManagement:materialUnit:editmaterial" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "59" , parentId : "11" , name : "删除" , identification : "basic:materialUnitManagement:materialUnit:deletematerial" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "61" , parentId : "11" , name : "导入模板" , identification : "basic:materialUnitManagement:materialUnit:importmaterial" , url : null , sortNo : "5" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "62" , parentId : "11" , name : "导出" , identification : "basic:materialUnitManagement:materialUnit:exportmaterial" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "98" , parentId : "11" , name : "新增bom" , identification : "basic:materialUnitManagement:bomUnit:addbom" , url : null , sortNo : "7" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "99" , parentId : "11" , name : "修改bom" , identification : "basic:materialUnitManagement:bomUnit:editbom" , url : null , sortNo : "8" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "100" , parentId : "11" , name : "新增工艺路线" , identification : "basic:materialUnitManagement:processrouteUnit:addprocessroute" , url : null , sortNo : "9" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "101" , parentId : "11" , name : "修改工艺路线" , identification : "basic:materialUnitManagement:processrouteUnit:editprocessroute" , url : null , sortNo : "10" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "12" , parentId : "3" , name : "BOM管理" , identification : null , url : "bom" , sortNo : "2" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "63" , parentId : "12" , name : "新增" , identification : "basic:materialUnitManagement:bomUnit:addbom" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "64" , parentId : "12" , name : "修改" , identification : "basic:materialUnitManagement:bomUnit:editbom" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "65" , parentId : "12" , name : "删除" , identification : "basic:materialUnitManagement:bomUnit:deletebom" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "67" , parentId : "12" , name : "导入模板" , identification : "basic:materialUnitManagement:bomUnit:importbom" , url : null , sortNo : "5" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "68" , parentId : "12" , name : "设置状态" , identification : "basic:materialUnitManagement:bomUnit:editbomstatus" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "13" , parentId : "3" , name : "工艺路线管理" , identification : null , url : "processRoute" , sortNo : "3" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "69" , parentId : "13" , name : "新增" , identification : "basic:materialUnitManagement:processrouteUnit:addprocessroute" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "70" , parentId : "13" , name : "修改" , identification : "basic:materialUnitManagement:processrouteUnit:editprocessroute" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "71" , parentId : "13" , name : "删除" , identification : "basic:materialUnitManagement:processrouteUnit:deleteprocessroute" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "72" , parentId : "13" , name : "设置状态" , identification : "basic:materialUnitManagement:processrouteUnit:editprocessroutestatus" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "74" , parentId : "13" , name : "导入模板" , identification : "basic:materialUnitManagement:processrouteUnit:importprocessroute" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "14" , parentId : "3" , name : "工艺管理" , identification : null , url : "technology" , sortNo : "4" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "75" , parentId : "14" , name : "新增" , identification : "basic:technologyManage:technology:add" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "76" , parentId : "14" , name : "修改" , identification : "basic:technologyManage:technology:edit" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "77" , parentId : "14" , name : "删除" , identification : "basic:technologyManage:technology:delete" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "78" , parentId : "14" , name : "设置状态" , identification : "basic:technologyManage:technology:edittechnologystatus" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "80" , parentId : "14" , name : "导入模板" , identification : "basic:technologyManage:technology:importtemplate" , url : null , sortNo : "6" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "4" , parentId : "0" , name : "生产日历管理" , identification : null , url : "/calendar" , sortNo : "4" , menuType : "1" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "15" , parentId : "4" , name : "工作日历" , identification : null , url : "calendar" , sortNo : "1" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "81" , parentId : "15" , name : "新增" , identification : "basic:calendarUnitManagement:calendarUnit:addcalendar" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "82" , parentId : "15" , name : "修改" , identification : "basic:calendarUnitManagement:calendarUnit:editcalendar" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "83" , parentId : "15" , name : "删除" , identification : "basic:calendarUnitManagement:calendarUnit:deletecalendar" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "84" , parentId : "15" , name : "配置班次" , identification : "basic:calendarUnitManagement:calendarUnit:configclassforcalendar" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "16" , parentId : "4" , name : "班次管理" , identification : null , url : "scheduling" , sortNo : "2" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "85" , parentId : "16" , name : "新增" , identification : "basic:calendarUnitManagement:scheduleUnit:addschedule" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "86" , parentId : "16" , name : "修改" , identification : "basic:calendarUnitManagement:scheduleUnit:editschedule" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "87" , parentId : "16" , name : "删除" , identification : "basic:calendarUnitManagement:scheduleUnit:deleteschedule" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "88" , parentId : "16" , name : "设置状态" , identification : "basic:calendarUnitManagement:scheduleUnit:editschedulestatus" , url : null , sortNo : "4" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , { id : "5" , parentId : "0" , name : "系统信息" , identification : null , url : "/bmgl" , sortNo : "5" , menuType : "1" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "89" , parentId : "5" , name : "编码管理" , identification : null , url : "bmgl" , sortNo : "1" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "90" , parentId : "89" , name : "修改" , identification : "basic:codeManage:code:edit" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "91" , parentId : "89" , name : "设置状态" , identification : "basic:codeManage:code:editcodestatus" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "92" , parentId : "5" , name : "操作日志" , identification : null , url : "operateLog" , sortNo : "2" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "93" , parentId : "5" , name : "信息导入" , identification : null , url : "informationImport" , sortNo : "3" , menuType : "2" , permissionGroupId : null , checkFlag : true , platformId : "1651478710725455875" , children : [ { id : "pagInfo-7" , parentId : "93" , name : "数据导入" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "94" , parentId : "pagInfo-7" , name : "模板下载" , identification : "basic:Infoimport:import:downloadtemplate" , url : null , sortNo : "1" , menuType : "4" , permissionGroupId : "7" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , { id : "95" , parentId : "pagInfo-7" , name : "数据导入" , identification : "basic:Infoimport:import:importtemplate" , url : null , sortNo : "2" , menuType : "4" , permissionGroupId : "7" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , { id : "pagInfo-8" , parentId : "93" , name : "导入记录" , identification : null , url : null , sortNo : null , menuType : "3" , permissionGroupId : null , checkFlag : null , platformId : null , children : [ { id : "96" , parentId : "pagInfo-8" , name : "错误数据下载" , identification : "basic:Infoimport:import:downloaderrdata" , url : null , sortNo : "3" , menuType : "4" , permissionGroupId : "8" , checkFlag : true , platformId : "1651478710725455875" , children : [ ] , } , ] , } , ] , } , ] , } , ] , } , ] , } ; } , components : { HSKselecte, } , props : { } , watch : { } , created ( ) { } , mounted ( ) { } , methods : { onCateSelect ( a, b ) { console. log ( "onCateSelect" , a, b) } , clearKey ( a ) { console. log ( a) } , getdetail ( val ) { this . defaultKey = [ ] ; this . defaultKey. push ( val) ; } , changeTreeItem ( res ) { console. log ( res) ; } , getGroupSequence ( ) { return this . treeData; } , } ,
} ;
< / script>
< style scoped>
. flex1 { flex : 1 ;
}
< / style>