webpackJsonp([8],{A2bL:function(e,t,n){(e.exports=n("FZ+f")(!1)).push([e.i,"\n.el-row {\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.custom-tree-node {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  font-size: 14px;\n  padding-right: 8px;\n}\n.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {\n  background-color: rgba(64, 158, 255, 0.2);\n}\n.transfer-container {\n  position: relative;\n}\n.transfer-container .transfer-title {\n    width: 100%;\n    height: 40px;\n    line-height: 40px;\n    text-align: center;\n    position: absolute;\n    top: 0;\n}\n.transfer-container .el-transfer {\n    height: 100%;\n    padding-top: 55px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n}\n.transfer-container .el-transfer-panel {\n      position: relative;\n}\n.transfer-container .el-transfer-panel__header {\n        position: absolute;\n        top: 0;\n        width: 100%;\n}\n.transfer-container .el-transfer-panel__body {\n        padding-top: 40px;\n        height: 100%;\n}\n.transfer-container .el-transfer-panel__list {\n        height: auto;\n        max-height: 670px;\n}\n.transfer-container .el-transfer-panel .transfer-footer {\n        margin-left: 15px;\n        padding: 6px 5px;\n}\n.transfer-container .el-transfer__buttons {\n      padding: 0 10px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-orient: vertical;\n      -webkit-box-direction: normal;\n          -ms-flex-direction: column;\n              flex-direction: column;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n}\n",""])},ksOi:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n("0xDb"),a={name:"RoleControl",methods:{treeFilterMethod:function(e,t){return Object(r.b)(e,t.label)},treeNodeDrop:function(){console.log(arguments)},treeSelected:function(e){console.log(arguments),this.transferTitle=e.label,e.value?this.transferValue=e.value:this.transferValue=[]},treeEdit:function(e){this.$prompt("请输入角色名","编辑",{inputPattern:/.+/,inputValue:e.label}).then(function(t){var n=t.value;e.label=n})},treeAdd:function(e){var t=this;this.$prompt("请输入角色名","新增",{inputPattern:/.+/,inputValue:e.label}).then(function(n){var r=n.value,a={id:t.id++,label:r,children:[]};e.children||t.$set(e,"children",[]),e.children.push(a)})},treeDel:function(e,t){this.$confirm("是否删除","删除",{type:"warning"}).then(function(){var n=e.parent,r=n.data.children||n.data,a=r.findIndex(function(e){return e.id===t.id});r.splice(a,1)})},transferFilterMethod:function(e,t){return Object(r.b)(e,t.pinyin)},transferChange:function(){console.log(this.transferValue)}},watch:{treeFilterText:function(e){this.$refs.tree.filter(e)}},data:function(){return{treeId:100,treeData:[{id:1,label:"一级 1",value:[0],children:[{id:4,label:"二级 1-1",value:[1],children:[{id:9,label:"三级 1-1-1",value:[2]},{id:10,label:"三级 1-1-2",value:[3]}]}]},{id:2,label:"一级 2",children:[{id:5,label:"二级 2-1"},{id:6,label:"二级 2-2"}]},{id:3,label:"一级 3",children:[{id:7,label:"二级 3-1"},{id:8,label:"二级 3-2",children:[{id:11,label:"三级 3-2-1"},{id:12,label:"三级 3-2-2"},{id:13,label:"三级 3-2-3"}]}]}],treeProps:{children:"children",label:"label"},treeFilterText:"",transferValue:[],transferTitle:"",transferData:function(e){var t=[],n=["shanghai","beijing","guangzhou","shenzhen","nanjing","xian","chengdu"];return["上海","北京","广州","深圳","南京","西安","成都"].forEach(function(e,r){t.push({label:e,key:r,pinyin:n[r]})}),t}(),transferTitles:["可选权限","已选权限"]}}},i={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("el-row",{attrs:{type:"flex",gutter:20}},[n("el-col",{staticClass:"m-b",attrs:{xs:24,sm:12,md:12}},[n("el-input",{staticClass:"m-b",attrs:{clearable:"",placeholder:"输入关键字进行过滤"},model:{value:e.treeFilterText,callback:function(t){e.treeFilterText=t},expression:"treeFilterText"}}),e._v(" "),n("el-tree",{ref:"tree",attrs:{"node-key":"id",draggable:"","highlight-current":"","default-expand-all":"","expand-on-click-node":!1,data:e.treeData,props:e.treeProps,"filter-node-method":e.treeFilterMethod},on:{"node-drop":e.treeNodeDrop},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.node,a=t.data;return n("span",{staticClass:"custom-tree-node"},[n("span",[e._v(e._s(r.label))]),e._v(" "),n("span",[n("el-button",{attrs:{type:"text",size:"mini"},on:{click:function(t){e.treeSelected(a)}}},[e._v("选中")]),e._v(" "),n("el-button",{staticClass:"text-info",attrs:{type:"text",size:"mini"},on:{click:function(t){e.treeEdit(a)}}},[e._v("编辑")]),e._v(" "),n("el-button",{staticClass:"text-info",attrs:{type:"text",size:"mini"},on:{click:function(t){e.treeAdd(a)}}},[e._v("新增")]),e._v(" "),n("el-button",{staticClass:"text-danger",attrs:{type:"text",size:"mini"},on:{click:function(t){e.treeDel(r,a)}}},[e._v("删除")])],1)])}}])})],1),e._v(" "),n("el-col",{staticClass:"transfer-container m-b",attrs:{xs:24,sm:12,md:12}},[n("div",{staticClass:"transfer-title m-b"},[e._v(e._s(e.transferTitle))]),e._v(" "),n("el-transfer",{attrs:{filterable:"","filter-method":e.transferFilterMethod,titles:e.transferTitles,data:e.transferData,"filter-placeholder":"请输入搜索内容"},on:{change:e.transferChange},model:{value:e.transferValue,callback:function(t){e.transferValue=t},expression:"transferValue"}})],1)],1)],1)},staticRenderFns:[]};var l=n("VU/8")(a,i,!1,function(e){n("vy+k")},null,null);t.default=l.exports},"vy+k":function(e,t,n){var r=n("A2bL");"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n("rjj0")("7d62c839",r,!0)}});