签到完成

ui/packages/layout/AiList.vue

@@ -6,9 +6,14 @@
     <div class="ai-list__tabs" v-if="$slots.tabs">
       <slot name="tabs"></slot>
     </div>
-    <div class="ai-list__blank" v-else-if="$slots.blank">
-      <slot name="blank"/>
-    </div>
+    <el-row type="flex" class="ai-list__blank" v-else-if="$scopedSlots.blank" :class="{hasLeft:$scopedSlots.left}">
+      <div class="ai-list__content--left" v-if="$scopedSlots.left">
+        <slot name="left"/>
+      </div>
+      <div class="fill">
+        <slot name="blank"/>
+      </div>
+    </el-row>
     <div class="ai-list__content" v-else :class="contentClass">
       <div class="ai-list__content--wrapper">
         <slot name="custom" v-if="!!$slots.custom"/>
@@ -68,7 +73,7 @@ export default {
 
 <style lang="scss" scoped>
 //全局tab  css
-:deep( .ai-list__tabs ){
+:deep( .ai-list__tabs ) {
   margin-top: 0 !important;
 
   .el-tabs__item {
@@ -148,7 +153,7 @@ export default {
     flex: 1;
     overflow: hidden;
 
-    :deep( .el-tabs__item ){
+    :deep( .el-tabs__item ) {
       min-width: 80px;
       height: 32px;
       line-height: 32px;
@@ -158,15 +163,15 @@ export default {
       border-bottom: 1px solid transparent !important;
     }
 
-    :deep(.el-tabs__header ){
+    :deep(.el-tabs__header ) {
       margin: 0;
     }
 
-    :deep(.el-tabs ){
+    :deep(.el-tabs ) {
       height: 100%;
     }
 
-    :deep(.el-tabs__content ){
+    :deep(.el-tabs__content ) {
       height: calc(100% - 32px);
       background: #f3f6f9;
 
@@ -222,7 +227,17 @@ export default {
     flex: 1;
     padding: 16px;
     box-sizing: border-box;
-    overflow: auto;
+    height: calc(100% - 50px);
+
+
+    &.hasLeft {
+      padding: 16px 0;
+    }
+
+    & > .fill {
+      height: 100%;
+      overflow: auto;
+    }
   }
 }