|
|
@ -15,8 +15,6 @@ |
|
|
|
import { tableProps } from '/nerv-lib/component/table/props'; |
|
|
|
import { PropTypes } from '/nerv-lib/util/type'; |
|
|
|
import { cloneDeep, get, isArray } from 'lodash-es'; |
|
|
|
tableProps.expand = PropTypes.bool.def(false); |
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
name: 'NsViewListTable', |
|
|
|
props: { |
|
|
@ -104,33 +102,48 @@ |
|
|
|
<style lang="less" scoped> |
|
|
|
//关闭 sticky 模式 底部滚动条 |
|
|
|
@gap: 16px; |
|
|
|
@border-gap: @gap solid #e5ebf0; |
|
|
|
:deep(.ns-table-container) { |
|
|
|
// border-top: @border-gap; |
|
|
|
.ns-table-search { |
|
|
|
border-radius: @ns-border-radius; |
|
|
|
@border-gap: @gap solid @ns-content-bg; |
|
|
|
|
|
|
|
// 以防样式串 |
|
|
|
.ns-list-table:not(.ant-drawer-body > *):not(.ant-form > *) { |
|
|
|
height: 100%; |
|
|
|
background-color: @ns-content-bg; |
|
|
|
:deep(.ns-table) { |
|
|
|
height: inherit; |
|
|
|
.ns-table-container, |
|
|
|
.ns-part-tree, |
|
|
|
.ant-spin-container { |
|
|
|
height: inherit; |
|
|
|
} |
|
|
|
|
|
|
|
.ns-part-tree, |
|
|
|
.ns-table-search, |
|
|
|
.ns-table-main { |
|
|
|
background-color: @white; |
|
|
|
border-radius: @ns-border-radius; |
|
|
|
box-shadow: @ns-content-box-shadow; |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ns-table) { |
|
|
|
.ns-table-container { |
|
|
|
gap: @ns-gap; |
|
|
|
} |
|
|
|
.ns-part-tree { |
|
|
|
border-right: @border-gap; |
|
|
|
height: calc(100vh - 158px); |
|
|
|
} |
|
|
|
.ns-part-table { |
|
|
|
border-radius: @ns-border-radius; |
|
|
|
} |
|
|
|
.ns-table-main { |
|
|
|
padding: 0px @gap; |
|
|
|
border-top: @border-gap; |
|
|
|
margin-top: @ns-gap; |
|
|
|
background-color: @white; |
|
|
|
box-shadow: @ns-content-box-shadow; |
|
|
|
|
|
|
|
// border-top: @border-gap; |
|
|
|
// margin: 16px; |
|
|
|
// background-color: #fff; |
|
|
|
} |
|
|
|
.ns-table-search { |
|
|
|
padding: @gap @gap 0; |
|
|
|
// margin: 16px; |
|
|
|
background: #fff; |
|
|
|
// border-width: 16px 0 16px 0px; |
|
|
|
// border-color: #e5ebf0; |
|
|
|
// border-style: solid; |
|
|
|
// border-top: 16px solid #e5ebf0; |
|
|
|
} |
|
|
|
.ns-table-header { |
|
|
|
// position: sticky; |
|
|
@ -146,6 +159,7 @@ |
|
|
|
padding-top: @gap; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ns-form::after) { |
|
|
|
background-color: #f0f2f5; |
|
|
|