|  |  | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | // 响应式状态管理 - 使用解构和默认值 | 
 |  |  | 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" }, | 
 |  |  |   ], | 
 |  |  | }); |