add(ems/info): 添加日常故障记录表、行李系统UPS电池生命周期表、动力能源部行输科备件领用更换记录表、故障处置记录表
parent
c5bbbcee70
commit
dd9f9def4c
@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询动力能源部行输科备件领用更换记录列表
|
||||
export function listSparePartsUsageRecord(query) {
|
||||
return request({
|
||||
url: '/ems/info/SparePartsUsageRecord/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询动力能源部行输科备件领用更换记录详细
|
||||
export function getSparePartsUsageRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/SparePartsUsageRecord/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增动力能源部行输科备件领用更换记录
|
||||
export function addSparePartsUsageRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/SparePartsUsageRecord',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改动力能源部行输科备件领用更换记录
|
||||
export function updateSparePartsUsageRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/SparePartsUsageRecord',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除动力能源部行输科备件领用更换记录
|
||||
export function delSparePartsUsageRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/SparePartsUsageRecord/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询日常故障记录列表
|
||||
export function listDailyFaultRecord(query) {
|
||||
return request({
|
||||
url: '/ems/info/dailyFaultRecord/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询日常故障记录详细
|
||||
export function getDailyFaultRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/dailyFaultRecord/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增日常故障记录
|
||||
export function addDailyFaultRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/dailyFaultRecord',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改日常故障记录
|
||||
export function updateDailyFaultRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/dailyFaultRecord',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除日常故障记录
|
||||
export function delDailyFaultRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/dailyFaultRecord/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询故障处置记录列表
|
||||
export function listFaultHandlingRecord(query) {
|
||||
return request({
|
||||
url: '/ems/info/faultHandlingRecord/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询故障处置记录详细
|
||||
export function getFaultHandlingRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/faultHandlingRecord/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增故障处置记录
|
||||
export function addFaultHandlingRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/faultHandlingRecord',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改故障处置记录
|
||||
export function updateFaultHandlingRecord(data) {
|
||||
return request({
|
||||
url: '/ems/info/faultHandlingRecord',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除故障处置记录
|
||||
export function delFaultHandlingRecord(id) {
|
||||
return request({
|
||||
url: '/ems/info/faultHandlingRecord/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询行李系统UPS电池生命周期列表
|
||||
export function listUpsBatteryLifecycle(query) {
|
||||
return request({
|
||||
url: '/ems/info/upsBatteryLifecycle/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询行李系统UPS电池生命周期详细
|
||||
export function getUpsBatteryLifecycle(id) {
|
||||
return request({
|
||||
url: '/ems/info/upsBatteryLifecycle/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增行李系统UPS电池生命周期
|
||||
export function addUpsBatteryLifecycle(data) {
|
||||
return request({
|
||||
url: '/ems/info/upsBatteryLifecycle',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改行李系统UPS电池生命周期
|
||||
export function updateUpsBatteryLifecycle(data) {
|
||||
return request({
|
||||
url: '/ems/info/upsBatteryLifecycle',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除行李系统UPS电池生命周期
|
||||
export function delUpsBatteryLifecycle(id) {
|
||||
return request({
|
||||
url: '/ems/info/upsBatteryLifecycle/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
@ -0,0 +1,421 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="日期" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="备件名称" prop="sparePartName">
|
||||
<el-input
|
||||
v-model="queryParams.sparePartName"
|
||||
placeholder="请输入备件名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="备件型号" prop="sparePartModel">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.sparePartModel"-->
|
||||
<!-- placeholder="请输入备件型号"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="使用数量" prop="quantityUsed">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.quantityUsed"-->
|
||||
<!-- placeholder="请输入使用数量"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="剩余数量" prop="remainingQuantity">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.remainingQuantity"-->
|
||||
<!-- placeholder="请输入剩余数量"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="领用库房" prop="issuingWarehouse">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.issuingWarehouse"-->
|
||||
<!-- placeholder="请输入领用库房"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换位置" prop="replacementLocation">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacementLocation"-->
|
||||
<!-- placeholder="请输入更换位置"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="领用人" prop="personReceived">
|
||||
<el-input
|
||||
v-model="queryParams.personReceived"
|
||||
placeholder="请输入领用人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="库管确认人" prop="warehouseManagerConfirmation">
|
||||
<el-input
|
||||
v-model="queryParams.warehouseManagerConfirmation"
|
||||
placeholder="请输入库管确认人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="库存表状态" prop="inventoryStatus">-->
|
||||
<!-- <el-select v-model="queryParams.inventoryStatus" placeholder="请选择库存表状态" clearable>-->
|
||||
<!-- <el-option-->
|
||||
<!-- v-for="dict in dict.type.${dictType}"-->
|
||||
<!-- :key="dict.value"-->
|
||||
<!-- :label="dict.label"-->
|
||||
<!-- :value="dict.value"-->
|
||||
<!-- />-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="部门仓库" prop="departmentWarehouse">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.departmentWarehouse"-->
|
||||
<!-- placeholder="请输入部门仓库"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="SparePartsUsageRecordList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column label="日期" align="center" prop="date" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.date, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备件名称" align="center" prop="sparePartName">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="备件型号" align="center" prop="sparePartModel">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="使用数量" align="center" prop="quantityUsed">
|
||||
</el-table-column>
|
||||
<el-table-column label="剩余数量" align="center" prop="remainingQuantity">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="领用库房" align="center" prop="issuingWarehouse">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="更换位置" align="center" prop="replacementLocation">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="领用人" align="center" prop="personReceived">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="库管确认人" align="center" prop="warehouseManagerConfirmation">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="库存表状态" align="center" prop="inventoryStatus">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="部门仓库" align="center" prop="departmentWarehouse">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['ems/info:SparePartsUsageRecord:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改动力能源部行输科备件领用更换记录对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="日期" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="form.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="备件名称" prop="sparePartName">
|
||||
<el-input v-model="form.sparePartName" placeholder="请输入备件名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备件型号" prop="sparePartModel">
|
||||
<el-input v-model="form.sparePartModel" placeholder="请输入备件型号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="使用数量" prop="quantityUsed">
|
||||
<el-input-number v-model="form.quantityUsed" placeholder="请输入使用数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="剩余数量" prop="remainingQuantity">
|
||||
<el-input-number v-model="form.remainingQuantity" placeholder="请输入剩余数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="领用库房" prop="issuingWarehouse">
|
||||
<el-input v-model="form.issuingWarehouse" placeholder="请输入领用库房" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换位置" prop="replacementLocation">
|
||||
<el-input v-model="form.replacementLocation" placeholder="请输入更换位置" />
|
||||
</el-form-item>
|
||||
<el-form-item label="领用人" prop="personReceived">
|
||||
<el-input v-model="form.personReceived" placeholder="请输入领用人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="库管确认人" prop="warehouseManagerConfirmation">
|
||||
<el-input v-model="form.warehouseManagerConfirmation" placeholder="请输入库管确认人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="库存表状态" prop="inventoryStatus">
|
||||
<!-- <el-radio-group v-model="form.inventoryStatus">-->
|
||||
<!-- <el-radio-->
|
||||
<!-- v-for="dict in dict.type.${dictType}"-->
|
||||
<!-- :key="dict.value"-->
|
||||
<!-- :label="dict.value"-->
|
||||
<!-- >{{dict.label}}</el-radio>-->
|
||||
<el-input v-model="form.inventoryStatus" placeholder="请输入库存表状态" />
|
||||
</el-form-item>
|
||||
<el-form-item label="部门仓库" prop="departmentWarehouse">
|
||||
<el-input v-model="form.departmentWarehouse" placeholder="请输入部门仓库" />
|
||||
</el-form-item>
|
||||
</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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listSparePartsUsageRecord, getSparePartsUsageRecord, delSparePartsUsageRecord, addSparePartsUsageRecord, updateSparePartsUsageRecord } from "@/api/ems/info/SparePartsUsageRecord"
|
||||
|
||||
export default {
|
||||
name: "SparePartsUsageRecord",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 动力能源部行输科备件领用更换记录表格数据
|
||||
SparePartsUsageRecordList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
date: null,
|
||||
sparePartName: null,
|
||||
sparePartModel: null,
|
||||
quantityUsed: null,
|
||||
remainingQuantity: null,
|
||||
issuingWarehouse: null,
|
||||
replacementLocation: null,
|
||||
personReceived: null,
|
||||
warehouseManagerConfirmation: null,
|
||||
inventoryStatus: null,
|
||||
departmentWarehouse: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询动力能源部行输科备件领用更换记录列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listSparePartsUsageRecord(this.queryParams).then(response => {
|
||||
this.SparePartsUsageRecordList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
date: null,
|
||||
sparePartName: null,
|
||||
sparePartModel: null,
|
||||
quantityUsed: null,
|
||||
remainingQuantity: null,
|
||||
issuingWarehouse: null,
|
||||
replacementLocation: null,
|
||||
personReceived: null,
|
||||
warehouseManagerConfirmation: null,
|
||||
inventoryStatus: null,
|
||||
departmentWarehouse: null
|
||||
}
|
||||
this.resetForm("form")
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm")
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = "添加动力能源部行输科备件领用更换记录"
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getSparePartsUsageRecord(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = "修改动力能源部行输科备件领用更换记录"
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateSparePartsUsageRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addSparePartsUsageRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除动力能源部行输科备件领用更换记录编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delSparePartsUsageRecord(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("删除成功")
|
||||
}).catch(() => {})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('ems/info/SparePartsUsageRecord/export', {
|
||||
...this.queryParams
|
||||
}, `SparePartsUsageRecord_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,388 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="日期" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="位置" prop="location">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.location"-->
|
||||
<!-- placeholder="请输入位置"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="当日值班长" prop="dailyDutySupervisor">
|
||||
<el-input
|
||||
v-model="queryParams.dailyDutySupervisor"
|
||||
placeholder="请输入当日值班长"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="天达当日值班长" prop="tendaDailyDutySupervisor">
|
||||
<el-input
|
||||
v-model="queryParams.tendaDailyDutySupervisor"
|
||||
placeholder="请输入天达当日值班长"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="故障发生时间" prop="faultOccurrenceTime">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.faultOccurrenceTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择故障发生时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置完毕时间" prop="handlingCompletionTime">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.handlingCompletionTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择处置完毕时间">
|
||||
</el-date-picker>
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item label="处置时长，单位：分钟" prop="handlingDuration">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.handlingDuration"-->
|
||||
<!-- placeholder="请输入处置时长，单位：分钟"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="dailyFaultRecordList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column label="日期" align="center" prop="date" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.date, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="位置" align="center" prop="location">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="当日值班长" align="center" prop="dailyDutySupervisor">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="天达当日值班长" align="center" prop="tendaDailyDutySupervisor">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障情况" align="center" prop="faultSituation">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="处置措施" align="center" prop="handlingMeasures">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障类型" align="center" prop="faultType">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障发生时间" align="center" prop="faultOccurrenceTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.faultOccurrenceTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="处置完毕时间" align="center" prop="handlingCompletionTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.handlingCompletionTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="处置时长" align="center" prop="handlingDuration">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['ems/info:dailyFaultRecord:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改日常故障记录对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="日期" prop="date">
|
||||
<el-date-picker clearable
|
||||
v-model="form.date"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="位置" prop="location">
|
||||
<el-input v-model="form.location" placeholder="请输入位置" />
|
||||
</el-form-item>
|
||||
<el-form-item label="当日值班长" prop="dailyDutySupervisor">
|
||||
<el-input v-model="form.dailyDutySupervisor" placeholder="请输入当日值班长" />
|
||||
</el-form-item>
|
||||
<el-form-item label="天达当日值班长" prop="tendaDailyDutySupervisor">
|
||||
<el-input v-model="form.tendaDailyDutySupervisor" placeholder="请输入天达当日值班长" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障情况" prop="faultSituation">
|
||||
<el-input v-model="form.faultSituation" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="处置措施" prop="handlingMeasures">
|
||||
<el-input v-model="form.handlingMeasures" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障类型" prop="faultType">
|
||||
<el-input v-model="form.faultType" placeholder="请输入故障类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障发生时间" prop="faultOccurrenceTime">
|
||||
<el-date-picker clearable
|
||||
v-model="form.faultOccurrenceTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH-mm-ss"
|
||||
placeholder="请选择故障发生时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置完毕时间" prop="handlingCompletionTime">
|
||||
<el-date-picker clearable
|
||||
v-model="form.handlingCompletionTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH-mm-ss"
|
||||
placeholder="请选择处置完毕时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置时长" prop="handlingDuration">
|
||||
<el-input v-model="form.handlingDuration" placeholder="请输入处置时长，单位：分钟" />
|
||||
</el-form-item>
|
||||
</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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listDailyFaultRecord, getDailyFaultRecord, delDailyFaultRecord, addDailyFaultRecord, updateDailyFaultRecord } from "@/api/ems/info/dailyFaultRecord"
|
||||
|
||||
export default {
|
||||
name: "DailyFaultRecord",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 日常故障记录表格数据
|
||||
dailyFaultRecordList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
date: null,
|
||||
location: null,
|
||||
dailyDutySupervisor: null,
|
||||
tendaDailyDutySupervisor: null,
|
||||
faultSituation: null,
|
||||
handlingMeasures: null,
|
||||
faultType: null,
|
||||
faultOccurrenceTime: null,
|
||||
handlingCompletionTime: null,
|
||||
handlingDuration: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询日常故障记录列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listDailyFaultRecord(this.queryParams).then(response => {
|
||||
this.dailyFaultRecordList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
date: null,
|
||||
location: null,
|
||||
dailyDutySupervisor: null,
|
||||
tendaDailyDutySupervisor: null,
|
||||
faultSituation: null,
|
||||
handlingMeasures: null,
|
||||
faultType: null,
|
||||
faultOccurrenceTime: null,
|
||||
handlingCompletionTime: null,
|
||||
handlingDuration: null
|
||||
}
|
||||
this.resetForm("form")
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm")
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = "添加日常故障记录"
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getDailyFaultRecord(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = "修改日常故障记录"
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateDailyFaultRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addDailyFaultRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除日常故障记录编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delDailyFaultRecord(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("删除成功")
|
||||
}).catch(() => {})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('ems/info/dailyFaultRecord/export', {
|
||||
...this.queryParams
|
||||
}, `dailyFaultRecord_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,386 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="故障日期" prop="faultDate">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.faultDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择故障日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="故障位置" prop="faultLocation">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.faultLocation"-->
|
||||
<!-- placeholder="请输入故障位置"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="处理人员" prop="handlingPersonnel">
|
||||
<el-input
|
||||
v-model="queryParams.handlingPersonnel"
|
||||
placeholder="请输入处理人员"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="故障现象及原因" prop="faultPhenomenonAndCause">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.faultPhenomenonAndCause"-->
|
||||
<!-- placeholder="请输入故障现象及原因"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="故障情况处置" prop="faultSituationHandling">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.faultSituationHandling"-->
|
||||
<!-- placeholder="请输入故障情况处置"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="影响" prop="impact">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.impact"-->
|
||||
<!-- placeholder="请输入影响"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="故障发生时间" prop="faultOccurrenceTime">-->
|
||||
<!-- <el-date-picker clearable-->
|
||||
<!-- v-model="queryParams.faultOccurrenceTime"-->
|
||||
<!-- type="date"-->
|
||||
<!-- value-format="yyyy-MM-dd"-->
|
||||
<!-- placeholder="请选择故障发生时间">-->
|
||||
<!-- </el-date-picker>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="处置时长，单位：分钟" prop="handlingDuration">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.handlingDuration"-->
|
||||
<!-- placeholder="请输入处置时长，单位：分钟"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="faultHandlingRecordList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column label="故障日期" align="center" prop="faultDate" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.faultDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障位置" align="center" prop="faultLocation">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="处理人员" align="center" prop="handlingPersonnel">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障现象及原因" align="center" prop="faultPhenomenonAndCause">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障情况处置" align="center" prop="faultSituationHandling">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="影响" align="center" prop="impact">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="故障发生时间" align="center" prop="faultOccurrenceTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.faultOccurrenceTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="处置时长，单位：分钟" align="center" prop="handlingDuration">
|
||||
</el-table-column>
|
||||
<el-table-column label="维修更换的主要元器件" align="center" prop="mainComponentsRepaired">
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remarks">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['ems/info:faultHandlingRecord:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改故障处置记录对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="故障日期" prop="faultDate">
|
||||
<el-date-picker clearable
|
||||
v-model="form.faultDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择故障日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障位置" prop="faultLocation">
|
||||
<el-input v-model="form.faultLocation" placeholder="请输入故障位置" />
|
||||
</el-form-item>
|
||||
<el-form-item label="处理人员" prop="handlingPersonnel">
|
||||
<el-input v-model="form.handlingPersonnel" placeholder="请输入处理人员" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障现象及原因" prop="faultPhenomenonAndCause">
|
||||
<el-input v-model="form.faultPhenomenonAndCause" placeholder="请输入故障现象及原因" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障情况处置" prop="faultSituationHandling">
|
||||
<el-input v-model="form.faultSituationHandling" placeholder="请输入故障情况处置" />
|
||||
</el-form-item>
|
||||
<el-form-item label="影响" prop="impact">
|
||||
<el-input v-model="form.impact" placeholder="请输入影响" />
|
||||
</el-form-item>
|
||||
<el-form-item label="故障发生时间" prop="faultOccurrenceTime">
|
||||
<el-date-picker clearable
|
||||
v-model="form.faultOccurrenceTime"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH-mm-ss"
|
||||
placeholder="请选择故障发生时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置时长" prop="handlingDuration">
|
||||
<el-input v-model="form.handlingDuration" placeholder="请输入处置时长，单位：分钟" />
|
||||
</el-form-item>
|
||||
<el-form-item label="维修更换的主要元器件" prop="mainComponentsRepaired">
|
||||
<el-input v-model="form.mainComponentsRepaired" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remarks">
|
||||
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
</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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listFaultHandlingRecord, getFaultHandlingRecord, delFaultHandlingRecord, addFaultHandlingRecord, updateFaultHandlingRecord } from "@/api/ems/info/faultHandlingRecord"
|
||||
|
||||
export default {
|
||||
name: "FaultHandlingRecord",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 故障处置记录表格数据
|
||||
faultHandlingRecordList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
faultDate: null,
|
||||
faultLocation: null,
|
||||
handlingPersonnel: null,
|
||||
faultPhenomenonAndCause: null,
|
||||
faultSituationHandling: null,
|
||||
impact: null,
|
||||
faultOccurrenceTime: null,
|
||||
handlingDuration: null,
|
||||
mainComponentsRepaired: null,
|
||||
remarks: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询故障处置记录列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listFaultHandlingRecord(this.queryParams).then(response => {
|
||||
this.faultHandlingRecordList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
faultDate: null,
|
||||
faultLocation: null,
|
||||
handlingPersonnel: null,
|
||||
faultPhenomenonAndCause: null,
|
||||
faultSituationHandling: null,
|
||||
impact: null,
|
||||
faultOccurrenceTime: null,
|
||||
handlingDuration: null,
|
||||
mainComponentsRepaired: null,
|
||||
remarks: null
|
||||
}
|
||||
this.resetForm("form")
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm")
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = "添加故障处置记录"
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getFaultHandlingRecord(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = "修改故障处置记录"
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateFaultHandlingRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addFaultHandlingRecord(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除故障处置记录编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delFaultHandlingRecord(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("删除成功")
|
||||
}).catch(() => {})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('ems/info/faultHandlingRecord/export', {
|
||||
...this.queryParams
|
||||
}, `faultHandlingRecord_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,531 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<!-- <el-form-item label="类型" prop="type">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.type"-->
|
||||
<!-- placeholder="请输入类型"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="UPS安装柜体名称" prop="upsInstallationCabinetName">
|
||||
<el-input
|
||||
v-model="queryParams.upsInstallationCabinetName"
|
||||
placeholder="请输入UPS安装柜体名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="参照位置" prop="referenceLocation">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.referenceLocation"-->
|
||||
<!-- placeholder="请输入参照位置"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="位置描述" prop="locationDescription">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.locationDescription"-->
|
||||
<!-- placeholder="请输入位置描述"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="现UPS来源" prop="currentUps">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.currentUps"-->
|
||||
<!-- placeholder="请输入现UPS"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="来源" prop="source">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.source"-->
|
||||
<!-- placeholder="请输入来源"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="取电" prop="powerSource">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.powerSource"-->
|
||||
<!-- placeholder="请输入取电"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="涉及区域" prop="affectedArea">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.affectedArea"-->
|
||||
<!-- placeholder="请输入涉及区域"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第1次" prop="replacement1">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement1"-->
|
||||
<!-- placeholder="请输入更换第1次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第2次" prop="replacement2">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement2"-->
|
||||
<!-- placeholder="请输入更换第2次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第3次" prop="replacement3">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement3"-->
|
||||
<!-- placeholder="请输入更换第3次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第4次" prop="replacement4">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement4"-->
|
||||
<!-- placeholder="请输入更换第4次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第5次" prop="replacement5">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement5"-->
|
||||
<!-- placeholder="请输入更换第5次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第6次" prop="replacement6">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement6"-->
|
||||
<!-- placeholder="请输入更换第6次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第7次" prop="replacement7">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement7"-->
|
||||
<!-- placeholder="请输入更换第7次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第8次" prop="replacement8">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement8"-->
|
||||
<!-- placeholder="请输入更换第8次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第9次" prop="replacement9">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement9"-->
|
||||
<!-- placeholder="请输入更换第9次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第10次" prop="replacement10">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement10"-->
|
||||
<!-- placeholder="请输入更换第10次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第11次" prop="replacement11">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement11"-->
|
||||
<!-- placeholder="请输入更换第11次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="更换第12次" prop="replacement12">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="queryParams.replacement12"-->
|
||||
<!-- placeholder="请输入更换第12次"-->
|
||||
<!-- clearable-->
|
||||
<!-- @keyup.enter.native="handleQuery"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="upsBatteryLifecycleList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
</el-table-column>
|
||||
<el-table-column label="UPS安装柜体名称" align="center" prop="upsInstallationCabinetName">
|
||||
</el-table-column>
|
||||
<el-table-column label="参照位置" align="center" prop="referenceLocation">
|
||||
</el-table-column>
|
||||
<el-table-column label="位置描述" align="center" prop="locationDescription">
|
||||
</el-table-column>
|
||||
<el-table-column label="现UPS" align="center" prop="currentUps">
|
||||
</el-table-column>
|
||||
<el-table-column label="来源" align="center" prop="source">
|
||||
</el-table-column>
|
||||
<el-table-column label="取电" align="center" prop="powerSource">
|
||||
</el-table-column>
|
||||
<el-table-column label="涉及区域" align="center" prop="affectedArea">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第1次" align="center" prop="replacement1">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第2次" align="center" prop="replacement2">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第3次" align="center" prop="replacement3">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第4次" align="center" prop="replacement4">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第5次" align="center" prop="replacement5">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第6次" align="center" prop="replacement6">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第7次" align="center" prop="replacement7">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第8次" align="center" prop="replacement8">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第9次" align="center" prop="replacement9">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第10次" align="center" prop="replacement10">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第11次" align="center" prop="replacement11">
|
||||
</el-table-column>
|
||||
<el-table-column label="更换第12次" align="center" prop="replacement12">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['ems/info:upsBatteryLifecycle:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改行李系统UPS电池生命周期对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" 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="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" 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="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="affectedArea">
|
||||
<el-input v-model="form.affectedArea" placeholder="请输入涉及区域" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第1次" prop="replacement1">
|
||||
<el-input v-model="form.replacement1" placeholder="请输入更换第1次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第2次" prop="replacement2">
|
||||
<el-input v-model="form.replacement2" placeholder="请输入更换第2次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第3次" prop="replacement3">
|
||||
<el-input v-model="form.replacement3" placeholder="请输入更换第3次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第4次" prop="replacement4">
|
||||
<el-input v-model="form.replacement4" placeholder="请输入更换第4次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第5次" prop="replacement5">
|
||||
<el-input v-model="form.replacement5" placeholder="请输入更换第5次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第6次" prop="replacement6">
|
||||
<el-input v-model="form.replacement6" placeholder="请输入更换第6次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第7次" prop="replacement7">
|
||||
<el-input v-model="form.replacement7" placeholder="请输入更换第7次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第8次" prop="replacement8">
|
||||
<el-input v-model="form.replacement8" placeholder="请输入更换第8次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第9次" prop="replacement9">
|
||||
<el-input v-model="form.replacement9" placeholder="请输入更换第9次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第10次" prop="replacement10">
|
||||
<el-input v-model="form.replacement10" placeholder="请输入更换第10次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第11次" prop="replacement11">
|
||||
<el-input v-model="form.replacement11" placeholder="请输入更换第11次" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更换第12次" prop="replacement12">
|
||||
<el-input v-model="form.replacement12" placeholder="请输入更换第12次" />
|
||||
</el-form-item>
|
||||
</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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listUpsBatteryLifecycle, getUpsBatteryLifecycle, delUpsBatteryLifecycle, addUpsBatteryLifecycle, updateUpsBatteryLifecycle } from "@/api/ems/info/upsBatteryLifecycle"
|
||||
|
||||
export default {
|
||||
name: "UpsBatteryLifecycle",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 行李系统UPS电池生命周期表格数据
|
||||
upsBatteryLifecycleList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: null,
|
||||
upsInstallationCabinetName: null,
|
||||
referenceLocation: null,
|
||||
locationDescription: null,
|
||||
currentUps: null,
|
||||
source: null,
|
||||
powerSource: null,
|
||||
affectedArea: null,
|
||||
replacement1: null,
|
||||
replacement2: null,
|
||||
replacement3: null,
|
||||
replacement4: null,
|
||||
replacement5: null,
|
||||
replacement6: null,
|
||||
replacement7: null,
|
||||
replacement8: null,
|
||||
replacement9: null,
|
||||
replacement10: null,
|
||||
replacement11: null,
|
||||
replacement12: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询行李系统UPS电池生命周期列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listUpsBatteryLifecycle(this.queryParams).then(response => {
|
||||
this.upsBatteryLifecycleList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
type: null,
|
||||
upsInstallationCabinetName: null,
|
||||
referenceLocation: null,
|
||||
locationDescription: null,
|
||||
currentUps: null,
|
||||
source: null,
|
||||
powerSource: null,
|
||||
affectedArea: null,
|
||||
replacement1: null,
|
||||
replacement2: null,
|
||||
replacement3: null,
|
||||
replacement4: null,
|
||||
replacement5: null,
|
||||
replacement6: null,
|
||||
replacement7: null,
|
||||
replacement8: null,
|
||||
replacement9: null,
|
||||
replacement10: null,
|
||||
replacement11: null,
|
||||
replacement12: null
|
||||
}
|
||||
this.resetForm("form")
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm")
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = "添加行李系统UPS电池生命周期"
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getUpsBatteryLifecycle(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = "修改行李系统UPS电池生命周期"
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateUpsBatteryLifecycle(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addUpsBatteryLifecycle(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功")
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除行李系统UPS电池生命周期编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delUpsBatteryLifecycle(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess("删除成功")
|
||||
}).catch(() => {})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('ems/info/upsBatteryLifecycle/export', {
|
||||
...this.queryParams
|
||||
}, `upsBatteryLifecycle_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue