| src/api/equipmentManagement/spareParts.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/equipmentManagement/repair/Modal/MaintainModal.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/equipmentManagement/spareParts/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/api/equipmentManagement/spareParts.js
@@ -20,6 +20,15 @@ }); }; // 查询备件选项 export const getSparePartsOptions = (params) => { return request({ url: "/spareParts/getByIdDeviceId", method: "get", params, }); }; /** * @desc 新增 */ src/views/equipmentManagement/repair/Modal/MaintainModal.vue
@@ -32,6 +32,16 @@ style="width: 100%" /> </el-form-item> <el-form-item label="设备备件"> <el-select v-model="form.sparePartsIds" :loading="loadingSparePartOptions" placeholder="请选择设备备件" multiple filterable> <el-option v-for="item in sparePartOptions" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-form> </FormDialog> </template> @@ -43,6 +53,7 @@ import useUserStore from "@/store/modules/user"; import dayjs from "dayjs"; import { ElMessage } from "element-plus"; import {getSparePartsOptions} from "@/api/equipmentManagement/spareParts.js"; defineOptions({ name: "维修模态框", @@ -61,7 +72,10 @@ maintenanceResult: undefined, // 维修结果 maintenanceTime: undefined, // 维修日期 status: 0, sparePartsIds: undefined, }); const sparePartOptions = ref([]) const loadingSparePartOptions = ref(true) const setForm = (data) => { form.maintenanceName = data.maintenanceName ?? userStore.nickName; @@ -71,6 +85,7 @@ ? dayjs(data.maintenanceTime).format("YYYY-MM-DD HH:mm:ss") : dayjs().format("YYYY-MM-DD HH:mm:ss"); form.status = 1; // 默认状态为完结 form.sparePartsIds = data.sparePartsIds; }; const sendForm = async () => { @@ -88,6 +103,17 @@ } }; const fetchSparePartOptions = (deviceLedgerId) => { loadingSparePartOptions.value = true; getSparePartsOptions({ deviceLedgerId: deviceLedgerId }).then((res) => { if (res.code == 200) { sparePartOptions.value = res.data || []; } }).finally(() => { loadingSparePartOptions.value = false; }) } const handleCancel = () => { resetForm(); visible.value = false; @@ -103,6 +129,7 @@ visible.value = true; await nextTick(); setForm(row); fetchSparePartOptions(row.deviceLedgerId) }; defineExpose({ src/views/equipmentManagement/spareParts/index.vue
@@ -36,7 +36,6 @@ <el-tag type="success" size="small">{{ row.status }}</el-tag> </template> </el-table-column> <el-table-column prop="price" label="价格" width="140"></el-table-column> <el-table-column prop="quantity" label="数量" width="140"></el-table-column> <el-table-column prop="description" label="描述"></el-table-column> <el-table-column label="操作" width="150" fixed="right" align="center"> @@ -111,16 +110,6 @@ <el-form-item label="描述" prop="description"> <el-input v-model="form.description"></el-input> </el-form-item> <el-form-item label="价格" prop="price"> <el-input-number v-model="form.price" placeholder="请输入价格" :min="0" :step="0.01" :precision="2" style="width: 100%" ></el-input-number> </el-form-item> </el-form> <template #footer> <span class="dialog-footer"> @@ -173,7 +162,6 @@ status: '', description: '', deviceLedgerIds: [], price: null }); // 表单验证规则 @@ -298,7 +286,6 @@ form.status = ''; form.description = ''; form.deviceLedgerIds = []; form.price = null; operationType.value = 'add' dialogVisible.value = true; }; src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue
@@ -38,6 +38,16 @@ placeholder="请输入保养结果" type="text" /> </el-form-item> <el-form-item label="设备备件"> <el-select v-model="form.sparePartsIds" :loading="loadingSparePartOptions" placeholder="请选择设备备件" multiple filterable> <el-option v-for="item in sparePartOptions" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-form> </FormDialog> </template> @@ -45,6 +55,7 @@ <script setup> import FormDialog from "@/components/Dialog/FormDialog.vue"; import { addMaintenance } from "@/api/equipmentManagement/upkeep"; import {getSparePartsOptions} from "@/api/equipmentManagement/spareParts.js"; import useFormData from "@/hooks/useFormData"; import dayjs from "dayjs"; import useUserStore from "@/store/modules/user"; @@ -67,7 +78,10 @@ maintenanceActuallyTime: undefined, // 实际保养日期 maintenanceResult: undefined, // 保养结果 status: 0, // 保养状态 sparePartsIds: undefined, }); const sparePartOptions = ref([]) const loadingSparePartOptions = ref(true) const setForm = (data) => { form.maintenanceActuallyName = @@ -78,7 +92,19 @@ : dayjs().format("YYYY-MM-DD HH:mm:ss"); form.maintenanceResult = data.maintenanceResult; form.status = 1; // 默认状态为完结 form.sparePartsIds = data.sparePartsIds; }; const fetchSparePartOptions = (deviceLedgerId) => { loadingSparePartOptions.value = true; getSparePartsOptions({ deviceLedgerId: deviceLedgerId }).then((res) => { if (res.code == 200) { sparePartOptions.value = res.data || []; } }).finally(() => { loadingSparePartOptions.value = false; }) } /** * @desc 保存保养 @@ -113,6 +139,7 @@ visible.value = true; await nextTick(); setForm(row); fetchSparePartOptions(row.deviceLedgerId) }; defineExpose({