| | |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="设备编号" prop="equipmentId"> |
| | | <el-form-item label="设备编号" prop="equipmentNo"> |
| | | <el-input |
| | | v-model="formData.equipmentId" |
| | | v-model="formData.equipmentNo" |
| | | placeholder="请输入设备编号" |
| | | :disabled="isViewMode" |
| | | style="width: 100%" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="使用状态" prop="usageStatus"> |
| | | <!-- <el-col :span="11"> --> |
| | | <!-- <el-form-item label="使用状态" prop="usageStatus"> |
| | | <el-select |
| | | v-model="formData.usageStatus" |
| | | placeholder="请选择使用状态" |
| | |
| | | <el-option label="启用" value="1" /> |
| | | <el-option label="禁用" value="0" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-form-item> --> |
| | | <!-- </el-col> --> |
| | | <el-col :span="11"> |
| | | <el-form-item label="使用部门" prop="usingDepartment"> |
| | | <el-input |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item class="dialog-footer"> |
| | | <el-button v-if="!isViewMode" @click="cancelForm">取消</el-button> |
| | | <el-button @click="cancelForm">取消</el-button> |
| | | <el-button v-if="!isViewMode" type="primary" @click="submitForm">确定</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <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({ |
| | | equipmentId: [ |
| | | equipmentNo: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | equipmentName: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | }); |