dashboard 临期数据展示

src/api/gw/dashborad/index.ts

@@ -8,4 +8,17 @@ export const getDashboardChart = async () => {
 // 获取Dashborad图表数据
 export const getDashboardData = async () => {
     return await request.post({ url: `/DistributionBoxTesting/GetDashboardData` })
-}
+}
+
+// 获取采购订单临期数据
+export const GetOrderAdventList = async () => {
+    return await request.post({ url: `/DistributionBoxTesting/GetOrderAdventList` })
+}
+// 获取生产订单临期数据
+export const GetIpoAdventList = async () => {
+    return await request.post({ url: `/DistributionBoxTesting/GetIpoAdventList` })
+}
+// 获取生产工单临期数据
+export const GetWoAdventList = async () => {
+    return await request.post({ url: `/DistributionBoxTesting/GetWoAdventList` })
+}

src/views/Gw/Home.vue

@@ -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()