f

src/pages/finance/Edit.jsx

@@ -0,0 +1,100 @@
+import React, { useEffect, useRef, useState, forwardRef } from 'react'
+import {
+  postTfFinance,
+  putTfFinance,
+  getTfFinanceId,
+} from '@/services/tfFinance'
+import { Button, Card, Row, Col, Form, Input } from 'antd'
+import {
+  ProForm,
+  ProFormDateTimeRangePicker,
+  ProFormMoney,
+  ProFormSelect,
+  ProFormText,
+  ProFormTextArea,
+  ProFormRadio,
+} from '@ant-design/pro-components'
+import Page from '@/components/Page'
+import { formItemLayout, tailFormItemLayout } from '@/utils/form'
+import { useNavigate, useSearchParams } from 'react-router-dom'
+import moment from 'moment'
+
+export default (props) => {
+  const formRef = useRef()
+  const navigate = useNavigate()
+
+  const [params] = useSearchParams()
+  const id = params.get('id')
+
+  useEffect(() => {
+    if (id) {
+      getTfFinanceId(id).then((res) => {
+        formRef.current?.setFieldsValue(res)
+      })
+    }
+  }, [])
+
+  const onFinish = (values) => {
+    if (!id) {
+      postTfFinance(values).then((res) => {
+        navigate(-1)
+      })
+    } else if (id) {
+      let financeId = id
+      putTfFinance(id, { financeId, ...values }).then((res) => {
+        navigate(-1)
+      })
+    }
+  }
+
+  let formatter = new Intl.NumberFormat('zh-CN', {
+    minimumFractionDigits: 4,
+    maximumFractionDigits: 4,
+  })
+
+  return (
+    <Page>
+      <Card>
+        <ProForm
+          formRef={formRef}
+          onFinish={onFinish}
+          layout="horizontal"
+          initialValues={{ bizStatus: '1' }}
+          {...formItemLayout}
+          // grid={true}
+          submitter={{
+            render: (_, doms) => [
+              <Row>
+                <Col offset={8}>
+                  <Button type="primary" htmlType="submit">
+                    提交
+                  </Button>
+                </Col>
+                <Col offset={1}>
+                  <Button onClick={() => navigate(-1)}>返回</Button>
+                </Col>
+              </Row>,
+            ],
+          }}
+        >
+          <ProFormText name="financeName" label="记录名称" />
+          <ProFormMoney name="totalCharges" label="总费用" />
+          <ProFormMoney name="grossProfits" label="毛利润" />
+          <ProFormMoney name="totalCost" label="总成本" />
+          <ProFormMoney name="expense" label="已支出" />
+          <ProFormMoney name="received" label="已收款" />
+          <ProFormMoney name="balancePayment" label="尾款" />
+          <ProFormMoney name="invoice" label="发票" />
+          <ProFormRadio.Group
+            name="bizStatus"
+            label="项目状态"
+            options={[
+              { label: '正常', value: '1' },
+              { label: '禁用', value: '0' },
+            ]}
+          />
+        </ProForm>
+      </Card>
+    </Page>
+  )
+}

src/pages/finance/index.jsx

@@ -1,6 +1,95 @@
-import React from 'react'
+import List from '@/components/Page/List'
+import React, { useRef } from 'react'
+import { getTfFinance, deleteTfFinance } from '@/services/tfFinance'
+import { queryDict } from '@/utils/request'
+import { Button, ConfigProvider } from 'antd'
+import { ProFormDateTimeRangePicker } from '@ant-design/pro-components'
+import { useNavigate } from 'react-router-dom'
+
 export default (props) => {
-return (
-<div></div>
-)
-}
+  const navigate = useNavigate()
+
+  const columns = [
+    {
+      title: '记录名称',
+      dataIndex: 'financeName',
+      ellipsis: true,
+    },
+    {
+      title: '项目状态',
+      dataIndex: 'bizStatus',
+      valueEnum: {
+        1: '正常',
+        0: '禁用',
+      },
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '总费用',
+      dataIndex: 'totalCharges',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '毛利润',
+      dataIndex: 'grossProfits',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '总成本',
+      dataIndex: 'totalCost',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '已支出',
+      dataIndex: 'expense',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '已收款',
+      dataIndex: 'received',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '尾款',
+      dataIndex: 'balancePayment',
+      search: false,
+      ellipsis: true,
+    },
+    {
+      title: '发票',
+      dataIndex: 'invoice',
+      search: false,
+      ellipsis: true,
+    },
+  ]
+
+  const actionRef = useRef()
+  const onAdd = () => {
+    navigate('/finance/edit')
+  }
+  return (
+    <List
+      actionRef={actionRef}
+      rowKey="financeId"
+      onEdit={(record) => navigate(`/finance/edit?id=${record?.financeId}`)}
+      onDelete={(record) =>
+        deleteTfFinance(record?.financeId).then(() =>
+          actionRef.current.reload()
+        )
+      }
+      toolBarRender={() => [
+        <Button key="1" type="primary" onClick={onAdd}>
+          新增
+        </Button>,
+      ]}
+      request={getTfFinance}
+      columns={columns}
+    />
+  )
+}

src/pages/project/components/ProjectEdit.jsx

@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from 'react'
+import React, { useEffect, useRef, useState, forwardRef } from 'react'
 import {
   postTaProject,
   putTaProject,
   getTaProjectId,
 } from '@/services/taProject'
 import { getTaCustom } from '@/services/taCustom'
-import { Button, Card, Row, Col } from 'antd'
+import { Button, Card, Row, Col, Form, Input } from 'antd'
 import {
   ProForm,
   ProFormDateTimeRangePicker,
@@ -21,6 +21,7 @@ import moment from 'moment'
 export default (props) => {
   const { setCustomId } = props
   const formRef = useRef()
+  const inputRef = useRef()
   const navigate = useNavigate()
 
   const [params] = useSearchParams()
@@ -28,7 +29,6 @@ export default (props) => {
   const [customSelect, setCustomSelect] = useState()
 
   useEffect(() => {
-    window.scrollTo(0, 0) // 将滚动位置设置为页面顶部
     if (id) {
       getTaProjectId(id).then((res) => {
         formRef.current?.setFieldsValue({
@@ -52,6 +52,7 @@ export default (props) => {
       )
     })
   }, [])
+
   const onFinish = (values) => {
     const data = {
       ...values,
@@ -65,10 +66,29 @@ export default (props) => {
       putTaProject(id, data).then((res) => {})
     }
   }
+
   let formatter = new Intl.NumberFormat('zh-CN', {
     minimumFractionDigits: 4,
     maximumFractionDigits: 4,
   })
+
+  const MyInput = forwardRef((props, ref) => {
+    return (
+      console.log('ref', ref),
+      (
+        // console.log('ref?.current', ref?.current),
+        <ProFormText
+          {...props}
+          fieldRef={ref?.current?.focus({ cursor: 'start' })}
+        />
+      )
+    )
+  })
+
+  // useEffect(() => {
+  //   inputRef?.current?.focus({ cursor: 'start' })
+  // }, [inputRef])
+
   return (
     <Card
       title={<div style={{ fontWeight: 'bold' }}>项目维护</div>}
@@ -99,12 +119,22 @@ export default (props) => {
           ],
         }}
       >
-        <ProFormText
+        <MyInput
           colProps={{ xl: 12 }}
           labelCol={{ sm: 4 }}
           name="partyA"
           label="甲方"
+          fieldProps={{ ref: inputRef }}
+          ref={inputRef}
         />
+        {/* <Form.Item
+          wrapperCol={{ xs: 16 }}
+          labelCol={{ span: 8 }}
+          name="partyA"
+          label="甲方"
+        >
+          <Input ref={inputRef?.current?.focus({ cursor: 'start' })} />
+        </Form.Item> */}
         <ProFormText colProps={{ xl: 12 }} name="partyAName" label="甲方名称" />
         <ProFormText
           colProps={{ xl: 12 }}

src/pages/project/index.jsx

@@ -143,7 +143,6 @@ export default (props) => {
   const actionRef = useRef()
   const onAdd = () => {
     navigate('/project/edit')
-    window.scrollTo(0, 0) // 在路由导航时滚动到页面顶部
   }
   return (
     <ConfigProvider locale={zhCN}>

src/routes/routes.jsx

@@ -16,6 +16,7 @@ import Project from '@/pages/project'
 import ProjectEdit from '@/pages/project/Edit'
 import ProjectContact from '@/pages/projectContact'
 import ProjectDeploy from '@/pages/projectDeploy'
+import ProjectDeployEdit from '@/pages/project/components/ProjectDeployEdit'
 import ProjectNode from '@/pages/projectNode'
 
 import Role from '@/pages/role'
@@ -27,6 +28,7 @@ import MemberEdit from '@/pages/member/Edit'
 import Custom from '@/pages/custom'
 import CustomEdit from '@/pages/custom/Edit'
 import Finance from '@/pages/finance'
+import FinanceEdit from '@/pages/finance/Edit'
 import Tenant from '@/pages/tenant'
 import TenantEdit from '@/pages/tenant/Edit'
 
@@ -82,29 +84,37 @@ export const authRoutes = [
     },
   },
   {
-    path: 'projectContact',
-    element: <ProjectContact />,
-    meta: {
-      title: '项目联系人管理',
-      icon: <FileTextOutlined />,
-    },
-  },
-  {
-    path: 'projectDeploy',
-    element: <ProjectDeploy />,
+    path: 'projectDeploy/edit',
+    element: <ProjectDeployEdit />,
     meta: {
-      title: '服务器管理',
-      icon: <FileTextOutlined />,
+      title: '部署维护',
+      hideInMenu: true,
     },
   },
   {
-    path: 'projectNode',
-    element: <ProjectNode />,
+    path: 'projectContact',
+    element: <ProjectContact />,
     meta: {
-      title: '流程节点管理',
+      title: '项目联系人管理',
       icon: <FileTextOutlined />,
     },
   },
+  // {
+  //   path: 'projectDeploy',
+  //   element: <ProjectDeploy />,
+  //   meta: {
+  //     title: '服务器管理',
+  //     icon: <FileTextOutlined />,
+  //   },
+  // },
+  // {
+  //   path: 'projectNode',
+  //   element: <ProjectNode />,
+  //   meta: {
+  //     title: '流程节点管理',
+  //     icon: <FileTextOutlined />,
+  //   },
+  // },
   {
     path: 'dept',
     element: <Dept />,
@@ -186,7 +196,6 @@ export const authRoutes = [
       hideInMenu: true,
     },
   },
-
   {
     path: 'finance',
     element: <Finance />,
@@ -195,6 +204,14 @@ export const authRoutes = [
       icon: <HourglassTwoTone />,
     },
   },
+  {
+    path: 'finance/edit',
+    element: <FinanceEdit />,
+    meta: {
+      title: '财务维护',
+      hideInMenu: true,
+    },
+  },
 ]
 
 export const defaultRoutes = [

src/services/tfFinance.js

@@ -9,4 +9,19 @@ export const getTfFinance = (params) => request(`/tfFinance`, { params });
 /*
  * 新增数据
  */
-export const postTfFinance = (data) => request('/tfFinance', { data, method: 'post' });
+export const postTfFinance = (data) => request('/tfFinance', { data, method: 'post' });
+
+/*
+ * 更新数据
+ */
+export const putTfFinance = (id, data) => request(`/tfFinance/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteTfFinance = (id) => request(`/tfFinance/${id}`, { method: 'delete' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTfFinanceId = (id) => request(`/tfFinance/${id}`);

vite.config.js

@@ -11,7 +11,7 @@ export default defineConfig({
     host: "0.0.0.0",
     proxy: {
       '/api/admin': {
-        target: 'http://localhost:9101',
+        target: 'http://192.168.89.25:9101',
         changeOrigin: true,
       },
     },