1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
| <script setup>
|
| import BasicTable from "@/components/BasicTable.vue"
| import request from "@/utils/request"
| import {onMounted, reactive, ref} from "vue"
| import { useI18n } from 'vue-i18n'
|
| //语言获取
| const { t } = useI18n()
| const selectData = ref(["",""])
| let filterData = ref({})
|
|
|
| const childrenData = ref({
| columns:[
| {type: 'seq', title: t('basicData.Number'), width: 80 },
| {field: 'deliveryId',width:120, title: t('delivery.deliveryNoteId'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'creator',width:120, title: t('delivery.shipper'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'deliveryDate',width:120, title: t('delivery.deliveryDate'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'customerId',width:120, title: t('customer.customerNumber'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'customerName',width:120, title: t('customer.customerName'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'project',width:120, title: t('order.project'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'orderId',width:120, title: t('order.OrderNum'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'paymentTerms',width:120, title: t('delivery.paymentTerms'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'payMethod',width:120, title:t('delivery.paymentMethod'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'quantity',width:120, title: t('order.quantity'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'area',width:120, title: t('productStock.totalArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
| {field: 'createTime',width:120, title: t('productStock.statementDate'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }}
| ],//表格表头字段
| data:[],//表格数据
| pageTotal : 0,//总页数
| dataTotal : 0,//数据总条数
| pageSize : 100,//页面显示数量
| pageNum:1,//当前页
| selectDate:['',''],//查询的日期
| footList:['quantity','grossArea','computeGrossArea','perimeter','price','grossAmount']
| })
| //页面第一次加载
| onMounted(() => {
|
| getReportData()
| })
|
| //封装获取数据方法方法
| const getReportData = () => {
| request.post(`/Delivery/getSelectShippingOrder/${childrenData.value.pageNum}/${childrenData.value.pageSize}/${childrenData.value.selectDate}`,filterData.value).then(res => {
| if(res.code === '200'){
| childrenData.value.data = res.data.data
| childrenData.value.pageTotal = res.data.total.pageTotal
| childrenData.value.dataTotal = res.data.total.total
| childrenData.value.selectDate = res.data.selectDate
| }
| })
| }
|
| const getData = (filter) => {
| filterData.value = filter
| getReportData()
| }
|
| </script>
|
| <template>
| <basic-table
| @getData="getData"
| :childrenData="childrenData"/>
| </template>
|
| <style scoped>
| </style>
|
|
