feat: improve application access and money precision

src/apps/admin/AdminChannelsPage.tsx

@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { adminApi, type AdminChannel, type ChannelConnectionLogResponse, type ChannelTestResponse, type CmppConnectionState } from '@/api/adminApi';
 import { Breadcrumb, Button, Input, Modal, Pagination, Select, Tag, Textarea } from '@/components/ui';
 import { formatDateTime } from '@/utils/dateTime';
+import { formatCents, isValidMoneyInput, moneyUnitsToYuan, yuanToMoneyUnits } from '@/utils/currency';
 
 type Carrier = 'mobile' | 'unicom' | 'telecom' | 'all';
 type ChannelStatus = 'normal' | 'stopped' | 'connecting' | 'failed';
@@ -217,7 +218,8 @@ function ChannelFormModal({
   const channel = modal.channel;
   const [name, setName] = useState(channel?.name ?? '');
   const [carrier, setCarrier] = useState<Carrier>(channel?.carrier ?? 'mobile');
-  const [unitPrice, setUnitPrice] = useState(channel ? String(channel.unitPrice / 100) : '0.0300');
+  const [unitPrice, setUnitPrice] = useState(channel ? moneyUnitsToYuan(channel.unitPrice).toFixed(4) : '0.0300');
+  const [unitPriceError, setUnitPriceError] = useState('');
   const [region, setRegion] = useState(channel?.sendRegion ?? '全国');
   const [protocol, setProtocol] = useState('CMPP');
   const [gatewayHost, setGatewayHost] = useState(channel?.gatewayHost ?? '');
@@ -233,12 +235,16 @@ function ChannelFormModal({
   const [windowSize, setWindowSize] = useState(String(channel?.windowSize ?? 16));
 
   function submit() {
+    if (!isValidMoneyInput(unitPrice)) {
+      setUnitPriceError('单价必须是非负金额，且最多保留小数点后 4 位');
+      return;
+    }
     onSubmit({
       id: channel?.id ?? String(Math.floor(10000 + Math.random() * 80000)),
       name: name || '新建短信通道',
       carrier,
       sendRegion: region,
-      unitPrice: Number(unitPrice || 0) * 100,
+      unitPrice: yuanToMoneyUnits(unitPrice),
       status: channel?.status ?? 'connecting',
       total: channel?.total ?? 0,
       successRate: channel?.successRate ?? 0,
@@ -288,7 +294,7 @@ function ChannelFormModal({
                 </label>
               ))}
             </div>
-            <Input label="* 单价（元）" onChange={(event) => setUnitPrice(event.target.value)} value={unitPrice} />
+            <Input error={unitPriceError} label="* 单价（元）" min="0" onChange={(event) => { setUnitPrice(event.target.value); setUnitPriceError(''); }} step="0.0001" type="number" value={unitPrice} />
             <Select label="* 发送地区" onChange={(event) => setRegion(event.target.value)} options={regionOptions} value={region} />
           </div>
         </section>
@@ -621,7 +627,7 @@ export function AdminChannelsPage() {
             </div>
             <div className="sms-channel-carrier-price">
               <Tag tone={carrierToneMap[channel.carrier]}>{carrierLabelMap[channel.carrier]}</Tag>
-              <strong>{channel.unitPrice.toFixed(2)} 分</strong>
+              <strong>{formatCents(channel.unitPrice)} 元</strong>
             </div>
             <div className="sms-channel-status-cell">
               <Tag tone={statusToneMap[channel.status]}>{statusLabelMap[channel.status]}</Tag>