Просмотр исходного кода

✨ feat(contract): 优化续签金额输入体验

- 将续签金额输入框从Input改为InputNumber组件
- 添加min=0属性限制金额不能为负数
- 设置宽度为100%以优化布局显示
- 保留金额精度控制为2位小数
yourname 8 месяцев назад
Родитель
Сommit
a57ab60ea7
1 измененных файлов с 5 добавлено и 5 удалено
  1. 5 5
      src/client/admin/pages/ContractRenews.tsx

+ 5 - 5
src/client/admin/pages/ContractRenews.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Table, Button, Space, Tag, Input, DatePicker, Select, Form, Modal, Typography, Divider, Card } from 'antd';
+import { Table, Button, Space, Tag, Input, InputNumber, DatePicker, Select, Form, Modal, Typography, Divider, Card } from 'antd';
 import ContractSelect from '@/client/admin/components/ContractSelect';
 import { App } from 'antd';
 import { PlusOutlined, EditOutlined, DeleteOutlined, SearchOutlined, ReloadOutlined, SaveOutlined, CloseOutlined } from '@ant-design/icons';
@@ -472,14 +472,14 @@ const ContractRenews: React.FC = () => {
             label="续签金额"
             rules={[
               { required: true, message: '请输入续签金额' },
-              { type: 'number', min: 0, message: '金额必须大于等于0' }
             ]}
           >
-            <Input 
-              type="number" 
+            <InputNumber 
               placeholder="请输入续签金额" 
               addonBefore="¥" 
-              precision={2}
+              precision={2} 
+              min={0}
+              style={{ width: '100%' }}
             />
           </Form.Item>