|
|
|
@ -70,7 +70,15 @@
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-card :title="aTitle">
|
|
|
|
|
<vxe-grid ref="xGrid" :stripe="true" v-bind="gridOptionsA" :height="300">
|
|
|
|
|
|
|
|
|
|
<!-- <vxe-table-column field="BuyName" title="采购方公司"></vxe-table-column>
|
|
|
|
|
<vxe-table-column field="PoNo" title="采购订单编号"></vxe-table-column>
|
|
|
|
|
<vxe-table-column field="Amount" title="采购数量"></vxe-table-column>
|
|
|
|
|
<vxe-table-column field="DlvTime" title="计划完成日期"></vxe-table-column>
|
|
|
|
|
<vxe-table-column field="Span" title="距离到期/天">
|
|
|
|
|
<template #header="{row}">
|
|
|
|
|
<span style="color:red;"> {{ row.Span }} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-table-column> -->
|
|
|
|
|
</vxe-grid>
|
|
|
|
|
</a-card>
|
|
|
|
|
</a-col>
|
|
|
|
@ -129,11 +137,12 @@ const dashboardChart: any = ref(
|
|
|
|
|
})
|
|
|
|
|
const gridOptionsA: any = reactive({
|
|
|
|
|
columns: [
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司名称' },
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司' },
|
|
|
|
|
{ field: 'BuyNo', title: '采购订单编号' },
|
|
|
|
|
{ field: 'Amount', title: '采购数量' },
|
|
|
|
|
{ field: 'DlvTime', title: '计划完成日期' },
|
|
|
|
|
{ field: 'Span', title: '距离到期/天' },
|
|
|
|
|
{ field: 'Span', title: '距离到期/天'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
proxyConfig: {
|
|
|
|
@ -145,7 +154,8 @@ const gridOptionsA: any = reactive({
|
|
|
|
|
ajax: {
|
|
|
|
|
// 当点击工具栏查询按钮或者手动提交指令 query或reload 时会被触发
|
|
|
|
|
query: async () => {
|
|
|
|
|
const data = await MuPaiApi.getMuPaiPaging(queryParamsA)
|
|
|
|
|
const data = await dashboradApi.GetOrderAdventList()
|
|
|
|
|
aTitle.value = "临期采购订单:"+data.length+"条"
|
|
|
|
|
return data
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
@ -153,7 +163,7 @@ const gridOptionsA: any = reactive({
|
|
|
|
|
})
|
|
|
|
|
const gridOptionsB: any = reactive({
|
|
|
|
|
columns: [
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司名称' },
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司' },
|
|
|
|
|
{ field: 'PoNo', title: '生产订单编号' },
|
|
|
|
|
{ field: 'Amount', title: '生产数量' },
|
|
|
|
|
{ field: 'DlvTime', title: '计划完成日期' },
|
|
|
|
@ -169,7 +179,8 @@ const gridOptionsB: any = reactive({
|
|
|
|
|
ajax: {
|
|
|
|
|
// 当点击工具栏查询按钮或者手动提交指令 query或reload 时会被触发
|
|
|
|
|
query: async () => {
|
|
|
|
|
const data = await MuPaiApi.getMuPaiPaging(queryParamsA)
|
|
|
|
|
const data = await dashboradApi.GetIpoAdventList()
|
|
|
|
|
bTitle.value = "临期采购订单:"+data.length+"条"
|
|
|
|
|
return data
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
@ -177,7 +188,7 @@ const gridOptionsB: any = reactive({
|
|
|
|
|
})
|
|
|
|
|
const gridOptionsC: any = reactive({
|
|
|
|
|
columns: [
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司名称' },
|
|
|
|
|
{ field: 'BuyName', title: '采购方公司' },
|
|
|
|
|
{ field: 'WoNo', title: '生产工单编号' },
|
|
|
|
|
{ field: 'DlvTime', title: '计划完成日期' },
|
|
|
|
|
{ field: 'Span', title: '距离到期/天' },
|
|
|
|
@ -192,21 +203,21 @@ const gridOptionsC: any = reactive({
|
|
|
|
|
ajax: {
|
|
|
|
|
// 当点击工具栏查询按钮或者手动提交指令 query或reload 时会被触发
|
|
|
|
|
query: async () => {
|
|
|
|
|
const data = await MuPaiApi.getMuPaiPaging(queryParamsA)
|
|
|
|
|
const data = await dashboradApi.GetWoAdventList()
|
|
|
|
|
cTitle.value = "临期采购订单:"+data.length+"条"
|
|
|
|
|
return data
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 挂载
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
fnGetDashboardData()
|
|
|
|
|
fnGetDashboardChart()
|
|
|
|
|
|
|
|
|
|
aTitle.value = "临期采购订单:99条"
|
|
|
|
|
bTitle.value = "临期生产订单:99条"
|
|
|
|
|
cTitle.value = "临期生产工单:99条"
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 获取Dashboard数据
|
|
|
|
|
const fnGetDashboardData = async () => {
|
|
|
|
|
let res = await dashboradApi.getDashboardData()
|
|
|
|
|