neo-cmp-cli 1.12.7 → 1.12.9

package/template/asset-manage-template/src/components/bidPackage__c/cmps/PackageItemTable.tsx

@@ -0,0 +1,148 @@
+import * as React from 'react';
+import { Table, InputNumber, Typography, Button, Empty } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import type { PackageData, PackageItemData } from '../types';
+import { formatMoney } from '../utils';
+
+const { Text } = Typography;
+
+export interface PackageItemTableProps {
+  pkg: PackageData;
+  editable: boolean;
+  onPriceChange: (
+    pkgKey: string,
+    itemKey: string,
+    field: 'price__c' | 'quantity__c',
+    val: number | null,
+  ) => void;
+  onAddItem: (pkg: PackageData) => void;
+}
+
+export function PackageItemTable({
+  pkg,
+  editable,
+  onPriceChange,
+  onAddItem,
+}: PackageItemTableProps) {
+  if (pkg.items.length === 0) {
+    return (
+      <div className="item-table-wrapper item-empty-wrapper">
+        <Empty description="暂无明细" image={Empty.PRESENTED_IMAGE_SIMPLE}>
+          <Button
+            type="primary"
+            size="small"
+            icon={<PlusOutlined />}
+            onClick={() => onAddItem(pkg)}
+          >
+            添加明细
+          </Button>
+        </Empty>
+      </div>
+    );
+  }
+
+  const columns: any[] = [
+    {
+      title: '品目名称',
+      dataIndex: 'name',
+      key: 'name',
+      width: '22%',
+      render: (v: string, record: PackageItemData) => (
+        <span>
+          {record.isDirty__c && <span className="dirty-dot" />}
+          {v}
+        </span>
+      ),
+    },
+    {
+      title: '规格型号',
+      dataIndex: 'spec__c',
+      key: 'spec__c',
+      width: '20%',
+      ellipsis: true,
+    },
+    {
+      title: '单位',
+      dataIndex: 'unit__c',
+      key: 'unit__c',
+      width: 70,
+      align: 'center' as const,
+    },
+    {
+      title: '单价 (¥)',
+      dataIndex: 'price__c',
+      key: 'price__c',
+      width: 160,
+      render: (v: number, record: PackageItemData) =>
+        editable ? (
+          <InputNumber
+            value={v}
+            min={0}
+            precision={2}
+            style={{ width: '100%' }}
+            formatter={(val: any) =>
+              `${val}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+            }
+            parser={(val: any) => val!.replace(/,/g, '')}
+            onChange={(newVal: number | null) =>
+              onPriceChange(pkg.key, record.key, 'price__c', newVal)
+            }
+          />
+        ) : (
+          <Text>{formatMoney(v)}</Text>
+        ),
+    },
+    {
+      title: '数量',
+      dataIndex: 'quantity__c',
+      key: 'quantity__c',
+      width: 120,
+      render: (v: number, record: PackageItemData) =>
+        editable ? (
+          <InputNumber
+            value={v}
+            min={1}
+            precision={0}
+            style={{ width: '100%' }}
+            onChange={(newVal: number | null) =>
+              onPriceChange(pkg.key, record.key, 'quantity__c', newVal)
+            }
+          />
+        ) : (
+          <Text>{v}</Text>
+        ),
+    },
+    {
+      title: '小计',
+      key: 'subtotal__c',
+      width: 140,
+      align: 'right' as const,
+      render: (_: any, record: PackageItemData) => (
+        <Text strong>{formatMoney(record.price__c * record.quantity__c)}</Text>
+      ),
+    },
+  ];
+
+  return (
+    <div className="item-table-wrapper">
+      <Table
+        columns={columns}
+        dataSource={pkg.items}
+        rowKey="key"
+        pagination={false}
+        size="small"
+        bordered
+      />
+      <div className="item-table-footer">
+        <Button
+          type="dashed"
+          size="small"
+          icon={<PlusOutlined />}
+          onClick={() => onAddItem(pkg)}
+        >
+          添加明细
+        </Button>
+      </div>
+    </div>
+  );
+}

package/template/asset-manage-template/src/components/bidPackage__c/index.tsx

@@ -0,0 +1,394 @@
+/**
+ * @file 招投标标包查看组件
+ * @description 标包层级数据网格：展开明细、行内编辑报价、实时汇总、超支预警、批量保存
+ */
+import * as React from 'react';
+import { Table, Spin, Empty, message } from 'antd';
+// @ts-ignore
+import { xObject } from 'neo-open-api';
+// @ts-ignore
+import { NeoEvent } from 'neo-ui-common';
+import { BidPackageHeader } from './cmps/BidPackageHeader';
+import { PackageItemTable } from './cmps/PackageItemTable';
+import { getPackageMainColumns } from './mainTableColumns';
+import type { PackageData } from './types';
+import { calcPackageTotal } from './utils';
+import './style.scss';
+
+interface BidPackageProps {
+  packageApiKey?: string;
+  packageItemApiKey?: string;
+  bidRelationField?: string;
+  packageRelationField?: string;
+  title?: string;
+  editable?: boolean;
+  totalBudget?: number;
+  data?: any;
+  env?: any;
+  className?: string;
+}
+
+interface BidPackageState {
+  packages: PackageData[];
+  loading: boolean;
+  saving: boolean;
+  expandedKeys: string[];
+  currentBidId: string | null;
+  currentBidName: string | null;
+  currentBidNo: string | null;
+  currentStatus: string | null;
+  currentBudget: number | null;
+  currentPurchaser: string | null;
+  currentDeadline: string | null;
+}
+
+export default class BidPackage extends React.PureComponent<
+  BidPackageProps,
+  BidPackageState
+> {
+  constructor(props: BidPackageProps) {
+    super(props);
+    this.state = {
+      packages: [],
+      loading: false,
+      saving: false,
+      expandedKeys: [],
+      currentBidId: null,
+      currentBidName: null,
+      currentBidNo: null,
+      currentStatus: null,
+      currentBudget: null,
+      currentPurchaser: null,
+      currentDeadline: null,
+    };
+
+    this.handleBidSelected = this.handleBidSelected.bind(this);
+  }
+
+  componentDidMount() {
+    this.loadData();
+
+    try {
+      NeoEvent.listen('bidSelected', this.handleBidSelected);
+    } catch (e) {
+      // NeoEvent 不可用时忽略
+    }
+  }
+
+  componentDidUpdate(prev: BidPackageProps) {
+    if (
+      prev.packageApiKey !== this.props.packageApiKey ||
+      prev.packageItemApiKey !== this.props.packageItemApiKey
+    ) {
+      this.loadData();
+    }
+  }
+
+  handleBidSelected(eventData: any) {
+    const { bidId, bidName, bidNo, status, totalBudget, purchaser, deadline } =
+      eventData || {};
+    if (!bidId || bidId === this.state.currentBidId) return;
+    this.setState(
+      {
+        currentBidId: bidId,
+        currentBidName: bidName || null,
+        currentBidNo: bidNo || null,
+        currentStatus: status || null,
+        currentBudget: totalBudget ?? null,
+        currentPurchaser: purchaser || null,
+        currentDeadline: deadline || null,
+      },
+      () => {
+        this.loadData(bidId);
+      },
+    );
+  }
+
+  @NeoEvent.function
+  async loadData(bidId?: string) {
+    const {
+      packageApiKey,
+      packageItemApiKey,
+      bidRelationField,
+      packageRelationField,
+      data,
+    } = this.props;
+    const targetBidId = bidId || this.state.currentBidId;
+
+    if (!packageApiKey || !packageItemApiKey) {
+      this.setState({
+        packages: [],
+        loading: false,
+        expandedKeys: [],
+      });
+      return;
+    }
+
+    this.setState({ loading: true });
+
+    try {
+      const recordId = targetBidId || data?.__NeoSystemInfo?.recordId;
+
+      const pkgQuery: any = {
+        xObjectApiKey: packageApiKey,
+        fields: ['name', 'limitPrice__c', 'sortOrder__c'],
+        pageSize: 100,
+      };
+      if (recordId && bidRelationField) {
+        pkgQuery.where = `${bidRelationField} = '${recordId}'`;
+      }
+
+      const pkgResult = await xObject.query(pkgQuery);
+      const pkgRecords = pkgResult?.status ? pkgResult.data || [] : [];
+
+      if (pkgRecords.length === 0) {
+        this.setState({
+          packages: [],
+          loading: false,
+          expandedKeys: [],
+        });
+        return;
+      }
+
+      const itemQuery: any = {
+        xObjectApiKey: packageItemApiKey,
+        fields: [
+          'name',
+          'spec__c',
+          'unit__c',
+          'price__c',
+          'quantity__c',
+          packageRelationField || 'packageId__c',
+        ],
+        pageSize: 500,
+      };
+      if (pkgRecords.length > 0 && packageRelationField) {
+        const ids = pkgRecords.map((p: any) => `'${p.id}'`).join(',');
+        itemQuery.where = `${packageRelationField} in (${ids})`;
+      }
+      const itemResult = await xObject.query(itemQuery);
+      const itemRecords = itemResult?.status ? itemResult.data || [] : [];
+
+      const relField = packageRelationField || 'packageId__c';
+      const packages: PackageData[] = pkgRecords.map((pkg: any) => ({
+        id: pkg.id,
+        key: pkg.id,
+        name: pkg.name,
+        limitPrice: pkg.limitPrice__c || 0,
+        sortOrder: pkg.sortOrder__c || 0,
+        items: itemRecords
+          .filter((it: any) => String(it[relField]) === String(pkg.id))
+          .map((it: any) => ({
+            id: it.id,
+            key: it.id,
+            name: it.name,
+            spec__c: it.spec__c || '',
+            unit__c: it.unit__c || '',
+            price__c: it.price__c || 0,
+            quantity__c: it.quantity__c || 0,
+            isDirty__c: false,
+          })),
+      }));
+
+      packages.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0));
+
+      this.setState({
+        packages,
+        loading: false,
+        expandedKeys: packages.length > 0 ? [packages[0].key] : [],
+      });
+    } catch (e) {
+      console.error('加载标包数据失败:', e);
+      this.setState({
+        packages: [],
+        loading: false,
+        expandedKeys: [],
+      });
+    }
+  }
+
+  handlePriceChange = (
+    pkgKey: string,
+    itemKey: string,
+    field: 'price__c' | 'quantity__c',
+    val: number | null,
+  ) => {
+    this.setState((prev) => ({
+      packages: prev.packages.map((pkg) => {
+        if (pkg.key !== pkgKey) return pkg;
+        return {
+          ...pkg,
+          items: pkg.items.map((it) =>
+            it.key === itemKey
+              ? { ...it, [field]: val || 0, isDirty__c: true }
+              : it,
+          ),
+        };
+      }),
+    }));
+  };
+
+  handleSave = async () => {
+    const { packageItemApiKey } = this.props;
+    const { packages } = this.state;
+
+    const dirtyItems = packages.flatMap((pkg) =>
+      pkg.items.filter((it) => it.isDirty__c),
+    );
+
+    if (dirtyItems.length === 0) {
+      message.info('没有需要保存的修改');
+      return;
+    }
+
+    if (!packageItemApiKey) {
+      message.warning('请先配置明细实体 API Key（packageItemApiKey）');
+      return;
+    }
+
+    this.setState({ saving: true });
+    try {
+      for (const item of dirtyItems) {
+        await xObject.update(packageItemApiKey, item.id, {
+          data: { price__c: item.price__c, quantity__c: item.quantity__c },
+          method: 'PATCH',
+        });
+      }
+      message.success(`已保存 ${dirtyItems.length} 条报价修改`);
+      this.clearDirty();
+    } catch (e) {
+      console.error('保存失败:', e);
+      message.error('保存失败，请重试');
+    } finally {
+      this.setState({ saving: false });
+    }
+  };
+
+  clearDirty() {
+    this.setState((prev) => ({
+      packages: prev.packages.map((pkg) => ({
+        ...pkg,
+        items: pkg.items.map((it) => ({ ...it, isDirty__c: false })),
+      })),
+    }));
+  }
+
+  handleExpand = (expanded: boolean, record: PackageData) => {
+    this.setState((prev) => ({
+      expandedKeys: expanded
+        ? [...prev.expandedKeys, record.key]
+        : prev.expandedKeys.filter((k) => k !== record.key),
+    }));
+  };
+
+  handleAddItem = (pkg: PackageData) => {
+    const { env, packageItemApiKey, packageRelationField } = this.props;
+    const ctx = env?.ctx;
+
+    if (!packageItemApiKey) {
+      message.warning('请先配置明细实体 API Key（packageItemApiKey）');
+      return;
+    }
+
+    if (!ctx?.api?.openCreateForm) {
+      message.warning('当前环境不支持打开新建表单，请在 NeoCRM 平台中使用');
+      return;
+    }
+
+    ctx.api.openCreateForm({
+      objectApiKey: packageItemApiKey,
+      busiType: 'defaultBusiType',
+      defaultFieldVals: packageRelationField
+        ? [{ apiKey: packageRelationField, value: pkg.id }]
+        : undefined,
+    });
+  };
+
+  renderItemTable = (pkg: PackageData) => {
+    const { editable = true } = this.props;
+    return (
+      <PackageItemTable
+        pkg={pkg}
+        editable={editable}
+        onPriceChange={this.handlePriceChange}
+        onAddItem={this.handleAddItem}
+      />
+    );
+  };
+
+  render() {
+    const {
+      className,
+      packageApiKey,
+      packageItemApiKey,
+      title = '标书在线概算',
+      totalBudget: propsBudget,
+    } = this.props;
+    const {
+      packages,
+      loading,
+      expandedKeys,
+      saving,
+      currentBidName,
+      currentBidNo,
+      currentStatus,
+      currentBudget,
+      currentPurchaser,
+      currentDeadline,
+    } = this.state;
+
+    const displayTitle = currentBidName || title;
+    const hasEntityKeys = Boolean(packageApiKey && packageItemApiKey);
+    const emptyDescription = hasEntityKeys
+      ? '暂无标包数据'
+      : '请在设计器中配置标包实体（packageApiKey）与明细实体（packageItemApiKey）';
+
+    return (
+      <div className={`bidPackage__c ${className || ''}`}>
+        <BidPackageHeader
+          displayTitle={displayTitle}
+          totalBudget={currentBudget}
+          propsBudget={propsBudget}
+          packages={packages}
+          saving={saving}
+          loading={loading}
+          currentBidNo={currentBidNo}
+          currentStatus={currentStatus}
+          currentPurchaser={currentPurchaser}
+          currentDeadline={currentDeadline}
+          onReload={() => this.loadData()}
+          onSave={this.handleSave}
+        />
+
+        <div className="bid-table-wrapper">
+          <Spin spinning={loading} tip="加载标包数据...">
+            {packages.length === 0 && !loading ? (
+              <Empty
+                description={emptyDescription}
+                image={Empty.PRESENTED_IMAGE_SIMPLE}
+              />
+            ) : (
+              <Table
+                key={this.state.currentBidId || 'default'}
+                columns={getPackageMainColumns()}
+                dataSource={packages}
+                rowKey="key"
+                pagination={false}
+                expandable={{
+                  expandedRowRender: this.renderItemTable,
+                  expandedRowKeys: expandedKeys,
+                  onExpand: this.handleExpand,
+                }}
+                rowClassName={(record: PackageData) =>
+                  calcPackageTotal(record.items) > record.limitPrice
+                    ? 'row-over-budget'
+                    : ''
+                }
+              />
+            )}
+          </Spin>
+        </div>
+      </div>
+    );
+  }
+}

package/template/asset-manage-template/src/components/bidPackage__c/mainTableColumns.tsx

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Tag, Space, Typography } from 'antd';
+import { WarningOutlined } from '@ant-design/icons';
+import type { PackageData } from './types';
+import { calcPackageTotal, formatMoney } from './utils';
+
+const { Text } = Typography;
+
+export function getPackageMainColumns(): any[] {
+  return [
+    {
+      title: '标包名称',
+      dataIndex: 'name',
+      key: 'name',
+      render: (v: string) => <Text strong>{v}</Text>,
+    },
+    {
+      title: '最高限价',
+      dataIndex: 'limitPrice',
+      key: 'limitPrice',
+      width: 160,
+      render: (v: number) => <Text type="secondary">{formatMoney(v)}</Text>,
+    },
+    {
+      title: '实时报价汇总',
+      key: 'total',
+      width: 240,
+      render: (_: any, record: PackageData) => {
+        const total = calcPackageTotal(record.items);
+        const isOver = total > record.limitPrice;
+        return (
+          <Space>
+            <Text type={isOver ? 'danger' : 'success'} strong>
+              {formatMoney(total)}
+            </Text>
+            {isOver && (
+              <Tag
+                color="error"
+                className="over-budget-tag"
+                icon={<WarningOutlined />}
+              >
+                超支预警
+              </Tag>
+            )}
+          </Space>
+        );
+      },
+    },
+    {
+      title: '明细数',
+      key: 'count',
+      width: 80,
+      align: 'center' as const,
+      render: (_: any, record: PackageData) => <Tag>{record.items.length}</Tag>,
+    },
+  ];
+}

package/template/asset-manage-template/src/components/bidPackage__c/model.ts

@@ -0,0 +1,86 @@
+/**
+ * @file 招投标标包查看组件 - 模型文件
+ */
+export class BidPackageModel {
+  label: string = '标包概算';
+
+  description: string =
+    '招投标标包层级数据网格，支持展开明细、行内编辑报价、实时汇总与超支预警';
+
+  targetPage: string[] = ['all'];
+
+  targetDevice: string = 'web';
+
+  enableDuplicate: boolean = true;
+
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
+
+  defaultComProps = {
+    title: '标书在线概算',
+    editable: true,
+    packageApiKey: 'PackageEntity__c',
+    packageItemApiKey: 'PackageItem__c',
+    bidRelationField: 'BidId__c',
+    packageRelationField: 'packageId__c',
+  };
+
+  functions = [
+    {
+      apiKey: 'loadData',
+      label: '刷新标包数据',
+      helpTextKey: '重新加载标包和明细数据',
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'title',
+      label: '组件标题',
+      value: '标书在线概算',
+      placeholder: '请输入组件标题',
+    },
+    {
+      type: 'panelInput',
+      name: 'packageApiKey',
+      label: '标包实体 API Key',
+      value: '',
+      placeholder: '请输入标包实体的 API Key',
+    },
+    {
+      type: 'panelInput',
+      name: 'packageItemApiKey',
+      label: '明细实体 API Key',
+      value: '',
+      placeholder: '请输入标包明细实体的 API Key',
+    },
+    {
+      type: 'panelInput',
+      name: 'bidRelationField',
+      label: '标包关联标书字段',
+      value: 'BidId__c',
+      placeholder: '标包中关联标书ID的字段',
+    },
+    {
+      type: 'panelInput',
+      name: 'packageRelationField',
+      label: '明细关联标包字段',
+      value: 'packageId__c',
+      placeholder: '明细中关联标包ID的字段',
+    },
+    {
+      type: 'panelNumber',
+      name: 'totalBudget',
+      label: '预算总额',
+      placeholder: '招标方公布的总预算上限（可选）',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'editable',
+      label: '允许编辑报价',
+      defaultChecked: true,
+    },
+  ];
+}
+
+export default BidPackageModel;