【报表】千位符+导出千位符转换+页面title更改+平均值+导出bug处理

1 year ago · 97f19da2f1
12 changed files with 225 additions and 81 deletions
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/components/AgTable/index.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/components/AgTable/index.vue
@ -47,6 +47,11 @@ export default {
        type:Array,
        default:[]
      },
+      // 底部汇总配置-平均值
+      averageFixedItem:{
+        type: Array,
+        default: null
+      },
    },
    data () {
        return {
@ -62,7 +67,7 @@ export default {
                autoHeight:true
            },
            tableHeight:null,
-            pageSizes:[10, 100, 300, 500, 1000, 3000, 5000, 10000],
+            pageSizes:[10, 20,100, 300, 500, 1000, 3000, 5000, 10000],
            pageTotal:null,
            currentPage:1,
            currentPageSize:100,
@ -116,15 +121,19 @@ export default {
        let _pageData = this.getCurrentPageData(gridApi)
        _pageData.forEach((item,key) => {
          for(let o in item){
-            // if(o == '合格率'){
-            //   // 百分比的特殊处理
-            // }
            if(this.BottomFixedItem.indexOf(o) >= 0){
              result[0][o] += item[o]
            }
          }
        });
-        console.log(127,result)
+        // 平均值的特殊处理
+        if(this.averageFixedItem){
+          for(let i in result[0]){
+            if(this.averageFixedItem.indexOf(i) >= 0){
+              result[0][i] = result[0][i]/_pageData.length
+            }
+          }
+        }
        this.pageTotal = this.allPageData.length
        this.gridApi.setPinnedBottomRowData(result);
    },
@ -132,6 +141,7 @@ export default {
      setTableHeight(){
        let _headerH = document.getElementsByClassName('reportPageHeader')[0].clientHeight
        let _footH = 50;
+        
        let _outH = _headerH + _footH
        this.tableHeight = `calc(100vh - ${_outH}px)`
      },
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/components/exportExcel/index.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/components/exportExcel/index.vue
@ -1,10 +1,17 @@
 <template>
-    <div><el-button @click="exportExcel" size="small" type="warning">导出数据</el-button></div>
+    <div>
+        <el-button 
+            @click="exportExcel" 
+            size="small" 
+            type="warning"
+        >导出数据</el-button>
+    </div>
 </template>
 <script>
 import XLSX from "xlsx";
 import XLSXS from "xlsx-style";
 import FileSaver from "file-saver";
+import util from '@/utils/util'
 export default {
    name: "exportExcel",
    props:{
@ -23,13 +30,51 @@ export default {
            type: Array,
            default: null
        },
+        // 列数据
+        columnList:{
+            type: Array,
+            default: null
+        },
    },
    data () {
        return {
-            
+            excelDataList:null,//导出数据（格式化后）
+            excelNumberHeader:null,//带数字表头暂存
        };
    },
+    watch:{
+        excelData(n){
+            this.initExcelHeader()
+            this.initExcelData()
+        }
+    },
+    mounted(){
+        this.initExcelHeader()
+        this.initExcelData()
+    },
    methods:{
+        // 格式化数据（转千位符）
+        initExcelData(){
+            this.excelDataList = []
+            this.excelData.forEach((item,key)=>{
+                let _item = JSON.parse(JSON.stringify(item))
+                for(let field in item){
+                    if(this.excelNumberHeader.indexOf(field) >= 0){
+                        _item[field] = util.numberFixedFormatter(item[field],true)
+                    }
+                }
+                this.excelDataList.push(_item)
+            })
+        },
+        // 数字表头暂存（目的：转千位符）
+        initExcelHeader(){
+            this.excelNumberHeader = []
+            this.columnList.forEach(item=>{
+                if(item.type == 'kiloNumber'){
+                    this.excelNumberHeader.push(item.field)
+                }
+            })
+        },
        s2ab(s){
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
@ -39,7 +84,7 @@ export default {
        exportExcel(){
            // 设置表头
            let _head = []
-            for(let item in this.excelData[0]){
+            for(let item in this.excelDataList[0]){
                _head.push(item)
            }

@ -56,7 +101,7 @@ export default {
            ]

            // 需要导出的数据
-            this.excelData.forEach((item,key)=>{
+            this.excelDataList.forEach((item,key)=>{
                let _row = []
                _head.forEach(head_item=>{
                    _row.push(item[head_item])
@ -79,12 +124,10 @@ export default {
            ws["!merges"] = [{ s: { r: 0, c: 0 }, e: { r: 0, c: _head.length - 1 } }];

            // 设置单元格宽度
-            // ws["!cols"] = [
-            //     {wpx: 40,},
-            //     {wpx: 100,},
-            //     {wpx: 100,},
-            //     {wpx: 100,},
-            // ];
+            ws["!cols"] = []
+            for(let i =0;i<_head.length;i++){
+                ws["!cols"].push({wpx:150})
+            }

            // 设置单元格其他样式 可以遍历全部单元格,进行样式设置
            for (let i in ws) {
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/components/reportPage/index.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/components/reportPage/index.vue
@ -14,6 +14,7 @@
            ref="AgTable_Ref"
            :columnDefs="columnList"
            :BottomFixedItem="BottomFixedItem"
+            :averageFixedItem="averageFixedItem"
        ></AgTable>
    </div>
 </template>
@ -56,6 +57,11 @@ export default {
            type: Array,
            default: null
        },
+        // 底部汇总配置-平均值
+        averageFixedItem:{
+            type: Array,
+            default: null
+        },
        // 报表名称
        reportName:{
            type: String,
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/components/reportPageHeader/index.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/components/reportPageHeader/index.vue
@ -62,6 +62,7 @@
                    class="output-excel"
                    :reportName="reportName" 
                    :excelData="downloadData"
+                    :columnList="columnList"
                    :title="downloadExcelTitle()"
                ></exportExcel>
                <columnFilter 
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/router/index.js
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/router/index.js
@ -5,6 +5,7 @@ import inventoryAndAge from '../views/report/inventoryAndAge.vue'
 import inventoryERPWMS from '../views/report/inventoryERPWMS.vue'
 import inventoryTrans from '../views/report/inventoryTrans.vue'
 import procureHasPOReport from '../views/report/procureHasPOReport.vue'
+import procureNoPOReport from '../views/report/procureNoPOReport.vue'

 Vue.use(VueRouter)

@ -12,31 +13,50 @@ const routes = [
    {
        path: '/',
        name: 'Home',
-        component: Home
+        component: Home,
+        meta:{
+            title:"报表首页",
+        }
    },
    {
-        title:"库存库龄报表",
        path: '/inventoryAndAge',
        name: 'inventoryAndAge',
-        component: inventoryAndAge
+        component: inventoryAndAge,
+        meta:{
+            title:"库存库龄报表",
+        }
+    },
+    {
+        path: '/inventoryERPWMS',
+        name: 'inventoryERPWMS',
+        component: inventoryERPWMS,
+        meta:{
+            title:"库存余额_ERP-WMS差异报表",
+        }
+    },
+    {
+        path: '/inventoryTrans',
+        name: 'inventoryTrans',
+        component: inventoryTrans,
+        meta:{
+            title:"库存事务报表",
+        }
    },
-    // {
-    //     title:"库存余额_ERP-WMS差异报表",
-    //     path: '/inventoryERPWMS',
-    //     name: 'inventoryERPWMS',
-    //     component: inventoryERPWMS
-    // },
-    // {
-    //     title:"库存事务报表",
-    //     path: '/inventoryTrans',
-    //     name: 'inventoryTrans',
-    //     component: inventoryTrans
-    // },
    {
-        title:"采购收货/采购退货-有PO",
        path: '/procureHasPOReport',
        name: 'procureHasPOReport',
-        component: procureHasPOReport
+        component: procureHasPOReport,
+        meta:{
+            title:"采购收货/采购退货-有PO报表",
+        }
+    },
+    {
+        path: '/procureNoPOReport',
+        name: 'procureNoPOReport',
+        component: procureNoPOReport,
+        meta:{
+            title:"采购收货/采购退货-无PO报表",
+        }
    },
 ]

@ -44,21 +64,12 @@ const router = new VueRouter({
    routes
 })

-// router.beforeEach((to, from, next) => {
-//     console.log('router.beforeEach',to)
-//     /* 路由发生变化修改页面title */
-//     if (to.meta.title) {
-//         document.title = to.meta.title
-//     }
-//     // if(to.meta.content){
-//     //     let head = document.getElementsByTagName('head');
-//     //     let metas = document.getElementsByTagName('meta');
-//     //     for (let i = 0; i < metas.length; i++) {
-//     //         if (metas[i].name === 'viewport') {
-//     //             metas[i].content += ', ' + to.meta.content
-//     //         }
-//     //     }
-//     // }
-// })
+router.beforeEach((to, from, next) => {
+    /* 路由发生变化修改页面title */
+    if (to.meta.title) {
+        document.title = to.meta.title
+    }
+    next()
+})

 export default router
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/utils/util.js
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/utils/util.js
@ -29,8 +29,42 @@ var dateFilterParams = {
    }
 }

+// 转换数字小数点保留+千位符
+/**
+ * @param {*} number 数值
+ * @param {*} isKilo 是否用千位符，默认否（选填）
+ * @param {*} fixed 保留小数位数，默认2（选填）
+ * @returns 
+ */
+var numberFixedFormatter = function(number,isKilo,fixed){
+  let _fixed = fixed || 2;
+  let _res = Number(number).toFixed(_fixed)
+  if(isKilo){
+    _res = Number(Number(number).toFixed(_fixed)).toLocaleString('en-US');
+  }
+  return _res;
+}
+
+// 转换数字百分号+小数点保留
+/**
+ * @param {*} number 数值
+ * @param {*} isPercent 是否需要手动转*100，默认否（选填）
+ * @param {*} fixed 保留小数位数，默认2（选填）
+ * @returns 
+ */
+var numberPercentFormatter = function(number,isPercent,fixed){
+  let _fixed = fixed || 2;
+  let _res = Number(number).toFixed(_fixed) + ' %'
+  if(isPercent){
+    _res = Number(Number(number)*100).toFixed(_fixed) + ' %'
+  }
+  return _res;
+}
+
 export default {
    waitTime:20000,//滚屏列表刷新等待间隔配置项
    addEventResizeFlesh:addEventResizeFlesh,
-    dateFilterParams:dateFilterParams
+    dateFilterParams:dateFilterParams,
+    numberFixedFormatter,
+    numberPercentFormatter
 }
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/Home.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/Home.vue
@ -5,7 +5,7 @@
      v-for="(item,index) in menuList"
      :key="index"
      @click="goPage(item.path)"
-    >{{item.title || item.name}}</div>
+    >{{item.meta.title || item.name}}</div>
  </div>
 </template>
 <script>
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryAndAge.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryAndAge.vue
@ -3,8 +3,8 @@
    :columnList="columnDefs" 
    :searchConfig="searchConfig"
    :searchForm="searchForm"
-    :reportName="'库存库龄报表'"
    :BottomFixedItem="BottomFixedItem"
+    :reportName="'库存库龄报表'"
    :procName="'Proc_Zheng_库存库龄'"
  ></reportPage>
 </template>
@ -19,9 +19,6 @@ export default {
    reportPage
  },
  data () {
-    const numberFormatter = (item) =>{
-        return Number(item.value).toFixed(2);
-    }
    return {
      columnDefs: [
        { field: '物料代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
@ -29,13 +26,13 @@ export default {
        { field: '物料描述1', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料描述2', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '库位组', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '总数', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '<=30天', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '31-180天', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '181-240天', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '241-300天', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '301-360天', flex:1, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '>=361天', flex:1, cellClass: 'rightAlign', valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '总数', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter:((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true }},
+        { field: '<=30天', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '31-180天', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '181-240天', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '241-300天', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '301-360天', flex:1, type:"kiloNumber", cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '>=361天', flex:1, type:"kiloNumber", cellClass: 'rightAlign', valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '单位', flex:1, cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '状态', flex:1, cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true }},
      ],
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryERPWMS.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryERPWMS.vue
@ -3,8 +3,8 @@
    :columnList="columnDefs" 
    :searchConfig="searchConfig"
    :searchForm="searchForm"
-    :reportName="'库存余额_ERP-WMS差异报表'"
    :BottomFixedItem="BottomFixedItem"
+    :reportName="'库存余额_ERP-WMS差异报表'"
    :procName="'Proc_Zheng_库存余额_erp与wms差异'"
  ></reportPage>
 </template>
@ -19,9 +19,6 @@ export default {
    reportPage
  },
  data () {
-    const numberFormatter = (item) =>{
-        return Number(item.value).toFixed(2);
-    }
    return {
      columnDefs: [
        { field: '物料代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
@ -29,9 +26,9 @@ export default {
        { field: '物料描述1', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料描述2', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: 'ERP库位', cellClass:"centerAlign", width:150, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: 'ERP数量', cellClass:"rightAlign", width:200, valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: 'WMS数量', cellClass:"rightAlign", width:200, valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '差异', cellClass:"rightAlign", width:200, valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: 'ERP数量', type:"kiloNumber", cellClass:"rightAlign", width:200, valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: 'WMS数量', type:"kiloNumber", cellClass:"rightAlign", width:200, valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '差异', cellClass:"rightAlign", width:200, valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '单位', cellClass:"centerAlign", width:150, suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
      ],
      searchConfig:[
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryTrans.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/inventoryTrans.vue
@ -3,8 +3,8 @@
    :columnList="columnDefs" 
    :searchConfig="searchConfig"
    :searchForm="searchForm"
-    :reportName="'库存事务报表'"
    :BottomFixedItem="BottomFixedItem"
+    :reportName="'库存事务报表'"
    :procName="'Proc_Zheng_库存事务'"
  ></reportPage>
 </template>
@ -14,14 +14,11 @@ import reportPage from "@/components/reportPage/index"
 import util from '@/utils/util'

 export default {
-  name: "inventoryERPWMS",
+  name: "inventoryTrans",
  components: {
    reportPage
  },
  data () {
-    const numberFormatter = (item) =>{
-        return Number(item.value).toFixed(2);
-    }
    return {
      columnDefs: [
        { field: '物料代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
@ -29,7 +26,7 @@ export default {
        { field: '物料描述1', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料描述2', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { headerName:'库位组代码', field: '库位组', width:200, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '数量', cellClass:"rightAlign", width:200, valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '数量', type:"kiloNumber", cellClass:"rightAlign", width:200, valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '单位', cellClass:"centerAlign", width:150, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '状态', cellClass:"centerAlign", width:150, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { headerName:'事务分类', field: '类型', width:150, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/procureHasPOReport.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/procureHasPOReport.vue
@ -3,8 +3,8 @@
    :columnList="columnDefs" 
    :searchConfig="searchConfig"
    :searchForm="searchForm"
-    :reportName="'采购收货/采购退货（有PO）'"
    :BottomFixedItem="BottomFixedItem"
+    :reportName="'采购收货/采购退货（有PO）报表'"
    :procName="'Proc_Zheng_采购收货_采购退货_有po'"
  ></reportPage>
 </template>
@ -14,23 +14,21 @@ import reportPage from "@/components/reportPage/index"
 import util from '@/utils/util'

 export default {
-  name: "inventoryAndAge",
+  name: "procureHasPOReport",
  components: {
    reportPage
  },
  data () {
-    const numberFormatter = (item) =>{
-        return Number(item.value).toFixed(2);
-    }
    return {
      columnDefs: [
        { field: '供应商代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '供应商名称', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料名称', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料描述1', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '物料描述2', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '收货数量', width:200, cellClass:"rightAlign", valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
-        { field: '退货数量', width:200, cellClass: 'rightAlign', valueFormatter: numberFormatter, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '收货数量', type:"kiloNumber", width:200, cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '退货数量', type:"kiloNumber", width:200, cellClass: 'rightAlign', valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
        { field: '单位', width:150, cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
      ],
      searchConfig:[
--- a/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/procureNoPOReport.vue
+++ b/PC/UI.WinIn.FasterZ.AgGridReport/src/views/report/procureNoPOReport.vue
@ -0,0 +1,50 @@
+<template>
+  <reportPage
+    :columnList="columnDefs" 
+    :searchConfig="searchConfig"
+    :searchForm="searchForm"
+    :BottomFixedItem="BottomFixedItem"
+    :reportName="'采购收货/采购退货（无PO）报表'"
+    :procName="'Proc_Zheng_采购收货_采购退货_无po'"
+  ></reportPage>
+</template>
+  
+<script>
+import reportPage from "@/components/reportPage/index"
+import util from '@/utils/util'
+
+export default {
+  name: "procureNoPOReport",
+  components: {
+    reportPage
+  },
+  data () {
+    return {
+      columnDefs: [
+        { field: '供应商代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '供应商名称', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料代码', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料名称', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料描述1', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '物料描述2', flex:1, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '收货数量', type:"kiloNumber", width:200, cellClass:"rightAlign", valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '退货数量', type:"kiloNumber", width:200, cellClass: 'rightAlign', valueFormatter: ((data)=>{return util.numberFixedFormatter(data.value,true)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '单位', width:150, cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+      ],
+      searchConfig:[
+        {type:'select',prop:'ItemCode',label:'物料',optionsProc:'itemCode'},
+        {type:'select',prop:'SupplierCode',label:'供应商',optionsProc:'SupplierCode'},
+        {type:'date',prop:'beginDate',label:'起始'},
+        {type:'date',prop:'endDate',label:'截止'},
+      ],
+      searchForm:{
+        ItemCode:'',
+        SupplierCode:'',
+        beginDate:"",
+        endDate:'',
+      },
+      BottomFixedItem:['收货数量','退货数量']
+    };
+  },
+};
+</script>