<template>
    <img src="/static/index/DRDD.png" style="position: absolute;width: 100%;height: 100%; " alt="">

    <div style="height: 5vh;"></div>
    <div v-if="configs2.data.length">
        <dv-scroll-board :config="configs2" style="width:96%;height:40vh;margin-left: 2%;" />
    </div>
</template>
<script setup>
import { ref, reactive, defineProps } from "vue"
import { getTodayOrderAmountApi } from "@/api.js"
const props = defineProps({
    areaCodes: Object,
})

getTodayOrderAmountApi(props.areaCodes).then(res => {


    let list = res.data.geoStreetList
    list.forEach(item => {
        configs2.data.push([
            item.street_name,
            item.today_order_amount,
            item.yesterday_order_amount
        ])
    })



})

const configs2 = reactive(
    {
        header: ['所属片区', '当日订单金额', '昨日订单金额'],
        headerBGC: '#223B7E',
        // align: [''],
        align: ['center', 'center', 'center'],
        rowNum: 10,
        data: []
    }

)
</script>