53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<template>
|
|
<div class="board">
|
|
<custom-scroll-board :chart-config="options" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue';
|
|
const header = ['白名单企业', '产品名称', '黑名单企业', '产品名称'];
|
|
const len = header.length;
|
|
const options = ref({
|
|
attr: { w: 200, h: 240 },
|
|
option: {
|
|
header,
|
|
dataset: [
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
['富农种源', '京科824', '南方农业', '京科824'],
|
|
],
|
|
index: false,
|
|
columnWidth: [100, 100, 100, 100],
|
|
align: new Array(len).fill('center'),
|
|
rowNum: 5,
|
|
waitTime: 5,
|
|
headerHeight: 40,
|
|
carousel: 'single',
|
|
headerBGC: 'rgba(53, 208, 192, 0.4)',
|
|
oddRowBGC: 'rgba(0, 59, 81, 0.1)',
|
|
evenRowBGC: 'rgba(10, 39, 50, 0.1)',
|
|
},
|
|
});
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.board {
|
|
padding: 10px 0px;
|
|
|
|
&:deep(.row-item) {
|
|
font-size: 16px;
|
|
|
|
.ceil {
|
|
&:nth-child(3),
|
|
&:nth-child(4) {
|
|
color: $color-danger;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|