|
|
|
@ -16,22 +16,22 @@
|
|
|
|
|
<el-form-item label="停机原因" prop="shutReasonId">
|
|
|
|
|
<el-input v-model="queryParams.shutReasonId" placeholder="请输入停机原因" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>-->
|
|
|
|
|
<el-form-item label="停机开始时间" prop="shutBeginTime" label-width="100px">
|
|
|
|
|
<!-- <el-form-item label="停机开始时间" prop="shutBeginTime" label-width="100px">
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
v-model="queryParams.shutBeginTime"
|
|
|
|
|
type="date"
|
|
|
|
|
value-format="YYYY-MM-DD"
|
|
|
|
|
type="datetime"
|
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
placeholder="请选择停机开始时间"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="停机结束时间" prop="shutEndTime" label-width="100px">
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
<!-- <el-form-item label="停机结束时间" prop="shutEndTime" label-width="100px">
|
|
|
|
|
<el-date-picker clearable
|
|
|
|
|
v-model="queryParams.shutEndTime"
|
|
|
|
|
type="date"
|
|
|
|
|
value-format="YYYY-MM-DD"
|
|
|
|
|
type="datetime"
|
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
placeholder="请选择停机结束时间"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
<!-- <el-form-item label="停机时长(秒)" prop="shutTime">
|
|
|
|
|
<el-input v-model="queryParams.shutTime" placeholder="请输入停机时长(毫秒)" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
@ -58,9 +58,9 @@
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<template #header>
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['dms:dmsRecordShutDown:add']">新增</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['dms:dmsRecordShutDown:add']">新增</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['dms:dmsRecordShutDown:edit']">修改</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
@ -179,7 +179,7 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="停机时长(秒)" prop="shutTime">
|
|
|
|
|
<el-input v-model="form.shutTime" placeholder="请输入停机时长(秒)" />
|
|
|
|
|
<el-input v-model="form.shutTime" placeholder="自动计算" disabled />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="停机标识" prop="downtimeFlag">
|
|
|
|
|
<!-- <el-input v-model="form.downtimeFlag" placeholder="请输入停机标识" />-->
|
|
|
|
@ -439,6 +439,30 @@ const formatDuration = (seconds: number): string => {
|
|
|
|
|
return `${hours ? hours + '小时' : ''}${minutes ? minutes + '分' : ''}${remainingSeconds}秒`
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 计算停机时长
|
|
|
|
|
const calculateShutTime = () => {
|
|
|
|
|
if (form.value.shutBeginTime && form.value.shutEndTime) {
|
|
|
|
|
const begin = new Date(form.value.shutBeginTime).getTime()
|
|
|
|
|
const end = new Date(form.value.shutEndTime).getTime()
|
|
|
|
|
if (end > begin) {
|
|
|
|
|
form.value.shutTime = Math.floor((end - begin) / 1000)
|
|
|
|
|
} else {
|
|
|
|
|
form.value.shutTime = 0
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
form.value.shutTime = 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 监听开始和结束时间的变化
|
|
|
|
|
watch(
|
|
|
|
|
() => [form.value.shutBeginTime, form.value.shutEndTime],
|
|
|
|
|
() => {
|
|
|
|
|
calculateShutTime()
|
|
|
|
|
},
|
|
|
|
|
{ immediate: true }
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getMachineOtions();
|
|
|
|
|
getShutTypeOtions();
|
|
|
|
|