feat(pages): 添加新页面组件

- 创建了 add.config.ts 配置文件 - 实现了 add.tsx 页面组件 - 添加了 index.config.ts 配置文件 - 创建了 index.tsx 页面组件
2026-03-16 21:53:20 +08:00
parent 338edaac13
commit 694efb77ec
4 changed files with 170 additions and 0 deletions
--- a/src/credit/creditMpCustomer/add.tsx
+++ b/src/credit/creditMpCustomer/add.tsx
@@ -0,0 +1,98 @@
+import {useEffect, useState, useRef} from "react";
+import {useRouter} from '@tarojs/taro'
+import {Button, Loading, CellGroup, Input, TextArea, Form} from '@nutui/nutui-react-taro'
+import Taro from '@tarojs/taro'
+import {View} from '@tarojs/components'
+import {CreditMpCustomer} from "@/api/credit/creditMpCustomer/model";
+import {getCreditMpCustomer, listCreditMpCustomer, updateCreditMpCustomer, addCreditMpCustomer} from "@/api/credit/creditMpCustomer";
+
+const AddCreditMpCustomer = () => {
+  const {params} = useRouter();
+  const [loading, setLoading] = useState<boolean>(true)
+  const [FormData, setFormData] = useState<CreditMpCustomer>({})
+  const formRef = useRef<any>(null)
+
+  const reload = async () => {
+    if (params.id) {
+      const data = await getCreditMpCustomer(Number(params.id))
+      setFormData(data)
+    } else {
+      setFormData({})
+    }
+  }
+
+  // 提交表单
+  const submitSucceed = async (values: any) => {
+    try {
+      if (params.id) {
+        // 编辑模式
+        await updateCreditMpCustomer({
+          ...values,
+          id: Number(params.id)
+        })
+      } else {
+        // 新增模式
+        await addCreditMpCustomer(values)
+      }
+
+      Taro.showToast({
+        title: `操作成功`,
+        icon: 'success'
+      })
+
+      setTimeout(() => {
+        return Taro.navigateBack()
+      }, 1000)
+    } catch (error) {
+      Taro.showToast({
+        title: `操作失败`,
+        icon: 'error'
+      });
+    }
+  }
+
+  const submitFailed = (error: any) => {
+    console.log(error, 'err...')
+  }
+
+  useEffect(() => {
+    reload().then(() => {
+      setLoading(false)
+    })
+  }, []);
+
+  if (loading) {
+    return <Loading className={'px-2'}>加载中</Loading>
+  }
+
+  return (
+    <>
+      <Form
+        ref={formRef}
+        divider
+        initialValues={FormData}
+        labelPosition="left"
+        onFinish={(values) => submitSucceed(values)}
+        onFinishFailed={(errors) => submitFailed(errors)}
+        footer={
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'center',
+              width: '100%'
+            }}
+          >
+            <Button
+              nativeType="submit"
+              type="success"
+              size="large"
+              className={'w-full'}
+              block
+            >
+              {params.id ? '更新' : '保存'}
+            </Button>
+          </div>
+        }
+      >
+        <CellGroup style={{padding: '4px 0'}}>
+          <Form.Item name="toUser" label="拖欠方" initialValue={FormData.toUser} required>