adspecs 0.1.18 → 0.1.19

package/references/antd-front-demo/src/pages/aps/order/components/OrderDrawer.tsx

@@ -1,251 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import {
-  Drawer,
-  Form,
-  Input,
-  InputNumber,
-  DatePicker,
-  Select,
-  Button,
-  Space,
-  Row,
-  Col,
-  Card,
-  App,
-} from 'antd';
-import { useTranslation } from 'react-i18next';
-import { getOrder, createOrder, updateOrder } from '@/api/aps/order';
-import type { OrderSaveParams, OrderVO } from '@/types/aps/order';
-import dayjs from 'dayjs';
-
-interface OrderDrawerProps {
-  open: boolean;
-  id: number | null;
-  onSuccess: () => void;
-  onClose: () => void;
-}
-
-const OrderDrawer: React.FC<OrderDrawerProps> = ({ open, id, onSuccess, onClose }) => {
-  const { t } = useTranslation('aps/order');
-  const { t: tc } = useTranslation('common');
-  const { message } = App.useApp();
-  const [form] = Form.useForm();
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  const isEdit = id != null;
-  // 保留服务端原始字段，避免编辑时丢掉未在表单里出现的字段
-  const originData = useRef<Partial<OrderVO>>({});
-
-  useEffect(() => {
-    if (!open) return;
-    form.resetFields();
-    originData.current = {};
-    if (id != null) {
-      getOrder(id).then(({ data }) => {
-        originData.current = { ...data };
-        form.setFieldsValue({
-          ...data,
-          deliveryDate: dayjs(data.deliveryDate),
-        });
-      });
-    } else {
-      form.setFieldsValue({ priority: 3 });
-    }
-  }, [open, id, form]);
-
-  const handleOk = async () => {
-    let values: OrderSaveParams;
-    try {
-      values = await form.validateFields();
-    } catch {
-      return;
-    }
-    setConfirmLoading(true);
-    try {
-      const params: OrderSaveParams = {
-        ...originData.current,
-        ...values,
-        id: id ?? undefined,
-        deliveryDate: dayjs(values.deliveryDate).format('YYYY-MM-DD'),
-      } as OrderSaveParams;
-      if (isEdit) {
-        await updateOrder(params);
-        message.success(tc('success'));
-      } else {
-        await createOrder(params);
-        message.success(tc('success'));
-      }
-      onSuccess();
-    } catch (err) {
-      message.error((err as Error).message || tc('fail'));
-    } finally {
-      setConfirmLoading(false);
-    }
-  };
-
-  return (
-    <Drawer
-      title={isEdit ? tc('edit') : tc('create')}
-      open={open}
-      onClose={onClose}
-      destroyOnHidden={true}
-      size={600}
-      closable={{ placement: 'end' }}
-      mask={{ closable: false }}
-      styles={{ body: { background: '#f5f5f5' } }}
-      footer={
-        <Space style={{ float: 'right' }}>
-          <Button onClick={onClose}>{tc('cancel')}</Button>
-          <Button type="primary" loading={confirmLoading} onClick={handleOk}>
-            {tc('confirm')}
-          </Button>
-        </Space>
-      }
-    >
-      <Card style={{ border: 'none' }}>
-        <Form form={form} layout="horizontal" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="orderId"
-              label={t('orderId')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <Input />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="customerName"
-              label={t('customerName')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <Input />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="alloy"
-              label={t('alloy')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <Select
-                options={[
-                  { value: '3003', label: '3003' },
-                  { value: '5052', label: '5052' },
-                ]}
-              />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="temper"
-              label={t('temper')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <Select
-                options={[
-                  { value: 'H24', label: 'H24' },
-                  { value: 'H18', label: 'H18' },
-                  { value: 'O', label: 'O' },
-                ]}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="thickness"
-              label={t('thickness')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} max={10} step={0.1} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="width"
-              label={t('width')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} max={2500} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="innerDiameter"
-              label={t('innerDiameter')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="minOuterDiameter"
-              label={t('minOuterDiameter')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="maxOuterDiameter"
-              label={t('maxOuterDiameter')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="demand"
-              label={t('demand')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <InputNumber min={0} max={50} step={0.1} style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item
-              name="deliveryDate"
-              label={t('deliveryDate')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <DatePicker style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              name="priority"
-              label={t('priority')}
-              rules={[{ required: true, message: tc('required') }]}
-            >
-              <Select
-                options={[
-                  { value: 1, label: '1 - 低' },
-                  { value: 2, label: '2 - 中低' },
-                  { value: 3, label: '3 - 中' },
-                  { value: 4, label: '4 - 中高' },
-                  { value: 5, label: '5 - 高' },
-                ]}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form>
-      </Card>
-    </Drawer>
-  );
-};
-
-export default OrderDrawer;

package/references/antd-front-demo/src/pages/aps/order/index.tsx

@@ -1,273 +0,0 @@
-import { useRef, useState } from 'react';
-import { App, Button, Space, Tag, Upload } from 'antd';
-import { PlusOutlined, UploadOutlined, DownloadOutlined, DeleteOutlined } from '@ant-design/icons';
-import { ProTable } from '@ant-design/pro-components';
-import type { ActionType, ProColumns } from '@ant-design/pro-components';
-import { useTranslation } from 'react-i18next';
-import { Access } from '@/components/Access';
-import {
-  getOrderPage,
-  deleteOrder,
-  importOrders,
-  exportOrders,
-  downloadOrderTemplate,
-} from '@/api/aps/order';
-import type { OrderVO } from '@/types/aps/order';
-import { ORDER_STATUS, ORDER_PRIORITY } from '@/types/aps/order';
-import OrderDrawer from './components/OrderDrawer';
-
-const OrderPage: React.FC = () => {
-  const { t } = useTranslation('aps/order');
-  const { t: tc } = useTranslation('common');
-  const { message, modal } = App.useApp();
-  const actionRef = useRef<ActionType>(null);
-  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
-  const [drawerOpen, setDrawerOpen] = useState(false);
-  const [editId, setEditId] = useState<number | null>(null);
-
-  const reload = () => actionRef.current?.reload();
-
-  const handleDelete = (record: OrderVO) => {
-    modal.confirm({
-      title: t('deleteConfirm'),
-      okType: 'danger',
-      content: t('deleteConfirmContent', { name: record.orderId }),
-      onOk: async () => {
-        await deleteOrder(record.id);
-        message.success(tc('success'));
-        reload();
-      },
-    });
-  };
-
-  const handleDeleteBatch = () => {
-    modal.confirm({
-      title: t('deleteConfirm'),
-      okType: 'danger',
-      content: t('deleteBatchConfirmContent', { count: selectedRowKeys.length }),
-      onOk: async () => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        await Promise.all(selectedRowKeys.map((id) => deleteOrder(id as any)));
-        message.success(tc('success'));
-        setSelectedRowKeys([]);
-        reload();
-      },
-    });
-  };
-
-  const handleImport = async (file: File) => {
-    const result = await importOrders(file);
-    if (result.data.failCount === 0) {
-      message.success(t('importSuccess', { count: result.data.successCount }));
-    } else {
-      message.warning(t('importFailed', { count: result.data.failCount }));
-    }
-    reload();
-    return false;
-  };
-
-  const handleExport = async () => {
-    await exportOrders({});
-    message.success(tc('success'));
-  };
-
-  const handleDownloadTemplate = async () => {
-    await downloadOrderTemplate();
-    message.success(tc('success'));
-  };
-
-  const columns: ProColumns<OrderVO>[] = [
-    {
-      title: t('orderId'),
-      dataIndex: 'orderId',
-      ellipsis: true,
-      width: 100,
-    },
-    {
-      title: t('customerName'),
-      dataIndex: 'customerName',
-      ellipsis: true,
-      width: 120,
-    },
-    {
-      title: t('alloy'),
-      dataIndex: 'alloy',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('temper'),
-      dataIndex: 'temper',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('width'),
-      dataIndex: 'width',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('thickness'),
-      dataIndex: 'thickness',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('demand'),
-      dataIndex: 'demand',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('assigned'),
-      dataIndex: 'assigned',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('deliveryDate'),
-      dataIndex: 'deliveryDate',
-      search: false,
-      width: 120,
-    },
-    {
-      title: t('priority'),
-      dataIndex: 'priority',
-      valueType: 'select',
-      valueEnum: {
-        1: { text: ORDER_PRIORITY[1].label },
-        2: { text: ORDER_PRIORITY[2].label },
-        3: { text: ORDER_PRIORITY[3].label },
-        4: { text: ORDER_PRIORITY[4].label },
-        5: { text: ORDER_PRIORITY[5].label },
-      },
-      width: 80,
-      render: (_, record) => {
-        const item = ORDER_PRIORITY[record.priority as keyof typeof ORDER_PRIORITY];
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      },
-    },
-    {
-      title: t('status'),
-      dataIndex: 'status',
-      valueType: 'select',
-      valueEnum: {
-        0: { text: ORDER_STATUS[0].label, status: 'Default' },
-        1: { text: ORDER_STATUS[1].label, status: 'Processing' },
-        2: { text: ORDER_STATUS[2].label, status: 'Success' },
-        3: { text: ORDER_STATUS[3].label, status: 'Error' },
-      },
-      width: 100,
-      render: (_, record) => {
-        const item = ORDER_STATUS[record.status as keyof typeof ORDER_STATUS];
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      },
-    },
-    {
-      title: t('createTime'),
-      dataIndex: 'createTime',
-      search: false,
-      width: 180,
-    },
-    {
-      title: tc('operation'),
-      key: 'action',
-      fixed: 'right',
-      search: false,
-      width: 150,
-      render: (_, record) => (
-        <Space>
-          <Access code="aps:order:update">
-            <a
-              onClick={() => {
-                setEditId(record.id);
-                setDrawerOpen(true);
-              }}
-            >
-              {tc('edit')}
-            </a>
-          </Access>
-          <Access code="aps:order:delete">
-            <a style={{ color: '#ff4d4f' }} onClick={() => handleDelete(record)}>
-              {tc('delete')}
-            </a>
-          </Access>
-        </Space>
-      ),
-    },
-  ];
-
-  return (
-    <>
-      <ProTable<OrderVO>
-        columns={columns}
-        actionRef={actionRef}
-        rowKey="id"
-        headerTitle={t('title')}
-        scroll={{ x: 1400 }}
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        request={async (params: any) => {
-          const { current, pageSize, ...rest } = params;
-          const { data } = await getOrderPage({
-            pageNo: current ?? 1,
-            pageSize: pageSize ?? 10,
-            ...rest,
-          });
-          return { data: data.list, total: data.total, success: true };
-        }}
-        pagination={{ defaultPageSize: 10, showSizeChanger: true }}
-        rowSelection={{ selectedRowKeys, onChange: setSelectedRowKeys }}
-        toolBarRender={() => [
-          <Access code="aps:order:create" key="add">
-            <Button
-              type="primary"
-              icon={<PlusOutlined />}
-              onClick={() => {
-                setEditId(null);
-                setDrawerOpen(true);
-              }}
-            >
-              {tc('create')}
-            </Button>
-          </Access>,
-          <Access code="aps:order:import" key="import">
-            <Upload accept=".xlsx,.xls" showUploadList={false} beforeUpload={handleImport}>
-              <Button icon={<UploadOutlined />}>{t('import')}</Button>
-            </Upload>
-          </Access>,
-          <Access code="aps:order:export" key="export">
-            <Button icon={<DownloadOutlined />} onClick={handleExport}>
-              {t('export')}
-            </Button>
-          </Access>,
-          <Access code="aps:order:delete" key="batch">
-            <Button
-              danger
-              icon={<DeleteOutlined />}
-              disabled={selectedRowKeys.length === 0}
-              onClick={handleDeleteBatch}
-            >
-              {t('deleteBatch')}
-            </Button>
-          </Access>,
-          <Button key="template" icon={<DownloadOutlined />} onClick={handleDownloadTemplate}>
-            {t('downloadTemplate')}
-          </Button>,
-        ]}
-      />
-
-      <OrderDrawer
-        open={drawerOpen}
-        id={editId}
-        onSuccess={() => {
-          setDrawerOpen(false);
-          reload();
-        }}
-        onClose={() => setDrawerOpen(false)}
-      />
-    </>
-  );
-};
-
-export default OrderPage;

package/references/antd-front-demo/src/pages/aps/param/index.tsx

@@ -1,153 +0,0 @@
-import { useEffect, useState, useCallback } from 'react';
-import { Card, Form, InputNumber, Button, Space, Popconfirm, message, Divider } from 'antd';
-import { useTranslation } from 'react-i18next';
-import { Access } from '@/components/Access';
-import { getParamList, saveParams, resetParams } from '@/api/aps/param';
-import type { ProcessParamVO } from '@/types/aps/param';
-import { PARAM_NAMES } from '@/types/aps/param';
-
-const ParamPage: React.FC = () => {
-  const { t } = useTranslation('aps/param');
-  const { t: tc } = useTranslation('common');
-  const [form] = Form.useForm();
-  const [loading, setLoading] = useState(false);
-  const [params, setParams] = useState<ProcessParamVO[]>([]);
-
-  const loadParams = useCallback(async () => {
-    setLoading(true);
-    try {
-      const res = await getParamList();
-      setParams(res.data);
-      const formValues: Record<string, string> = {};
-      res.data.forEach((p) => {
-        formValues[p.paramName] = p.paramValue;
-      });
-      form.setFieldsValue(formValues);
-    } finally {
-      setLoading(false);
-    }
-  }, [form]);
-
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    loadParams();
-  }, [loadParams]);
-
-  const handleSave = async () => {
-    try {
-      const values = form.getFieldsValue();
-
-      // Validate weight sum
-      const utilWeight = parseFloat(values[PARAM_NAMES.UTILIZATION_WEIGHT] || '0');
-      const priorityWeight = parseFloat(values[PARAM_NAMES.PRIORITY_WEIGHT] || '0');
-      const cutsWeight = parseFloat(values[PARAM_NAMES.CUTS_WEIGHT] || '0');
-      const weightSum = utilWeight + priorityWeight + cutsWeight;
-
-      if (Math.abs(weightSum - 1.0) > 0.001) {
-        message.error(t('weightSumError', { sum: weightSum.toFixed(2) }));
-        return;
-      }
-
-      const paramsToSave = Object.entries(values).map(([paramName, paramValue]) => {
-        const existingParam = params.find(p => p.paramName === paramName);
-        return {
-          paramName,
-          paramValue: String(paramValue),
-          paramUnit: existingParam?.paramUnit || '',
-          description: existingParam?.description || '',
-        };
-      });
-
-      await saveParams(paramsToSave);
-      message.success(t('saveSuccess'));
-      loadParams();
-    } catch {
-      // Error handling
-    }
-  };
-
-  const handleReset = async () => {
-    await resetParams();
-    message.success(t('resetSuccess'));
-    loadParams();
-  };
-
-  const basicParams = [
-    PARAM_NAMES.EDGE_WASTE_WIDTH,
-    PARAM_NAMES.HEAD_TAIL_WASTE,
-    PARAM_NAMES.CUT_HEAD_LENGTH,
-    PARAM_NAMES.MAX_VERTICAL_CUTS,
-    PARAM_NAMES.MAX_HORIZONTAL_CUTS,
-    PARAM_NAMES.MIN_ORDER_WIDTH,
-  ];
-
-  const weightParams: string[] = [
-    PARAM_NAMES.UTILIZATION_WEIGHT,
-    PARAM_NAMES.PRIORITY_WEIGHT,
-    PARAM_NAMES.CUTS_WEIGHT,
-  ];
-
-  const otherParams = [
-    PARAM_NAMES.MIN_REGION_LENGTH,
-    PARAM_NAMES.MAX_ORDER_SPLIT,
-  ];
-
-  const getParamUnit = (paramName: string) => {
-    const param = params.find((p) => p.paramName === paramName);
-    return param?.paramUnit || '';
-  };
-
-  const renderParamInput = (paramName: string) => {
-    const unit = getParamUnit(paramName);
-    const isWeight = weightParams.includes(paramName);
-
-    return (
-      <Form.Item
-        key={paramName}
-        name={paramName}
-        label={t(`paramNames.${paramName}`)}
-        rules={[{ required: true, message: tc('required') }]}
-      >
-        <InputNumber
-          min={0}
-          step={isWeight ? 0.1 : 1}
-          style={{ width: '100%' }}
-          addonAfter={unit || undefined}
-        />
-      </Form.Item>
-    );
-  };
-
-  return (
-    <Form form={form} layout="vertical">
-      <Card title={t('paramGroups.basic')} style={{ marginBottom: 16 }}>
-        {basicParams.map(renderParamInput)}
-      </Card>
-
-      <Card title={t('paramGroups.weight')} style={{ marginBottom: 16 }}>
-        {weightParams.map(renderParamInput)}
-      </Card>
-
-      <Card title={t('paramGroups.other')} style={{ marginBottom: 16 }}>
-        {otherParams.map(renderParamInput)}
-      </Card>
-
-      <Divider />
-
-      <Space>
-        <Access code="aps:param:update">
-          <Button type="primary" onClick={handleSave} loading={loading}>
-            {t('save')}
-          </Button>
-        </Access>
-        <Access code="aps:param:update">
-          <Popconfirm title={t('resetConfirm')} onConfirm={handleReset}>
-            <Button loading={loading}>{t('reset')}</Button>
-          </Popconfirm>
-        </Access>
-      </Space>
-    </Form>
-  );
-};
-
-export default ParamPage;