feat(钢卷管理): 新增生产时间记录及耗时计算功能
添加TimeInput组件用于时间输入,并在钢卷合并、分条、打字、分步操作中增加生产开始/结束时间字段 实现生产耗时自动计算功能,支持显示xx天xx小时xx分钟格式 在基础面板中增加生产时间修正对话框,支持批量修改时间
This commit is contained in:
@@ -192,6 +192,18 @@
|
||||
<ActualWarehouseSelect :clearInput="false" clearable v-model="updateForm.actualWarehouseId" placeholder="请选择真实库区" block />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="生产开始时间" prop="productionStartTime">
|
||||
<TimeInput v-model="updateForm.productionStartTime" @input="calculateProductionDuration" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="生产结束时间" prop="productionEndTime">
|
||||
<TimeInput v-model="updateForm.productionEndTime" @input="calculateProductionDuration" :show-now-button="true" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="生产耗时" prop="productionDuration">
|
||||
<el-input v-model="updateForm.formattedDuration" placeholder="自动计算" disabled />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="updateForm.remark" type="textarea" :rows="4" placeholder="请输入备注信息(非必填)" maxlength="500"
|
||||
show-word-limit />
|
||||
@@ -237,6 +249,7 @@ import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect
|
||||
import RawMaterialSelect from "@/components/KLPService/RawMaterialSelect";
|
||||
import ProductSelect from "@/components/KLPService/ProductSelect";
|
||||
import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
|
||||
import TimeInput from "@/components/TimeInput";
|
||||
import { generateCoilNoPrefix } from "@/utils/coil/coilNo";
|
||||
|
||||
export default {
|
||||
@@ -246,6 +259,7 @@ export default {
|
||||
RawMaterialSelect,
|
||||
ProductSelect,
|
||||
WarehouseSelect,
|
||||
TimeInput,
|
||||
},
|
||||
dicts: ['coil_quality_status'],
|
||||
data() {
|
||||
@@ -292,6 +306,10 @@ export default {
|
||||
coatingType: '',
|
||||
actualLength: undefined,
|
||||
actualWidth: undefined,
|
||||
productionStartTime: '',
|
||||
productionEndTime: '',
|
||||
productionDuration: '',
|
||||
formattedDuration: '',
|
||||
},
|
||||
rules: {
|
||||
currentCoilNo: [
|
||||
@@ -556,6 +574,18 @@ export default {
|
||||
nextWarehouseName: this.getWarehouseName(data.warehouseId),
|
||||
};
|
||||
|
||||
// 填充时间相关字段
|
||||
if (data.productionStartTime) {
|
||||
this.updateForm.productionStartTime = data.productionStartTime;
|
||||
}
|
||||
if (data.productionEndTime) {
|
||||
this.updateForm.productionEndTime = data.productionEndTime;
|
||||
}
|
||||
if (data.productionDuration) {
|
||||
this.updateForm.productionDuration = data.productionDuration;
|
||||
this.updateForm.formattedDuration = this.formatDuration(data.productionDuration);
|
||||
}
|
||||
|
||||
// 不再预加载物品列表,改为实时搜索
|
||||
|
||||
// 加载变更历史
|
||||
@@ -751,6 +781,20 @@ export default {
|
||||
return false;
|
||||
}
|
||||
|
||||
// 验证时间逻辑
|
||||
const { productionStartTime, productionEndTime } = this.updateForm;
|
||||
if (productionStartTime && productionEndTime) {
|
||||
const start = new Date(productionStartTime).getTime();
|
||||
const end = new Date(productionEndTime).getTime();
|
||||
if (end < start) {
|
||||
this.$message({
|
||||
message: '结束时间不能早于开始时间',
|
||||
type: 'error',
|
||||
});
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
const loadingInstance = this.$loading({
|
||||
lock: true,
|
||||
text: '正在更新钢卷信息,请稍后...',
|
||||
@@ -796,6 +840,50 @@ export default {
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
// 格式化毫秒值为xx天xx小时xx分钟
|
||||
formatDuration(milliseconds) {
|
||||
if (!milliseconds || milliseconds < 0) return '';
|
||||
|
||||
const seconds = Math.floor(milliseconds / 1000);
|
||||
const minutes = Math.floor(seconds / 60);
|
||||
const hours = Math.floor(minutes / 60);
|
||||
const days = Math.floor(hours / 24);
|
||||
|
||||
const remainingHours = hours % 24;
|
||||
const remainingMinutes = minutes % 60;
|
||||
|
||||
let result = '';
|
||||
if (days > 0) result += `${days}天`;
|
||||
if (remainingHours > 0) result += `${remainingHours}小时`;
|
||||
if (remainingMinutes > 0) result += `${remainingMinutes}分钟`;
|
||||
|
||||
return result || '0分钟';
|
||||
},
|
||||
// 计算生产耗时
|
||||
calculateProductionDuration() {
|
||||
const { productionStartTime, productionEndTime } = this.updateForm;
|
||||
if (productionStartTime && productionEndTime) {
|
||||
const start = new Date(productionStartTime).getTime();
|
||||
const end = new Date(productionEndTime).getTime();
|
||||
if (end < start) {
|
||||
this.$message({
|
||||
message: '结束时间不能早于开始时间',
|
||||
type: 'error',
|
||||
});
|
||||
this.updateForm.productionDuration = '';
|
||||
this.updateForm.formattedDuration = '';
|
||||
} else {
|
||||
const durationMs = end - start;
|
||||
const durationMinutes = Math.round(durationMs / (1000 * 60));
|
||||
this.updateForm.productionDuration = durationMinutes;
|
||||
this.updateForm.formattedDuration = this.formatDuration(durationMinutes * 60 * 1000);
|
||||
}
|
||||
} else {
|
||||
this.updateForm.productionDuration = '';
|
||||
this.updateForm.formattedDuration = '';
|
||||
}
|
||||
},
|
||||
// 取消操作
|
||||
handleCancel() {
|
||||
this.$router.back();
|
||||
@@ -980,6 +1068,8 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 表单样式优化 */
|
||||
.form-card {
|
||||
::v-deep .el-input-number {
|
||||
|
||||
Reference in New Issue
Block a user