1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3f0a7368"],{"4b51":function(e,t,a){},"4c3a":function(e,t,a){},"5fd2":function(e,t,a){},"7c9a":function(e,t,a){"use strict";a("4c3a")},"88ce":function(e,t,a){"use strict";a("5fd2")},d0c8:function(e,t,a){"use strict";a.r(t);var o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"tableTitle"},[a("span",{staticClass:"tableFloatLine"}),e._v(" "+e._s(e.name)+" ")])},r=[],s={props:{name:{type:String,required:!0}},data:function(){return{someData:""}}},i=s,l=(a("88ce"),a("2877")),n=Object(l["a"])(i,o,r,!1,null,"4b579de2",null);t["default"]=n.exports},fe10:function(e,t,a){"use strict";a.r(t);var o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"mainBox"},[a("div",{staticClass:"layerBoxNoBg"},[a("div",[a("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.openWindow()}}},[e._v("添加角色")])],1)]),a("div",{staticClass:"layerBox"},[a("tableTitle",{attrs:{name:e.tableDivTitle}}),a("el-row",[[a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableData}},[a("el-table-column",{attrs:{fixed:"",prop:"id",label:"编号",width:"50"}}),a("el-table-column",{attrs:{prop:"role_name",label:"角色名称"}}),a("el-table-column",{attrs:{prop:"remark",label:"职能描述"}}),a("el-table-column",{attrs:{prop:"users_count",label:"成员数量"}}),a("el-table-column",{attrs:{prop:"sort",label:"排序"}}),a("el-table-column",{attrs:{prop:"created_at",label:"添加时间"}}),a("el-table-column",{attrs:{fixed:"right",label:"操作",width:"200","header-align":"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"listBtnBox"},[1!==t.row.id?a("div",{staticClass:"listDeleteBtn",on:{click:function(a){return e.deleteRow(t.row.id)}}},[a("i",{staticClass:"el-icon-edit-outline"}),e._v("删除")]):e._e(),a("div",{staticClass:"listEditBtn",on:{click:function(a){return e.editRow(t.row.id)}}},[a("i",{staticClass:"el-icon-edit-outline"}),e._v("编辑")])])]}}])})],1)]],2)],1),a("div",{staticClass:"alignBox"},[a("el-row",[a("el-col",{attrs:{span:24}},[a("el-pagination",{attrs:{"current-page":e.getApiData.page,"page-size":10,layout:"total, prev, pager, next, jumper",total:e.allCount},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1)],1)],1),a("el-dialog",{attrs:{title:e.editId?"编辑角色":"添加角色",visible:e.windowStatus,"close-on-click-modal":!1},on:{"update:visible":function(t){e.windowStatus=t}}},[a("el-form",{ref:"form",attrs:{model:e.form,rules:e.formRules,autocomplete:"off","label-position":"left"}},[a("div",{staticClass:"formDiv"},[a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"角色名称:","label-width":e.formLabelWidth,prop:"role_name"}},[a("el-input",{attrs:{autocomplete:"off",placeholder:"请输入角色名称"},model:{value:e.form.role_name,callback:function(t){e.$set(e.form,"role_name",t)},expression:"form.role_name"}})],1),a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"职能描述:","label-width":e.formLabelWidth,prop:"remark"}},[a("el-input",{staticClass:"custom-textarea",attrs:{type:"textarea",placeholder:"请输入职能描述"},model:{value:e.form.remark,callback:function(t){e.$set(e.form,"remark",t)},expression:"form.remark"}})],1),a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"排序:","label-width":e.formLabelWidth,prop:""}},[a("el-input",{attrs:{autocomplete:"off",placeholder:"请输入排序"},model:{value:e.form.sort,callback:function(t){e.$set(e.form,"sort",t)},expression:"form.sort"}})],1),a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"权限:","label-width":e.formLabelWidth,prop:"rule"}},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],staticClass:"treeBox"},[a("el-tree",{ref:"tree",attrs:{data:e.roleData,"show-checkbox":"","node-key":"id","default-expanded-keys":e.expandedKeys,"default-checked-keys":e.checkedKeys,props:e.defaultProps}})],1)]),a("input",{directives:[{name:"model",rawName:"v-model",value:e.form.rule,expression:"form.rule"}],attrs:{type:"hidden"},domProps:{value:e.form.rule},on:{input:function(t){t.target.composing||e.$set(e.form,"rule",t.target.value)}}})],1)]),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("div",[a("el-button",{on:{click:e.closeWindow}},[e._v("取 消")]),0==e.editId?a("el-button",{attrs:{type:"primary"},on:{click:e.addData}},[e._v("提交")]):a("el-button",{attrs:{type:"primary"},on:{click:e.editData}},[e._v("修改")])],1)])],1)],1)},r=[],s=a("2909"),i=(a("99af"),a("4e82"),a("d3b7"),a("6062"),a("3ca3"),a("0643"),a("4e3e"),a("159b"),a("ddb0"),a("4b51"),a("d0c8")),l={components:{tableTitle:i["default"]},data:function(){var e=function(e,t,a){0==t.length?a(new Error("该项不能为空!")):a()},t=function(e,t,a){0==t.length?a(new Error("该项不能为空!")):a()};return{tableDivTitle:"角色管理",tableData:[],allCount:0,editId:0,getApiData:{page:1,pageSize:10},windowStatus:!1,formLabelWidth:"120px",isShowTable:1,form:{role_name:"",rule:[],remark:"",sort:0},expandedKeys:[],checkedKeys:[],roleData:[],loading:!0,defaultProps:{children:"children",label:"label"},formRules:{role_name:[{required:!0,trigger:"blur",validator:e}],remark:[{required:!0,trigger:"blur",validator:e}],rule:[{required:!0,trigger:"blur",validator:t}]}}},methods:{getData:function(){var e=this;this.$store.dispatch("userRole/roleList",this.getApiData).then((function(t){e.allCount=t.data.count,e.tableData=t.data.rows}))},handleSizeChange:function(e){this.getApiData.page=e,this.getData()},handleCurrentChange:function(e){this.getApiData.page=e,this.getData()},getAllMenuList:function(){var e=this;this.$store.dispatch("userRole/getAllMenuList").then((function(t){console.log(t),e.roleData=t.data}))},deleteRow:function(e){var t=this;this.$confirm("此操作将永久删除该条数据, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){console.log("当前删除:"+e),t.$store.dispatch("userRole/delRole",{id:e}).then((function(e){t.getData(),t.$message({type:"success",message:"删除成功!"})})).catch((function(){t.$message({type:"warning",message:"网络错误,请重试!"})}))})).catch((function(){t.$message({type:"warning",message:"已取消删除"})}))},openWindow:function(){this.form.role_name="",this.form.remark="",this.form.sort="",this.loading=!1,this.getAllMenuList(),this.windowStatus=!0},closeWindow:function(){this.windowStatus=!1,this.clearToServe(),this.$refs.form.clearValidate()},clearToServe:function(){var e=this;this.editId="",this.expandedKeys=[],this.$nextTick((function(){e.$refs.tree.setCheckedKeys([]),e.$refs.tree.root.childNodes.forEach((function(e){e.expanded=!1}))})),this.form.role_name="",this.form.remark="",this.form.sort=""},addData:function(){var e=this;this.form.id=this.editId,""==this.form.sort&&(this.form.sort=0);var t=[],a=this.$refs.tree.getHalfCheckedNodes();if(a.length>0)for(var o=0;o<a.length;o++)t.push(a[o].id);console.log(t);var r=this.$refs.tree.getCheckedKeys();this.form.rule=r,console.log(r),this.form.rule=Object(s["a"])(new Set([].concat(t,Object(s["a"])(r)))),console.log(this.form.rule),this.$refs.form.validate((function(t){t&&e.$store.dispatch("userRole/addRole",e.form).then((function(t){e.$message({type:"success",message:"已成功添加角色!"}),console.log(t),e.closeWindow(),e.getData()})).catch((function(){e.$message({type:"info",message:"网络错误,请重试!"})}))}))},editRow:function(e){var t=this;this.openWindow(),this.loading=!0,this.editId=e,this.$store.dispatch("userRole/roleInfo",{id:e}).then((function(e){console.log(e);var a=t;setTimeout((function(){e.data.rule.forEach((function(e,t){var o=a.$refs.tree.getNode(e);o&&o.isLeaf&&a.$refs.tree.setChecked(o,!0)})),a.loading=!1}),1e3),t.form.role_name=e.data.role_name,t.form.remark=e.data.remark,t.form.sort=e.data.sort})).catch((function(){t.$message.error("网络错误,请重试!")}))},editData:function(){var e=this;this.form.id=this.editId,""==this.form.sort&&(this.form.sort=0);var t=[],a=this.$refs.tree.getHalfCheckedNodes();if(a.length>0)for(var o=0;o<a.length;o++)t.push(a[o].id);console.log(t);var r=this.$refs.tree.getCheckedKeys();this.form.rule=r,console.log(r),this.form.rule=Object(s["a"])(new Set([].concat(t,Object(s["a"])(r)))),console.log(this.form.rule),this.$refs.form.validate((function(t){t&&e.$store.dispatch("userRole/updateRole",e.form).then((function(t){console.log(t),e.closeWindow(),e.$message({type:"success",message:"修改成功!"}),e.getData()})).catch((function(){e.$message({type:"warning",message:"网络错误,请重试!"})}))}))},checkChange:function(e){var t=this.$refs.tree.getNode(e.id);this.setNode(t)},setNode:function(e){console.log(e,"node"),e.checked?this.setParentNode(e):this.setChildenNode(e)},setParentNode:function(e){if(e.parent)for(var t in e)"parent"===t&&(e[t].checked=!0,this.setParentNode(e[t]))},setChildenNode:function(e){for(var t=e.childNodes.length,a=0;a<t;a++)e.childNodes[a].checked=!1,this.setChildenNode(e.childNodes[a])}},mounted:function(){this.getData(),this.getAllMenuList()}},n=l,c=(a("7c9a"),a("2877")),d=Object(c["a"])(n,o,r,!1,null,"3a87da4c",null);t["default"]=d.exports}}]);
|