调整

src/pages/components/cardWarp.vue

@@ -2,6 +2,8 @@
 .card-warp
     .card-header(:style="{height,'line-height':height}" :class=" showBackground ? 'bg' : '' ")
         span.card-title {{ title }}
+            div(style='margin-left:20px;')
+                slot(name="left" )
         slot(name="right")
     .card-content
         slot(name="content")

src/pages/sys/role/index.vue

@@ -13,34 +13,36 @@
             el-button(v-if="isAuth('sys:role:update')" plain type='primary' size='mini'  @click="addOrUpdateHandle(item)") 编辑
             el-button(v-if="isAuth('sys:role:delete')" plain type='primary' size='mini' style="margin-left:10px;" @click="delRole(item.roleId)") 删除
     el-container(style="height:77vh")
-      el-header(style='height:42px;line-height:42px;background: #f4f4f4;z-index:1001;border:1px solid rgba(196, 196, 196, 1);')
-        template()
-          span.title-bold.title-left-color  {{roleName ? roleName : '权限详情'}} 
+      //- el-header(style='height:42px;line-height:42px;background: #f4f4f4;z-index:1001;border:1px solid rgba(196, 196, 196, 1);')
+      //-   template()
+      //-     span.title-bold.title-left-color  {{roleName ? roleName : '权限详情'}} 
+      card-warp(:title="roleName ? roleName: '权限详情'", height="45px")
+        div(slot="left")
           el-checkbox(v-model="checked" @change="checkAll(videoData)") 全选
-      el-main().box_main
-        el-card.tableCard( style='overflow:auto;box-sizing:border-box;' v-loading.fullscreen.lock="rightLoading")
-          div(v-loading="rightLoading1" class='div_tree')
-            //- el-tree(ref="tree"   @check-change="handleNodeClick" :render-content="renderContent"  @node-expand="handleNodeExpand" :default-expanded-keys="expandedKeys" :props="defaultProps" :data="videoData" show-checkbox node-key="menu_id")
-            //- 树结构
-          div.my_role_tree()
-            div.firstDiv(v-for='(item, index) in videoData' :key='index')
-              div.ffDiv(@click='changeOpen(item)' :class='{active1 : !item.isopen, active2 : item.isopen}')
-                el-checkbox(:indeterminate="item.indeterminate" v-model='item.checked' @change='checkboxClick(item)')
-                font {{item.name}}
-              div.div_content(:id="item.menu_id")
-                div.twoDiv(v-for='(ii, ini) in item.children' :key='ini' )
-                  div.ttDiv
-                    label
-                      el-checkbox(:indeterminate="ii.indeterminate" v-model='ii.checked' @change='checkboxClick(ii)')
-                      font {{ii.name}}
-                  div.threeDiv(v-for='(itei, indee) in ii.children' :key='indee')
-                    label
-                      el-checkbox(v-model='itei.checked' @change='checkboxClick(itei)')
-                      font {{itei.name}}
-          div(style="margin-top:20px;")
-            el-button(type='primary' size='medium' v-if="isAuth('sys:role:update')" @click="saveRoleMenu" v-prevent-re-click) 保存
-            //- el-button(type='primary' size='medium' @click='ccc') cccc
-    add-or-update( v-if="addOrUpdateVisible" ref="addOrUpdate" @reFreshDataList="reFreshDataList")
+        div(slot='content')
+          div.tableCard( style='overflow:auto;box-sizing:border-box;' v-loading.fullscreen.lock="rightLoading")
+            div(v-loading="rightLoading1" class='div_tree')
+              //- el-tree(ref="tree"   @check-change="handleNodeClick" :render-content="renderContent"  @node-expand="handleNodeExpand" :default-expanded-keys="expandedKeys" :props="defaultProps" :data="videoData" show-checkbox node-key="menu_id")
+              //- 树结构
+            div.my_role_tree()
+              div.firstDiv(v-for='(item, index) in videoData' :key='index')
+                div.ffDiv(@click='changeOpen(item)' :class='{active1 : !item.isopen, active2 : item.isopen}')
+                  el-checkbox(:indeterminate="item.indeterminate" v-model='item.checked' @change='checkboxClick(item)')
+                  font {{item.name}}
+                div.div_content(:id="item.menu_id")
+                  div.twoDiv(v-for='(ii, ini) in item.children' :key='ini' )
+                    div.ttDiv
+                      label
+                        el-checkbox(:indeterminate="ii.indeterminate" v-model='ii.checked' @change='checkboxClick(ii)')
+                        font {{ii.name}}
+                    div.threeDiv(v-for='(itei, indee) in ii.children' :key='indee')
+                      label
+                        el-checkbox(v-model='itei.checked' @change='checkboxClick(itei)')
+                        font {{itei.name}}
+            div(style="margin-top:20px;")
+              el-button(type='primary' size='medium' v-if="isAuth('sys:role:update')" @click="saveRoleMenu" v-prevent-re-click) 保存
+              //- el-button(type='primary' size='medium' @click='ccc') cccc
+      add-or-update( v-if="addOrUpdateVisible" ref="addOrUpdate" @reFreshDataList="reFreshDataList")
 </template>
 
 <script>