| | |
| | | > |
| | | <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%" |
| | |
| | | <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" }, |
| | | ], |