feat(ems): 为备件登记和领用记录页面添加复制功能

- 在备件登记和领用记录页面的表格中添加复制按钮
- 点击复制按钮后,将备件名称和型号保存到 copiedData 属性中
- 在新增备件时,如果存在复制的数据,自动填充备件名称和型号
- 优化操作列的宽度,以适应新增的复制按钮
boardTest
zch 3 weeks ago
parent 4878e9a10d
commit c9c15dad04

@ -145,8 +145,14 @@
</el-table-column>
<el-table-column label="备注" align="center" prop="remarks" v-if="columns[7].visible">
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-copy-document"
@click="handleCopy(scope.row)"
>复制</el-button>
<el-button
size="mini"
type="text"
@ -260,6 +266,8 @@
title: "",
//
open: false,
//
copiedData: null,
//
queryParams: {
pageNum: 1,
@ -360,6 +368,11 @@
/** 新增按钮操作 */
handleAdd() {
this.reset();
//
if (this.copiedData) {
this.form.sparePartsName = this.copiedData.sparePartsName;
this.form.sparePartModel = this.copiedData.sparePartModel;
}
this.open = true;
this.title = "添加动力能源部行输科废旧备件登记";
},
@ -434,6 +447,14 @@
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleCopy(row) {
this.copiedData = {
sparePartsName: row.sparePartsName,
sparePartModel: row.sparePartModel
};
this.$modal.msgSuccess("已复制备件名称和型号");
}
}
};

@ -165,8 +165,14 @@
<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">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-copy-document"
@click="handleCopy(scope.row)"
>复制</el-button>
<el-button
size="mini"
type="text"
@ -289,6 +295,8 @@
title: "",
//
open: false,
//
copiedData: null,
//
queryParams: {
pageNum: 1,
@ -399,6 +407,11 @@
/** 新增按钮操作 */
handleAdd() {
this.reset();
//
if (this.copiedData) {
this.form.sparePartName = this.copiedData.sparePartName;
this.form.sparePartModel = this.copiedData.sparePartModel;
}
this.open = true;
this.title = "添加动力能源部行输科备件领用更换记录";
},
@ -473,6 +486,14 @@
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleCopy(row) {
this.copiedData = {
sparePartName: row.sparePartName,
sparePartModel: row.sparePartModel
};
this.$modal.msgSuccess("已复制备件名称和型号");
}
}
};

Loading…
Cancel
Save