IDCDatasync-vue/dist22-04-07/js/chunk-746885fd.88008096.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-746885fd"],{36545:function(t,a,e){"use strict";e.r(a);var l=function(){var t=this,a=this,e=a.$createElement,l=a._self._c||e;return l("a-card",{attrs:{bordered:!1}},[l("div",{staticClass:"table-page-search-wrapper"},[l("a-form",{attrs:{layout:"inline"}},[l("a-row",{attrs:{gutter:48}},[l("a-col",{attrs:{md:8,sm:24}},[l("a-form-item",{attrs:{label:"角色ID"}},[l("a-input",{attrs:{placeholder:"请输入"}})],1)],1),l("a-col",{attrs:{md:8,sm:24}},[l("a-form-item",{attrs:{label:"状态"}},[l("a-select",{attrs:{placeholder:"请选择","default-value":"0"}},[l("a-select-option",{attrs:{value:"0"}},[a._v("全部")]),l("a-select-option",{attrs:{value:"1"}},[a._v("关闭")]),l("a-select-option",{attrs:{value:"2"}},[a._v("运行中")])],1)],1)],1),l("a-col",{attrs:{md:8,sm:24}},[l("span",{staticClass:"table-page-search-submitButtons"},[l("a-button",{attrs:{type:"primary"}},[a._v("查询")]),l("a-button",{staticStyle:{"margin-left":"8px"}},[a._v("重置")])],1)])],1)],1)],1),l("s-table",{attrs:{size:"default",columns:a.columns,data:a.loadData},scopedSlots:a._u([{key:"expandedRowRender",fn:function(t){return l("div",{staticStyle:{margin:"0"}},[l("a-row",{style:{marginBottom:"12px"},attrs:{gutter:24}},a._l(t.permissions,(function(t,e){return l("a-col",{key:e,style:{marginBottom:"12px"},attrs:{span:12}},[l("a-col",{attrs:{lg:4,md:24}},[l("span",[a._v(a._s(t.permissionName)+"：")])]),t.actionEntitySet.length>0?l("a-col",{attrs:{lg:20,md:24}},a._l(t.actionEntitySet,(function(t,e){return l("a-tag",{key:e,attrs:{color:"cyan"}},[a._v(a._s(t.describe))])})),1):l("a-col",{attrs:{span:20}},[a._v("-")])],1)})),1)],1)}},{key:"action",fn:function(t,e){return l("span",{},[l("a",{on:{click:function(t){return a.handleEdit(e)}}},[a._v("编辑")]),l("a-divider",{attrs:{type:"vertical"}}),l("a-dropdown",[l("a",{staticClass:"ant-dropdown-link"},[a._v("\n          更多 "),l("a-icon",{attrs:{type:"down"}})],1),l("a-menu",{attrs:{slot:"overlay"},slot:"overlay"},[l("a-menu-item",[l("a",{attrs:{href:"javascript:;"}},[a._v("详情")])]),l("a-menu-item",[l("a",{attrs:{href:"javascript:;"}},[a._v("禁用")])]),l("a-menu-item",[l("a",{attrs:{href:"javascript:;"}},[a._v("删除")])])],1)],1)],1)}}])}),l("a-modal",{staticStyle:{top:"20px"},attrs:{title:"操作",width:800},on:{ok:a.handleOk},model:{value:a.visible,callback:function(t){a.visible=t},expression:"visible"}},[l("a-form",{attrs:{autoFormCreate:function(a){t.form=a}}},[l("a-form-item",{attrs:{labelCol:a.labelCol,wrapperCol:a.wrapperCol,label:"唯一识别码",hasFeedback:"",validateStatus:"success"}},[l("a-input",{attrs:{placeholder:"唯一识别码",id:"no",disabled:"disabled"},model:{value:a.mdl.id,callback:function(t){a.$set(a.mdl,"id",t)},expression:"mdl.id"}})],1),l("a-form-item",{attrs:{labelCol:a.labelCol,wrapperCol:a.wrapperCol,label:"角色名称",hasFeedback:"",validateStatus:"success"}},[l("a-input",{attrs:{placeholder:"起一个名字",id:"role_name"},model:{value:a.mdl.name,callback:function(t){a.$set(a.mdl,"name",t)},expression:"mdl.name"}})],1),l("a-form-item",{attrs:{labelCol:a.labelCol,wrapperCol:a.wrapperCol,label:"状态",hasFeedback:"",validateStatus:"warning"}},[l("a-select",{model:{value:a.mdl.status,callback:function(t){a.$set(a.mdl,"status",t)},expression:"mdl.status"}},[l("a-select-option",{attrs:{value:"1"}},[a._v("正常")]),l("a-select-option",{attrs:{value:"2"}},[a._v("禁用")])],1)],1),l("a-form-item",{attrs:{labelCol:a.labelCol,wrapperCol:a.wrapperCol,label:"描述",hasFeedback:""}},[l("a-textarea",{attrs:{rows:5,placeholder:"...",id:"describe"},model:{value:a.mdl.describe,callback:function(t){a.$set(a.mdl,"describe",t)},expression:"mdl.describe"}})],1),l("a-divider"),l("a-form-item",{attrs:{labelCol:a.labelCol,wrapperCol:a.wrapperCol,label:"拥有权限",hasFeedback:""}},a._l(a.mdl.permissions,(function(t,e){return l("a-row",{key:e,attrs:{gutter:16}},[l("a-col",{attrs:{span:4}},[a._v("\n            "+a._s(t.permissionName)+"：\n          ")]),l("a-col",{attrs:{span:20}},[l("a-checkbox-group",{attrs:{options:t.actionsOptions}})],1)],1)})),1)],1)],1)],1)},s=[],n=e("e8c4"),r=e("0fea"),o={name:"TableList",components:{STable:n["a"]},data:function(){return{description:"列表使用场景：后台管理中的权限管理以及角色管理，可用于基于 RBAC 设计的角色权限控制，颗粒度细到每一个操作类型。",visible:!1,labelCol:{xs:{span:24},sm:{span:5}},wrapperCol:{xs:{span:24},sm:{span:16}},form:null,mdl:{},advanced:!1,queryParam:{},columns:[{title:"唯一识别码",dataIndex:"id"},{title:"角色名称",dataIndex:"name"},{title:"状态",dataIndex:"status"},{title:"创建时间",dataIndex:"createTime",sorter:!0},{title:"操作",width:"150px",dataIndex:"action",scopedSlots:{customRender:"action"}}],loadData:function(t){return Object(r["f"])(t).then((function(t){return t.result}))},selectedRowKeys:[],selectedRows:[]}},created:function(){Object(r["g"])().then((function(t){})),Object(r["f"])().then((function(t){}))},methods:{handleEdit:function(t){this.mdl=Object.assign({},t),this.mdl.permissions.forEach((function(t){t.actionsOptions=t.actionEntitySet.map((function(t){return{label:t.describe,value:t.action,defaultCheck:t.defaultCheck}}))})),this.visible=!0},handleOk:function(){},onChange:function(t,a){this.selectedRowKeys=t,this.selectedRows=a},toggleAdvanced:function(){this.advanced=!this.advanced}},watch:{}},i=o,c=e("2877"),d=Object(c["a"])(i,l,s,!1,null,null,null);a["default"]=d.exports}}]);