新增预警页面

web-vue/packages/erp/views/erp/transactionFlow/form.vue

@@ -4,20 +4,20 @@
  * @author gaoxq
 -->
 <template>
-  <BasicDrawer
+  <BasicModal
     v-bind="$attrs"
     :showFooter="true"
     :okAuth="'erp:transactionFlow:edit'"
-    @register="registerDrawer"
+    @register="registerModal"
     @ok="handleSubmit"
-    width="70%"
+    width="60%"
   >
     <template #title>
       <Icon :icon="getTitle.icon" class="m-1 pr-1" />
       <span> {{ getTitle.value }} </span>
     </template>
     <BasicForm @register="registerForm" />
-  </BasicDrawer>
+  </BasicModal>
 </template>
 <script lang="ts" setup name="ViewsErpTransactionFlowForm">
   import { ref, unref, computed } from 'vue';
@@ -26,7 +26,7 @@
   import { router } from '@jeesite/core/router';
   import { Icon } from '@jeesite/core/components/Icon';
   import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
-  import { BasicDrawer, useDrawerInner } from '@jeesite/core/components/Drawer';
+  import { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
   import { ErpCategory, erpCategoryListAll } from '@jeesite/erp/api/erp/category';
   import { ErpTransactionFlow, erpTransactionFlowSave, erpTransactionFlowForm } from '@jeesite/erp/api/erp/transactionFlow';
 
@@ -118,20 +118,20 @@
     baseColProps: { md: 24, lg: 12 },
   });
 
-  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-    setDrawerProps({ loading: true });
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    setModalProps({ loading: true });
     await resetFields();
     const res = await erpTransactionFlowForm(data);
     record.value = (res.erpTransactionFlow || {}) as ErpTransactionFlow;
     record.value.__t = new Date().getTime();
     await setFieldsValue(record.value);
-    setDrawerProps({ loading: false });
+    setModalProps({ loading: false });
   });
 
   async function handleSubmit() {
     try {
       const data = await validate();
-      setDrawerProps({ confirmLoading: true });
+      setModalProps({ confirmLoading: true });
       const params: any = {
         isNewRecord: record.value.isNewRecord,
         flowId: record.value.flowId || data.flowId,
@@ -139,7 +139,7 @@
       // console.log('submit', params, data, record);
       const res = await erpTransactionFlowSave(params, data);
       showMessage(res.message);
-      setTimeout(closeDrawer);
+      setTimeout(closeModal);
       emit('success', data);
     } catch (error: any) {
       if (error && error.errorFields) {
@@ -147,7 +147,7 @@
       }
       console.log('error', error);
     } finally {
-      setDrawerProps({ confirmLoading: false });
+      setModalProps({ confirmLoading: false });
     }
   }
 </script>

web-vue/packages/erp/views/erp/transactionFlow/list.vue

@@ -19,7 +19,7 @@
         </a-button>
       </template>
     </BasicTable>
-    <InputForm @register="registerDrawer" @success="handleSuccess" />
+    <InputForm @register="registerModal" @success="handleSuccess" />
     <FormImport @register="registerImportModal" @success="handleSuccess" />
   </div>
 </template>
@@ -34,7 +34,6 @@
   import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
   import { ErpTransactionFlow, erpTransactionFlowList } from '@jeesite/erp/api/erp/transactionFlow';
   import { erpTransactionFlowDelete, erpTransactionFlowFinish, erpTransactionFlowListData } from '@jeesite/erp/api/erp/transactionFlow';
-  import { useDrawer } from '@jeesite/core/components/Drawer';
   import { useModal } from '@jeesite/core/components/Modal';
   import { FormProps } from '@jeesite/core/components/Form';
   import InputForm from './form.vue';
@@ -267,10 +266,10 @@
     await getForm().setFieldsValue(record.value);
   });
 
-  const [registerDrawer, { openDrawer }] = useDrawer();
+  const [registerModal, { openModal }] = useModal();
 
   function handleForm(record: Recordable) {
-    openDrawer(true, record);
+    openModal(true, record);
   }
 
   async function handleExport() {
@@ -302,8 +301,6 @@
     showMessage(res.message);
     await handleSuccess(record);
   }
-  
-  
 
   async function handleSuccess(record: Recordable) {
     await reload({ record });