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

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

@@ -1,181 +0,0 @@
-import { EditOutlined, PlusOutlined } from '@ant-design/icons';
-import {
-  App,
-  Button,
-  Card,
-  Drawer,
-  Form,
-  Input,
-  Result,
-  Space,
-  Switch,
-  Table,
-  Tag,
-} from 'antd';
-import { useEffect, useState } from 'react';
-import { Shell } from './Shell';
-import {
-  collegeDataApi,
-  type CollegeRecord,
-} from './platform-client';
-import { useRuntime } from './runtime';
-
-const capabilities = {
-  read: 'app:instrument-center:data:colleges:read',
-  create: 'app:instrument-center:data:colleges:create',
-  update: 'app:instrument-center:data:colleges:update',
-} as const;
-
-export function CollegePage() {
-  const { hasCapability } = useRuntime();
-  const { message } = App.useApp();
-  const [form] = Form.useForm<{ name: string; enabled: boolean }>();
-  const [rows, setRows] = useState<CollegeRecord[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [editing, setEditing] = useState<CollegeRecord>();
-  const [open, setOpen] = useState(false);
-  const [loadError, setLoadError] = useState('');
-  const refresh = async () => {
-    setLoading(true);
-    setLoadError('');
-    try {
-      setRows((await collegeDataApi.list()).rows);
-    } catch (error) {
-      const reason = error instanceof Error ? error.message : String(error);
-      setLoadError(reason);
-      message.error(reason);
-    } finally {
-      setLoading(false);
-    }
-  };
-  useEffect(() => {
-    if (hasCapability(capabilities.read)) void refresh();
-  }, []);
-  if (!hasCapability(capabilities.read)) {
-    return (
-      <Shell>
-        <Result status="403" title="当前平台用户无学院字典权限" />
-      </Shell>
-    );
-  }
-  const submit = async () => {
-    const values = await form.validateFields();
-    if (editing) {
-      await collegeDataApi.update(editing.id, editing.revision, values);
-    } else {
-      await collegeDataApi.create(values);
-    }
-    setOpen(false);
-    setEditing(undefined);
-    form.resetFields();
-    message.success(editing ? '学院已更新' : '学院已创建');
-    await refresh();
-  };
-  return (
-    <Shell>
-      <Card>
-        <div className="oxa-page-heading">
-          <div>
-            <h1 className="oxa-title">学院字典</h1>
-            <div className="oxa-muted">
-              仪器归属保存学院记录 UUID；停用不会改写已有仪器
-            </div>
-          </div>
-          {hasCapability(capabilities.create) && (
-            <Button
-              icon={<PlusOutlined />}
-              onClick={() => {
-                setEditing(undefined);
-                form.setFieldsValue({ name: '', enabled: true });
-                setOpen(true);
-              }}
-              type="primary"
-            >
-              新增学院
-            </Button>
-          )}
-        </div>
-        {loadError ? (
-          <Result
-            extra={<Button onClick={() => void refresh()}>重新加载</Button>}
-            status="error"
-            subTitle={loadError}
-            title="学院字典暂不可用"
-          />
-        ) : (
-          <Table<CollegeRecord>
-            dataSource={rows}
-            loading={loading}
-            pagination={false}
-            rowKey="id"
-            columns={[
-            { title: '学院名称', dataIndex: 'name' },
-            {
-              title: '状态',
-              dataIndex: 'enabled',
-              render: value => (
-                <Tag color={value ? 'green' : 'default'}>
-                  {value ? '启用' : '停用'}
-                </Tag>
-              ),
-            },
-            {
-              title: '操作',
-              render: (_, record) =>
-                hasCapability(capabilities.update) ? (
-                  <Button
-                    icon={<EditOutlined />}
-                    onClick={() => {
-                      setEditing(record);
-                      form.setFieldsValue({
-                        name: record.name,
-                        enabled: record.enabled,
-                      });
-                      setOpen(true);
-                    }}
-                  >
-                    编辑
-                  </Button>
-                ) : null,
-            },
-            ]}
-          />
-        )}
-      </Card>
-      <Drawer
-        className="oxa-dictionary-drawer"
-        destroyOnHidden
-        extra={
-          <Space>
-            <Button onClick={() => setOpen(false)}>取消</Button>
-            <Button
-              onClick={() =>
-                void submit().catch(error => message.error(error.message))
-              }
-              type="primary"
-            >
-              保存
-            </Button>
-          </Space>
-        }
-        onClose={() => setOpen(false)}
-        open={open}
-        size={520}
-        title={editing ? '编辑学院' : '新增学院'}
-      >
-        <Form form={form} layout="vertical">
-          <Form.Item
-            label="学院名称"
-            name="name"
-            rules={[{ required: true, message: '请输入学院名称' }]}
-          >
-            <Input />
-          </Form.Item>
-          <Form.Item label="启用" name="enabled" valuePropName="checked">
-            <Switch />
-          </Form.Item>
-        </Form>
-      </Drawer>
-    </Shell>
-  );
-}

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

@@ -1,176 +0,0 @@
-import { Space, Tag, Typography } from 'antd';
-import { useEffect, useState } from 'react';
-import type { DataAuditEntry } from 'openxiangda-contracts/browser';
-import { useNavigate, useParams } from 'react-router-dom';
-import { useOne } from '@refinedev/core';
-import {
-  MobileResourceDetailPage,
-  ResourceDetailPage,
-} from './components/resource/StandardResourcePages';
-import { InstrumentForm } from './InstrumentForm';
-import { INSTRUMENT_CAPABILITIES, type InstrumentRecord } from './instrument';
-import { instrumentSurface } from '../../../platform/data/instrument-surface.js';
-import { instrumentDataApi } from './platform-client';
-
-export function InstrumentDetailPage({ variant = 'desktop' }: { variant?: 'desktop' | 'mobile' }) {
-  return variant === 'mobile' ? <MobileInstrumentDetailPage /> : <DesktopInstrumentDetailPage />;
-}
-
-function DesktopInstrumentDetailPage() {
-  const { id = '' } = useParams();
-  const navigate = useNavigate();
-  const [auditEntries, setAuditEntries] = useState<DataAuditEntry[]>([]);
-  const [auditError, setAuditError] = useState('');
-  const query = useOne<InstrumentRecord>({
-    resource: 'instruments',
-    id,
-    queryOptions: { retry: false },
-  });
-  const record = query.result;
-  useEffect(() => {
-    if (!record?.id) return;
-    let active = true;
-    setAuditError('');
-    void instrumentDataApi.audit(record.id).then(
-      page => {
-        if (active) setAuditEntries(page.items || []);
-      },
-      error => {
-        if (active)
-          setAuditError(error instanceof Error ? error.message : String(error));
-      }
-    );
-    return () => {
-      active = false;
-    };
-  }, [record?.id, record?.revision]);
-  return (
-    <ResourceDetailPage
-      backLabel="返回仪器资源"
-      backPath="/instruments"
-      editCapability={INSTRUMENT_CAPABILITIES.update}
-      editPath={`/instruments/${id}/edit`}
-      error={
-        query.query.isError || (!query.query.isLoading && !record)
-          ? query.query.error?.message || '记录不存在'
-          : undefined
-      }
-      hero={
-        record ? (
-          <div>
-            <Space align="center" size={10}>
-              <Typography.Title level={2}>仪器详情</Typography.Title>
-              <Tag color={record.instrumentStatus === 'normal' ? 'green' : 'default'}>
-                {record.instrumentStatus === 'normal' ? '启用' : '非正常'}
-              </Tag>
-            </Space>
-            <Typography.Title className="oxa-instrument-name" level={3}>
-              {record.chineseName}
-            </Typography.Title>
-            <Typography.Text type="secondary">
-              {record.instrumentCode} · {record.specModel}
-            </Typography.Text>
-          </div>
-        ) : null
-      }
-      loading={query.query.isLoading}
-      meta={
-        record ? (
-          <>
-            <span>最近更新 {formatDateTime(record.updated_at)}</span>
-            <span>版本 {record.revision}</span>
-          </>
-        ) : null
-      }
-      readCapability={INSTRUMENT_CAPABILITIES.read}
-      resource="instruments"
-      surface={instrumentSurface}
-      title="仪器"
-      auditTargetId="instrument-audit"
-    >
-      {record && (
-        <InstrumentForm
-          auditEntries={auditEntries}
-          auditError={auditError}
-          mode="detail"
-          onCancel={() => navigate('/instruments')}
-          record={record}
-        />
-      )}
-    </ResourceDetailPage>
-  );
-}
-
-function MobileInstrumentDetailPage() {
-  const { id = '' } = useParams();
-  const navigate = useNavigate();
-  const [auditEntries, setAuditEntries] = useState<DataAuditEntry[]>([]);
-  const [auditError, setAuditError] = useState('');
-  const query = useOne<InstrumentRecord>({
-    resource: 'instruments',
-    id,
-    queryOptions: { retry: false },
-  });
-  const record = query.result;
-  useEffect(() => {
-    if (!record?.id) return;
-    let active = true;
-    setAuditError('');
-    void instrumentDataApi.audit(record.id).then(
-      page => {
-        if (active) setAuditEntries(page.items || []);
-      },
-      error => {
-        if (active) setAuditError(error instanceof Error ? error.message : String(error));
-      }
-    );
-    return () => {
-      active = false;
-    };
-  }, [record?.id, record?.revision]);
-  return (
-    <MobileResourceDetailPage
-      backLabel="返回仪器资源"
-      backPath="/m/instruments"
-      editCapability={INSTRUMENT_CAPABILITIES.update}
-      editPath={`/m/instruments/${id}/edit`}
-      error={query.query.isError || (!query.query.isLoading && !record) ? query.query.error?.message || '记录不存在' : undefined}
-      hero={
-        record ? (
-          <div>
-            <Space align="center" size={8}>
-              <Typography.Title level={3}>仪器详情</Typography.Title>
-              <Tag color={record.instrumentStatus === 'normal' ? 'green' : 'default'}>
-                {record.instrumentStatus === 'normal' ? '启用' : '非正常'}
-              </Tag>
-            </Space>
-            <Typography.Title className="oxa-instrument-name" level={4}>{record.chineseName}</Typography.Title>
-            <Typography.Text type="secondary">{record.instrumentCode} · {record.specModel}</Typography.Text>
-          </div>
-        ) : null
-      }
-      loading={query.query.isLoading}
-      meta={record ? <><span>最近更新 {formatDateTime(record.updated_at)}</span><span>版本 {record.revision}</span></> : null}
-      readCapability={INSTRUMENT_CAPABILITIES.read}
-      resource="instruments"
-      surface={instrumentSurface}
-      title="仪器"
-      auditTargetId="instrument-audit"
-    >
-      {record && (
-        <InstrumentForm
-          auditEntries={auditEntries}
-          auditError={auditError}
-          mode="detail"
-          onCancel={() => navigate('/m/instruments')}
-          record={record}
-          variant="mobile"
-        />
-      )}
-    </MobileResourceDetailPage>
-  );
-}
-
-function formatDateTime(value?: string) {
-  return value ? new Date(value).toLocaleString('zh-CN', { hour12: false }) : '-';
-}