43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<template>
|
|
<div style="flex: 1;">
|
|
<Container name="订单完成情况" size="small" style="">
|
|
<div style="padding: 5px 10px;">
|
|
<ScrollBoard :config = "config" width='575px' height='230px'/>
|
|
</div>
|
|
</Container>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import Container from '../components/Container'
|
|
import ScrollBoard from '../components/ScrollBoard'
|
|
export default {
|
|
name: 'OrderStatus',
|
|
components: { Container, ScrollBoard },
|
|
data() {
|
|
return {
|
|
config: {
|
|
header: ['上线时间', '客户名称', '规格','完成度'],
|
|
// headerHeight: '17',
|
|
headerBGC: 'rgba(32, 55, 96, 0.8)',
|
|
oddRowBGC: 'rgba(32, 55, 96, 0.8)',
|
|
evenRowBGC: 'rgba(14, 32, 62, 0.8)',
|
|
// columnWidth: [60],
|
|
align: ['center'],
|
|
data: [
|
|
['2023-12-01', '客户1', '行1列3', ''],
|
|
['2023-12-01', '客户2', '行2列3', ''],
|
|
['2023-12-01', '客户3', '行3列3', ''],
|
|
['2023-12-01', '客户4', '行4列3', ''],
|
|
['2023-12-01', '客户5', '行5列3', ''],
|
|
['2023-12-01', '客户6', '行6列3', ''],
|
|
['2023-12-01', '客户7', '行7列3', ''],
|
|
['2023-12-01', '客户8', '行8列3', ''],
|
|
['2023-12-01', '客户9', '行9列3', ''],
|
|
['2023-12-01', '客户10', '行10列3', '']
|
|
],
|
|
rowNum: 6
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script> |