openxiangda-cli 2.0.0-alpha.60 → 2.0.0-alpha.62

package/template/apps/web/src/InstrumentForm.tsx

@@ -1,575 +0,0 @@
-import {
-  PictureOutlined,
-  ReloadOutlined,
-  UploadOutlined,
-} from '@ant-design/icons';
-import {
-  App,
-  Button,
-  Card,
-  DatePicker,
-  Descriptions,
-  Form,
-  Input,
-  InputNumber,
-  Select,
-  Switch,
-  Tag,
-  Timeline,
-  Typography,
-  Upload,
-} from 'antd';
-import dayjs from 'dayjs';
-import { useEffect, useRef, useState } from 'react';
-import type { DataAuditEntry, DataFileRef } from 'openxiangda-contracts/browser';
-import {
-  AuthoritativeSelector,
-  ResolvedValueText,
-} from './AuthoritativeSelector';
-import { AttachmentFileList } from './components/platform-fields/AttachmentFileList';
-import { PlatformDirectoryPicker } from './components/platform-fields/PlatformDirectoryPicker';
-import { instrumentFields, sectionTitles, type InstrumentField } from './fields';
-import type { InstrumentRecord } from './instrument';
-import { instrumentDataApi } from './platform-client';
-import { useRuntime } from './runtime';
-
-type Values = Record<string, unknown>;
-const createDefaults = {
-  openToOutside: false,
-  instrumentStatus: 'normal',
-  usageStatus: 'active',
-} as const;
-
-export function instrumentFieldAllowed(
-  field: InstrumentField,
-  mode: 'create' | 'edit',
-  hasCapability: (capability: string) => boolean
-) {
-  const capability =
-    mode === 'create' ? field.createCapability : field.updateCapability;
-  return !capability || hasCapability(capability);
-}
-
-export function sanitizeInstrumentValues(
-  values: Values,
-  mode: 'create' | 'edit',
-  hasCapability: (capability: string) => boolean
-): Values {
-  return Object.fromEntries(
-    instrumentFields
-      .filter(
-        field =>
-          !field.system && instrumentFieldAllowed(field, mode, hasCapability)
-      )
-      .filter(field => Object.prototype.hasOwnProperty.call(values, field.key))
-      .map(field => [field.key, values[field.key]])
-  );
-}
-
-export function InstrumentForm({
-  mode,
-  record,
-  onCancel,
-  onSubmit,
-  auditEntries = [],
-  auditError,
-}: {
-  mode: 'create' | 'edit' | 'detail';
-  record?: InstrumentRecord;
-  onCancel: () => void;
-  onSubmit?: (values: Values) => Promise<void>;
-  auditEntries?: DataAuditEntry[];
-  auditError?: string;
-}) {
-  const [form] = Form.useForm();
-  const { message } = App.useApp();
-  const { hasCapability } = useRuntime();
-  const [submitting, setSubmitting] = useState(false);
-  useEffect(() => {
-    if (record) {
-      form.setFieldsValue({
-        ...record,
-        enabledDate: record.enabledDate ? dayjs(record.enabledDate) : undefined,
-      });
-    }
-  }, [form, record]);
-  if (mode === 'detail' && record) {
-    return (
-      <Detail
-        auditEntries={auditEntries}
-        auditError={auditError}
-        record={record}
-      />
-    );
-  }
-  const isCreate = mode === 'create';
-  const writeMode = isCreate ? 'create' : 'edit';
-  const submit = async (values: Values) => {
-    if (submitting) return;
-    const normalized = {
-      ...(isCreate ? createDefaults : {}),
-      ...values,
-      enabledDate:
-        values.enabledDate &&
-        typeof values.enabledDate === 'object' &&
-        'format' in values.enabledDate
-          ? (values.enabledDate as { format(pattern: string): string }).format(
-              'YYYY-MM-DD'
-            )
-          : values.enabledDate,
-    };
-    setSubmitting(true);
-    try {
-      await onSubmit?.(
-        sanitizeInstrumentValues(normalized, writeMode, hasCapability)
-      );
-    } catch (error) {
-      message.error(error instanceof Error ? error.message : String(error));
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const groups = Object.entries(sectionTitles).map(([key, title]) => ({
-    key,
-    title,
-    fields: instrumentFields
-      .filter(field => field.section === key && !field.system)
-      .map(field => field.key),
-  }));
-  return (
-    <Form
-      className="oxa-instrument-form oxa-form-full"
-      form={form}
-      initialValues={isCreate ? createDefaults : undefined}
-      layout="vertical"
-      onFinish={values => void submit(values)}
-      scrollToFirstError={{ block: 'center' }}
-    >
-      <div className="oxa-sections">
-        {groups.map(group => (
-          <Card className="oxa-section-card" key={group.key} title={group.title}>
-            <div className="oxa-grid">
-              {group.fields
-                .map(key => instrumentFields.find(field => field.key === key))
-                .filter((field): field is InstrumentField => Boolean(field))
-                .map(field => (
-                  <FieldControl
-                    disabled={
-                      !instrumentFieldAllowed(field, writeMode, hasCapability)
-                    }
-                    field={field}
-                    key={field.key}
-                    operation={isCreate ? 'create' : 'update'}
-                    recordId={record?.id}
-                  />
-                ))}
-            </div>
-          </Card>
-        ))}
-      </div>
-      <div className="oxa-actions">
-        <Button disabled={submitting} onClick={onCancel}>
-          取消
-        </Button>
-        <Button
-          data-testid="save-instrument"
-          htmlType="submit"
-          loading={submitting}
-          type="primary"
-        >
-          {isCreate ? '保存' : '保存修改'}
-        </Button>
-      </div>
-    </Form>
-  );
-}
-
-function FieldControl({
-  field,
-  disabled,
-  operation,
-  recordId,
-}: {
-  field: InstrumentField;
-  disabled: boolean;
-  operation: 'create' | 'update';
-  recordId?: string;
-}) {
-  const rules = [
-    ...(field.required
-      ? [{ required: true, message: `请填写或选择${field.label}` }]
-      : []),
-    ...(field.kind === 'email'
-      ? [{ type: 'email' as const, message: '邮箱格式不正确' }]
-      : []),
-    ...(field.kind === 'phone'
-      ? [{ pattern: /^1\d{10}$/, message: '请输入 11 位手机号' }]
-      : []),
-  ];
-  const common = { disabled, placeholder: `请输入${field.label}` };
-  let control = <Input {...common} />;
-  if (field.kind === 'textarea') {
-    control = <Input.TextArea {...common} rows={3} />;
-  }
-  if (field.kind === 'number') {
-    control = <InputNumber {...common} min={0} style={{ width: '100%' }} />;
-  }
-  if (field.kind === 'date') {
-    control = <DatePicker disabled={disabled} style={{ width: '100%' }} />;
-  }
-  if (field.kind === 'boolean') {
-    control = (
-      <Switch
-        checkedChildren="是"
-        disabled={disabled}
-        unCheckedChildren="否"
-      />
-    );
-  }
-  if (field.kind === 'select') {
-    control = (
-      <Select
-        disabled={disabled}
-        options={field.options}
-        placeholder={`请选择${field.label}`}
-      />
-    );
-  }
-  if (field.kind === 'multi') {
-    control = (
-      <Select
-        disabled={disabled}
-        mode="multiple"
-        options={field.options}
-        placeholder={`请选择${field.label}`}
-      />
-    );
-  }
-  if (field.kind === 'scope') {
-    control = (
-      <AuthoritativeSelector
-        disabled={disabled}
-        operation={operation}
-        placeholder={`请选择${field.label}`}
-        source="college"
-      />
-    );
-  }
-  if (
-    field.kind === 'directory-user' ||
-    field.kind === 'directory-department'
-  ) {
-    control = (
-      <PlatformDirectoryPicker
-        disabled={disabled}
-        kind={field.kind === 'directory-user' ? 'user' : 'department'}
-        multiple={field.multiple}
-        placeholder={`搜索并选择${field.label}`}
-      />
-    );
-  }
-  if (field.kind === 'file') {
-    control = (
-      <FileValue
-        accept={field.accept}
-        disabled={disabled}
-        fieldCode={field.key as 'image' | 'attachments'}
-        maxCount={field.maxCount}
-        multiple={field.multiple}
-        recordId={recordId}
-      />
-    );
-  }
-  const extra = disabled
-    ? '当前角色不可修改此字段'
-    : field.kind === 'scope'
-      ? '仅显示当前角色可管理的学院'
-      : field.key === 'instrumentAdminIds'
-        ? '管理员选择结果将参与仪器数据权限判断'
-        : undefined;
-  return (
-    <Form.Item
-      className={
-        field.kind === 'textarea' || field.kind === 'file'
-          ? 'oxa-field-wide'
-          : undefined
-      }
-      extra={extra}
-      label={field.label}
-      name={field.key}
-      rules={rules}
-      valuePropName={field.kind === 'boolean' ? 'checked' : 'value'}
-    >
-      {control}
-    </Form.Item>
-  );
-}
-
-function FileValue({
-  value,
-  onChange,
-  fieldCode,
-  recordId,
-  disabled,
-  multiple,
-  maxCount = 1,
-  accept,
-}: {
-  value?: DataFileRef | DataFileRef[];
-  onChange?: (value: DataFileRef | DataFileRef[] | undefined) => void;
-  fieldCode: 'image' | 'attachments';
-  recordId?: string;
-  disabled?: boolean;
-  multiple?: boolean;
-  maxCount?: number;
-  accept?: string;
-}) {
-  const [uploading, setUploading] = useState(false);
-  const [uploadError, setUploadError] = useState('');
-  const refs = Array.isArray(value) ? value : value ? [value] : [];
-  const refsRef = useRef(refs);
-  useEffect(() => {
-    refsRef.current = refs;
-  }, [refs]);
-  const uploadProps = {
-    accept,
-    disabled,
-    maxCount,
-    multiple,
-    customRequest: async (options: {
-      file: string | Blob;
-      onError?: (error: Error) => void;
-      onProgress?: (event: { percent: number }) => void;
-      onSuccess?: (body: unknown) => void;
-    }) => {
-      setUploading(true);
-      setUploadError('');
-      try {
-        options.onProgress?.({ percent: 15 });
-        const uploaded = await instrumentDataApi.upload(
-          fieldCode,
-          options.file as File,
-          recordId
-        );
-        options.onProgress?.({ percent: 100 });
-        const next = multiple ? [...refsRef.current, uploaded] : uploaded;
-        refsRef.current = Array.isArray(next) ? next : [next];
-        onChange?.(next);
-        options.onSuccess?.(uploaded);
-      } catch (error) {
-        const failure =
-          error instanceof Error ? error : new Error(String(error));
-        setUploadError(failure.message);
-        options.onError?.(failure);
-      } finally {
-        setUploading(false);
-      }
-    },
-    showUploadList: false,
-  };
-  return (
-    <div className="oxa-file-field">
-      <Upload {...uploadProps} pastable>
-        <Button
-          disabled={disabled || uploading || refs.length >= maxCount}
-          icon={fieldCode === 'image' ? <PictureOutlined /> : <UploadOutlined />}
-          loading={uploading}
-        >
-          {fieldCode === 'image' ? '上传图片' : '上传文件'}
-        </Button>
-      </Upload>
-      <Upload.Dragger
-        {...uploadProps}
-        className="oxa-file-dropzone"
-        openFileDialogOnClick={false}
-        pastable
-      >
-        <span>
-          可将文件拖到这里，或在此区域按 <kbd>⌘ V</kbd> 粘贴
-        </span>
-        <small>
-          {multiple
-            ? `最多 ${maxCount} 个文件，单个不超过 50MB`
-            : '仅保留一个文件，新上传会替换当前文件'}
-        </small>
-      </Upload.Dragger>
-      {uploadError && (
-        <div className="oxa-file-error">
-          <span>{uploadError}</span>
-          <Button
-            icon={<ReloadOutlined />}
-            onClick={() => setUploadError('')}
-            size="small"
-            type="text"
-          >
-            关闭
-          </Button>
-        </div>
-      )}
-      {refs.length ? (
-        <AttachmentFileList
-          files={refs}
-          onRemove={file => {
-            const next = refs.filter(item => item.id !== file.id);
-            refsRef.current = next;
-            onChange?.(multiple ? next : undefined);
-          }}
-          removable={!disabled}
-        />
-      ) : (
-        <div className="oxa-file-empty">尚未上传文件</div>
-      )}
-    </div>
-  );
-}
-
-function Detail({
-  record,
-  auditEntries,
-  auditError,
-}: {
-  record: InstrumentRecord;
-  auditEntries: DataAuditEntry[];
-  auditError?: string;
-}) {
-  const groups = Object.entries(sectionTitles)
-    .map(([section, title]) => ({
-      section,
-      title,
-      fields: instrumentFields.filter(
-        field =>
-          field.section === section &&
-          !field.system &&
-          Object.prototype.hasOwnProperty.call(record, field.key)
-      ),
-    }))
-    .filter(group => group.fields.length > 0);
-  return (
-    <div className="oxa-detail-layout">
-      <div className="oxa-detail-main">
-        {groups.map(group => (
-          <Card className="oxa-section-card" key={group.section} title={group.title}>
-            <Descriptions
-              column={{ xs: 1, sm: 2, lg: 3 }}
-              items={group.fields.map(field => ({
-                key: field.key,
-                label: field.label,
-                span:
-                  field.kind === 'textarea' || field.kind === 'file' ? 3 : 1,
-                children: displayValue(field, record[field.key]),
-              }))}
-            />
-          </Card>
-        ))}
-      </div>
-      <aside className="oxa-detail-aside">
-        <Card className="oxa-section-card" title="记录信息">
-          <Descriptions
-            column={1}
-            items={[
-              { key: 'revision', label: '数据版本', children: record.revision },
-              {
-                key: 'updatedAt',
-                label: '更新时间',
-                children: formatDateTime(record.updated_at),
-              },
-              {
-                key: 'status',
-                label: '仪器状态',
-                children: displayValue(
-                  instrumentFields.find(
-                    field => field.key === 'instrumentStatus'
-                  )!,
-                  record.instrumentStatus
-                ),
-              },
-            ]}
-          />
-        </Card>
-        <Card className="oxa-section-card" id="instrument-audit" title="最近变更">
-          {auditError ? (
-            <Typography.Text type="secondary">审计记录暂不可用</Typography.Text>
-          ) : auditEntries.length ? (
-            <Timeline
-              items={auditEntries.slice(0, 5).map(entry => ({
-                children: (
-                  <div className="oxa-audit-entry">
-                    <strong>{auditLabel(entry.operation)}</strong>
-                    <span>{formatDateTime(entry.occurredAt)}</span>
-                    {entry.actor.userId && (
-                      <ResolvedValueText source="user" value={entry.actor.userId} />
-                    )}
-                  </div>
-                ),
-              }))}
-            />
-          ) : (
-            <Typography.Text type="secondary">暂无变更记录</Typography.Text>
-          )}
-        </Card>
-      </aside>
-    </div>
-  );
-}
-
-function AttachmentReadOnly({ values }: { values: DataFileRef[] }) {
-  if (!values.length) return <>-</>;
-  return <AttachmentFileList files={values} />;
-}
-
-function displayValue(field: InstrumentField, value: unknown) {
-  if (value === undefined || value === null || value === '') return '-';
-  if (field.kind === 'scope') {
-    return <ResolvedValueText source="college" value={String(value)} />;
-  }
-  if (field.kind === 'directory-user') {
-    return (
-      <ResolvedValueText
-        source="user"
-        value={Array.isArray(value) ? value.map(String) : String(value)}
-      />
-    );
-  }
-  if (field.kind === 'directory-department') {
-    return <ResolvedValueText source="department" value={String(value)} />;
-  }
-  if (field.kind === 'boolean') {
-    return <Tag color={value ? 'green' : 'default'}>{value ? '是' : '否'}</Tag>;
-  }
-  if (field.kind === 'file') {
-    const values = (Array.isArray(value) ? value : [value]).filter(
-      (item): item is DataFileRef =>
-        Boolean(item && typeof item === 'object' && 'id' in item)
-    );
-    return <AttachmentReadOnly values={values} />;
-  }
-  if (Array.isArray(value)) {
-    return (
-      value
-        .map(
-          item =>
-            field.options?.find(option => option.value === item)?.label ||
-            String(item)
-        )
-        .join('、') || '-'
-    );
-  }
-  const label =
-    field.options?.find(option => option.value === value)?.label || String(value);
-  if (field.key === 'instrumentStatus' || field.key === 'usageStatus') {
-    return <Tag color={value === 'normal' || value === 'active' ? 'green' : 'default'}>{label}</Tag>;
-  }
-  return label;
-}
-
-function auditLabel(operation: DataAuditEntry['operation']) {
-  return {
-    created: '创建仪器档案',
-    updated: '更新仪器信息',
-    deleted: '删除仪器档案',
-  }[operation];
-}
-
-function formatDateTime(value?: string) {
-  return value ? new Date(value).toLocaleString('zh-CN', { hour12: false }) : '-';
-}

package/template/apps/web/src/InstrumentFormPage.tsx

@@ -1,117 +0,0 @@
-import { ArrowLeftOutlined, EyeOutlined } from '@ant-design/icons';
-import { useCreate, useOne, useUpdate } from '@refinedev/core';
-import { Alert, App, Button, Card, Result, Space, Spin, Typography } from 'antd';
-import { useNavigate, useParams } from 'react-router-dom';
-import { InstrumentForm } from './InstrumentForm';
-import { Shell } from './Shell';
-import { INSTRUMENT_CAPABILITIES, type InstrumentRecord } from './instrument';
-import { useRuntime } from './runtime';
-
-export function InstrumentFormPage({ mode }: { mode: 'create' | 'edit' }) {
-  const { id = '' } = useParams();
-  const navigate = useNavigate();
-  const { hasCapability } = useRuntime();
-  const { message } = App.useApp();
-  const create = useCreate();
-  const update = useUpdate();
-  const query = useOne<InstrumentRecord>({
-    resource: 'instruments',
-    id,
-    queryOptions: { enabled: mode === 'edit' },
-  });
-  const record = query.result;
-  const allowed =
-    mode === 'create'
-      ? hasCapability(INSTRUMENT_CAPABILITIES.create)
-      : hasCapability(INSTRUMENT_CAPABILITIES.update);
-  if (!allowed) {
-    return (
-      <Shell>
-        <Result status="403" title="当前平台用户无此操作权限" />
-      </Shell>
-    );
-  }
-  if (mode === 'edit' && query.query.isLoading) {
-    return (
-      <Shell>
-        <div className="oxa-page-loading">
-          <Spin />
-        </div>
-      </Shell>
-    );
-  }
-  if (mode === 'edit' && !record) {
-    return (
-      <Shell>
-        <Result status="404" title="仪器不存在或不在数据范围内" />
-      </Shell>
-    );
-  }
-  return (
-    <Shell>
-      <Card className="oxa-edit-hero">
-        <div className="oxa-edit-hero-title">
-          <div>
-            <Button
-              icon={<ArrowLeftOutlined />}
-              onClick={() =>
-                navigate(mode === 'edit' ? `/instruments/${id}` : '/instruments')
-              }
-              type="link"
-            >
-              {mode === 'edit' ? '返回仪器详情' : '返回仪器资源'}
-            </Button>
-            <Typography.Title level={2}>
-              {mode === 'create' ? '新增仪器' : '编辑仪器'}
-            </Typography.Title>
-            {record && (
-              <Typography.Text type="secondary">
-                {record.chineseName} · {record.instrumentCode} · 当前版本{' '}
-                {record.revision}
-              </Typography.Text>
-            )}
-          </div>
-          {record && (
-            <Button
-              icon={<EyeOutlined />}
-              onClick={() => navigate(`/instruments/${id}`)}
-            >
-              查看详情
-            </Button>
-          )}
-        </div>
-        <Alert
-          title="仅显示当前角色可编辑的字段；保存时将校验数据版本与权限范围。"
-          showIcon
-          type="info"
-        />
-      </Card>
-      <InstrumentForm
-        mode={mode}
-        onCancel={() =>
-          navigate(mode === 'edit' ? `/instruments/${id}` : '/instruments')
-        }
-        onSubmit={async values => {
-          if (mode === 'create') {
-            await create.mutateAsync({
-              resource: 'instruments',
-              values,
-            });
-            message.success('仪器已创建');
-            navigate('/instruments');
-          } else {
-            const result = await update.mutateAsync({
-              resource: 'instruments',
-              id,
-              values,
-              meta: { expectedRevision: record!.revision },
-            });
-            message.success('修改已保存');
-            navigate(`/instruments/${result.data.id}`);
-          }
-        }}
-        record={record}
-      />
-    </Shell>
-  );
-}