| | |
| | | }; |
| | | |
| | | // 响应式状态管理 - 使用解构和默认值 |
| | | const initFormState = () => ({ consumables: false }); |
| | | const initFormState = () => ({ isConsumables: false }); |
| | | |
| | | const state = reactive({ |
| | | form: initFormState(), |
| | |
| | | columns: [ |
| | | { prop: "equipmentNo", label: "设备编号", minWidth: 100 }, |
| | | { prop: "equipmentName", label: "设备名称", minWidth: 100 }, |
| | | { prop: "consumables", label: "耗材", |
| | | formatter: (row) => (row.consumables ? "是" : "否"), minWidth: 100 }, |
| | | { prop: "isConsumables", label: "耗材", |
| | | formatter: (row) => (row.isConsumables ? "是" : "否"), minWidth: 100 }, |
| | | { prop: "quantity", label: "总数量", minWidth: 100 }, |
| | | { prop: "usedNo", label: "已使用数量", minWidth: 100 }, |
| | | { prop: "specification", label: "规格型号", minWidth: 100 }, |
| | |
| | | |
| | | const resetState = () => { |
| | | form.value = { |
| | | consumables: false, |
| | | isConsumables: false, |
| | | }; |
| | | addOrEdit.value = "add"; |
| | | loading.value = true; |
| | |
| | | const handleAdd = () => { |
| | | addOrEdit.value = "add"; |
| | | form.value = { |
| | | consumables: false, |
| | | isConsumables: false, |
| | | }; |
| | | title.value = `新增${currentTabConfig.value.label}`; |
| | | // 通用的 |
| | |
| | | </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-form-item label="是否为耗材" prop="isConsumables"> |
| | | <el-select v-model="formData.isConsumables" placeholder="请选择是否为耗材类型" :disabled="isViewMode"> |
| | | <el-option label="是" :value="true" /> |
| | | <el-option label="否" :value="false" /> |
| | | </el-select> |
| | |
| | | equipmentName: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | consumables: [ |
| | | isConsumables: [ |
| | | { required: true, message: "请选择是否为耗材", trigger: "change" }, |
| | | ], |
| | | }); |