refactor(os-ems): 重构所有报表

boardTest
zch 8 months ago
parent e749538016
commit 38f45419a2

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询行李系统PLC缓冲电池生命周期列表
export function listPlcBufferBatteryLifecycle(query) {
return request({
url: '/ems/info/plcBufferBatteryLifecycle/list',
method: 'get',
params: query
})
}
// 查询行李系统PLC缓冲电池生命周期详细
export function getPlcBufferBatteryLifecycle(objid) {
return request({
url: '/ems/info/plcBufferBatteryLifecycle/' + objid,
method: 'get'
})
}
// 新增行李系统PLC缓冲电池生命周期
export function addPlcBufferBatteryLifecycle(data) {
return request({
url: '/ems/info/plcBufferBatteryLifecycle',
method: 'post',
data: data
})
}
// 修改行李系统PLC缓冲电池生命周期
export function updatePlcBufferBatteryLifecycle(data) {
return request({
url: '/ems/info/plcBufferBatteryLifecycle',
method: 'put',
data: data
})
}
// 删除行李系统PLC缓冲电池生命周期
export function delPlcBufferBatteryLifecycle(objid) {
return request({
url: '/ems/info/plcBufferBatteryLifecycle/' + objid,
method: 'delete'
})
}

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询行李系统安全门铅酸电池生命周期列表
export function listSecurityDoorBatteryLifecycle(query) {
return request({
url: '/ems/info/securityDoorBatteryLifecycle/list',
method: 'get',
params: query
})
}
// 查询行李系统安全门铅酸电池生命周期详细
export function getSecurityDoorBatteryLifecycle(objid) {
return request({
url: '/ems/info/securityDoorBatteryLifecycle/' + objid,
method: 'get'
})
}
// 新增行李系统安全门铅酸电池生命周期
export function addSecurityDoorBatteryLifecycle(data) {
return request({
url: '/ems/info/securityDoorBatteryLifecycle',
method: 'post',
data: data
})
}
// 修改行李系统安全门铅酸电池生命周期
export function updateSecurityDoorBatteryLifecycle(data) {
return request({
url: '/ems/info/securityDoorBatteryLifecycle',
method: 'put',
data: data
})
}
// 删除行李系统安全门铅酸电池生命周期
export function delSecurityDoorBatteryLifecycle(objid) {
return request({
url: '/ems/info/securityDoorBatteryLifecycle/' + objid,
method: 'delete'
})
}

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询备件库记录主列表
export function listSparePartsInventory(query) {
return request({
url: '/ems/info/sparePartsInventory/list',
method: 'get',
params: query
})
}
// 查询备件库记录主详细
export function getSparePartsInventory(objid) {
return request({
url: '/ems/info/sparePartsInventory/' + objid,
method: 'get'
})
}
// 新增备件库记录主
export function addSparePartsInventory(data) {
return request({
url: '/ems/info/sparePartsInventory',
method: 'post',
data: data
})
}
// 修改备件库记录主
export function updateSparePartsInventory(data) {
return request({
url: '/ems/info/sparePartsInventory',
method: 'put',
data: data
})
}
// 删除备件库记录主
export function delSparePartsInventory(objid) {
return request({
url: '/ems/info/sparePartsInventory/' + objid,
method: 'delete'
})
}

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询备件盘点记录明细列表
export function listSparePartsInventoryCheck(query) {
return request({
url: '/ems/info/sparePartsInventoryCheck/list',
method: 'get',
params: query
})
}
// 查询备件盘点记录明细详细
export function getSparePartsInventoryCheck(id) {
return request({
url: '/ems/info/sparePartsInventoryCheck/' + id,
method: 'get'
})
}
// 新增备件盘点记录明细
export function addSparePartsInventoryCheck(data) {
return request({
url: '/ems/info/sparePartsInventoryCheck',
method: 'post',
data: data
})
}
// 修改备件盘点记录明细
export function updateSparePartsInventoryCheck(data) {
return request({
url: '/ems/info/sparePartsInventoryCheck',
method: 'put',
data: data
})
}
// 删除备件盘点记录明细
export function delSparePartsInventoryCheck(id) {
return request({
url: '/ems/info/sparePartsInventoryCheck/' + id,
method: 'delete'
})
}

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询动力能源部行输科废旧备件登记列表
export function listSparePartsRegistration(query) {
return request({
url: '/ems/info/sparePartsRegistration/list',
method: 'get',
params: query
})
}
// 查询动力能源部行输科废旧备件登记详细
export function getSparePartsRegistration(objid) {
return request({
url: '/ems/info/sparePartsRegistration/' + objid,
method: 'get'
})
}
// 新增动力能源部行输科废旧备件登记
export function addSparePartsRegistration(data) {
return request({
url: '/ems/info/sparePartsRegistration',
method: 'post',
data: data
})
}
// 修改动力能源部行输科废旧备件登记
export function updateSparePartsRegistration(data) {
return request({
url: '/ems/info/sparePartsRegistration',
method: 'put',
data: data
})
}
// 删除动力能源部行输科废旧备件登记
export function delSparePartsRegistration(objid) {
return request({
url: '/ems/info/sparePartsRegistration/' + objid,
method: 'delete'
})
}

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询动力能源部行输科备件领用更换记录列表
export function listSparePartsUsageRecord(query) {
return request({
url: '/ems/info/SparePartsUsageRecord/list',
url: '/ems/info/sparePartsUsageRecord/list',
method: 'get',
params: query
})
@ -12,7 +12,7 @@ export function listSparePartsUsageRecord(query) {
// 查询动力能源部行输科备件领用更换记录详细
export function getSparePartsUsageRecord(id) {
return request({
url: '/ems/info/SparePartsUsageRecord/' + id,
url: '/ems/info/sparePartsUsageRecord/' + id,
method: 'get'
})
}
@ -20,7 +20,7 @@ export function getSparePartsUsageRecord(id) {
// 新增动力能源部行输科备件领用更换记录
export function addSparePartsUsageRecord(data) {
return request({
url: '/ems/info/SparePartsUsageRecord',
url: '/ems/info/sparePartsUsageRecord',
method: 'post',
data: data
})
@ -29,7 +29,7 @@ export function addSparePartsUsageRecord(data) {
// 修改动力能源部行输科备件领用更换记录
export function updateSparePartsUsageRecord(data) {
return request({
url: '/ems/info/SparePartsUsageRecord',
url: '/ems/info/sparePartsUsageRecord',
method: 'put',
data: data
})
@ -38,7 +38,7 @@ export function updateSparePartsUsageRecord(data) {
// 删除动力能源部行输科备件领用更换记录
export function delSparePartsUsageRecord(id) {
return request({
url: '/ems/info/SparePartsUsageRecord/' + id,
url: '/ems/info/sparePartsUsageRecord/' + id,
method: 'delete'
})
}

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询动力能源部监督检查清单列表
export function listSupervisionChecklist(query) {
return request({
url: '/ems/info/supervisionChecklist/list',
method: 'get',
params: query
})
}
// 查询动力能源部监督检查清单详细
export function getSupervisionChecklist(id) {
return request({
url: '/ems/info/supervisionChecklist/' + id,
method: 'get'
})
}
// 新增动力能源部监督检查清单
export function addSupervisionChecklist(data) {
return request({
url: '/ems/info/supervisionChecklist',
method: 'post',
data: data
})
}
// 修改动力能源部监督检查清单
export function updateSupervisionChecklist(data) {
return request({
url: '/ems/info/supervisionChecklist',
method: 'put',
data: data
})
}
// 删除动力能源部监督检查清单
export function delSupervisionChecklist(id) {
return request({
url: '/ems/info/supervisionChecklist/' + id,
method: 'delete'
})
}

@ -1,421 +0,0 @@
<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>

@ -1,388 +1,402 @@
<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">
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" 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-input
v-model="queryParams.date"
placeholder="请输入日期"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="位置" prop="location">
<el-input v-model="form.location" placeholder="请输入位置" />
<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="form.dailyDutySupervisor" placeholder="请输入当日值班长" />
<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="form.tendaDailyDutySupervisor" placeholder="请输入天达当日值班长" />
<el-input
v-model="queryParams.tendaDailyDutySupervisor"
placeholder="请输入天达当日值班长"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="故障情况" prop="faultSituation">
<el-input v-model="form.faultSituation" type="textarea" placeholder="请输入内容" />
<el-input
v-model="queryParams.faultSituation"
placeholder="请输入故障情况"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="处置措施" prop="handlingMeasures">
<el-input v-model="form.handlingMeasures" type="textarea" placeholder="请输入内容" />
<el-input
v-model="queryParams.handlingMeasures"
placeholder="请输入处置措施"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="故障类型" prop="faultType">
<el-input v-model="form.faultType" placeholder="请输入故障类型" />
<el-select v-model="queryParams.faultType" 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="faultOccurrenceTime">
<el-date-picker clearable
v-model="form.faultOccurrenceTime"
type="datetime"
value-format="yyyy-MM-dd HH-mm-ss"
placeholder="请选择故障发生时间">
</el-date-picker>
<el-input
v-model="queryParams.faultOccurrenceTime"
placeholder="请输入故障发生时间"
clearable
@keyup.enter.native="handleQuery"
/>
</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-input
v-model="queryParams.handlingCompletionTime"
placeholder="请输入处置完毕时间"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="处置时长" prop="handlingDuration">
<el-input v-model="form.handlingDuration" placeholder="请输入处置时长,单位:分钟" />
<el-input
v-model="queryParams.handlingDuration"
placeholder="请输入处置时长"
clearable
@keyup.enter.native="handleQuery"
/>
</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>
<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" :columns="columns"></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 label="主键自增ID" align="center" prop="id" v-if="columns[0].visible"/>
<el-table-column label="日期" align="center" prop="date" v-if="columns[1].visible"/>
<el-table-column label="位置" align="center" prop="location" v-if="columns[2].visible"/>
<el-table-column label="当日值班长" align="center" prop="dailyDutySupervisor" v-if="columns[3].visible"/>
<el-table-column label="天达当日值班长" align="center" prop="tendaDailyDutySupervisor" v-if="columns[4].visible"/>
<el-table-column label="故障情况" align="center" prop="faultSituation" v-if="columns[5].visible"/>
<el-table-column label="处置措施" align="center" prop="handlingMeasures" v-if="columns[6].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="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" class-name="small-padding fixed-width" width="100">
<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
v-model="form.date"
type="date"
placeholder="请选择日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</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" placeholder="请输入故障情况" />
</el-form-item>
<el-form-item label="处置措施" prop="handlingMeasures">
<el-input v-model="form.handlingMeasures" 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-time-picker
v-model="form.faultOccurrenceTime"
placeholder="请选择故障发生时间"
value-format="HH:mm:ss"
format="HH:mm:ss"
/>
</el-form-item>
<el-form-item label="处置完毕时间" prop="handlingCompletionTime">
<el-time-picker
v-model="form.handlingCompletionTime"
placeholder="请选择处置完毕时间"
value-format="HH:mm:ss"
format="HH:mm:ss"
/>
</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"
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
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: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `日期`, visible: true },
{ key: 2, label: `位置`, visible: true },
{ key: 3, label: `当日值班长`, visible: true },
{ key: 4, label: `天达当日值班长`, visible: true },
{ key: 5, label: `故障情况`, visible: true },
{ key: 6, label: `处置措施`, visible: true },
{ key: 7, label: `故障类型`, visible: true },
{ key: 8, label: `故障发生时间`, visible: true },
{ key: 9, label: `处置完毕时间`, visible: true },
{ key: 10, label: `处置时长`, visible: true },
]
};
},
//
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`)
}
}
}
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>

@ -1,386 +1,363 @@
<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">
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" 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-input
v-model="queryParams.faultDate"
placeholder="请输入故障日期"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="故障位置" prop="faultLocation">
<el-input v-model="form.faultLocation" placeholder="请输入故障位置" />
<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="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-input
v-model="queryParams.handlingPersonnel"
placeholder="请输入处理人员"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="影响" prop="impact">
<el-input v-model="form.impact" placeholder="请输入影响" />
<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="form.faultOccurrenceTime"
type="datetime"
value-format="yyyy-MM-dd HH-mm-ss"
placeholder="请选择故障发生时间">
</el-date-picker>
<el-input
v-model="queryParams.faultOccurrenceTime"
placeholder="请输入故障发生时间"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="处置时长" prop="handlingDuration">
<el-input v-model="form.handlingDuration" placeholder="请输入处置时长,单位:分钟" />
<el-form-item label="处置时长,单位:分钟" prop="handlingDuration">
<el-input
v-model="queryParams.handlingDuration"
placeholder="请输入处置时长,单位:分钟"
clearable
@keyup.enter.native="handleQuery"
/>
</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>
<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" :columns="columns"></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 label="主键自增ID" align="center" prop="id" v-if="columns[0].visible"/>
<el-table-column label="故障日期" align="center" prop="faultDate" v-if="columns[1].visible"/>
<el-table-column label="故障位置" align="center" prop="faultLocation" v-if="columns[2].visible"/>
<el-table-column label="处理人员" align="center" prop="handlingPersonnel" v-if="columns[3].visible"/>
<el-table-column label="故障现象及原因" align="center" prop="faultPhenomenonAndCause" v-if="columns[4].visible"/>
<el-table-column label="故障情况处置" align="center" prop="faultSituationHandling" v-if="columns[5].visible"/>
<el-table-column label="影响" align="center" prop="impact" v-if="columns[6].visible"/>
<el-table-column label="故障发生时间" align="center" prop="faultOccurrenceTime" v-if="columns[7].visible"/>
<el-table-column label="处置时长,单位:分钟" align="center" prop="handlingDuration" v-if="columns[8].visible"/>
<el-table-column label="维修更换的主要元器件" align="center" prop="mainComponentsRepaired" v-if="columns[9].visible"/>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[10].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<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
v-model="form.faultDate"
type="date"
placeholder="请选择故障日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</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" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="故障情况处置" prop="faultSituationHandling">
<el-input v-model="form.faultSituationHandling" type="textarea" 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-time-picker
v-model="form.faultOccurrenceTime"
placeholder="请选择故障发生时间"
value-format="HH:mm:ss"
format="HH:mm:ss"
/>
</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"
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
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: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `故障日期`, visible: true },
{ key: 2, label: `故障位置`, visible: true },
{ key: 3, label: `处理人员`, visible: true },
{ key: 4, label: `故障现象及原因`, visible: true },
{ key: 5, label: `故障情况处置`, visible: true },
{ key: 6, label: `影响`, visible: true },
{ key: 7, label: `故障发生时间`, visible: true },
{ key: 8, label: `处置时长,单位:分钟`, visible: true },
{ key: 9, label: `维修更换的主要元器件`, visible: true },
{ key: 10, label: `备注`, visible: true },
]
};
},
//
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`)
}
}
}
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,583 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<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="安装柜体名称" prop="installationCabinetName">
<el-input
v-model="queryParams.installationCabinetName"
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="来源" 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="imageAddress">
<el-input
v-model="queryParams.imageAddress"
placeholder="请输入图片地址"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-input
v-model="queryParams.firstInstance"
placeholder="请输入第1次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-input
v-model="queryParams.secondInstance"
placeholder="请输入第2次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-input
v-model="queryParams.thirdInstance"
placeholder="请输入第3次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-input
v-model="queryParams.fourthInstance"
placeholder="请输入第4次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-input
v-model="queryParams.fifthInstance"
placeholder="请输入第5次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-input
v-model="queryParams.sixthInstance"
placeholder="请输入第6次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-input
v-model="queryParams.seventhInstance"
placeholder="请输入第7次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-input
v-model="queryParams.eighthInstance"
placeholder="请输入第8次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-input
v-model="queryParams.ninthInstance"
placeholder="请输入第9次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-input
v-model="queryParams.tenthInstance"
placeholder="请输入第10次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-input
v-model="queryParams.eleventhInstance"
placeholder="请输入第11次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-input
v-model="queryParams.twelfthInstance"
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:plcBufferBatteryLifecycle: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:plcBufferBatteryLifecycle: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:plcBufferBatteryLifecycle: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:plcBufferBatteryLifecycle:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="plcBufferBatteryLifecycleList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键自增ID" align="center" prop="objid" v-if="columns[0].visible"/>
<el-table-column label="类型" align="center" prop="type" v-if="columns[1].visible"/>
<el-table-column label="安装柜体名称" align="center" prop="installationCabinetName" v-if="columns[2].visible"/>
<el-table-column label="位置描述" align="center" prop="locationDescription" v-if="columns[3].visible"/>
<el-table-column label="来源" align="center" prop="source" v-if="columns[4].visible"/>
<el-table-column label="取电" align="center" prop="powerSource" v-if="columns[5].visible"/>
<el-table-column label="图片地址" align="center" prop="imageAddress" v-if="columns[6].visible"/>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[7].visible"/>
<el-table-column label="第1次" align="center" prop="firstInstance" v-if="columns[8].visible"/>
<el-table-column label="第2次" align="center" prop="secondInstance" v-if="columns[9].visible"/>
<el-table-column label="第3次" align="center" prop="thirdInstance" v-if="columns[10].visible"/>
<el-table-column label="第4次" align="center" prop="fourthInstance" v-if="columns[11].visible"/>
<el-table-column label="第5次" align="center" prop="fifthInstance" v-if="columns[12].visible"/>
<el-table-column label="第6次" align="center" prop="sixthInstance" v-if="columns[13].visible"/>
<el-table-column label="第7次" align="center" prop="seventhInstance" v-if="columns[14].visible"/>
<el-table-column label="第8次" align="center" prop="eighthInstance" v-if="columns[15].visible"/>
<el-table-column label="第9次" align="center" prop="ninthInstance" v-if="columns[16].visible"/>
<el-table-column label="第10次" align="center" prop="tenthInstance" v-if="columns[17].visible"/>
<el-table-column label="第11次" align="center" prop="eleventhInstance" v-if="columns[18].visible"/>
<el-table-column label="第12次" align="center" prop="twelfthInstance" v-if="columns[19].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:plcBufferBatteryLifecycle:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:plcBufferBatteryLifecycle: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"
/>
<!-- 添加或修改行李系统PLC缓冲电池生命周期对话框 -->
<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="安装柜体名称" prop="installationCabinetName">
<el-input v-model="form.installationCabinetName" placeholder="请输入安装柜体名称" />
</el-form-item>
<el-form-item label="位置描述" prop="locationDescription">
<el-input v-model="form.locationDescription" placeholder="请输入位置描述" />
</el-form-item>
<el-form-item label="来源" prop="source">
<el-input v-model="form.source" placeholder="请输入来源" />
</el-form-item>
<el-form-item label="取电" prop="powerSource">
<el-input v-model="form.powerSource" placeholder="请输入取电" />
</el-form-item>
<el-form-item label="图片地址" prop="imageAddress">
<el-input v-model="form.imageAddress" placeholder="请输入图片地址" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-date-picker
v-model="form.firstInstance"
type="date"
placeholder="请选择第1次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-date-picker
v-model="form.secondInstance"
type="date"
placeholder="请选择第2次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-date-picker
v-model="form.thirdInstance"
type="date"
placeholder="请选择第3次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-date-picker
v-model="form.fourthInstance"
type="date"
placeholder="请选择第4次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-date-picker
v-model="form.fifthInstance"
type="date"
placeholder="请选择第5次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-date-picker
v-model="form.sixthInstance"
type="date"
placeholder="请选择第6次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-date-picker
v-model="form.seventhInstance"
type="date"
placeholder="请选择第7次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-date-picker
v-model="form.eighthInstance"
type="date"
placeholder="请选择第8次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-date-picker
v-model="form.ninthInstance"
type="date"
placeholder="请选择第9次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-date-picker
v-model="form.tenthInstance"
type="date"
placeholder="请选择第10次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-date-picker
v-model="form.eleventhInstance"
type="date"
placeholder="请选择第11次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-date-picker
v-model="form.twelfthInstance"
type="date"
placeholder="请选择第12次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
</el-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 { listPlcBufferBatteryLifecycle, getPlcBufferBatteryLifecycle, delPlcBufferBatteryLifecycle, addPlcBufferBatteryLifecycle, updatePlcBufferBatteryLifecycle } from "@/api/ems/info/plcBufferBatteryLifecycle";
export default {
name: "PlcBufferBatteryLifecycle",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
// PLC
plcBufferBatteryLifecycleList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
installationCabinetName: null,
locationDescription: null,
source: null,
powerSource: null,
imageAddress: null,
remarks: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `类型`, visible: true },
{ key: 2, label: `安装柜体名称`, visible: true },
{ key: 3, label: `位置描述`, visible: true },
{ key: 4, label: `来源`, visible: true },
{ key: 5, label: `取电`, visible: true },
{ key: 6, label: `图片地址`, visible: true },
{ key: 7, label: `备注`, visible: true },
{ key: 8, label: `第1次`, visible: true },
{ key: 9, label: `第2次`, visible: true },
{ key: 10, label: `第3次`, visible: true },
{ key: 11, label: `第4次`, visible: true },
{ key: 12, label: `第5次`, visible: true },
{ key: 13, label: `第6次`, visible: true },
{ key: 14, label: `第7次`, visible: true },
{ key: 15, label: `第8次`, visible: true },
{ key: 16, label: `第9次`, visible: true },
{ key: 17, label: `第10次`, visible: true },
{ key: 18, label: `第11次`, visible: true },
{ key: 19, label: `第12次`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询行李系统PLC缓冲电池生命周期列表 */
getList() {
this.loading = true;
listPlcBufferBatteryLifecycle(this.queryParams).then(response => {
this.plcBufferBatteryLifecycleList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
objid: null,
type: null,
installationCabinetName: null,
locationDescription: null,
source: null,
powerSource: null,
imageAddress: null,
remarks: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: 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.objid)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加行李系统PLC缓冲电池生命周期";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const objid = row.objid || this.ids
getPlcBufferBatteryLifecycle(objid).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改行李系统PLC缓冲电池生命周期";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.objid != null) {
updatePlcBufferBatteryLifecycle(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPlcBufferBatteryLifecycle(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const objids = row.objid || this.ids;
this.$modal.confirm('是否确认删除行李系统PLC缓冲电池生命周期编号为"' + objids + '"的数据项?').then(function() {
return delPlcBufferBatteryLifecycle(objids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/plcBufferBatteryLifecycle/export', {
...this.queryParams
}, `plcBufferBatteryLifecycle_${new Date().getTime()}.xlsx`)
}
}
};
</script>

@ -0,0 +1,606 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="类型" prop="type">
<el-select v-model="queryParams.type" 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="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="取电" prop="powerSource">
<el-input
v-model="queryParams.powerSource"
placeholder="请输入取电"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="电池类型" prop="batteryType">
<el-select v-model="queryParams.batteryType" 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="imageAddress">
<el-input
v-model="queryParams.imageAddress"
placeholder="请输入图片地址"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-input
v-model="queryParams.firstInstance"
placeholder="请输入第1次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-input
v-model="queryParams.secondInstance"
placeholder="请输入第2次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-input
v-model="queryParams.thirdInstance"
placeholder="请输入第3次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-input
v-model="queryParams.fourthInstance"
placeholder="请输入第4次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-input
v-model="queryParams.fifthInstance"
placeholder="请输入第5次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-input
v-model="queryParams.sixthInstance"
placeholder="请输入第6次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-input
v-model="queryParams.seventhInstance"
placeholder="请输入第7次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-input
v-model="queryParams.eighthInstance"
placeholder="请输入第8次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-input
v-model="queryParams.ninthInstance"
placeholder="请输入第9次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-input
v-model="queryParams.tenthInstance"
placeholder="请输入第10次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-input
v-model="queryParams.eleventhInstance"
placeholder="请输入第11次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-input
v-model="queryParams.twelfthInstance"
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:securityDoorBatteryLifecycle: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:securityDoorBatteryLifecycle: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:securityDoorBatteryLifecycle: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:securityDoorBatteryLifecycle:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="securityDoorBatteryLifecycleList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键自增ID" align="center" prop="objid" v-if="columns[0].visible"/>
<el-table-column label="类型" align="center" prop="type" v-if="columns[1].visible">
</el-table-column>
<el-table-column label="参照位置" align="center" prop="referenceLocation" v-if="columns[2].visible">
</el-table-column>
<el-table-column label="位置描述" align="center" prop="locationDescription" v-if="columns[3].visible">
</el-table-column>
<el-table-column label="取电" align="center" prop="powerSource" v-if="columns[4].visible">
</el-table-column>
<el-table-column label="电池类型" align="center" prop="batteryType" v-if="columns[5].visible">
</el-table-column>
<el-table-column label="图片地址" align="center" prop="imageAddress" v-if="columns[6].visible">
</el-table-column>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[7].visible">
</el-table-column>
<el-table-column label="第1次" align="center" prop="firstInstance" v-if="columns[8].visible">
</el-table-column>
<el-table-column label="第2次" align="center" prop="secondInstance" v-if="columns[9].visible">
</el-table-column>
<el-table-column label="第3次" align="center" prop="thirdInstance" v-if="columns[10].visible">
</el-table-column>
<el-table-column label="第4次" align="center" prop="fourthInstance" v-if="columns[11].visible">
</el-table-column>
<el-table-column label="第5次" align="center" prop="fifthInstance" v-if="columns[12].visible">
</el-table-column>
<el-table-column label="第6次" align="center" prop="sixthInstance" v-if="columns[13].visible">
</el-table-column>
<el-table-column label="第7次" align="center" prop="seventhInstance" v-if="columns[14].visible">
</el-table-column>
<el-table-column label="第8次" align="center" prop="eighthInstance" v-if="columns[15].visible">
</el-table-column>
<el-table-column label="第9次" align="center" prop="ninthInstance" v-if="columns[16].visible">
</el-table-column>
<el-table-column label="第10次" align="center" prop="tenthInstance" v-if="columns[17].visible">
</el-table-column>
<el-table-column label="第11次" align="center" prop="eleventhInstance" v-if="columns[18].visible">
</el-table-column>
<el-table-column label="第12次" align="center" prop="twelfthInstance" v-if="columns[19].visible">
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:securityDoorBatteryLifecycle:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:securityDoorBatteryLifecycle: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="type">
<el-input v-model="form.type" placeholder="请输入类型" />
</el-form-item>
<el-form-item label="参照位置" prop="referenceLocation">
<el-input v-model="form.referenceLocation" placeholder="请输入参照位置" />
</el-form-item>
<el-form-item label="位置描述" prop="locationDescription">
<el-input v-model="form.locationDescription" placeholder="请输入位置描述" />
</el-form-item>
<el-form-item label="取电" prop="powerSource">
<el-input v-model="form.powerSource" placeholder="请输入取电" />
</el-form-item>
<el-form-item label="电池类型" prop="batteryType">
<el-input v-model="form.batteryType" placeholder="请输入电池类型" />
</el-form-item>
<el-form-item label="图片地址" prop="imageAddress">
<el-input v-model="form.imageAddress" placeholder="请输入图片地址" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-date-picker
v-model="form.firstInstance"
type="date"
placeholder="请选择第1次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-date-picker
v-model="form.secondInstance"
type="date"
placeholder="请选择第2次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-date-picker
v-model="form.thirdInstance"
type="date"
placeholder="请选择第3次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-date-picker
v-model="form.fourthInstance"
type="date"
placeholder="请选择第4次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-date-picker
v-model="form.fifthInstance"
type="date"
placeholder="请选择第5次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-date-picker
v-model="form.sixthInstance"
type="date"
placeholder="请选择第6次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-date-picker
v-model="form.seventhInstance"
type="date"
placeholder="请选择第7次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-date-picker
v-model="form.eighthInstance"
type="date"
placeholder="请选择第8次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-date-picker
v-model="form.ninthInstance"
type="date"
placeholder="请选择第9次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-date-picker
v-model="form.tenthInstance"
type="date"
placeholder="请选择第10次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-date-picker
v-model="form.eleventhInstance"
type="date"
placeholder="请选择第11次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-date-picker
v-model="form.twelfthInstance"
type="date"
placeholder="请选择第12次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
</el-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 { listSecurityDoorBatteryLifecycle, getSecurityDoorBatteryLifecycle, delSecurityDoorBatteryLifecycle, addSecurityDoorBatteryLifecycle, updateSecurityDoorBatteryLifecycle } from "@/api/ems/info/securityDoorBatteryLifecycle";
export default {
name: "SecurityDoorBatteryLifecycle",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
securityDoorBatteryLifecycleList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
referenceLocation: null,
locationDescription: null,
powerSource: null,
batteryType: null,
imageAddress: null,
remarks: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `类型`, visible: true },
{ key: 2, label: `参照位置`, visible: true },
{ key: 3, label: `位置描述`, visible: true },
{ key: 4, label: `取电`, visible: true },
{ key: 5, label: `电池类型`, visible: true },
{ key: 6, label: `图片地址`, visible: true },
{ key: 7, label: `备注`, visible: true },
{ key: 8, label: `第1次`, visible: true },
{ key: 9, label: `第2次`, visible: true },
{ key: 10, label: `第3次`, visible: true },
{ key: 11, label: `第4次`, visible: true },
{ key: 12, label: `第5次`, visible: true },
{ key: 13, label: `第6次`, visible: true },
{ key: 14, label: `第7次`, visible: true },
{ key: 15, label: `第8次`, visible: true },
{ key: 16, label: `第9次`, visible: true },
{ key: 17, label: `第10次`, visible: true },
{ key: 18, label: `第11次`, visible: true },
{ key: 19, label: `第12次`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询行李系统安全门铅酸电池生命周期列表 */
getList() {
this.loading = true;
listSecurityDoorBatteryLifecycle(this.queryParams).then(response => {
this.securityDoorBatteryLifecycleList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
objid: null,
type: null,
referenceLocation: null,
locationDescription: null,
powerSource: null,
batteryType: null,
imageAddress: null,
remarks: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: 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.objid)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加行李系统安全门铅酸电池生命周期";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const objid = row.objid || this.ids
getSecurityDoorBatteryLifecycle(objid).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改行李系统安全门铅酸电池生命周期";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.objid != null) {
updateSecurityDoorBatteryLifecycle(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSecurityDoorBatteryLifecycle(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const objids = row.objid || this.ids;
this.$modal.confirm('是否确认删除行李系统安全门铅酸电池生命周期编号为"' + objids + '"的数据项?').then(function() {
return delSecurityDoorBatteryLifecycle(objids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/securityDoorBatteryLifecycle/export', {
...this.queryParams
}, `securityDoorBatteryLifecycle_${new Date().getTime()}.xlsx`)
}
}
};
</script>

@ -0,0 +1,367 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="入库时间" prop="warehouseDate">
<el-input
v-model="queryParams.warehouseDate"
placeholder="请输入入库时间"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="采购方式" prop="purchaseMethod">
<el-input
v-model="queryParams.purchaseMethod"
placeholder="请输入采购方式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="库存位置" prop="storageLocation">
<el-input
v-model="queryParams.storageLocation"
placeholder="请输入库存位置"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="物品名称" prop="itemName">
<el-input
v-model="queryParams.itemName"
placeholder="请输入物品名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="原厂编号" prop="originalPartNumber">
<el-input
v-model="queryParams.originalPartNumber"
placeholder="请输入原厂编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="型号" prop="model">
<el-input
v-model="queryParams.model"
placeholder="请输入型号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="入库数量" prop="warehouseQuantity">
<el-input
v-model="queryParams.warehouseQuantity"
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>
<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:sparePartsInventory: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:sparePartsInventory: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:sparePartsInventory: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:sparePartsInventory:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="sparePartsInventoryList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="objid" v-if="columns[0].visible"/>
<el-table-column label="入库时间" align="center" prop="warehouseDate" v-if="columns[1].visible"/>
<el-table-column label="采购方式" align="center" prop="purchaseMethod" v-if="columns[2].visible"/>
<el-table-column label="库存位置" align="center" prop="storageLocation" v-if="columns[3].visible"/>
<el-table-column label="物品名称" align="center" prop="itemName" v-if="columns[4].visible"/>
<el-table-column label="原厂编号" align="center" prop="originalPartNumber" v-if="columns[5].visible"/>
<el-table-column label="型号" align="center" prop="model" v-if="columns[6].visible"/>
<el-table-column label="入库数量" align="center" prop="warehouseQuantity" v-if="columns[7].visible"/>
<el-table-column label="剩余数量" align="center" prop="remainingQuantity" v-if="columns[8].visible"/>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[9].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:sparePartsInventory:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:sparePartsInventory: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="warehouseDate">
<el-date-picker
v-model="form.warehouseDate"
type="datetime"
placeholder="请选择入库时间"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="采购方式" prop="purchaseMethod">
<el-input v-model="form.purchaseMethod" placeholder="请输入采购方式" />
</el-form-item>
<el-form-item label="库存位置" prop="storageLocation">
<el-input v-model="form.storageLocation" placeholder="请输入库存位置" />
</el-form-item>
<el-form-item label="物品名称" prop="itemName">
<el-input v-model="form.itemName" placeholder="请输入物品名称" />
</el-form-item>
<el-form-item label="原厂编号" prop="originalPartNumber">
<el-input v-model="form.originalPartNumber" placeholder="请输入原厂编号" />
</el-form-item>
<el-form-item label="型号" prop="model">
<el-input v-model="form.model" placeholder="请输入型号" />
</el-form-item>
<el-form-item label="入库数量" prop="warehouseQuantity">
<el-input v-model="form.warehouseQuantity" placeholder="请输入入库数量" />
</el-form-item>
<el-form-item label="剩余数量" prop="remainingQuantity">
<el-input v-model="form.remainingQuantity" 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 { listSparePartsInventory, getSparePartsInventory, delSparePartsInventory, addSparePartsInventory, updateSparePartsInventory } from "@/api/ems/info/sparePartsInventory";
export default {
name: "SparePartsInventory",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
sparePartsInventoryList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
warehouseDate: null,
purchaseMethod: null,
storageLocation: null,
itemName: null,
originalPartNumber: null,
model: null,
warehouseQuantity: null,
remainingQuantity: null,
remarks: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键`, visible: false },
{ key: 1, label: `入库时间`, visible: true },
{ key: 2, label: `采购方式`, visible: true },
{ key: 3, label: `库存位置`, visible: true },
{ key: 4, label: `物品名称`, visible: true },
{ key: 5, label: `原厂编号`, visible: true },
{ key: 6, label: `型号`, visible: true },
{ key: 7, label: `入库数量`, visible: true },
{ key: 8, label: `剩余数量`, visible: true },
{ key: 9, label: `备注`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询备件库记录主列表 */
getList() {
this.loading = true;
listSparePartsInventory(this.queryParams).then(response => {
this.sparePartsInventoryList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
objid: null,
warehouseDate: null,
purchaseMethod: null,
storageLocation: null,
itemName: null,
originalPartNumber: null,
model: null,
warehouseQuantity: null,
remainingQuantity: 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.objid)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加备件库记录主";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const objid = row.objid || this.ids
getSparePartsInventory(objid).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改备件库记录主";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.objid != null) {
updateSparePartsInventory(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSparePartsInventory(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const objids = row.objid || this.ids;
this.$modal.confirm('是否确认删除备件库记录主编号为"' + objids + '"的数据项?').then(function() {
return delSparePartsInventory(objids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/sparePartsInventory/export', {
...this.queryParams
}, `sparePartsInventory_${new Date().getTime()}.xlsx`)
}
}
};
</script>

@ -0,0 +1,300 @@
<!-- <template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="备件库存主表ID" prop="inventoryObjid">
<el-input
v-model="queryParams.inventoryObjid"
placeholder="请输入备件库存主表ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="盘点名称" prop="checkName">
<el-input
v-model="queryParams.checkName"
placeholder="请输入盘点名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="盘点数量" prop="checkQuantity">
<el-input
v-model="queryParams.checkQuantity"
placeholder="请输入盘点数量"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="盘点日期" prop="checkDate">
<el-input
v-model="queryParams.checkDate"
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:sparePartsInventoryCheck: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:sparePartsInventoryCheck: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:sparePartsInventoryCheck: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:sparePartsInventoryCheck:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="sparePartsInventoryCheckList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" v-if="columns[0].visible"/>
<el-table-column label="备件库存主表ID" align="center" prop="inventoryObjid" v-if="columns[1].visible"/>
<el-table-column label="盘点名称" align="center" prop="checkName" v-if="columns[2].visible"/>
<el-table-column label="盘点数量" align="center" prop="checkQuantity" v-if="columns[3].visible"/>
<el-table-column label="盘点日期" align="center" prop="checkDate" v-if="columns[4].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:sparePartsInventoryCheck:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:sparePartsInventoryCheck: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="备件库存主表ID" prop="inventoryObjid">
<el-input v-model="form.inventoryObjid" placeholder="请输入备件库存主表ID" />
</el-form-item>
<el-form-item label="盘点名称" prop="checkName">
<el-input v-model="form.checkName" placeholder="请输入盘点名称" />
</el-form-item>
<el-form-item label="盘点数量" prop="checkQuantity">
<el-input v-model="form.checkQuantity" placeholder="请输入盘点数量" />
</el-form-item>
<el-form-item label="盘点日期" prop="checkDate">
<el-date-picker
v-model="form.checkDate"
type="date"
placeholder="请选择盘点日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</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 { listSparePartsInventoryCheck, getSparePartsInventoryCheck, delSparePartsInventoryCheck, addSparePartsInventoryCheck, updateSparePartsInventoryCheck } from "@/api/ems/info/sparePartsInventoryCheck";
export default {
name: "SparePartsInventoryCheck",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
sparePartsInventoryCheckList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
inventoryObjid: null,
checkName: null,
checkQuantity: null,
checkDate: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键`, visible: false },
{ key: 1, label: `备件库存主表ID`, visible: true },
{ key: 2, label: `盘点名称`, visible: true },
{ key: 3, label: `盘点数量`, visible: true },
{ key: 4, label: `盘点日期`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询备件盘点记录明细列表 */
getList() {
this.loading = true;
listSparePartsInventoryCheck(this.queryParams).then(response => {
this.sparePartsInventoryCheckList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
id: null,
inventoryObjid: null,
checkName: null,
checkQuantity: null,
checkDate: 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
getSparePartsInventoryCheck(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) {
updateSparePartsInventoryCheck(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSparePartsInventoryCheck(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 delSparePartsInventoryCheck(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/sparePartsInventoryCheck/export', {
...this.queryParams
}, `sparePartsInventoryCheck_${new Date().getTime()}.xlsx`)
}
}
};
</script> -->

@ -0,0 +1,591 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<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="参照位置参考坐标或设备ID" prop="referenceLocation">
<el-input
v-model="queryParams.referenceLocation"
placeholder="请输入参照位置参考坐标或设备ID"
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="取电" prop="powerSource">
<el-input
v-model="queryParams.powerSource"
placeholder="请输入取电"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="电池类型" prop="batteryType">
<el-input
v-model="queryParams.batteryType"
placeholder="请输入电池类型"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input
v-model="queryParams.remarks"
placeholder="请输入备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="图片位置" prop="imageLocation">
<el-input
v-model="queryParams.imageLocation"
placeholder="请输入图片位置"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-input
v-model="queryParams.firstInstance"
placeholder="请输入第1次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-input
v-model="queryParams.secondInstance"
placeholder="请输入第2次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-input
v-model="queryParams.thirdInstance"
placeholder="请输入第3次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-input
v-model="queryParams.fourthInstance"
placeholder="请输入第4次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-input
v-model="queryParams.fifthInstance"
placeholder="请输入第5次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-input
v-model="queryParams.sixthInstance"
placeholder="请输入第6次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-input
v-model="queryParams.seventhInstance"
placeholder="请输入第7次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-input
v-model="queryParams.eighthInstance"
placeholder="请输入第8次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-input
v-model="queryParams.ninthInstance"
placeholder="请输入第9次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-input
v-model="queryParams.tenthInstance"
placeholder="请输入第10次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-input
v-model="queryParams.eleventhInstance"
placeholder="请输入第11次"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-input
v-model="queryParams.twelfthInstance"
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:sparePartsRegistration: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:sparePartsRegistration: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:sparePartsRegistration: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:sparePartsRegistration:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="sparePartsRegistrationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键自增ID" align="center" prop="objid" v-if="columns[0].visible"/>
<el-table-column label="类型" align="center" prop="type" v-if="columns[1].visible"/>
<el-table-column label="参照位置参考坐标或设备ID" align="center" prop="referenceLocation" v-if="columns[2].visible"/>
<el-table-column label="位置描述" align="center" prop="locationDescription" v-if="columns[3].visible"/>
<el-table-column label="取电" align="center" prop="powerSource" v-if="columns[4].visible"/>
<el-table-column label="电池类型" align="center" prop="batteryType" v-if="columns[5].visible"/>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[6].visible"/>
<el-table-column label="图片位置" align="center" prop="imageLocation" v-if="columns[7].visible"/>
<el-table-column label="第1次" align="center" prop="firstInstance" v-if="columns[8].visible"/>
<el-table-column label="第2次" align="center" prop="secondInstance" v-if="columns[9].visible"/>
<el-table-column label="第3次" align="center" prop="thirdInstance" v-if="columns[10].visible"/>
<el-table-column label="第4次" align="center" prop="fourthInstance" v-if="columns[11].visible"/>
<el-table-column label="第5次" align="center" prop="fifthInstance" v-if="columns[12].visible"/>
<el-table-column label="第6次" align="center" prop="sixthInstance" v-if="columns[13].visible"/>
<el-table-column label="第7次" align="center" prop="seventhInstance" v-if="columns[14].visible"/>
<el-table-column label="第8次" align="center" prop="eighthInstance" v-if="columns[15].visible"/>
<el-table-column label="第9次" align="center" prop="ninthInstance" v-if="columns[16].visible"/>
<el-table-column label="第10次" align="center" prop="tenthInstance" v-if="columns[17].visible"/>
<el-table-column label="第11次" align="center" prop="eleventhInstance" v-if="columns[18].visible"/>
<el-table-column label="第12次" align="center" prop="twelfthInstance" v-if="columns[19].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:sparePartsRegistration:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:sparePartsRegistration: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="type">
<el-input v-model="form.type" placeholder="请输入类型" />
</el-form-item>
<el-form-item label="参照位置参考坐标或设备ID" prop="referenceLocation">
<el-input v-model="form.referenceLocation" placeholder="请输入参照位置参考坐标或设备ID" />
</el-form-item>
<el-form-item label="位置描述" prop="locationDescription">
<el-input v-model="form.locationDescription" placeholder="请输入位置描述" />
</el-form-item>
<el-form-item label="取电" prop="powerSource">
<el-input v-model="form.powerSource" placeholder="请输入取电" />
</el-form-item>
<el-form-item label="电池类型" prop="batteryType">
<el-input v-model="form.batteryType" placeholder="请输入电池类型" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="图片位置" prop="imageLocation">
<el-input v-model="form.imageLocation" placeholder="请输入图片位置" />
</el-form-item>
<el-form-item label="第1次" prop="firstInstance">
<el-date-picker
v-model="form.firstInstance"
type="date"
placeholder="请选择第1次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第2次" prop="secondInstance">
<el-date-picker
v-model="form.secondInstance"
type="date"
placeholder="请选择第2次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第3次" prop="thirdInstance">
<el-date-picker
v-model="form.thirdInstance"
type="date"
placeholder="请选择第3次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第4次" prop="fourthInstance">
<el-date-picker
v-model="form.fourthInstance"
type="date"
placeholder="请选择第4次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第5次" prop="fifthInstance">
<el-date-picker
v-model="form.fifthInstance"
type="date"
placeholder="请选择第5次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第6次" prop="sixthInstance">
<el-date-picker
v-model="form.sixthInstance"
type="date"
placeholder="请选择第6次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第7次" prop="seventhInstance">
<el-date-picker
v-model="form.seventhInstance"
type="date"
placeholder="请选择第7次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第8次" prop="eighthInstance">
<el-date-picker
v-model="form.eighthInstance"
type="date"
placeholder="请选择第8次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第9次" prop="ninthInstance">
<el-date-picker
v-model="form.ninthInstance"
type="date"
placeholder="请选择第9次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第10次" prop="tenthInstance">
<el-date-picker
v-model="form.tenthInstance"
type="date"
placeholder="请选择第10次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第11次" prop="eleventhInstance">
<el-date-picker
v-model="form.eleventhInstance"
type="date"
placeholder="请选择第11次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="第12次" prop="twelfthInstance">
<el-date-picker
v-model="form.twelfthInstance"
type="date"
placeholder="请选择第12次日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
</el-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 { listSparePartsRegistration, getSparePartsRegistration, delSparePartsRegistration, addSparePartsRegistration, updateSparePartsRegistration } from "@/api/ems/info/sparePartsRegistration";
export default {
name: "SparePartsRegistration",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
sparePartsRegistrationList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
type: null,
referenceLocation: null,
locationDescription: null,
powerSource: null,
batteryType: null,
remarks: null,
imageLocation: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `类型`, visible: true },
{ key: 2, label: `参照位置参考坐标或设备ID`, visible: true },
{ key: 3, label: `位置描述`, visible: true },
{ key: 4, label: `取电`, visible: true },
{ key: 5, label: `电池类型`, visible: true },
{ key: 6, label: `备注`, visible: true },
{ key: 7, label: `图片位置`, visible: true },
{ key: 8, label: `第1次`, visible: true },
{ key: 9, label: `第2次`, visible: true },
{ key: 10, label: `第3次`, visible: true },
{ key: 11, label: `第4次`, visible: true },
{ key: 12, label: `第5次`, visible: true },
{ key: 13, label: `第6次`, visible: true },
{ key: 14, label: `第7次`, visible: true },
{ key: 15, label: `第8次`, visible: true },
{ key: 16, label: `第9次`, visible: true },
{ key: 17, label: `第10次`, visible: true },
{ key: 18, label: `第11次`, visible: true },
{ key: 19, label: `第12次`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询动力能源部行输科废旧备件登记列表 */
getList() {
this.loading = true;
listSparePartsRegistration(this.queryParams).then(response => {
this.sparePartsRegistrationList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
objid: null,
type: null,
referenceLocation: null,
locationDescription: null,
powerSource: null,
batteryType: null,
remarks: null,
imageLocation: null,
firstInstance: null,
secondInstance: null,
thirdInstance: null,
fourthInstance: null,
fifthInstance: null,
sixthInstance: null,
seventhInstance: null,
eighthInstance: null,
ninthInstance: null,
tenthInstance: null,
eleventhInstance: null,
twelfthInstance: 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.objid)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加动力能源部行输科废旧备件登记";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const objid = row.objid || this.ids
getSparePartsRegistration(objid).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改动力能源部行输科废旧备件登记";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.objid != null) {
updateSparePartsRegistration(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSparePartsRegistration(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const objids = row.objid || this.ids;
this.$modal.confirm('是否确认删除动力能源部行输科废旧备件登记编号为"' + objids + '"的数据项?').then(function() {
return delSparePartsRegistration(objids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/sparePartsRegistration/export', {
...this.queryParams
}, `sparePartsRegistration_${new Date().getTime()}.xlsx`)
}
}
};
</script>

@ -0,0 +1,405 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="日期" prop="date">
<el-input
v-model="queryParams.date"
placeholder="请输入日期"
clearable
@keyup.enter.native="handleQuery"
/>
</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-input
v-model="queryParams.inventoryStatus"
placeholder="请输入库存表状态"
clearable
@keyup.enter.native="handleQuery"
/>
</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" :columns="columns"></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 label="主键自增ID" align="center" prop="id" v-if="columns[0].visible"/>
<el-table-column label="日期" align="center" prop="date" v-if="columns[1].visible"/>
<el-table-column label="备件名称" align="center" prop="sparePartName" v-if="columns[2].visible"/>
<el-table-column label="备件型号" align="center" prop="sparePartModel" v-if="columns[3].visible"/>
<el-table-column label="使用数量" align="center" prop="quantityUsed" v-if="columns[4].visible"/>
<el-table-column label="剩余数量" align="center" prop="remainingQuantity" v-if="columns[5].visible"/>
<el-table-column label="领用库房" align="center" prop="issuingWarehouse" v-if="columns[6].visible"/>
<el-table-column label="更换位置" align="center" prop="replacementLocation" v-if="columns[7].visible"/>
<el-table-column label="领用人" align="center" prop="personReceived" v-if="columns[8].visible"/>
<el-table-column label="库管确认人" align="center" prop="warehouseManagerConfirmation" v-if="columns[9].visible"/>
<el-table-column label="库存表状态" align="center" prop="inventoryStatus" v-if="columns[10].visible"/>
<el-table-column label="部门仓库" align="center" prop="departmentWarehouse" v-if="columns[11].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<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
v-model="form.date"
type="date"
placeholder="请选择日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</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 v-model="form.quantityUsed" placeholder="请输入使用数量" />
</el-form-item>
<el-form-item label="剩余数量" prop="remainingQuantity">
<el-input 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-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: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `日期`, visible: true },
{ key: 2, label: `备件名称`, visible: true },
{ key: 3, label: `备件型号`, visible: true },
{ key: 4, label: `使用数量`, visible: true },
{ key: 5, label: `剩余数量`, visible: true },
{ key: 6, label: `领用库房`, visible: true },
{ key: 7, label: `更换位置`, visible: true },
{ key: 8, label: `领用人`, visible: true },
{ key: 9, label: `库管确认人`, visible: true },
{ key: 10, label: `库存表状态`, visible: true },
{ key: 11, label: `部门仓库`, visible: true },
]
};
},
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,448 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="日期" prop="date">
<el-input
v-model="queryParams.date"
placeholder="请输入日期"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="作业类别" prop="jobCategory">
<el-input
v-model="queryParams.jobCategory"
placeholder="请输入作业类别"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="作业单位" prop="jobUnit">
<el-input
v-model="queryParams.jobUnit"
placeholder="请输入作业单位"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="作业名称" prop="jobName">
<el-input
v-model="queryParams.jobName"
placeholder="请输入作业名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="作业风险" prop="jobRisk">
<el-input
v-model="queryParams.jobRisk"
placeholder="请输入作业风险"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="监督检查层级" prop="supervisionLevel">
<el-input
v-model="queryParams.supervisionLevel"
placeholder="请输入监督检查层级"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="作业科室" prop="jobDepartment">
<el-input
v-model="queryParams.jobDepartment"
placeholder="请输入作业科室"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="监管人员" prop="regulatoryPersonnel">
<el-input
v-model="queryParams.regulatoryPersonnel"
placeholder="请输入监管人员"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="检查人员" prop="inspectionPersonnel">
<el-input
v-model="queryParams.inspectionPersonnel"
placeholder="请输入检查人员"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="检查出的问题" prop="problemsFound">
<el-input
v-model="queryParams.problemsFound"
placeholder="请输入检查出的问题"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson">
<el-input
v-model="queryParams.outsourcingUnitResponsiblePerson"
placeholder="请输入外包单位责任人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop">
<el-input
v-model="queryParams.isWorkOrderClosedLoop"
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:supervisionChecklist: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:supervisionChecklist: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:supervisionChecklist: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:supervisionChecklist:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="supervisionChecklistList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键自增ID" align="center" prop="id" v-if="columns[0].visible"/>
<el-table-column label="日期" align="center" prop="date" v-if="columns[1].visible"/>
<el-table-column label="作业类别" align="center" prop="jobCategory" v-if="columns[2].visible"/>
<el-table-column label="作业单位" align="center" prop="jobUnit" v-if="columns[3].visible"/>
<el-table-column label="作业名称" align="center" prop="jobName" v-if="columns[4].visible"/>
<el-table-column label="作业风险" align="center" prop="jobRisk" v-if="columns[5].visible"/>
<el-table-column label="风险管控措施" align="center" prop="riskControlMeasures" v-if="columns[6].visible"/>
<el-table-column label="监督检查层级" align="center" prop="supervisionLevel" v-if="columns[7].visible"/>
<el-table-column label="监督检查落实情况" align="center" prop="supervisionImplementation" v-if="columns[8].visible"/>
<el-table-column label="作业科室" align="center" prop="jobDepartment" v-if="columns[9].visible"/>
<el-table-column label="监管人员" align="center" prop="regulatoryPersonnel" v-if="columns[10].visible"/>
<el-table-column label="检查人员" align="center" prop="inspectionPersonnel" v-if="columns[11].visible"/>
<el-table-column label="检查出的问题" align="center" prop="problemsFound" v-if="columns[12].visible"/>
<el-table-column label="外包单位责任人" align="center" prop="outsourcingUnitResponsiblePerson" v-if="columns[13].visible"/>
<el-table-column label="工单变更内容" align="center" prop="workOrderChangeContent" v-if="columns[14].visible"/>
<el-table-column label="本工单是否闭环" align="center" prop="isWorkOrderClosedLoop" v-if="columns[15].visible"/>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[16].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ems/info:supervisionChecklist:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ems/info:supervisionChecklist: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
v-model="form.date"
type="date"
placeholder="请选择日期"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
/>
</el-form-item>
<el-form-item label="作业类别" prop="jobCategory">
<el-input v-model="form.jobCategory" placeholder="请输入作业类别" />
</el-form-item>
<el-form-item label="作业单位" prop="jobUnit">
<el-input v-model="form.jobUnit" placeholder="请输入作业单位" />
</el-form-item>
<el-form-item label="作业名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入作业名称" />
</el-form-item>
<el-form-item label="作业风险" prop="jobRisk">
<el-input v-model="form.jobRisk" placeholder="请输入作业风险" />
</el-form-item>
<el-form-item label="风险管控措施" prop="riskControlMeasures">
<el-input v-model="form.riskControlMeasures" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="监督检查层级" prop="supervisionLevel">
<el-input v-model="form.supervisionLevel" placeholder="请输入监督检查层级" />
</el-form-item>
<el-form-item label="监督检查落实情况" prop="supervisionImplementation">
<el-input v-model="form.supervisionImplementation" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="作业科室" prop="jobDepartment">
<el-input v-model="form.jobDepartment" placeholder="请输入作业科室" />
</el-form-item>
<el-form-item label="监管人员" prop="regulatoryPersonnel">
<el-input v-model="form.regulatoryPersonnel" placeholder="请输入监管人员" />
</el-form-item>
<el-form-item label="检查人员" prop="inspectionPersonnel">
<el-input v-model="form.inspectionPersonnel" placeholder="请输入检查人员" />
</el-form-item>
<el-form-item label="检查出的问题" prop="problemsFound">
<el-input v-model="form.problemsFound" placeholder="请输入检查出的问题" />
</el-form-item>
<el-form-item label="外包单位责任人" prop="outsourcingUnitResponsiblePerson">
<el-input v-model="form.outsourcingUnitResponsiblePerson" placeholder="请输入外包单位责任人" />
</el-form-item>
<el-form-item label="工单变更内容">
<editor v-model="form.workOrderChangeContent" :min-height="192"/>
</el-form-item>
<el-form-item label="本工单是否闭环" prop="isWorkOrderClosedLoop">
<el-input v-model="form.isWorkOrderClosedLoop" placeholder="请输入本工单是否闭环" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-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 { listSupervisionChecklist, getSupervisionChecklist, delSupervisionChecklist, addSupervisionChecklist, updateSupervisionChecklist } from "@/api/ems/info/supervisionChecklist";
export default {
name: "SupervisionChecklist",
data() {
return {
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
supervisionChecklistList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 10,
date: null,
jobCategory: null,
jobUnit: null,
jobName: null,
jobRisk: null,
riskControlMeasures: null,
supervisionLevel: null,
supervisionImplementation: null,
jobDepartment: null,
regulatoryPersonnel: null,
inspectionPersonnel: null,
problemsFound: null,
outsourcingUnitResponsiblePerson: null,
workOrderChangeContent: null,
isWorkOrderClosedLoop: null,
remarks: null
},
//
form: {},
//
rules: {
},
columns: [
{ key: 0, label: `主键自增ID`, visible: false },
{ key: 1, label: `日期`, visible: true },
{ key: 2, label: `作业类别`, visible: true },
{ key: 3, label: `作业单位`, visible: true },
{ key: 4, label: `作业名称`, visible: true },
{ key: 5, label: `作业风险`, visible: true },
{ key: 6, label: `风险管控措施`, visible: true },
{ key: 7, label: `监督检查层级`, visible: true },
{ key: 8, label: `监督检查落实情况`, visible: true },
{ key: 9, label: `作业科室`, visible: true },
{ key: 10, label: `监管人员`, visible: true },
{ key: 11, label: `检查人员`, visible: true },
{ key: 12, label: `检查出的问题`, visible: true },
{ key: 13, label: `外包单位责任人`, visible: true },
{ key: 14, label: `工单变更内容`, visible: true },
{ key: 15, label: `本工单是否闭环`, visible: true },
{ key: 16, label: `备注`, visible: true },
]
};
},
created() {
this.getList();
},
methods: {
/** 查询动力能源部监督检查清单列表 */
getList() {
this.loading = true;
listSupervisionChecklist(this.queryParams).then(response => {
this.supervisionChecklistList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
id: null,
date: null,
jobCategory: null,
jobUnit: null,
jobName: null,
jobRisk: null,
riskControlMeasures: null,
supervisionLevel: null,
supervisionImplementation: null,
jobDepartment: null,
regulatoryPersonnel: null,
inspectionPersonnel: null,
problemsFound: null,
outsourcingUnitResponsiblePerson: null,
workOrderChangeContent: null,
isWorkOrderClosedLoop: 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
getSupervisionChecklist(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) {
updateSupervisionChecklist(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSupervisionChecklist(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 delSupervisionChecklist(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('ems/info/supervisionChecklist/export', {
...this.queryParams
}, `supervisionChecklist_${new Date().getTime()}.xlsx`)
}
}
};
</script>

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save