From e71bc9a29c5c826f46ba7cfa2ec98334a602388d Mon Sep 17 00:00:00 2001
From: zch <zangch@mesnac.com>
Date: Wed, 9 Jul 2025 17:17:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(dms/dmsRecordShutDown):=20=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E8=87=AA=E5=8A=A8=E8=AE=A1=E7=AE=97=E5=81=9C=E6=9C=BA?=
 =?UTF-8?q?=E6=97=B6=E9=95=BF=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=81=9C=E6=9C=BA=E6=97=B6=E9=95=BF=E5=8F=AA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=88=B0=E7=A7=92=EF=BC=8C=E4=B8=8D=E6=BB=A1?=
 =?UTF-8?q?=E4=B8=80=E7=A7=92=E7=9B=B4=E6=8E=A5=E8=88=8D=E5=BC=83=EF=BC=88?=
 =?UTF-8?q?=E6=AF=94=E5=A6=82=E8=AF=B4=E6=95=B0=E6=8D=AE=E5=BA=93=E5=AD=98?=
 =?UTF-8?q?15.88=E5=8F=AA=E6=98=BE=E7=A4=BA15=E7=A7=92=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在表单中添加计算停机时长的逻辑
- 监听停机开始时间和结束时间的变化，自动更新停机时长
- 优化了界面布局，注释掉了不必要的代码
---
 src/views/dms/dmsRecordShutDown/index.vue | 48 +++++++++++++++++------
 1 file changed, 36 insertions(+), 12 deletions(-)

diff --git a/src/views/dms/dmsRecordShutDown/index.vue b/src/views/dms/dmsRecordShutDown/index.vue
index 5584501..d54492f 100644
--- a/src/views/dms/dmsRecordShutDown/index.vue
+++ b/src/views/dms/dmsRecordShutDown/index.vue
@@ -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();