106 lines
2.1 KiB
Vue
106 lines
2.1 KiB
Vue
<template>
|
|
<div class="customDvScrollBoard">
|
|
<!-- <dv-scroll-board headerBGC="#0C3046" class="board" :class="className" :config="defaultconfig" /> -->
|
|
<dv-scroll-board headerBGC="#0C3046" class="board" :class="className" :config="defaultconfig" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
|
|
className: {
|
|
type: String,
|
|
default: () => "css"
|
|
},
|
|
config: {
|
|
type: Object,
|
|
default: () => { },
|
|
required: true
|
|
},
|
|
// header: {
|
|
// type: Object,
|
|
// default: () => { },
|
|
// required: true
|
|
// },
|
|
},
|
|
data() {
|
|
return {
|
|
// configd:'',
|
|
defaultconfig: {
|
|
oddRowBGC: "#081E29",
|
|
evenRowBGC: "transparent",
|
|
waitTime: 2000000000000000000,
|
|
indexHeader: "序号",
|
|
index: true,
|
|
// header: [],
|
|
// header: ['规划用途', '全省数量', '全省占比'],
|
|
header: ['部门', '楼层', '房号','名称'],
|
|
columnWidth: [50],
|
|
rowNum: 5,
|
|
data: [
|
|
|
|
],
|
|
...this.config
|
|
|
|
}
|
|
|
|
}
|
|
},
|
|
watch: {
|
|
|
|
config(val) {
|
|
|
|
this.defaultconfig.data = val;
|
|
|
|
console.log("111",val);
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "~@/common/var.scss";
|
|
|
|
.customDvScrollBoard {
|
|
span.index {
|
|
background: none !important;
|
|
}
|
|
.dv-scroll-board {
|
|
|
|
height: 94%!important;
|
|
}
|
|
.dv-scroll-board .header {
|
|
background-color: $table-header-bg!important;
|
|
color: $table-header-color!important;
|
|
}
|
|
.dv-scroll-board .rows {
|
|
/* overflow: hidden; */
|
|
overflow-y: scroll;
|
|
}
|
|
.dv-scroll-board .rows::-webkit-scrollbar{
|
|
display: none
|
|
}
|
|
.dv-scroll-board .rows .ceil {
|
|
text-align: center;
|
|
}
|
|
.dv-scroll-board .header .header-item {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
.customDvScrollBoard {
|
|
.board {
|
|
overflow: hidden;
|
|
|
|
.dv-scroll-board .index {
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
</style> |