【埃驰报表】海外报表开发

PC/UI.WinIn.FasterZ.AgGridReport/src/router/index.js

@@ -6,6 +6,7 @@ import inventoryERPWMSReport from '../views/report/inventoryERPWMSReport.vue'
 import inventoryTransReport from '../views/report/inventoryTransReport.vue'
 import procureHasPOReport from '../views/report/procureHasPOReport.vue'
 import procureNoPOReport from '../views/report/procureNoPOReport.vue'
+import overseasInAndOutReport from '../views/report/overseasInAndOutReport.vue'
 import repairSourceReport from '../views/report/repairSourceReport.vue'
 import repairTargetReport from '../views/report/repairTargetReport.vue'
 import repairSubItemReport from '../views/report/repairSubItemReport.vue'
@@ -80,6 +81,14 @@ const routes = [
             title:"采购收货/采购退货-无PO报表",
         }
     },
+    {
+        path: '/overseasInAndOutReport',
+        name: 'overseasInAndOutReport',
+        component: overseasInAndOutReport,
+        meta:{
+            title:"海外收货/海外退货报表",
+        }
+    },
     {
         path: '/repairSourceReport',
         name: 'repairSourceReport',

PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/overseasInAndOutReport.vue

@@ -0,0 +1,50 @@
+<template>
+  <reportPage
+    :columnList="columnDefs" 
+    :searchConfig="searchConfig"
+    :searchForm="searchForm"
+    :BottomFixedItem="BottomFixedItem"
+    :reportName="'海外收货/海外退货报表'"
+    :procName="'Proc_Zheng_海外收货_海外退货_有PO'"
+  ></reportPage>
+</template>
+  
+<script>
+import reportPage from "@/components/reportPage/index"
+import util from '@/utils/util'
+
+export default {
+  name: "overseasInAndOutReport",
+  components: {
+    reportPage
+  },
+  data () {
+    return {
+      columnDefs: [
+        { field: '供应商代码', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '供应商名称', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料代码', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料名称', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料描述1', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料描述2', filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '收货数量', type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '退货数量', type:"kiloNumber", cellClass: 'rightAlign', valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '单位', cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+      ],
+      searchConfig:[
+        {type:'select',prop:'ItemCode',label:'物料',optionsProc:'itemCode',options:[]},
+        {type:'select',prop:'SupplierCode',label:'供应商',optionsProc:'SupplierCode',options:[]},
+        {type:'date',prop:'beginDate',label:'起始'},
+        {type:'date',prop:'endDate',label:'截止'},
+      ],
+      searchForm:{
+        ItemCode:'',
+        SupplierCode:'',
+        beginDate:"",
+        endDate:'',
+      },
+      BottomFixedItem:['收货数量','退货数量']
+    };
+  },
+};
+</script>