gongchunyi
2026-05-28 23fc9eb0f2a9d3822cf21894ff25f551751f7d4e
src/views/equipmentManagement/ledger/Modal.vue
对比新文件
@@ -0,0 +1,69 @@
<template>
  <el-dialog :title="modalOptions.title" v-model="visible" @close="close" draggable>
    <Form ref="formRef"></Form>
    <template #footer>
         <el-button type="primary" @click="sendForm" :loading="loading">
            {{ modalOptions.confirmText }}
         </el-button>
      <el-button @click="closeModal">{{ modalOptions.cancelText }}</el-button>
    </template>
  </el-dialog>
</template>
<script setup>
import { useModal } from "@/hooks/useModal";
import { addLedger, editLedger } from "@/api/equipmentManagement/ledger";
import Form from "./Form.vue";
import { ElMessage } from "element-plus";
const { proxy } = getCurrentInstance()
defineOptions({
  name: "璁惧鍙拌处鏂板缂栬緫",
});
const emits = defineEmits(["success"]);
const formRef = ref();
const {
  id,
  visible,
  loading,
  openModal,
  modalOptions,
  handleConfirm,
  closeModal,
} = useModal({ title: "璁惧鍙拌处" });
const sendForm = () => {
   proxy.$refs.formRef.$refs.formRef.validate(async valid => {
      if (valid) {
         const {code} = id.value
            ? await editLedger({id: id.value, ...formRef.value.form})
            : await addLedger(formRef.value.form);
         if (code == 200) {
            emits("success");
            ElMessage({message: "鎿嶄綔鎴愬姛", type: "success"});
            close();
         } else {
            loading.value = false;
         }
      }
   })
};
const close = () => {
   formRef.value.resetFormAndValidate();
  closeModal();
};
const loadForm = async (id) => {
  openModal(id);
  await nextTick();
  formRef.value.loadForm(id);
};
defineExpose({
  openModal,
  loadForm,
});
</script>