From 232b7504d788baf456e2a7394c37e0b023ff3f43 Mon Sep 17 00:00:00 2001
From: zch <zangch@mesnac.com>
Date: Mon, 9 Jun 2025 09:42:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(ems):=20=E5=A2=9E=E5=8A=A0=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E8=8C=83=E5=9B=B4=E6=9F=A5=E8=AF=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在多个页面中添加日期范围选择器，支持开始日期和结束日期的选择- 后端 mapper 文件中增加对日期范围查询的支持
-优化查询逻辑，优先使用日期范围进行筛选
- 调整表格样式，增加行hover效果
---
 src/views/ems/info/dailyFaultRecord/index.vue |   9 +-
 .../info/plcBufferBatteryLifecycle/index.vue  | 278 ++++++------
 .../securityDoorBatteryLifecycle/index.vue    | 417 ++++++++++++------
 .../ems/info/supervisionChecklist/index.vue   | 117 ++---
 .../ems/info/upsBatteryLifecycle/index.vue    | 158 ++++++-
 5 files changed, 658 insertions(+), 321 deletions(-)

diff --git a/src/views/ems/info/dailyFaultRecord/index.vue b/src/views/ems/info/dailyFaultRecord/index.vue
index 69eedd4..16ffa21 100644
--- a/src/views/ems/info/dailyFaultRecord/index.vue
+++ b/src/views/ems/info/dailyFaultRecord/index.vue
@@ -199,7 +199,7 @@
             <el-table-column label="故障类型" align="center" prop="faultType" v-if="columns[7].visible"/>
             <el-table-column label="故障发生时间" align="center" prop="faultOccurrenceTime" v-if="columns[8].visible"/>
             <el-table-column label="处置完毕时间" align="center" prop="handlingCompletionTime" v-if="columns[9].visible"/>
-            <el-table-column label="处置时长" align="center" prop="handlingDuration" v-if="columns[10].visible"/>
+            <el-table-column label="处置时长" align="center" prop="handlingDurationFormatted" v-if="columns[10].visible"/>
             <el-table-column label="备注" align="center" prop="remarks" v-if="columns[11].visible" show-overflow-tooltip/>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
                 <template slot-scope="scope">
@@ -281,8 +281,8 @@
                                         format="HH:mm:ss"
                                     />
                                 </el-form-item>
-                                <el-form-item label="处置时长" prop="handlingDuration">
-                                    <el-input v-model="form.handlingDuration" placeholder="由系统自动计算" disabled />
+                                <el-form-item label="处置时长" prop="handlingDurationFormatted">
+                                    <el-input v-model="form.handlingDurationFormatted" placeholder="由系统自动计算" disabled />
                                 </el-form-item>
                                 <el-form-item label="备注" prop="remarks">
                                     <el-input v-model="form.remarks" type="textarea" :rows="3" placeholder="请输入备注" />
@@ -359,7 +359,7 @@
                         <span>{{ currentRecord.handlingCompletionTime || '暂无' }}</span>
                     </el-descriptions-item>
                     <el-descriptions-item label="处置时长">
-                        <span>{{ currentRecord.handlingDuration || '暂无' }}</span>
+                        <span>{{ currentRecord.handlingDurationFormatted || '暂无' }}</span>
                     </el-descriptions-item>
                     <el-descriptions-item label="故障情况">
                         <div class="detail-text-content">
@@ -557,6 +557,7 @@
                                 faultOccurrenceTime: null,
                                 handlingCompletionTime: null,
                                 handlingDuration: null,
+                                handlingDurationFormatted: null,
                                 remarks: null
                 };
                 this.resetForm("form");
diff --git a/src/views/ems/info/plcBufferBatteryLifecycle/index.vue b/src/views/ems/info/plcBufferBatteryLifecycle/index.vue
index 402357d..8788a1b 100644
--- a/src/views/ems/info/plcBufferBatteryLifecycle/index.vue
+++ b/src/views/ems/info/plcBufferBatteryLifecycle/index.vue
@@ -290,137 +290,155 @@
         />
 
         <!-- 添加  或修改  行李系统PLC缓冲电池生命周期对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                                <el-form-item label="类型" prop="type">
-                                    <el-input v-model="form.type" placeholder="请输入类型" />
-                                </el-form-item>
-                                <el-form-item label="安装柜体名称" prop="installationCabinetName">
-                                    <el-input v-model="form.installationCabinetName" placeholder="请输入安装柜体名称" />
-                                </el-form-item>
-                                <el-form-item label="位置描述" prop="locationDescription">
-                                    <el-input v-model="form.locationDescription" placeholder="请输入位置描述" />
-                                </el-form-item>
-                                <el-form-item label="来源" prop="source">
-                                    <el-input v-model="form.source" placeholder="请输入来源" />
-                                </el-form-item>
-                                <el-form-item label="取电" prop="powerSource">
-                                    <el-input v-model="form.powerSource" placeholder="请输入取电" />
-                                </el-form-item>
-                                <el-form-item label="图片" prop="imageAddress">
-                <image-upload v-model="form.imageAddress"/>
-                                </el-form-item>
-                                <el-form-item label="备注" prop="remarks">
-                                    <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
-                                </el-form-item>
-                                <el-form-item label="第1次" prop="firstInstance">
-                                    <el-date-picker
-                                        v-model="form.firstInstance"
-                                        type="date"
-                                        placeholder="请选择第1次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第2次" prop="secondInstance">
-                                    <el-date-picker
-                                        v-model="form.secondInstance"
-                                        type="date"
-                                        placeholder="请选择第2次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第3次" prop="thirdInstance">
-                                    <el-date-picker
-                                        v-model="form.thirdInstance"
-                                        type="date"
-                                        placeholder="请选择第3次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第4次" prop="fourthInstance">
-                                    <el-date-picker
-                                        v-model="form.fourthInstance"
-                                        type="date"
-                                        placeholder="请选择第4次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第5次" prop="fifthInstance">
-                                    <el-date-picker
-                                        v-model="form.fifthInstance"
-                                        type="date"
-                                        placeholder="请选择第5次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第6次" prop="sixthInstance">
-                                    <el-date-picker
-                                        v-model="form.sixthInstance"
-                                        type="date"
-                                        placeholder="请选择第6次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第7次" prop="seventhInstance">
-                                    <el-date-picker
-                                        v-model="form.seventhInstance"
-                                        type="date"
-                                        placeholder="请选择第7次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第8次" prop="eighthInstance">
-                                    <el-date-picker
-                                        v-model="form.eighthInstance"
-                                        type="date"
-                                        placeholder="请选择第8次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第9次" prop="ninthInstance">
-                                    <el-date-picker
-                                        v-model="form.ninthInstance"
-                                        type="date"
-                                        placeholder="请选择第9次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第10次" prop="tenthInstance">
-                                    <el-date-picker
-                                        v-model="form.tenthInstance"
-                                        type="date"
-                                        placeholder="请选择第10次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第11次" prop="eleventhInstance">
-                                    <el-date-picker
-                                        v-model="form.eleventhInstance"
-                                        type="date"
-                                        placeholder="请选择第11次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第12次" prop="twelfthInstance">
-                                    <el-date-picker
-                                        v-model="form.twelfthInstance"
-                                        type="date"
-                                        placeholder="请选择第12次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="类型" prop="type">
+                            <el-input v-model="form.type" placeholder="请输入类型" />
+                        </el-form-item>
+                        <el-form-item label="安装柜体名称" prop="installationCabinetName">
+                            <el-input v-model="form.installationCabinetName" placeholder="请输入安装柜体名称" />
+                        </el-form-item>
+                        <el-form-item label="位置描述" prop="locationDescription">
+                            <el-input v-model="form.locationDescription" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                        <el-form-item label="来源" prop="source">
+                            <el-input v-model="form.source" placeholder="请输入来源" />
+                        </el-form-item>
+                        <el-form-item label="取电" prop="powerSource">
+                            <el-input v-model="form.powerSource" placeholder="请输入取电" />
+                        </el-form-item>
+                        <el-form-item label="图片" prop="imageAddress">
+                            <image-upload v-model="form.imageAddress"/>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remarks">
+                            <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="第1次" prop="firstInstance">
+                            <el-date-picker
+                                v-model="form.firstInstance"
+                                type="date"
+                                placeholder="请选择第1次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第2次" prop="secondInstance">
+                            <el-date-picker
+                                v-model="form.secondInstance"
+                                type="date"
+                                placeholder="请选择第2次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第3次" prop="thirdInstance">
+                            <el-date-picker
+                                v-model="form.thirdInstance"
+                                type="date"
+                                placeholder="请选择第3次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第4次" prop="fourthInstance">
+                            <el-date-picker
+                                v-model="form.fourthInstance"
+                                type="date"
+                                placeholder="请选择第4次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第5次" prop="fifthInstance">
+                            <el-date-picker
+                                v-model="form.fifthInstance"
+                                type="date"
+                                placeholder="请选择第5次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第6次" prop="sixthInstance">
+                            <el-date-picker
+                                v-model="form.sixthInstance"
+                                type="date"
+                                placeholder="请选择第6次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第7次" prop="seventhInstance">
+                            <el-date-picker
+                                v-model="form.seventhInstance"
+                                type="date"
+                                placeholder="请选择第7次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第8次" prop="eighthInstance">
+                            <el-date-picker
+                                v-model="form.eighthInstance"
+                                type="date"
+                                placeholder="请选择第8次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第9次" prop="ninthInstance">
+                            <el-date-picker
+                                v-model="form.ninthInstance"
+                                type="date"
+                                placeholder="请选择第9次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第10次" prop="tenthInstance">
+                            <el-date-picker
+                                v-model="form.tenthInstance"
+                                type="date"
+                                placeholder="请选择第10次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第11次" prop="eleventhInstance">
+                            <el-date-picker
+                                v-model="form.eleventhInstance"
+                                type="date"
+                                placeholder="请选择第11次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第12次" prop="twelfthInstance">
+                            <el-date-picker
+                                v-model="form.twelfthInstance"
+                                type="date"
+                                placeholder="请选择第12次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="submitForm">确 定</el-button>
diff --git a/src/views/ems/info/securityDoorBatteryLifecycle/index.vue b/src/views/ems/info/securityDoorBatteryLifecycle/index.vue
index e2a53cb..3341667 100644
--- a/src/views/ems/info/securityDoorBatteryLifecycle/index.vue
+++ b/src/views/ems/info/securityDoorBatteryLifecycle/index.vue
@@ -304,137 +304,155 @@
         />
 
         <!-- 添加  或修改  行李系统安全门铅酸电池生命周期对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                                <el-form-item label="类型" prop="type">
-                                  <el-input v-model="form.type" placeholder="请输入类型" />
-                                </el-form-item>
-                                <el-form-item label="参照位置" prop="referenceLocation">
-                                    <el-input v-model="form.referenceLocation" placeholder="请输入参照位置" />
-                                </el-form-item>
-                                <el-form-item label="位置描述" prop="locationDescription">
-                                    <el-input v-model="form.locationDescription" placeholder="请输入位置描述" />
-                                </el-form-item>
-                                <el-form-item label="取电" prop="powerSource">
-                                    <el-input v-model="form.powerSource" placeholder="请输入取电" />
-                                </el-form-item>
-                                <el-form-item label="电池类型" prop="batteryType">
-                                  <el-input v-model="form.batteryType" placeholder="请输入电池类型" />
-                                </el-form-item>
-              <el-form-item label="图片" prop="imageAddress">
-                <image-upload v-model="form.imageAddress"/>
-              </el-form-item>
-                                <el-form-item label="备注" prop="remarks">
-                                    <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
-                                </el-form-item>
-                                <el-form-item label="第1次" prop="firstInstance">
-                                    <el-date-picker
-                                        v-model="form.firstInstance"
-                                        type="date"
-                                        placeholder="请选择第1次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第2次" prop="secondInstance">
-                                    <el-date-picker
-                                        v-model="form.secondInstance"
-                                        type="date"
-                                        placeholder="请选择第2次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第3次" prop="thirdInstance">
-                                    <el-date-picker
-                                        v-model="form.thirdInstance"
-                                        type="date"
-                                        placeholder="请选择第3次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第4次" prop="fourthInstance">
-                                    <el-date-picker
-                                        v-model="form.fourthInstance"
-                                        type="date"
-                                        placeholder="请选择第4次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第5次" prop="fifthInstance">
-                                    <el-date-picker
-                                        v-model="form.fifthInstance"
-                                        type="date"
-                                        placeholder="请选择第5次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第6次" prop="sixthInstance">
-                                    <el-date-picker
-                                        v-model="form.sixthInstance"
-                                        type="date"
-                                        placeholder="请选择第6次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第7次" prop="seventhInstance">
-                                    <el-date-picker
-                                        v-model="form.seventhInstance"
-                                        type="date"
-                                        placeholder="请选择第7次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第8次" prop="eighthInstance">
-                                    <el-date-picker
-                                        v-model="form.eighthInstance"
-                                        type="date"
-                                        placeholder="请选择第8次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第9次" prop="ninthInstance">
-                                    <el-date-picker
-                                        v-model="form.ninthInstance"
-                                        type="date"
-                                        placeholder="请选择第9次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第10次" prop="tenthInstance">
-                                    <el-date-picker
-                                        v-model="form.tenthInstance"
-                                        type="date"
-                                        placeholder="请选择第10次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第11次" prop="eleventhInstance">
-                                    <el-date-picker
-                                        v-model="form.eleventhInstance"
-                                        type="date"
-                                        placeholder="请选择第11次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="第12次" prop="twelfthInstance">
-                                    <el-date-picker
-                                        v-model="form.twelfthInstance"
-                                        type="date"
-                                        placeholder="请选择第12次日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="类型" prop="type">
+                            <el-input v-model="form.type" placeholder="请输入类型" />
+                        </el-form-item>
+                        <el-form-item label="参照位置" prop="referenceLocation">
+                            <el-input v-model="form.referenceLocation" placeholder="请输入参照位置" />
+                        </el-form-item>
+                        <el-form-item label="位置描述" prop="locationDescription">
+                            <el-input v-model="form.locationDescription" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                        <el-form-item label="取电" prop="powerSource">
+                            <el-input v-model="form.powerSource" placeholder="请输入取电" />
+                        </el-form-item>
+                        <el-form-item label="电池类型" prop="batteryType">
+                            <el-input v-model="form.batteryType" placeholder="请输入电池类型" />
+                        </el-form-item>
+                        <el-form-item label="图片" prop="imageAddress">
+                            <image-upload v-model="form.imageAddress"/>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remarks">
+                            <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="第1次" prop="firstInstance">
+                            <el-date-picker
+                                v-model="form.firstInstance"
+                                type="date"
+                                placeholder="请选择第1次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第2次" prop="secondInstance">
+                            <el-date-picker
+                                v-model="form.secondInstance"
+                                type="date"
+                                placeholder="请选择第2次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第3次" prop="thirdInstance">
+                            <el-date-picker
+                                v-model="form.thirdInstance"
+                                type="date"
+                                placeholder="请选择第3次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第4次" prop="fourthInstance">
+                            <el-date-picker
+                                v-model="form.fourthInstance"
+                                type="date"
+                                placeholder="请选择第4次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第5次" prop="fifthInstance">
+                            <el-date-picker
+                                v-model="form.fifthInstance"
+                                type="date"
+                                placeholder="请选择第5次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第6次" prop="sixthInstance">
+                            <el-date-picker
+                                v-model="form.sixthInstance"
+                                type="date"
+                                placeholder="请选择第6次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第7次" prop="seventhInstance">
+                            <el-date-picker
+                                v-model="form.seventhInstance"
+                                type="date"
+                                placeholder="请选择第7次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第8次" prop="eighthInstance">
+                            <el-date-picker
+                                v-model="form.eighthInstance"
+                                type="date"
+                                placeholder="请选择第8次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第9次" prop="ninthInstance">
+                            <el-date-picker
+                                v-model="form.ninthInstance"
+                                type="date"
+                                placeholder="请选择第9次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第10次" prop="tenthInstance">
+                            <el-date-picker
+                                v-model="form.tenthInstance"
+                                type="date"
+                                placeholder="请选择第10次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第11次" prop="eleventhInstance">
+                            <el-date-picker
+                                v-model="form.eleventhInstance"
+                                type="date"
+                                placeholder="请选择第11次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第12次" prop="twelfthInstance">
+                            <el-date-picker
+                                v-model="form.twelfthInstance"
+                                type="date"
+                                placeholder="请选择第12次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -864,4 +882,141 @@
     handleExport() {
         this.download('ems/info/securityDoorBatteryLifecycle/export', {
             ...this.queryParams
-        }, `
\ No newline at end of file
+        }, `securityDoorBatteryLifecycle_${new Date().getTime()}.xlsx`)
+    },
+    /** 导入按钮操作 */
+    handleImport() {
+        this.upload.title = "导入行李系统安全门铅酸电池生命周期";
+        this.upload.open = true;
+    },
+    /** 下载模板操作 */
+    importTemplate() {
+        this.download('ems/info/securityDoorBatteryLifecycle/importTemplate', {
+        }, `行李系统安全门铅酸电池生命周期数据模板_${new Date().getTime()}.xlsx`)
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+        this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+        this.upload.open = false;
+        this.upload.isUploading = false;
+        this.$refs.upload.clearFiles();
+        this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
+        this.getList();
+    },
+    // 提交上传文件
+    submitFileForm() {
+        this.$refs.upload.submit();
+    },
+    /** 查看详情 */
+    handleViewDetail(row) {
+        this.currentRecord = row;
+        this.detailDrawer = true;
+    },
+    /** 处理行右击事件 */
+    handleRowContextMenu(row, column, event) {
+        event.preventDefault();
+        this.contextMenu.row = row;
+        this.contextMenu.left = event.clientX;
+        this.contextMenu.top = event.clientY;
+        this.contextMenu.visible = true;
+    },
+    /** 隐藏右击菜单 */
+    hideContextMenu() {
+        this.contextMenu.visible = false;
+        this.contextMenu.row = null;
+    },
+    /** 右击菜单 - 查看详情 */
+    contextMenuViewDetail() {
+        this.handleViewDetail(this.contextMenu.row);
+        this.hideContextMenu();
+    },
+    /** 右击菜单 - 编辑 */
+    contextMenuEdit() {
+        this.handleUpdate(this.contextMenu.row);
+        this.hideContextMenu();
+    },
+    /** 右击菜单 - 删除 */
+    contextMenuDelete() {
+        this.handleDelete(this.contextMenu.row);
+        this.hideContextMenu();
+    },
+    /** 检查权限 */
+    checkPermi(permissions) {
+        return checkPermi(permissions);
+    }
+}
+};
+</script>
+
+<style scoped>
+/* 右击菜单样式 */
+.context-menu {
+    background-color: #fff;
+    border: 1px solid #e4e7ed;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    padding: 5px 0;
+    margin: 0;
+    list-style: none;
+    min-width: 120px;
+}
+
+.context-menu-item {
+    padding: 8px 16px;
+    cursor: pointer;
+    font-size: 14px;
+    color: #606266;
+    display: flex;
+    align-items: center;
+    transition: background-color 0.3s;
+}
+
+.context-menu-item:hover {
+    background-color: #f5f7fa;
+    color: #409eff;
+}
+
+.context-menu-item i {
+    margin-right: 8px;
+    font-size: 14px;
+}
+
+/* 表格样式 */
+.context-menu-table {
+    border-radius: 4px;
+    overflow: hidden;
+}
+
+.context-menu-table .el-table__row {
+    transition: background-color 0.3s;
+}
+
+.context-menu-table .el-table__row:hover {
+    cursor: context-menu;
+}
+
+/* 详情抽屉样式 */
+.el-descriptions-item__label {
+    font-weight: 600;
+    color: #303133;
+}
+
+.el-descriptions-item__content {
+    color: #606266;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+    .context-menu {
+        min-width: 100px;
+        font-size: 12px;
+    }
+
+    .context-menu-item {
+        padding: 6px 12px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/ems/info/supervisionChecklist/index.vue b/src/views/ems/info/supervisionChecklist/index.vue
index 87a87f3..e47ce38 100644
--- a/src/views/ems/info/supervisionChecklist/index.vue
+++ b/src/views/ems/info/supervisionChecklist/index.vue
@@ -245,62 +245,69 @@
         />
 
         <!-- 添加  或修改  动力能源部监督检查清单对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+        <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                                <el-form-item label="日期" prop="date">
-                                    <el-date-picker
-                                        v-model="form.date"
-                                        type="date"
-                                        placeholder="请选择日期"
-                                        value-format="yyyy/MM/dd"
-                                        format="yyyy/MM/dd"
-                                    />
-                                </el-form-item>
-                                <el-form-item label="作业类别" prop="jobCategory">
-                                    <el-input v-model="form.jobCategory" placeholder="请输入作业类别" />
-                                </el-form-item>
-                                <el-form-item label="作业单位" prop="jobUnit">
-                                    <el-input v-model="form.jobUnit" placeholder="请输入作业单位" />
-                                </el-form-item>
-                                <el-form-item label="作业名称" prop="jobName">
-                                    <el-input v-model="form.jobName" placeholder="请输入作业名称" />
-                                </el-form-item>
-                                <el-form-item label="作业风险" prop="jobRisk">
-                                    <el-input v-model="form.jobRisk" placeholder="请输入作业风险" />
-                                </el-form-item>
-                                <el-form-item label="风险管控措施" prop="riskControlMeasures">
-                                    <el-input v-model="form.riskControlMeasures" type="textarea" placeholder="请输入内容" />
-                                </el-form-item>
-                                <el-form-item label="监督检查层级" prop="supervisionLevel">
-                                    <el-input v-model="form.supervisionLevel" placeholder="请输入监督检查层级" />
-                                </el-form-item>
-                                <el-form-item label="监督检查落实情况" prop="supervisionImplementation">
-                                    <el-input v-model="form.supervisionImplementation" type="textarea" placeholder="请输入内容" />
-                                </el-form-item>
-                                <el-form-item label="作业科室" prop="jobDepartment">
-                                    <el-input v-model="form.jobDepartment" placeholder="请输入作业科室" />
-                                </el-form-item>
-                                <el-form-item label="监管人员" prop="regulatoryPersonnel">
-                                    <el-input v-model="form.regulatoryPersonnel" placeholder="请输入监管人员" />
-                                </el-form-item>
-                                <el-form-item label="检查人员" prop="inspectionPersonnel">
-                                    <el-input v-model="form.inspectionPersonnel" placeholder="请输入检查人员" />
-                                </el-form-item>
-                                <el-form-item label="检查出的问题" prop="problemsFound">
-                                    <el-input v-model="form.problemsFound" placeholder="请输入检查出的问题" />
-                                </el-form-item>
-                                <el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson">
-                                    <el-input v-model="form.outsourcingUnitResponsiblePerson" placeholder="请输入外包单位责任人" />
-                                </el-form-item>
-                                <el-form-item label="工单变更内容">
-                                    <editor v-model="form.workOrderChangeContent" :min-height="192"/>
-                                </el-form-item>
-                                <el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop">
-                                    <el-input v-model="form.isWorkOrderClosedLoop" placeholder="请输入本工单是否闭环" />
-                                </el-form-item>
-                                <el-form-item label="备注" prop="remarks">
-                                    <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
-                                </el-form-item>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="日期" prop="date">
+                            <el-date-picker
+                                v-model="form.date"
+                                type="date"
+                                placeholder="请选择日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="作业类别" prop="jobCategory">
+                            <el-input v-model="form.jobCategory" placeholder="请输入作业类别" />
+                        </el-form-item>
+                        <el-form-item label="作业单位" prop="jobUnit">
+                            <el-input v-model="form.jobUnit" placeholder="请输入作业单位" />
+                        </el-form-item>
+                        <el-form-item label="作业名称" prop="jobName">
+                            <el-input v-model="form.jobName" placeholder="请输入作业名称" />
+                        </el-form-item>
+                        <el-form-item label="作业风险" prop="jobRisk">
+                            <el-input v-model="form.jobRisk" placeholder="请输入作业风险" />
+                        </el-form-item>
+                        <el-form-item label="监督检查层级" prop="supervisionLevel">
+                            <el-input v-model="form.supervisionLevel" placeholder="请输入监督检查层级" />
+                        </el-form-item>
+                        <el-form-item label="作业科室" prop="jobDepartment">
+                            <el-input v-model="form.jobDepartment" placeholder="请输入作业科室" />
+                        </el-form-item>
+                        <el-form-item label="监管人员" prop="regulatoryPersonnel">
+                            <el-input v-model="form.regulatoryPersonnel" placeholder="请输入监管人员" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="检查人员" prop="inspectionPersonnel">
+                            <el-input v-model="form.inspectionPersonnel" placeholder="请输入检查人员" />
+                        </el-form-item>
+                        <el-form-item label="检查出的问题" prop="problemsFound">
+                            <el-input v-model="form.problemsFound" type="textarea" placeholder="请输入检查出的问题" />
+                        </el-form-item>
+                        <el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson">
+                            <el-input v-model="form.outsourcingUnitResponsiblePerson" placeholder="请输入外包单位责任人" />
+                        </el-form-item>
+                        <el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop">
+                            <el-input v-model="form.isWorkOrderClosedLoop" placeholder="请输入本工单是否闭环" />
+                        </el-form-item>
+                        <el-form-item label="风险管控措施" prop="riskControlMeasures">
+                            <el-input v-model="form.riskControlMeasures" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                        <el-form-item label="监督检查落实情况" prop="supervisionImplementation">
+                            <el-input v-model="form.supervisionImplementation" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                        <el-form-item label="工单变更内容">
+                            <editor v-model="form.workOrderChangeContent" :min-height="192" style="width: 100%;"/>
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remarks">
+                            <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="submitForm">确 定</el-button>
diff --git a/src/views/ems/info/upsBatteryLifecycle/index.vue b/src/views/ems/info/upsBatteryLifecycle/index.vue
index 73dc549..c5bb70c 100644
--- a/src/views/ems/info/upsBatteryLifecycle/index.vue
+++ b/src/views/ems/info/upsBatteryLifecycle/index.vue
@@ -287,8 +287,164 @@
         />
 
         <!-- 添加  或修改  行李系统UPS电池生命周期对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="类型" prop="type">
+                            <el-input v-model="form.type" placeholder="请输入类型" />
+                        </el-form-item>
+                        <el-form-item label="UPS安装柜体名称" prop="upsInstallationCabinetName">
+                            <el-input v-model="form.upsInstallationCabinetName" placeholder="请输入UPS安装柜体名称" />
+                        </el-form-item>
+                        <el-form-item label="参照位置" prop="referenceLocation">
+                            <el-input v-model="form.referenceLocation" placeholder="请输入参照位置" />
+                        </el-form-item>
+                        <el-form-item label="位置描述" prop="locationDescription">
+                            <el-input v-model="form.locationDescription" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                        <el-form-item label="现UPS来源" prop="currentUps">
+                            <el-input v-model="form.currentUps" placeholder="请输入现UPS来源" />
+                        </el-form-item>
+                        <el-form-item label="取电" prop="powerSource">
+                            <el-input v-model="form.powerSource" placeholder="请输入取电" />
+                        </el-form-item>
+                        <el-form-item label="涉及区域" prop="affectedArea">
+                            <el-input v-model="form.affectedArea" placeholder="请输入涉及区域" />
+                        </el-form-item>
+                        <el-form-item label="备注" prop="remarks">
+                            <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="第1次" prop="replacement1">
+                            <el-date-picker
+                                v-model="form.replacement1"
+                                type="date"
+                                placeholder="请选择第1次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第2次" prop="replacement2">
+                            <el-date-picker
+                                v-model="form.replacement2"
+                                type="date"
+                                placeholder="请选择第2次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第3次" prop="replacement3">
+                            <el-date-picker
+                                v-model="form.replacement3"
+                                type="date"
+                                placeholder="请选择第3次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第4次" prop="replacement4">
+                            <el-date-picker
+                                v-model="form.replacement4"
+                                type="date"
+                                placeholder="请选择第4次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第5次" prop="replacement5">
+                            <el-date-picker
+                                v-model="form.replacement5"
+                                type="date"
+                                placeholder="请选择第5次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第6次" prop="replacement6">
+                            <el-date-picker
+                                v-model="form.replacement6"
+                                type="date"
+                                placeholder="请选择第6次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第7次" prop="replacement7">
+                            <el-date-picker
+                                v-model="form.replacement7"
+                                type="date"
+                                placeholder="请选择第7次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第8次" prop="replacement8">
+                            <el-date-picker
+                                v-model="form.replacement8"
+                                type="date"
+                                placeholder="请选择第8次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第9次" prop="replacement9">
+                            <el-date-picker
+                                v-model="form.replacement9"
+                                type="date"
+                                placeholder="请选择第9次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第10次" prop="replacement10">
+                            <el-date-picker
+                                v-model="form.replacement10"
+                                type="date"
+                                placeholder="请选择第10次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第11次" prop="replacement11">
+                            <el-date-picker
+                                v-model="form.replacement11"
+                                type="date"
+                                placeholder="请选择第11次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                        <el-form-item label="第12次" prop="replacement12">
+                            <el-date-picker
+                                v-model="form.replacement12"
+                                type="date"
+                                placeholder="请选择第12次日期"
+                                value-format="yyyy/MM/dd"
+                                format="yyyy/MM/dd"
+                                style="width: 100%;"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm">确 定</el-button>
+                <el-button @click="cancel">取 消</el-button>
+            </div>
+        </el-dialog>
                                 <el-form-item label="类型" prop="type">
                                     <el-input v-model="form.type" placeholder="请输入类型" />
                                 </el-form-item>