Browse Source

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

ag_report_nev
安虹睿 9 months ago
parent
commit
444e9c739e
  1. 4
      fe/UI.DY.AgGridReport/src/api/api.js
  2. 18
      fe/UI.DY.AgGridReport/src/components/AgTable/index.vue
  3. 19
      fe/UI.DY.AgGridReport/src/router/index.js
  4. 8
      fe/UI.DY.AgGridReport/src/utils/util.js
  5. 59
      fe/UI.DY.AgGridReport/src/views/report/InventoryBookDetail.vue
  6. 60
      fe/UI.DY.AgGridReport/src/views/report/rawScrapList.vue

4
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')
}

18
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{

19
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({

8
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
}

59
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>

60
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>
Loading…
Cancel
Save