1.弹框提交按钮位置统一

gaoluyang

18 小时以前 3635df0bf15df4c2ed450804ac9c1b0027573b2c

 src/views/equipmentManagement/ledger/Modal.vue

@@ -1,11 +1,11 @@
<template>
  <el-dialog :title="modalOptions.title" v-model="visible">
  <el-dialog :title="modalOptions.title" v-model="visible" @close="close">
    <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>
      <el-button type="primary" @click="sendForm" :loading="loading">
        {{ modalOptions.confirmText }}
      </el-button>
    </template>
  </el-dialog>
</template>
@@ -31,22 +31,27 @@
  modalOptions,
  handleConfirm,
  closeModal,
} = useModal();
} = useModal({ title: "设备台账" });

const sendForm = async () => {
  loading.value = true;
  const { code } = id
  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" });
    closeModal();
    close();
  } else {
    loading.value = false;
  }
};

const close = () => {
  formRef.value.resetForm();
  closeModal();
};

const loadForm = async (id) => {
  openModal(id);
  await nextTick();