|
|
|
|
@ -1,5 +1,8 @@
@@ -1,5 +1,8 @@
|
|
|
|
|
<template> |
|
|
|
|
<section class="data-list-panel"> |
|
|
|
|
<section |
|
|
|
|
class="data-list-panel" |
|
|
|
|
:class="{ 'data-list-panel--modern-table': modernTable }" |
|
|
|
|
> |
|
|
|
|
<div v-if="$slots.filters || $slots.actions" class="data-list-panel__toolbar"> |
|
|
|
|
<div v-if="$slots.filters" class="data-list-panel__filters"> |
|
|
|
|
<slot name="filters" /> |
|
|
|
|
@ -25,7 +28,13 @@
@@ -25,7 +28,13 @@
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
name: 'DataListPanel' |
|
|
|
|
name: 'DataListPanel', |
|
|
|
|
props: { |
|
|
|
|
modernTable: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
@ -76,29 +85,31 @@ export default {
@@ -76,29 +85,31 @@ export default {
|
|
|
|
|
min-height: 36px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-panel__table .el-table, |
|
|
|
|
::v-deep .data-list-panel__table .el-table__expanded-cell { |
|
|
|
|
.data-list-panel--modern-table { |
|
|
|
|
::v-deep .data-list-panel__table .el-table, |
|
|
|
|
::v-deep .data-list-panel__table .el-table__expanded-cell { |
|
|
|
|
background: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-panel__table .el-table--border, |
|
|
|
|
::v-deep .data-list-panel__table .el-table--group { |
|
|
|
|
::v-deep .data-list-panel__table .el-table--border, |
|
|
|
|
::v-deep .data-list-panel__table .el-table--group { |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-panel__table .el-table--border::after, |
|
|
|
|
::v-deep .data-list-panel__table .el-table--group::after, |
|
|
|
|
::v-deep .data-list-panel__table .el-table__cell { |
|
|
|
|
::v-deep .data-list-panel__table .el-table--border::after, |
|
|
|
|
::v-deep .data-list-panel__table .el-table--group::after, |
|
|
|
|
::v-deep .data-list-panel__table .el-table__cell { |
|
|
|
|
border-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-panel__table .el-table::before { |
|
|
|
|
::v-deep .data-list-panel__table .el-table::before { |
|
|
|
|
height: 1px; |
|
|
|
|
background: var(--prototype-divider, #f0f0f2); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-panel__table th.el-table__cell { |
|
|
|
|
::v-deep .data-list-panel__table th.el-table__cell { |
|
|
|
|
background: #fafbfc; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .data-list-filter-form { |
|
|
|
|
|