43 lines
1022 B
Vue
43 lines
1022 B
Vue
<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> |