adspecs 0.1.18 → 0.1.20

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

@@ -1,254 +0,0 @@
-import { useRef, useState } from 'react';
-import { Space, Tag, Popconfirm, message, Modal, Table, Descriptions } from 'antd';
-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 { getPlanPage, deletePlan, confirmPlan, getPlanDetail, exportWorkInstruction } from '@/api/aps/plan';
-import type { CuttingPlanVO, PlanDetailVO, SmallCoilVO } from '@/types/aps/plan';
-import CuttingPlanVisualization from './components/CuttingPlanVisualization';
-
-const PlanPage: React.FC = () => {
-  const { t } = useTranslation('aps/plan');
-  const { t: tc } = useTranslation('common');
-  const actionRef = useRef<ActionType>(null);
-  const [detailOpen, setDetailOpen] = useState(false);
-  const [detailData, setDetailData] = useState<PlanDetailVO | null>(null);
-  const [detailLoading, setDetailLoading] = useState(false);
-
-  const handleDelete = (planId: string) => async () => {
-    await deletePlan(planId);
-    message.success(tc('success'));
-    actionRef.current?.reload();
-  };
-
-  const handleConfirm = (planId: string) => async () => {
-    await confirmPlan(planId);
-    message.success(tc('success'));
-    actionRef.current?.reload();
-  };
-
-  const handleDetail = async (planId: string) => {
-    setDetailOpen(true);
-    setDetailLoading(true);
-    try {
-      const res = await getPlanDetail(planId);
-      setDetailData(res.data);
-    } finally {
-      setDetailLoading(false);
-    }
-  };
-
-  const handleExport = async (planId: string) => {
-    await exportWorkInstruction(planId, 'excel');
-    message.success(tc('success'));
-  };
-
-  const smallCoilColumns = [
-    {
-      title: t('smallCoilId'),
-      dataIndex: 'smallCoilId',
-      key: 'smallCoilId',
-      width: 120,
-    },
-    {
-      title: t('width'),
-      dataIndex: 'width',
-      key: 'width',
-      width: 100,
-    },
-    {
-      title: t('length'),
-      dataIndex: 'length',
-      key: 'length',
-      width: 100,
-    },
-    {
-      title: t('weight'),
-      dataIndex: 'weight',
-      key: 'weight',
-      width: 100,
-    },
-    {
-      title: t('outerDiameter'),
-      dataIndex: 'outerDiameter',
-      key: 'outerDiameter',
-      width: 120,
-    },
-    {
-      title: t('orderId'),
-      dataIndex: 'orderId',
-      key: 'orderId',
-      width: 120,
-      render: (orderId: string | undefined) => orderId || <Tag>{t('unassigned')}</Tag>,
-    },
-    {
-      title: t('region'),
-      dataIndex: 'region',
-      key: 'region',
-      width: 80,
-    },
-  ];
-
-  const columns: ProColumns<CuttingPlanVO>[] = [
-    {
-      title: t('planId'),
-      dataIndex: 'planId',
-      ellipsis: true,
-      width: 180,
-    },
-    {
-      title: t('coilId'),
-      dataIndex: 'coilId',
-      width: 100,
-    },
-    {
-      title: t('coilAlloy'),
-      dataIndex: 'coilAlloy',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('coilTemper'),
-      dataIndex: 'coilTemper',
-      search: false,
-      width: 80,
-    },
-    {
-      title: t('coilWidth'),
-      dataIndex: 'coilWidth',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('coilWeight'),
-      dataIndex: 'coilWeight',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('totalCuts'),
-      dataIndex: 'totalCuts',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('theoreticalUtilization'),
-      dataIndex: 'theoreticalUtilization',
-      search: false,
-      width: 140,
-      render: (_, record) => `${record.theoreticalUtilization.toFixed(2)}%`,
-    },
-    {
-      title: t('score'),
-      dataIndex: 'score',
-      search: false,
-      width: 100,
-      render: (_, record) => record.score.toFixed(4),
-    },
-    {
-      title: t('createTime'),
-      dataIndex: 'createTime',
-      search: false,
-      width: 180,
-    },
-    {
-      title: tc('operation'),
-      key: 'action',
-      fixed: 'right',
-      search: false,
-      width: 250,
-      render: (_, record) => (
-        <Space>
-          <Access code="aps:plan:query">
-            <a onClick={() => handleDetail(record.planId)}>{t('actions.detail')}</a>
-          </Access>
-          <Access code="aps:plan:confirm">
-            <Popconfirm title={t('confirmConfirm')} onConfirm={handleConfirm(record.planId)}>
-              <a>{t('actions.confirm')}</a>
-            </Popconfirm>
-          </Access>
-          <Access code="aps:plan:export">
-            <a onClick={() => handleExport(record.planId)}>{t('actions.export')}</a>
-          </Access>
-          <Access code="aps:plan:delete">
-            <Popconfirm title={t('deleteConfirm')} onConfirm={handleDelete(record.planId)}>
-              <a style={{ color: '#ff4d4f' }}>{t('actions.delete')}</a>
-            </Popconfirm>
-          </Access>
-        </Space>
-      ),
-    },
-  ];
-
-  return (
-    <>
-      <ProTable<CuttingPlanVO>
-        columns={columns}
-        actionRef={actionRef}
-        rowKey="planId"
-        headerTitle={t('title')}
-        request={async (params) => {
-          const { current, pageSize, ...rest } = params;
-          const { data } = await getPlanPage({
-            pageNo: current!,
-            pageSize: pageSize!,
-            ...rest,
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          } as any);
-          return { data: data.list, total: data.total, success: true };
-        }}
-        pagination={{ defaultPageSize: 10, showSizeChanger: true }}
-        scroll={{ x: 1400 }}
-      />
-
-      <Modal
-        title={t('actions.detail')}
-        open={detailOpen}
-        onCancel={() => setDetailOpen(false)}
-        footer={null}
-        width={1200}
-      >
-        {detailData && (
-          <>
-            <Descriptions bordered column={2} size="small" style={{ marginBottom: 16 }}>
-              <Descriptions.Item label={t('planId')}>{detailData.planId}</Descriptions.Item>
-              <Descriptions.Item label={t('coilId')}>{detailData.coilId}</Descriptions.Item>
-              <Descriptions.Item label={t('coilAlloy')}>{detailData.coilAlloy}</Descriptions.Item>
-              <Descriptions.Item label={t('coilTemper')}>{detailData.coilTemper}</Descriptions.Item>
-              <Descriptions.Item label={t('coilWidth')}>{detailData.coilWidth} mm</Descriptions.Item>
-              <Descriptions.Item label={t('coilWeight')}>{detailData.coilWeight} 吨</Descriptions.Item>
-              <Descriptions.Item label={t('totalCuts')}>{detailData.totalCuts}</Descriptions.Item>
-              <Descriptions.Item label={t('theoreticalUtilization')}>
-                {detailData.theoreticalUtilization.toFixed(2)}%
-              </Descriptions.Item>
-              <Descriptions.Item label={t('score')}>{detailData.score.toFixed(4)}</Descriptions.Item>
-              <Descriptions.Item label={t('createTime')}>{detailData.createTime}</Descriptions.Item>
-              <Descriptions.Item label={t('verticalCuts')} span={2}>
-                {detailData.verticalCuts}
-              </Descriptions.Item>
-              <Descriptions.Item label={t('horizontalCuts')} span={2}>
-                {detailData.horizontalCuts}
-              </Descriptions.Item>
-            </Descriptions>
-
-            <CuttingPlanVisualization plan={detailData} />
-
-            <h4 style={{ marginTop: 16 }}>{t('smallCoils')}</h4>
-            <Table<SmallCoilVO>
-              columns={smallCoilColumns}
-              dataSource={detailData.smallCoils}
-              rowKey="smallCoilId"
-              size="small"
-              pagination={false}
-              scroll={{ x: 800 }}
-              loading={detailLoading}
-            />
-          </>
-        )}
-      </Modal>
-    </>
-  );
-};
-
-export default PlanPage;

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

@@ -1,190 +0,0 @@
-import { useRef } from 'react';
-import { Space, Tag, Popconfirm, Progress, message } from 'antd';
-import { useNavigate } from 'react-router-dom';
-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 { getTaskPage, cancelTask, resumeTask, deleteTask } from '@/api/aps/task';
-import type { OptimizationTaskVO } from '@/types/aps/task';
-import { TASK_STATUS, TASK_TYPE, TASK_PHASE } from '@/types/aps/task';
-
-const TaskPage: React.FC = () => {
-  const { t } = useTranslation('aps/task');
-  const { t: tc } = useTranslation('common');
-  const actionRef = useRef<ActionType>(null);
-  const navigate = useNavigate();
-
-  const handleCancel = (taskId: string) => async () => {
-    await cancelTask(taskId);
-    message.success(tc('success'));
-    actionRef.current?.reload();
-  };
-
-  const handleResume = (taskId: string) => async () => {
-    await resumeTask(taskId);
-    message.success(tc('success'));
-    actionRef.current?.reload();
-  };
-
-  const handleDelete = (taskId: string) => async () => {
-    await deleteTask(taskId);
-    message.success(tc('success'));
-    actionRef.current?.reload();
-  };
-
-  const columns: ProColumns<OptimizationTaskVO>[] = [
-    {
-      title: t('taskId'),
-      dataIndex: 'taskId',
-      ellipsis: true,
-      width: 180,
-    },
-    {
-      title: t('taskType'),
-      dataIndex: 'taskType',
-      valueType: 'select',
-      valueEnum: {
-        SINGLE_COIL: { text: TASK_TYPE.SINGLE_COIL.label },
-        GLOBAL_OPTIMIZATION: { text: TASK_TYPE.GLOBAL_OPTIMIZATION.label },
-      },
-      width: 120,
-      render: (_, record) => {
-        const item = TASK_TYPE[record.taskType as keyof typeof TASK_TYPE];
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      },
-    },
-    {
-      title: t('status'),
-      dataIndex: 'status',
-      valueType: 'select',
-      valueEnum: {
-        PENDING: { text: TASK_STATUS.PENDING.label, status: 'Default' },
-        RUNNING: { text: TASK_STATUS.RUNNING.label, status: 'Processing' },
-        PAUSED: { text: TASK_STATUS.PAUSED.label, status: 'Warning' },
-        COMPLETED: { text: TASK_STATUS.COMPLETED.label, status: 'Success' },
-        FAILED: { text: TASK_STATUS.FAILED.label, status: 'Error' },
-        CANCELLED: { text: TASK_STATUS.CANCELLED.label, status: 'Default' },
-      },
-      width: 100,
-      render: (_, record) => {
-        const item = TASK_STATUS[record.status as keyof typeof TASK_STATUS];
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      },
-    },
-    {
-      title: t('progress'),
-      dataIndex: 'progress',
-      search: false,
-      width: 150,
-      render: (_, record) => (
-        <Progress
-          percent={record.progress}
-          size="small"
-          status={
-            record.status === 'RUNNING' ? 'active' :
-            record.status === 'COMPLETED' ? 'success' :
-            record.status === 'FAILED' ? 'exception' : 'normal'
-          }
-        />
-      ),
-    },
-    {
-      title: t('currentPhase'),
-      dataIndex: 'currentPhase',
-      search: false,
-      width: 120,
-      render: (_, record) => {
-        if (!record.currentPhase) return '-';
-        const item = TASK_PHASE[record.currentPhase as keyof typeof TASK_PHASE];
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      },
-    },
-    {
-      title: t('progressDesc'),
-      dataIndex: 'progressDesc',
-      search: false,
-      ellipsis: true,
-      width: 180,
-    },
-    {
-      title: t('errorMessage'),
-      dataIndex: 'errorMessage',
-      search: false,
-      ellipsis: true,
-      width: 200,
-      render: (_, record) => record.errorMessage || '-',
-    },
-    {
-      title: t('createdBy'),
-      dataIndex: 'createdBy',
-      search: false,
-      width: 100,
-    },
-    {
-      title: t('createTime'),
-      dataIndex: 'createTime',
-      search: false,
-      width: 180,
-    },
-    {
-      title: tc('operation'),
-      key: 'action',
-      fixed: 'right',
-      search: false,
-      width: 200,
-      render: (_, record) => (
-        <Space>
-          {(record.status === 'RUNNING' || record.status === 'PENDING') && (
-            <Access code="aps:task:cancel">
-              <Popconfirm title={t('cancelConfirm')} onConfirm={handleCancel(record.taskId)}>
-                <a>{t('actions.cancel')}</a>
-              </Popconfirm>
-            </Access>
-          )}
-          {(record.status === 'FAILED' || record.status === 'CANCELLED' || record.status === 'PAUSED') && (
-            <Access code="aps:task:resume">
-              <Popconfirm title={t('resumeConfirm')} onConfirm={handleResume(record.taskId)}>
-                <a>{t('actions.resume')}</a>
-              </Popconfirm>
-            </Access>
-          )}
-          {record.status === 'COMPLETED' && record.resultRef && (
-            <Access code="aps:plan:query">
-              <a onClick={() => navigate(`/aps/plan?planId=${record.resultRef}`)}>{t('actions.viewResult')}</a>
-            </Access>
-          )}
-          <Access code="aps:task:delete">
-            <Popconfirm title={t('deleteConfirm')} onConfirm={handleDelete(record.taskId)}>
-              <a style={{ color: '#ff4d4f' }}>{t('actions.delete')}</a>
-            </Popconfirm>
-          </Access>
-        </Space>
-      ),
-    },
-  ];
-
-  return (
-    <ProTable<OptimizationTaskVO>
-      columns={columns}
-      actionRef={actionRef}
-      rowKey="taskId"
-      headerTitle={t('title')}
-      request={async (params) => {
-        const { current, pageSize, ...rest } = params;
-        const { data } = await getTaskPage({
-          pageNo: current!,
-          pageSize: pageSize!,
-          ...rest,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        } as any);
-        return { data: data.list, total: data.total, success: true };
-      }}
-      pagination={{ defaultPageSize: 10, showSizeChanger: true }}
-      scroll={{ x: 1600 }}
-      polling={5000} // Auto-refresh every 5 seconds for running tasks
-    />
-  );
-};
-
-export default TaskPage;