feat(安全教育培训): 弹窗偶尔禁用

src/api/project/safetyEducation.ts

@@ -5,6 +5,7 @@ enum Api {
     GetList = '/pro/educationTraining/page',
     UpdateProject = '/pro/educationTraining/update',
     DeleteProject = '/pro/educationTraining/del',
+    GetUserList = '/pro/sys/sysUser'
 }
 
 export const getListByPage = (params?: ProjectParams) =>
@@ -18,3 +19,6 @@ export const updateItem = (params?: any) =>
 
 export const deleteItem = (params?: any) =>
     defHttp.delete<ProjectModel>({ url: Api.DeleteProject, params });
+
+export const getUserList = (params?: ProjectParams) =>
+    defHttp.post<ProjectModel>({ url: Api.GetUserList, data: params });

src/views/potentialSafety/index.vue

@@ -82,7 +82,9 @@ function handleDelete(record: Recordable) {
   deleteItem({ id: record.id });
   reload();
 }
-
+function handleSuccess() {
+  reload();
+}
 function handleCreate() {
   openDrawer(true, {
     isUpdate: false,

src/views/potentialSafety/safetyDrawer.vue

@@ -37,8 +37,18 @@
     if (isUpdate.value) {
       detailId.value = data.record.id;
       getTitle.value = '编辑隐患管理';
+      const formEl = unref(formElRef);
+      if (!formEl) return;
+      await formEl.setProps({
+        disabled: false,
+      });
     } else {
       getTitle.value = '创建隐患管理';
+      const formEl = unref(formElRef);
+      if (!formEl) return;
+      await formEl.setProps({
+        disabled: false,
+      });
     }
     if (data.disabled == true) {
       getTitle.value = '查看隐患管理';

src/views/safetyEducation/educationDrawer.vue

 <template>
   <BasicDrawer
-      v-bind="$attrs"
-      @register="registerDrawer"
-      showFooter
-      :title="getTitle"
-      width="700px"
-      @ok="handleSubmit"
+    v-bind="$attrs"
+    @register="registerDrawer"
+    showFooter
+    :title="getTitle"
+    width="700px"
+    @ok="handleSubmit"
   >
     <BasicForm ref="formElRef" @register="registerForm">
       <!-- <template #menu="{ model, field }"> </template> -->
@@ -13,66 +13,76 @@
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
-import { ref, unref } from 'vue';
-import { BasicForm, useForm, FormActionType } from '@/components/Form';
-import { formSchema } from './data';
-import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
-import { addItem, updateItem } from '@/api/project/safetyEducation';
+  import { ref, unref } from 'vue';
+  import { BasicForm, useForm, FormActionType } from '@/components/Form';
+  import { formSchema } from './data';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { addItem, updateItem } from '@/api/project/safetyEducation';
 
-const emit = defineEmits(['success', 'register']);
-const isUpdate = ref(true);
-const detailId = ref(0);
-const formElRef = ref<Nullable<FormActionType>>(null);
-const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-  labelWidth: 90,
-  baseColProps: { span: 24 },
-  schemas: formSchema,
-  showActionButtonGroup: false,
-});
+  const emit = defineEmits(['success', 'register']);
+  const isUpdate = ref(true);
+  const detailId = ref(0);
+  const formElRef = ref<Nullable<FormActionType>>(null);
+  const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
+    labelWidth: 90,
+    baseColProps: { span: 24 },
+    schemas: formSchema,
+    showActionButtonGroup: false,
+  });
 
-const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-  resetFields();
-  setDrawerProps({ confirmLoading: false });
-  isUpdate.value = !!data?.isUpdate;
-  if (isUpdate.value) {
-    detailId.value = data.record.id;
-    getTitle.value = '编辑安全教育';
-  } else {
-    getTitle.value = '创建安全教育';
-  }
-  if (data.disabled == true) {
-    getTitle.value = '查看安全教育';
-    const formEl = unref(formElRef);
-    if (!formEl) return;
-    await formEl.setProps({
-      disabled: true,
-    });
-  }
-
-  if (unref(isUpdate)) {
-    setFieldsValue({
-      ...data.record,
-    });
-  }
-});
-
-const getTitle = ref('');
-async function handleSubmit() {
-  try {
-    const values = await validate();
-    setDrawerProps({ confirmLoading: true });
+  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+    resetFields();
+    setDrawerProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
     if (isUpdate.value) {
-      values.id = detailId.value;
+      detailId.value = data.record.id;
+      getTitle.value = '编辑安全教育';
+      const formEl = unref(formElRef);
+      if (!formEl) return;
+      await formEl.setProps({
+        disabled: false,
+      });
+    } else {
+      getTitle.value = '创建安全教育';
+      const formEl = unref(formElRef);
+      if (!formEl) return;
+      await formEl.setProps({
+        disabled: false,
+      });
+    }
+    if (data.disabled == true) {
+      getTitle.value = '查看安全教育';
+      const formEl = unref(formElRef);
+      if (!formEl) return;
+      await formEl.setProps({
+        disabled: true,
+      });
     }
-    // TODO custom api
-    console.log(values);
-    let res = isUpdate.value ? await updateItem(values) : await addItem(values);
-    console.log(res);
 
-    closeDrawer();
-    emit('success', res);
-  } finally {
-    setDrawerProps({ confirmLoading: false });
+    if (unref(isUpdate)) {
+      setFieldsValue({
+        ...data.record,
+      });
+    }
+  });
+
+  const getTitle = ref('');
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setDrawerProps({ confirmLoading: true });
+      if (isUpdate.value) {
+        values.id = detailId.value;
+      }
+      // TODO custom api
+      console.log(values);
+      let res = isUpdate.value ? await updateItem(values) : await addItem(values);
+      console.log(res);
+
+      closeDrawer();
+      emit('success', res);
+    } finally {
+      setDrawerProps({ confirmLoading: false });
+    }
   }
-}
 </script>

src/views/safetyEducation/index.vue

@@ -88,6 +88,10 @@ function handleCreate() {
     isUpdate: false,
   });
 }
+
+function handleSuccess() {
+  reload();
+}
 </script>
 
 <style scoped lang="less"></style>