zangch
/
JDAirPort.Ems.UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ems): 增加日期范围查询功能

Browse Source 
- 在多个页面中添加日期范围选择器，支持开始日期和结束日期的选择- 后端 mapper 文件中增加对日期范围查询的支持
-优化查询逻辑，优先使用日期范围进行筛选
- 调整表格样式，增加行hover效果
boardTest
zch 2 weeks ago
parent c45b197de6
commit 232b7504d7
5 changed files with 658 additions and 321 deletions
Show Stats Download Patch File Download Diff File

9
src/views/ems/info/dailyFaultRecord/index.vue
Unescape Escape View File

@ -199,7 +199,7 @@
<el-table-column label="故障类型" align="center" prop="faultType" v-if="columns[7].visible"/> <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="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="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" prop="remarks" v-if="columns[11].visible" show-overflow-tooltip/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
@ -281,8 +281,8 @@
format="HH:mm:ss" format="HH:mm:ss"
/> />
</el-form-item> </el-form-item>
<el-form-item label="处置时长" prop="handlingDuration"> <el-form-item label="处置时长" prop="handlingDurationFormatted">
<el-input v-model="form.handlingDuration" placeholder="由系统自动计算" disabled /> <el-input v-model="form.handlingDurationFormatted" placeholder="由系统自动计算" disabled />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remarks"> <el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" type="textarea" :rows="3" placeholder="请输入备注" /> <el-input v-model="form.remarks" type="textarea" :rows="3" placeholder="请输入备注" />
@ -359,7 +359,7 @@
<span>{{ currentRecord.handlingCompletionTime || '暂无' }}</span> <span>{{ currentRecord.handlingCompletionTime || '暂无' }}</span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="处置时长"> <el-descriptions-item label="处置时长">
<span>{{ currentRecord.handlingDuration || '暂无' }}</span> <span>{{ currentRecord.handlingDurationFormatted || '暂无' }}</span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="故障情况"> <el-descriptions-item label="故障情况">
<div class="detail-text-content"> <div class="detail-text-content">
@ -557,6 +557,7 @@
faultOccurrenceTime: null, faultOccurrenceTime: null,
handlingCompletionTime: null, handlingCompletionTime: null,
handlingDuration: null, handlingDuration: null,
handlingDurationFormatted: null,
remarks: null remarks: null
}; };
this.resetForm("form"); this.resetForm("form");

278
src/views/ems/info/plcBufferBatteryLifecycle/index.vue
Unescape Escape View File

@ -290,137 +290,155 @@
/> />
<!-- 添加 或修改 行李系统PLC缓冲电池生命周期对话框 --> <!-- 添加 或修改 行李系统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 ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="类型" prop="type"> <el-row :gutter="20">
<el-input v-model="form.type" placeholder="请输入类型" /> <el-col :span="12">
</el-form-item> <el-form-item label="类型" prop="type">
<el-form-item label="安装柜体名称" prop="installationCabinetName"> <el-input v-model="form.type" placeholder="请输入类型" />
<el-input v-model="form.installationCabinetName" placeholder="请输入安装柜体名称" /> </el-form-item>
</el-form-item> <el-form-item label="安装柜体名称" prop="installationCabinetName">
<el-form-item label="位置描述" prop="locationDescription"> <el-input v-model="form.installationCabinetName" placeholder="请输入安装柜体名称" />
<el-input v-model="form.locationDescription" placeholder="请输入位置描述" /> </el-form-item>
</el-form-item> <el-form-item label="位置描述" prop="locationDescription">
<el-form-item label="来源" prop="source"> <el-input v-model="form.locationDescription" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.source" placeholder="请输入来源" /> </el-form-item>
</el-form-item> <el-form-item label="来源" prop="source">
<el-form-item label="取电" prop="powerSource"> <el-input v-model="form.source" placeholder="请输入来源" />
<el-input v-model="form.powerSource" placeholder="请输入取电" /> </el-form-item>
</el-form-item> <el-form-item label="取电" prop="powerSource">
<el-form-item label="图片" prop="imageAddress"> <el-input v-model="form.powerSource" placeholder="请输入取电" />
<image-upload v-model="form.imageAddress"/> </el-form-item>
</el-form-item> <el-form-item label="图片" prop="imageAddress">
<el-form-item label="备注" prop="remarks"> <image-upload v-model="form.imageAddress"/>
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" /> </el-form-item>
</el-form-item> <el-form-item label="备注" prop="remarks">
<el-form-item label="第1次" prop="firstInstance"> <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
<el-date-picker </el-form-item>
v-model="form.firstInstance" </el-col>
type="date" <el-col :span="12">
placeholder="请选择第1次日期" <el-form-item label="第1次" prop="firstInstance">
value-format="yyyy/MM/dd" <el-date-picker
format="yyyy/MM/dd" v-model="form.firstInstance"
/> type="date"
</el-form-item> placeholder="请选择第1次日期"
<el-form-item label="第2次" prop="secondInstance"> value-format="yyyy/MM/dd"
<el-date-picker format="yyyy/MM/dd"
v-model="form.secondInstance" style="width: 100%;"
type="date" />
placeholder="请选择第2次日期" </el-form-item>
value-format="yyyy/MM/dd" <el-form-item label="第2次" prop="secondInstance">
format="yyyy/MM/dd" <el-date-picker
/> v-model="form.secondInstance"
</el-form-item> type="date"
<el-form-item label="第3次" prop="thirdInstance"> placeholder="请选择第2次日期"
<el-date-picker value-format="yyyy/MM/dd"
v-model="form.thirdInstance" format="yyyy/MM/dd"
type="date" style="width: 100%;"
placeholder="请选择第3次日期" />
value-format="yyyy/MM/dd" </el-form-item>
format="yyyy/MM/dd" <el-form-item label="第3次" prop="thirdInstance">
/> <el-date-picker
</el-form-item> v-model="form.thirdInstance"
<el-form-item label="第4次" prop="fourthInstance"> type="date"
<el-date-picker placeholder="请选择第3次日期"
v-model="form.fourthInstance" value-format="yyyy/MM/dd"
type="date" format="yyyy/MM/dd"
placeholder="请选择第4次日期" style="width: 100%;"
value-format="yyyy/MM/dd" />
format="yyyy/MM/dd" </el-form-item>
/> <el-form-item label="第4次" prop="fourthInstance">
</el-form-item> <el-date-picker
<el-form-item label="第5次" prop="fifthInstance"> v-model="form.fourthInstance"
<el-date-picker type="date"
v-model="form.fifthInstance" placeholder="请选择第4次日期"
type="date" value-format="yyyy/MM/dd"
placeholder="请选择第5次日期" format="yyyy/MM/dd"
value-format="yyyy/MM/dd" style="width: 100%;"
format="yyyy/MM/dd" />
/> </el-form-item>
</el-form-item> <el-form-item label="第5次" prop="fifthInstance">
<el-form-item label="第6次" prop="sixthInstance"> <el-date-picker
<el-date-picker v-model="form.fifthInstance"
v-model="form.sixthInstance" type="date"
type="date" placeholder="请选择第5次日期"
placeholder="请选择第6次日期" value-format="yyyy/MM/dd"
value-format="yyyy/MM/dd" format="yyyy/MM/dd"
format="yyyy/MM/dd" style="width: 100%;"
/> />
</el-form-item> </el-form-item>
<el-form-item label="第7次" prop="seventhInstance"> <el-form-item label="第6次" prop="sixthInstance">
<el-date-picker <el-date-picker
v-model="form.seventhInstance" v-model="form.sixthInstance"
type="date" type="date"
placeholder="请选择第7次日期" placeholder="请选择第6次日期"
value-format="yyyy/MM/dd" value-format="yyyy/MM/dd"
format="yyyy/MM/dd" format="yyyy/MM/dd"
/> style="width: 100%;"
</el-form-item> />
<el-form-item label="第8次" prop="eighthInstance"> </el-form-item>
<el-date-picker <el-form-item label="第7次" prop="seventhInstance">
v-model="form.eighthInstance" <el-date-picker
type="date" v-model="form.seventhInstance"
placeholder="请选择第8次日期" type="date"
value-format="yyyy/MM/dd" placeholder="请选择第7次日期"
format="yyyy/MM/dd" value-format="yyyy/MM/dd"
/> format="yyyy/MM/dd"
</el-form-item> style="width: 100%;"
<el-form-item label="第9次" prop="ninthInstance"> />
<el-date-picker </el-form-item>
v-model="form.ninthInstance" <el-form-item label="第8次" prop="eighthInstance">
type="date" <el-date-picker
placeholder="请选择第9次日期" v-model="form.eighthInstance"
value-format="yyyy/MM/dd" type="date"
format="yyyy/MM/dd" placeholder="请选择第8次日期"
/> value-format="yyyy/MM/dd"
</el-form-item> format="yyyy/MM/dd"
<el-form-item label="第10次" prop="tenthInstance"> style="width: 100%;"
<el-date-picker />
v-model="form.tenthInstance" </el-form-item>
type="date" <el-form-item label="第9次" prop="ninthInstance">
placeholder="请选择第10次日期" <el-date-picker
value-format="yyyy/MM/dd" v-model="form.ninthInstance"
format="yyyy/MM/dd" type="date"
/> placeholder="请选择第9次日期"
</el-form-item> value-format="yyyy/MM/dd"
<el-form-item label="第11次" prop="eleventhInstance"> format="yyyy/MM/dd"
<el-date-picker style="width: 100%;"
v-model="form.eleventhInstance" />
type="date" </el-form-item>
placeholder="请选择第11次日期" <el-form-item label="第10次" prop="tenthInstance">
value-format="yyyy/MM/dd" <el-date-picker
format="yyyy/MM/dd" v-model="form.tenthInstance"
/> type="date"
</el-form-item> placeholder="请选择第10次日期"
<el-form-item label="第12次" prop="twelfthInstance"> value-format="yyyy/MM/dd"
<el-date-picker format="yyyy/MM/dd"
v-model="form.twelfthInstance" style="width: 100%;"
type="date" />
placeholder="请选择第12次日期" </el-form-item>
value-format="yyyy/MM/dd" <el-form-item label="第11次" prop="eleventhInstance">
format="yyyy/MM/dd" <el-date-picker
/> v-model="form.eleventhInstance"
</el-form-item> 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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>

417
src/views/ems/info/securityDoorBatteryLifecycle/index.vue
Unescape Escape View File

@ -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 ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="类型" prop="type"> <el-row :gutter="20">
<el-input v-model="form.type" placeholder="请输入类型" /> <el-col :span="12">
</el-form-item> <el-form-item label="类型" prop="type">
<el-form-item label="参照位置" prop="referenceLocation"> <el-input v-model="form.type" placeholder="请输入类型" />
<el-input v-model="form.referenceLocation" placeholder="请输入参照位置" /> </el-form-item>
</el-form-item> <el-form-item label="参照位置" prop="referenceLocation">
<el-form-item label="位置描述" prop="locationDescription"> <el-input v-model="form.referenceLocation" placeholder="请输入参照位置" />
<el-input v-model="form.locationDescription" placeholder="请输入位置描述" /> </el-form-item>
</el-form-item> <el-form-item label="位置描述" prop="locationDescription">
<el-form-item label="取电" prop="powerSource"> <el-input v-model="form.locationDescription" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.powerSource" placeholder="请输入取电" /> </el-form-item>
</el-form-item> <el-form-item label="取电" prop="powerSource">
<el-form-item label="电池类型" prop="batteryType"> <el-input v-model="form.powerSource" placeholder="请输入取电" />
<el-input v-model="form.batteryType" placeholder="请输入电池类型" /> </el-form-item>
</el-form-item> <el-form-item label="电池类型" prop="batteryType">
<el-form-item label="图片" prop="imageAddress"> <el-input v-model="form.batteryType" placeholder="请输入电池类型" />
<image-upload v-model="form.imageAddress"/> </el-form-item>
</el-form-item> <el-form-item label="图片" prop="imageAddress">
<el-form-item label="备注" prop="remarks"> <image-upload v-model="form.imageAddress"/>
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" /> </el-form-item>
</el-form-item> <el-form-item label="备注" prop="remarks">
<el-form-item label="第1次" prop="firstInstance"> <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
<el-date-picker </el-form-item>
v-model="form.firstInstance" </el-col>
type="date" <el-col :span="12">
placeholder="请选择第1次日期" <el-form-item label="第1次" prop="firstInstance">
value-format="yyyy/MM/dd" <el-date-picker
format="yyyy/MM/dd" v-model="form.firstInstance"
/> type="date"
</el-form-item> placeholder="请选择第1次日期"
<el-form-item label="第2次" prop="secondInstance"> value-format="yyyy/MM/dd"
<el-date-picker format="yyyy/MM/dd"
v-model="form.secondInstance" style="width: 100%;"
type="date" />
placeholder="请选择第2次日期" </el-form-item>
value-format="yyyy/MM/dd" <el-form-item label="第2次" prop="secondInstance">
format="yyyy/MM/dd" <el-date-picker
/> v-model="form.secondInstance"
</el-form-item> type="date"
<el-form-item label="第3次" prop="thirdInstance"> placeholder="请选择第2次日期"
<el-date-picker value-format="yyyy/MM/dd"
v-model="form.thirdInstance" format="yyyy/MM/dd"
type="date" style="width: 100%;"
placeholder="请选择第3次日期" />
value-format="yyyy/MM/dd" </el-form-item>
format="yyyy/MM/dd" <el-form-item label="第3次" prop="thirdInstance">
/> <el-date-picker
</el-form-item> v-model="form.thirdInstance"
<el-form-item label="第4次" prop="fourthInstance"> type="date"
<el-date-picker placeholder="请选择第3次日期"
v-model="form.fourthInstance" value-format="yyyy/MM/dd"
type="date" format="yyyy/MM/dd"
placeholder="请选择第4次日期" style="width: 100%;"
value-format="yyyy/MM/dd" />
format="yyyy/MM/dd" </el-form-item>
/> <el-form-item label="第4次" prop="fourthInstance">
</el-form-item> <el-date-picker
<el-form-item label="第5次" prop="fifthInstance"> v-model="form.fourthInstance"
<el-date-picker type="date"
v-model="form.fifthInstance" placeholder="请选择第4次日期"
type="date" value-format="yyyy/MM/dd"
placeholder="请选择第5次日期" format="yyyy/MM/dd"
value-format="yyyy/MM/dd" style="width: 100%;"
format="yyyy/MM/dd" />
/> </el-form-item>
</el-form-item> <el-form-item label="第5次" prop="fifthInstance">
<el-form-item label="第6次" prop="sixthInstance"> <el-date-picker
<el-date-picker v-model="form.fifthInstance"
v-model="form.sixthInstance" type="date"
type="date" placeholder="请选择第5次日期"
placeholder="请选择第6次日期" value-format="yyyy/MM/dd"
value-format="yyyy/MM/dd" format="yyyy/MM/dd"
format="yyyy/MM/dd" style="width: 100%;"
/> />
</el-form-item> </el-form-item>
<el-form-item label="第7次" prop="seventhInstance"> <el-form-item label="第6次" prop="sixthInstance">
<el-date-picker <el-date-picker
v-model="form.seventhInstance" v-model="form.sixthInstance"
type="date" type="date"
placeholder="请选择第7次日期" placeholder="请选择第6次日期"
value-format="yyyy/MM/dd" value-format="yyyy/MM/dd"
format="yyyy/MM/dd" format="yyyy/MM/dd"
/> style="width: 100%;"
</el-form-item> />
<el-form-item label="第8次" prop="eighthInstance"> </el-form-item>
<el-date-picker <el-form-item label="第7次" prop="seventhInstance">
v-model="form.eighthInstance" <el-date-picker
type="date" v-model="form.seventhInstance"
placeholder="请选择第8次日期" type="date"
value-format="yyyy/MM/dd" placeholder="请选择第7次日期"
format="yyyy/MM/dd" value-format="yyyy/MM/dd"
/> format="yyyy/MM/dd"
</el-form-item> style="width: 100%;"
<el-form-item label="第9次" prop="ninthInstance"> />
<el-date-picker </el-form-item>
v-model="form.ninthInstance" <el-form-item label="第8次" prop="eighthInstance">
type="date" <el-date-picker
placeholder="请选择第9次日期" v-model="form.eighthInstance"
value-format="yyyy/MM/dd" type="date"
format="yyyy/MM/dd" placeholder="请选择第8次日期"
/> value-format="yyyy/MM/dd"
</el-form-item> format="yyyy/MM/dd"
<el-form-item label="第10次" prop="tenthInstance"> style="width: 100%;"
<el-date-picker />
v-model="form.tenthInstance" </el-form-item>
type="date" <el-form-item label="第9次" prop="ninthInstance">
placeholder="请选择第10次日期" <el-date-picker
value-format="yyyy/MM/dd" v-model="form.ninthInstance"
format="yyyy/MM/dd" type="date"
/> placeholder="请选择第9次日期"
</el-form-item> value-format="yyyy/MM/dd"
<el-form-item label="第11次" prop="eleventhInstance"> format="yyyy/MM/dd"
<el-date-picker style="width: 100%;"
v-model="form.eleventhInstance" />
type="date" </el-form-item>
placeholder="请选择第11次日期" <el-form-item label="第10次" prop="tenthInstance">
value-format="yyyy/MM/dd" <el-date-picker
format="yyyy/MM/dd" v-model="form.tenthInstance"
/> type="date"
</el-form-item> placeholder="请选择第10次日期"
<el-form-item label="第12次" prop="twelfthInstance"> value-format="yyyy/MM/dd"
<el-date-picker format="yyyy/MM/dd"
v-model="form.twelfthInstance" style="width: 100%;"
type="date" />
placeholder="请选择第12次日期" </el-form-item>
value-format="yyyy/MM/dd" <el-form-item label="第11次" prop="eleventhInstance">
format="yyyy/MM/dd" <el-date-picker
/> v-model="form.eleventhInstance"
</el-form-item> 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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -864,4 +882,141 @@
handleExport() { handleExport() {
this.download('ems/info/securityDoorBatteryLifecycle/export', { this.download('ems/info/securityDoorBatteryLifecycle/export', {
...this.queryParams ...this.queryParams
}, ` }, `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>

117
src/views/ems/info/supervisionChecklist/index.vue
Unescape Escape View File

@ -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 ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="日期" prop="date"> <el-row :gutter="20">
<el-date-picker <el-col :span="12">
v-model="form.date" <el-form-item label="日期" prop="date">
type="date" <el-date-picker
placeholder="请选择日期" v-model="form.date"
value-format="yyyy/MM/dd" type="date"
format="yyyy/MM/dd" placeholder="请选择日期"
/> value-format="yyyy/MM/dd"
</el-form-item> format="yyyy/MM/dd"
<el-form-item label="作业类别" prop="jobCategory"> style="width: 100%;"
<el-input v-model="form.jobCategory" placeholder="请输入作业类别" /> />
</el-form-item> </el-form-item>
<el-form-item label="作业单位" prop="jobUnit"> <el-form-item label="作业类别" prop="jobCategory">
<el-input v-model="form.jobUnit" placeholder="请输入作业单位" /> <el-input v-model="form.jobCategory" placeholder="请输入作业类别" />
</el-form-item> </el-form-item>
<el-form-item label="作业名称" prop="jobName"> <el-form-item label="作业单位" prop="jobUnit">
<el-input v-model="form.jobName" placeholder="请输入作业名称" /> <el-input v-model="form.jobUnit" placeholder="请输入作业单位" />
</el-form-item> </el-form-item>
<el-form-item label="作业风险" prop="jobRisk"> <el-form-item label="作业名称" prop="jobName">
<el-input v-model="form.jobRisk" placeholder="请输入作业风险" /> <el-input v-model="form.jobName" placeholder="请输入作业名称" />
</el-form-item> </el-form-item>
<el-form-item label="风险管控措施" prop="riskControlMeasures"> <el-form-item label="作业风险" prop="jobRisk">
<el-input v-model="form.riskControlMeasures" type="textarea" placeholder="请输入内容" /> <el-input v-model="form.jobRisk" placeholder="请输入作业风险" />
</el-form-item> </el-form-item>
<el-form-item label="监督检查层级" prop="supervisionLevel"> <el-form-item label="监督检查层级" prop="supervisionLevel">
<el-input v-model="form.supervisionLevel" placeholder="请输入监督检查层级" /> <el-input v-model="form.supervisionLevel" placeholder="请输入监督检查层级" />
</el-form-item> </el-form-item>
<el-form-item label="监督检查落实情况" prop="supervisionImplementation"> <el-form-item label="作业科室" prop="jobDepartment">
<el-input v-model="form.supervisionImplementation" type="textarea" placeholder="请输入内容" /> <el-input v-model="form.jobDepartment" placeholder="请输入作业科室" />
</el-form-item> </el-form-item>
<el-form-item label="作业科室" prop="jobDepartment"> <el-form-item label="监管人员" prop="regulatoryPersonnel">
<el-input v-model="form.jobDepartment" placeholder="请输入作业科室" /> <el-input v-model="form.regulatoryPersonnel" placeholder="请输入监管人员" />
</el-form-item> </el-form-item>
<el-form-item label="监管人员" prop="regulatoryPersonnel"> </el-col>
<el-input v-model="form.regulatoryPersonnel" placeholder="请输入监管人员" /> <el-col :span="12">
</el-form-item> <el-form-item label="检查人员" prop="inspectionPersonnel">
<el-form-item label="检查人员" prop="inspectionPersonnel"> <el-input v-model="form.inspectionPersonnel" placeholder="请输入检查人员" />
<el-input v-model="form.inspectionPersonnel" placeholder="请输入检查人员" /> </el-form-item>
</el-form-item> <el-form-item label="检查出的问题" prop="problemsFound">
<el-form-item label="检查出的问题" prop="problemsFound"> <el-input v-model="form.problemsFound" type="textarea" placeholder="请输入检查出的问题" />
<el-input v-model="form.problemsFound" placeholder="请输入检查出的问题" /> </el-form-item>
</el-form-item> <el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson">
<el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson"> <el-input v-model="form.outsourcingUnitResponsiblePerson" placeholder="请输入外包单位责任人" />
<el-input v-model="form.outsourcingUnitResponsiblePerson" placeholder="请输入外包单位责任人" /> </el-form-item>
</el-form-item> <el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop">
<el-form-item label="工单变更内容"> <el-input v-model="form.isWorkOrderClosedLoop" placeholder="请输入本工单是否闭环" />
<editor v-model="form.workOrderChangeContent" :min-height="192"/> </el-form-item>
</el-form-item> <el-form-item label="风险管控措施" prop="riskControlMeasures">
<el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop"> <el-input v-model="form.riskControlMeasures" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.isWorkOrderClosedLoop" placeholder="请输入本工单是否闭环" /> </el-form-item>
</el-form-item> <el-form-item label="监督检查落实情况" prop="supervisionImplementation">
<el-form-item label="备注" prop="remarks"> <el-input v-model="form.supervisionImplementation" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" /> </el-form-item>
</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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>

158
src/views/ems/info/upsBatteryLifecycle/index.vue
Unescape Escape View File

@ -287,8 +287,164 @@
/> />
<!-- 添加 或修改 行李系统UPS电池生命周期对话框 --> <!-- 添加 或修改 行李系统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-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-form-item label="类型" prop="type">
<el-input v-model="form.type" placeholder="请输入类型" /> <el-input v-model="form.type" placeholder="请输入类型" />
</el-form-item> </el-form-item>

Write Preview
Loading…
Cancel
Save