This commit is contained in:
MOHD ARIFF 2026-02-27 17:40:32 +08:00
parent f8e73bad3a
commit 8d3385f673
2 changed files with 76 additions and 49 deletions

View File

@ -16,15 +16,6 @@
<div class="card-body">
<div v-if="reportData">
<div class="row justify-content-center">
<div class="col-3">
<div class="row col-10">
<h4>Department</h4>
<multiselect v-model="selectedDepartment" :options="compDeptList" :multiple="true" group-values="departments" group-label="companyName"
:group-select="true" placeholder="Seach Department" track-by="departmentId" label="departmentName">
</multiselect>
<div class=""><button class="btn btn-danger" v-on:click="selectedDepartment = []">Clear</button></div>
</div>
</div>
<div class="col-3">
<div class="row col-10">
<h4>Category</h4>
@ -41,13 +32,6 @@
<div class=""><button class="btn btn-danger" v-on:click="selectedItem = []">Clear</button></div>
</div>
</div>
<div class="col-3">
<div class="row col-10">
<h4>Date filter</h4>
<vue-date-picker v-model="selectedMonth" month-picker range></vue-date-picker>
<div class=""><button class="btn btn-danger" v-on:click="selectedMonth = []">Clear</button></div>
</div>
</div>
</div>
</div>
</div>
@ -88,17 +72,24 @@
<div class="col-3">
<div class="row col-10">
<h4>Department</h4>
<multiselect v-model="selectedDepartment" :options="compDeptList" :multiple="true" group-values="departments" group-label="companyName"
:group-select="true" placeholder="Seach Department" track-by="departmentId" label="departmentName">
<multiselect v-model="selectedSingleDepartment" :options="compDeptList" :multiple="false" group-values="departments" group-label="companyName"
:group-select="false" placeholder="Search Department" track-by="departmentId" label="departmentName">
</multiselect>
<div class=""><button class="btn btn-danger" v-on:click="selectedDepartment = []">Clear</button></div>
<div class=""><button class="btn btn-danger" v-on:click="selectedSingleDepartment = []">Clear</button></div>
</div>
</div>
<div class="col-3">
<div class="row col-10">
<h4>Date filter</h4>
<vue-date-picker v-model="selectedMonth" month-picker></vue-date-picker>
<div class=""><button class="btn btn-danger" v-on:click="selectedMonth = []">Clear</button></div>
<vue-date-picker v-model="selectedMonth" month-picker auto-apply></vue-date-picker>
<div class=""><button class="btn btn-danger" v-on:click="selectedMonth = null">Clear</button></div>
</div>
</div>
<div class="col-3">
<div class="row col-10">
<h4>Position Filter</h4>
<multiselect v-model="selectedPosition" :options="positionList" :multiple="false" placeholder="Search Position" track-by="positionId" label="positionName"></multiselect>
<div class=""><button class="btn btn-danger" v-on:click="selectedPosition = []">Clear</button></div>
</div>
</div>
<div class="col-12">
@ -111,20 +102,13 @@
<div class="card-body">
<div v-if="reportData">
<div class="row justify-content-center">
<div v-if="formResponse">
<div class="col-3">
<h4>Statistic</h4>
<p>Total Number of Item Registered: {{ reportData.itemCountRegistered }}</p>
<p>Total Number of Item Still in Stock: {{ reportData.itemCountStillInStock }}</p>
<h4>User List</h4>
<multiselect v-model="selectedUser" :options="formResponse.userItemBalance" :multiple="false" placeholder="Select User" track-by="userId" label="userFullName"></multiselect>
<div class=""><button class="btn btn-danger" v-on:click="selectedUser = []">Clear</button></div>
{{ selectedUser }}
</div>
<div class="col-3">
<h4>Item Registered </h4>
<p>This Month: {{ reportData.itemCountRegisteredThisMonth }}</p>
<p>Last Month: {{ reportData.itemCountRegisteredLastMonth }}</p>
</div>
<div class="col-3">
<h4>Item Stock Out </h4>
<p>This Month: {{ reportData.itemCountStockOutThisMonth }}</p>
<p>Last Month: {{ reportData.itemCountStockOutLastMonth }}</p>
</div>
</div>
</div>
@ -160,13 +144,22 @@
productList: {},
categoryList:['Asset', 'Part', 'Disposable'],
monthList: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
positionList: [
{ positionId: 1, positionName: 'User' },
{ positionId: 2, positionName: 'Station' },
{ positionId: 3, positionName: 'Store' }
],
filteredProduct: [],
selectedMonth: [],
selectedMonth: null,
selectedDepartment: [],
selectedSingleDepartment: null,
selectedItem: [],
selectedCategory: [],
selectedPosition: [],
usersInfo: [],
submitBody: null,
formResponse: null,
selectedUser: [],
}
},
mounted() {
@ -185,21 +178,48 @@
},
methods: {
async generateReport(){
this.submitBody = {
selectedMonth: this.selectedMonth,
selectedDepartment: this.selectedDepartment
if(this.selectedMonth == null || this.selectedSingleDepartment.length == 0 || this.selectedPosition.length == 0)
{
var msg = [];
if(this.selectedMonth == null)
{
msg.push("Date");
}
if(this.selectedSingleDepartment.length == 0)
{
msg.push("Department");
}
if(this.selectedPosition.length == 0)
{
msg.push("Position");
}
alert(msg.length > 1 ? msg.join(" & ") + " cannot be empty" : msg[0] + " cannot be empty");
}
else{
this.submitBody = {
formDate: new Date(this.selectedMonth.year, this.selectedMonth.month + 1, 0, 23, 59, 59).toISOString().slice(0, 19),
// selectedCategory: this.selectedCategory,
deptId: this.selectedSingleDepartment.departmentCode,
toUser: this.selectedPosition.positionId == 1 ? 1 : 0,
toStation: this.selectedPosition.positionId == 2 ? 1 : 0,
toStore: this.selectedPosition.positionId == 3 ? 1 : 0,
}
this.fetchCurrentReport();
}
console.log(this.submitBody);
// this.fetchCurrentReport();
},
async fetchCurrentReport(){
try {
const response = await fetch(`/ReportingAPI/GetMonthlyReport/`, {
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(this.submitBody),
method: 'POST',
});
if (response.ok) {
const data = await response.json();
console.log(data);
this.formResponse = data
console.log(this.formResponse);
}
else {
console.error(`Failed to fetch user: ${response.statusText}`);

View File

@ -35,11 +35,11 @@ namespace PSTW_CentralSystem.Controllers.API
public class ReportQuery
{
string? FormDate { get; set; }
string? DeptId { get; set; }
int ToUser { get; set; }
int ToStation { get; set; }
int ToStore { get; set; }
public string? FormDate { get; set; }
public string? DeptId { get; set; }
public int ToUser { get; set; }
public int ToStation { get; set; }
public int ToStore { get; set; }
}
#region ItemReport
@ -135,10 +135,15 @@ namespace PSTW_CentralSystem.Controllers.API
#region Monthly Report
[HttpPost("GetMonthlyReport")]
public async Task<IActionResult> GetMonthlyReport([FromBody] string FormDate = "2026/1/31", string DeptId = "PA", int ToUser = 1, int ToStation = 0, int ToStore = 0)
public async Task<IActionResult> GetMonthlyReport([FromBody] ReportQuery reportQuery)
{
try
{
string FormDate = reportQuery.FormDate!;
string DeptId = reportQuery.DeptId!;
int ToUser = reportQuery.ToUser;
int ToStation = reportQuery.ToStation;
int ToStore = reportQuery.ToStore;
var currentProductBalance = new List<ProductReport>();
var result = await _centralDbContext.Products
.Select(p => new { p.ProductName, p.QuantityJSON })
@ -233,8 +238,10 @@ namespace PSTW_CentralSystem.Controllers.API
ItemId = m.ItemId,
ItemName = m.Item!.Product!.ProductName,
Quantity = m.Quantity,
ItemPrice = m.Item!.ConvertPrice,
})
.ToList()
.ToList(),
TotalItemPrice = latestItemMovements.Where(m => m.ToUser == u.Id).Sum(m => m!.Item!.ConvertPrice * m.Quantity),
})
.Where(u => u.Items.Count > 0).ToList();