【nev-报表】新报表及颜色问题封装开发

fe/UI.DY.AgGridReport/src/api/api.js

@@ -46,3 +46,7 @@ export function getUnplannedReceiptType() {
 export function getInventoryBalanceStatus() {
     return axiosUtil.ajax_post(procApi+'Proc_InputWhere_InventoryBalance_Status',{})
 }
+
+export function inventoryTransactionSerial() {
+    return axiosUtil.ajax_post('http://dev.ccwin-in.com:60085/api/wms/inventory/inventory-transaction/item-serial-list?startDateTime=2024-07-01&endDateTime=2024-07-09T23:59:59&erpLocationCode=null')
+}

fe/UI.DY.AgGridReport/src/components/AgTable/index.vue

@@ -211,6 +211,24 @@ export default {
       &.centerAlign{
         justify-content: center;
       }
+
+      &.stateTag_danger{
+        background:#ff2f00;
+        justify-content: center;
+        color:#fff
+      }
+
+      &.stateTag_warning{
+        background:#ff9000;
+        justify-content: center;
+        color:#fff
+      }
+
+      &.stateTag_success{
+        background:green;
+        justify-content: center;
+        color:#fff
+      }
     }
 
     .ag-cell-value{

fe/UI.DY.AgGridReport/src/router/index.js

@@ -24,9 +24,10 @@ import ProductionIssueSummary from '../views/report/ProductionIssueSummary.vue'
 import ProductionReturnSummary from '../views/report/ProductionReturnSummary.vue'
 import ProductReceiptSummary from '../views/report/ProductReceiptSummary.vue'
 import SupplierAndOrderSummary from '../views/report/SupplierAndOrderSummary.vue'
+import rawScrapList from '../views/report/rawScrapList.vue'
+import InventoryBookDetail from '../views/report/InventoryBookDetail.vue'
 
 Vue.use(VueRouter)
-
 const routes = [
     {
         path: '/',
@@ -220,6 +221,22 @@ const routes = [
             title:"供应商发货订单汇总报表",
         }
     },
+    {
+        path: '/rawScrapList',
+        name: 'rawScrapList',
+        component: rawScrapList,
+        meta:{
+            title:"原物料过期报表",
+        }
+    },
+    // {
+    //     path: '/InventoryBookDetail',
+    //     name: 'InventoryBookDetail',
+    //     component: InventoryBookDetail,
+    //     meta:{
+    //         title:"库存流水账明细",
+    //     }
+    // },
 ]
 
 const router = new VueRouter({

fe/UI.DY.AgGridReport/src/utils/util.js

@@ -75,11 +75,17 @@ var numberPercentFormatter = function(number,isPercent,fixed){
   return _res;
 }
 
+// 状态类型颜色变化
+var stateTagClass = function(data,options){
+  return options[data.value] || options.init
+}
+
 export default {
     waitTime:20000,//滚屏列表刷新等待间隔配置项
     addEventResizeFlesh:addEventResizeFlesh,
     dateFilterParams:dateFilterParams,
     numberFixedFormatter,
     numberPercentFormatter,
-    formatTimeStrToStr
+    formatTimeStrToStr,
+    stateTagClass
 }

fe/UI.DY.AgGridReport/src/views/report/InventoryBookDetail.vue

@@ -0,0 +1,59 @@
+<template>
+  <reportPage
+    :columnList="columnDefs" 
+    :searchConfig="searchConfig"
+    :searchForm="searchForm"
+    :BottomFixedItem="BottomFixedItem"
+    :reportName="'原物料过期报表'"
+    :procName="'Proc_原物料过期报表'"
+    :isSpecialData="true"
+  ></reportPage>
+</template>
+  
+<script>
+import reportPage from "@/components/reportPage/index"
+import util from '@/utils/util'
+import {inventoryTransactionSerial} from "@/api/api"
+
+export default {
+  name: "InventoryBookDetail",
+  components: {
+    reportPage
+  },
+  data () {
+    return {
+      columnDefs: [
+        { field: 'ERP料号',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '料号名称',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '料号描述',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '正厂编码',  cellClass:"centerAlign", 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: '箱码',  minWidth:180, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '批次',  filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '生产日期', minWidth:170,maxWidth:170, valueFormatter: ((data)=>{return util.formatTimeStrToStr(data.value)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '过期日期', minWidth:170,maxWidth:170, valueFormatter: ((data)=>{return util.formatTimeStrToStr(data.value)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '质保周期',maxWidth:100, cellClass:"rightAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '状态', cellClass:((data)=>{return util.stateTagClass(data,this.stateTagOption)}), 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 } },
+      ],
+      searchConfig:[],
+      searchForm:{},
+      BottomFixedItem:['过期时间差/天'],
+      stateTagOption:{
+        "过期":"stateTag_danger",
+        "即将过期":"stateTag_warning",
+        "正常":"stateTag_success",
+        "init":"centerAlign"
+      }
+    };
+  },
+  created(){
+    inventoryTransactionSerial().then(res=>{
+      // this.$refs.reportPage_Ref.updateTableData(res)
+      // this.$refs.reportPage_Ref.updateDownloadData(res)
+    })
+  },
+};
+</script>

fe/UI.DY.AgGridReport/src/views/report/rawScrapList.vue

@@ -0,0 +1,60 @@
+<template>
+  <reportPage
+    :columnList="columnDefs" 
+    :searchConfig="searchConfig"
+    :searchForm="searchForm"
+    :BottomFixedItem="BottomFixedItem"
+    :reportName="'原物料过期报表'"
+    :procName="'Proc_原物料过期报表'"
+  ></reportPage>
+</template>
+  
+<script>
+import reportPage from "@/components/reportPage/index"
+import util from '@/utils/util'
+import {inventoryTransactionSerial} from "@/api/api"
+
+export default {
+  name: "rawScrapList",
+  components: {
+    reportPage
+  },
+  data () {
+    return {
+      columnDefs: [
+        { field: 'ERP料号',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '料号名称',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '料号描述',  cellClass:"centerAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '正厂编码',  cellClass:"centerAlign", 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: '箱码',  minWidth:180, filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '批次',  filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '生产日期', minWidth:170,maxWidth:170, valueFormatter: ((data)=>{return util.formatTimeStrToStr(data.value)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '过期日期', minWidth:170,maxWidth:170, valueFormatter: ((data)=>{return util.formatTimeStrToStr(data.value)}), filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '质保周期',maxWidth:100, cellClass:"rightAlign", filter: 'agTextColumnFilter', suppressMenu: true, floatingFilterComponentParams: { suppressFilterButton: true } },
+        { field: '状态', cellClass:((data)=>{return util.stateTagClass(data,this.stateTagOption)}), 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 } },
+      ],
+      searchConfig:[
+        {type:'selectExcess',prop:'ItemCode',label:'ERP料号',optionsProc:'itemCode',options:[],optionsTS:[],rangeNumber:100,rangeSize:100},
+        {type:'select',prop:'LocationErpCode',label:'ERP储位',optionsProc:'LocationErpCode',options:[]},
+        {type:'date',prop:'expireDateCondition',label:'过期时间'},
+      ],
+      searchForm:{
+        ItemCode:"",
+        LocationErpCode:'',
+        expireDateCondition:"",
+      },
+      BottomFixedItem:['过期时间差/天'],
+      stateTagOption:{
+        "过期":"stateTag_danger",
+        "即将过期":"stateTag_warning",
+        "正常":"stateTag_success",
+        "init":"centerAlign"
+      }
+    };
+  },
+};
+</script>