From 25f2e39ef1d91e3baa32aa7b35e5773ef0324487 Mon Sep 17 00:00:00 2001 From: zch Date: Fri, 6 Jun 2025 23:02:59 +0800 Subject: [PATCH] =?UTF-8?q?feat(ems):=20=E6=B7=BB=E5=8A=A0=E5=A4=87?= =?UTF-8?q?=E4=BB=B6=E5=BA=93=E5=AD=98=E9=A2=84=E8=AD=A6=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E7=9B=B8=E5=85=B3=E4=B8=9A=E5=8A=A1?= =?UTF-8?q?=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在 SparePartsInventory 模型中添加库存阈值字段 - 实现库存预警相关的前端展示和提示功能 - 优化日常故障记录中的处置时长计算逻辑 - 在备件盘点记录中添加创建时间字段 - 实现备件库存数量的自动更新机制 --- src/views/ems/info/dailyFaultRecord/index.vue | 27 ++- .../ems/info/sparePartsInventory/index.vue | 190 ++++++++++++++++-- 2 files changed, 195 insertions(+), 22 deletions(-) diff --git a/src/views/ems/info/dailyFaultRecord/index.vue b/src/views/ems/info/dailyFaultRecord/index.vue index 69ba46f..460d7bb 100644 --- a/src/views/ems/info/dailyFaultRecord/index.vue +++ b/src/views/ems/info/dailyFaultRecord/index.vue @@ -233,7 +233,7 @@ /> - +
@@ -350,6 +350,14 @@ this.upload.url = process.env.VUE_APP_BASE_API + "/ems/info/dailyFaultRecord/importData"; this.upload.headers = { Authorization: "Bearer " + this.$store.getters.token }; }, + watch: { + 'form.faultOccurrenceTime'(newVal) { + this.calculateHandlingDuration(); + }, + 'form.handlingCompletionTime'(newVal) { + this.calculateHandlingDuration(); + }, + }, methods: { /** 查询日常故障记录列表 */ getList() { @@ -475,7 +483,22 @@ // 提交上传文件 submitFileForm() { this.$refs.upload.submit(); - } + }, + calculateHandlingDuration() { + if (this.form.faultOccurrenceTime && this.form.handlingCompletionTime) { + const startTime = new Date(`2023-01-01T${this.form.faultOccurrenceTime}`); + const endTime = new Date(`2023-01-01T${this.form.handlingCompletionTime}`); + if (!isNaN(startTime.getTime()) && !isNaN(endTime.getTime()) && endTime > startTime) { + const durationMs = endTime - startTime; + const durationSeconds = Math.floor(durationMs / 1000); + this.form.handlingDuration = `${durationSeconds} 秒`; + } else { + this.form.handlingDuration = '无效时间'; + } + } else { + this.form.handlingDuration = ''; + } + }, } }; diff --git a/src/views/ems/info/sparePartsInventory/index.vue b/src/views/ems/info/sparePartsInventory/index.vue index a6e95fe..2b74a7d 100644 --- a/src/views/ems/info/sparePartsInventory/index.vue +++ b/src/views/ems/info/sparePartsInventory/index.vue @@ -124,10 +124,37 @@ v-hasPermi="['ems/info:sparePartsInventory:add']" >导入 + + + 库存预警 + + - + + + + + @@ -137,8 +164,23 @@ - - + + + + + + + - + @@ -233,10 +282,25 @@ - + + + + + + + + + + + @@ -334,6 +398,12 @@ export default { name: "SparePartsInventory", + computed: { + // 计算低库存数量 + lowStockCount() { + return this.sparePartsInventoryList.filter(item => this.isLowStock(item)).length; + } + }, data() { return { // 遮罩层 @@ -388,7 +458,8 @@ { key: 6, label: `型号`, visible: true }, { key: 7, label: `入库数量`, visible: true }, { key: 8, label: `剩余数量`, visible: true }, - { key: 9, label: `备注`, visible: true }, + { key: 9, label: `库存阈值`, visible: true }, + { key: 10, label: `备注`, visible: true }, ], upload: { title: "导入备件库记录", @@ -465,6 +536,7 @@ model: null, warehouseQuantity: null, remainingQuantity: null, + threshold: 0, remarks: null, checkData: [] }; @@ -589,7 +661,85 @@ // 提交上传文件 submitFileForm() { this.$refs.upload.submit(); + }, + // 判断是否为低库存 + isLowStock(row) { + return row.remainingQuantity != null && row.threshold != null && row.remainingQuantity <= row.threshold; + }, + + // 获取整行样式类名 + getRowClassName({row, rowIndex}) { + if (this.isLowStock(row)) { + return 'low-stock-row'; + } + return ''; + }, + + // 过滤显示低库存记录 + filterLowStock() { + this.$message({ + message: `正在显示 ${this.lowStockCount} 项库存不足的记录`, + type: 'warning' + }); + // 这里可以实现具体的过滤逻辑，比如修改查询参数 + // 暂时只是提示用户，实际项目中可以根据需要实现过滤功能 + }, + + // 获取剩余数量类 + getRemainingQuantityClass(row) { + // 当剩余数量低于或等于阈值时显示为红色警告 + if (this.isLowStock(row)) { + return 'remaining-quantity-warning'; + } else { + return 'remaining-quantity-normal'; + } } } }; + +