<template>
|
<view style="width: 100%;height: 98%;">
|
<uni-datetime-picker v-model="dates" type="daterange" @change="maskClick" />
|
<view id='data'>
|
<uni-table border stripe style='width:100%;height: 100%;overflow: auto;'>
|
<uni-tr>
|
<uni-th align="center">发货单号</uni-th>
|
<uni-th align="center">客户名称</uni-th>
|
<uni-th align="center">项目名称</uni-th>
|
<uni-th align="center">数量</uni-th>
|
<uni-th align="center">面积</uni-th>
|
<!-- <uni-th align="center">金额</uni-th> -->
|
<uni-th align="center">创建时间</uni-th>
|
</uni-tr>
|
|
<uni-tr v-for="item in deliverys">
|
<uni-td align="center">{{ item.deliveryId }}</uni-td>
|
<uni-td align="center">{{ item.customerName }}</uni-td>
|
<uni-td align="center">{{ item.project }}</uni-td>
|
<uni-td align="center">{{ item.quantity }}</uni-td>
|
<uni-td align="center">{{ item.area }}</uni-td>
|
<!-- <uni-td align="center">{{ item.money }}</uni-td> -->
|
<uni-td align="center">{{ item.createTime }}</uni-td>
|
</uni-tr>
|
|
<!-- <uni-tr >
|
<uni-td align="center">合计:</uni-td>
|
<uni-td align="center"></uni-td>
|
<uni-td align="center"></uni-td>
|
<uni-td align="center">{{ totalSum.quantity }}</uni-td>
|
<uni-td align="center">{{ totalSum.area }}</uni-td>
|
<uni-td align="center">{{ totalSum.money }}</uni-td>
|
<uni-td align="center"></uni-td>
|
</uni-tr> -->
|
</uni-table>
|
</view>
|
</view>
|
|
|
</template>
|
|
<script setup>
|
import { onMounted, ref } from 'vue';
|
import request from '../../utils/request'
|
const dates = ref([null,null])
|
const deliverys = ref([])
|
const totalSum = ref({})
|
|
onMounted(()=>{
|
getDeliverys()
|
})
|
|
const getDeliverys = () => {
|
request.post("/app/getDeliveryList",dates.value).then(res => {
|
deliverys.value = res.data.data
|
dates.value = res.data.date
|
totalSum.value = res.data.totalSum
|
})
|
}
|
|
const maskClick = ()=>{
|
getDeliverys()
|
}
|
</script>
|
|
<style scoped>
|
#data{
|
width:100%;
|
height:calc(100% - 35px);
|
}
|
</style>
|
