| | |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="设备编号" prop="equipmentName"> |
| | | <el-form-item label="设备编号" prop="equipmentNo"> |
| | | <el-input |
| | | v-model="formData.equipmentName" |
| | | v-model="formData.equipmentNo" |
| | | placeholder="请输入设备编号" |
| | | :disabled="isViewMode" |
| | | style="width: 100%" |
| | |
| | | :disabled="isViewMode" |
| | | style="width: 100%" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="是否为耗材" prop="consumables"> |
| | | <el-select v-model="formData.consumables" placeholder="请选择是否为耗材类型" :disabled="isViewMode"> |
| | | <el-option label="是" :value="true" /> |
| | | <el-option label="否" :value="false" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | |
| | | <script setup> |
| | | import { ref, watch, computed, reactive } from "vue"; |
| | | import { addOrEditEquipment } from "@/api/equipment/management/index.js"; |
| | | import { ElMessage } from "element-plus"; |
| | | |
| | | const props = defineProps({ |
| | | beforeClose: { |
| | |
| | | try { |
| | | const result = await addOrEditEquipment({ ...formData.value }); |
| | | const title = props.title.includes("新增") ? "新增" : "编辑"; |
| | | |
| | | console.log(result) |
| | | if (result.code === 200 && result.msg) { |
| | | ElMessage.success(`${title}成功:${result.msg}`); |
| | | emit("submit", { title, ...formData.value, result }); |
| | |
| | | } |
| | | } catch (error) { |
| | | console.error("提交失败:", error); |
| | | ElMessage.error("提交失败,请重试"); |
| | | } |
| | | }); |
| | | }; |
| | |
| | | closeDialog(); |
| | | }; |
| | | const rules = reactive({ |
| | | equipmentNo: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | equipmentName: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | consumables: [ |
| | | { required: true, message: "请选择是否为耗材", trigger: "change" }, |
| | | ], |
| | | }); |
| | | </script> |
| | | <style lang="scss" scoped> |