<template>
|
<view style="width: 100%;height: 100%;">
|
|
|
<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-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 orders">
|
<uni-td align="center">{{ item.orderId }}</uni-td>
|
<uni-td align="center">{{ item.customerName }}</uni-td>
|
<uni-td align="center">{{ item.project }}</uni-td>
|
<uni-td align="center">{{ item.batch}}</uni-td>
|
<uni-td align="center">{{ item.quantity }}</uni-td>
|
<uni-td align="center">{{ item.area }}</uni-td>
|
<uni-td align="center">{{ item.perimeter }}</uni-td>
|
<uni-td align="center">{{ item.orderType }}</uni-td>
|
<uni-td align="center">{{ item.packType }}</uni-td>
|
<uni-td align="center">{{ item.createTime }}</uni-td>
|
<uni-td align="center">{{ item.deliveryDate }}</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"></uni-td>
|
<uni-td align="center">{{ totalSum.quantity }}</uni-td>
|
<uni-td align="center">{{ totalSum.area }}</uni-td>
|
<uni-td align="center">{{ totalSum.perimeter }}</uni-td>
|
<uni-td align="center" />
|
<uni-td align="center" />
|
<uni-td align="center" />
|
<uni-td align="center" />
|
</uni-tr>
|
</uni-table>
|
</view>
|
</view>
|
</template>
|
|
<script setup>
|
import { onMounted, reactive, ref } from 'vue'
|
import request from '../../utils/request'
|
const dates = ref([null,null])
|
const orders = ref([])
|
const totalSum = ref({})
|
|
onMounted(()=>{
|
getOrderList()
|
})
|
|
const getOrderList = () => {
|
request.post("/app/getOrderList",dates.value).then(res => {
|
orders.value = res.data.data
|
dates.value = res.data.date
|
totalSum.value = res.data.totalSum
|
})
|
}
|
|
|
const maskClick = ()=>{
|
getOrderList()
|
}
|
</script>
|
|
<style scoped>
|
#data{
|
width:100%;
|
height:calc(100% - 35px);
|
}
|
|
|
</style>
|
