neo-cmp-cli 1.12.8 → 1.12.9

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

@@ -0,0 +1,194 @@
+/**
+ * @file 标书列表组件
+ * @description 窄面板侧边栏，展示标书列表，点击选中后通过 NeoEvent 广播通知标包组件加载数据
+ */
+import * as React from 'react';
+import { Input, Spin, Empty, Button, Badge } from 'antd';
+import {
+  SearchOutlined,
+  ReloadOutlined,
+  FileTextOutlined,
+} from '@ant-design/icons';
+// @ts-ignore
+import { xObject } from 'neo-open-api';
+// @ts-ignore
+import debounce from 'lodash/debounce';
+// @ts-ignore
+import { NeoEvent } from 'neo-ui-common';
+import { BidCard } from './cmps/BidCard';
+import type { BidItem } from './types';
+import './style.scss';
+
+interface BidListProps {
+  /** 标书实体 API Key */
+  bidApiKey?: string;
+  /** 组件标题 */
+  title?: string;
+  data?: any;
+  env?: any;
+  className?: string;
+}
+
+interface BidListState {
+  bids: BidItem[];
+  loading: boolean;
+  activeId: string | null;
+  keyword: string;
+}
+
+export default class BidList extends React.PureComponent<
+  BidListProps,
+  BidListState
+> {
+  private debouncedSearch: () => void;
+
+  constructor(props: BidListProps) {
+    super(props);
+    this.state = {
+      bids: [],
+      loading: false,
+      activeId: null,
+      keyword: '',
+    };
+    this.debouncedSearch = debounce(() => this.loadBids(), 300);
+  }
+
+  componentDidMount() {
+    this.loadBids();
+  }
+
+  componentDidUpdate(prev: BidListProps) {
+    if (prev.bidApiKey !== this.props.bidApiKey) {
+      this.loadBids();
+    }
+  }
+
+  /** 选中标书事件 */
+  @NeoEvent.dispatch
+  onSelectBid() {}
+
+  async loadBids() {
+    const { bidApiKey } = this.props;
+    const { keyword } = this.state;
+
+    if (!bidApiKey) {
+      this.setState({ bids: [], loading: false });
+      return;
+    }
+
+    this.setState({ loading: true });
+    try {
+      const query: any = {
+        xObjectApiKey: bidApiKey,
+        fields: [
+          'name',
+          'bidNo__c',
+          'status__c',
+          'totalBudget__c',
+          'deadline__c',
+          'purchaser__c',
+        ],
+        pageSize: 100,
+      };
+      if (keyword) {
+        query.where = `(name like '%${keyword}%' or bidNo__c like '%${keyword}%')`;
+      }
+
+      const result = await xObject.query(query);
+      const records = result?.status ? result.data || [] : [];
+
+      this.setState({ bids: records, loading: false });
+    } catch (e) {
+      console.error('加载标书列表失败:', e);
+      this.setState({ bids: [], loading: false });
+    }
+  }
+
+  handleSelect = (bid: BidItem) => {
+    this.setState({ activeId: bid.id });
+    const payload = {
+      bidId: bid.id,
+      bidName: bid.name,
+      bidNo: bid.bidNo__c,
+      status: bid.status__c,
+      totalBudget: bid.totalBudget__c,
+      purchaser: bid.purchaser__c,
+      deadline: bid.deadline__c,
+    };
+    try {
+      NeoEvent.broadcast('bidSelected', payload);
+    } catch (e) {
+      // 预览模式 fallback：通过 window CustomEvent 通知
+    }
+    this.onSelectBid();
+  };
+
+  handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.setState({ keyword: e.target.value }, () => {
+      this.debouncedSearch();
+    });
+  };
+
+  render() {
+    const { title = '标书列表', className, bidApiKey } = this.props;
+    const { bids, loading, keyword, activeId } = this.state;
+
+    const emptyDescription = bidApiKey
+      ? '暂无标书'
+      : '请在设计器中配置标书实体 API Key（bidApiKey）';
+
+    return (
+      <div className={`bidList__c ${className || ''}`}>
+        <div className="list-header">
+          <div className="list-title">
+            <FileTextOutlined className="title-icon" />
+            <span>{title}</span>
+            <Badge count={bids.length} className="title-badge" />
+          </div>
+          <Button
+            type="text"
+            size="small"
+            icon={<ReloadOutlined />}
+            onClick={() => this.loadBids()}
+            loading={loading}
+            disabled={!bidApiKey}
+          />
+        </div>
+
+        <div className="list-search">
+          <Input
+            placeholder="搜索标书编号/名称"
+            prefix={<SearchOutlined style={{ color: '#bfbfbf' }} />}
+            value={keyword}
+            onChange={this.handleSearchChange}
+            allowClear
+            size="small"
+            disabled={!bidApiKey}
+          />
+        </div>
+
+        <div className="list-body">
+          <Spin spinning={loading} size="small">
+            {bids.length === 0 && !loading ? (
+              <Empty
+                description={emptyDescription}
+                image={Empty.PRESENTED_IMAGE_SIMPLE}
+              />
+            ) : (
+              <div className="bid-card-list">
+                {bids.map((bid) => (
+                  <BidCard
+                    key={bid.id}
+                    bid={bid}
+                    active={activeId === bid.id}
+                    onSelect={this.handleSelect}
+                  />
+                ))}
+              </div>
+            )}
+          </Spin>
+        </div>
+      </div>
+    );
+  }
+}

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

@@ -0,0 +1,57 @@
+/**
+ * @file 标书列表组件 - 模型文件
+ */
+export class BidListModel {
+  label: string = '标书列表';
+
+  description: string =
+    '窄面板侧边栏，展示标书列表，点击选中后联动标包概算组件';
+
+  targetPage: string[] = ['all'];
+
+  targetDevice: string = 'web';
+
+  enableDuplicate: boolean = true;
+
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/data-list.svg';
+
+  defaultComProps = {
+    title: '标书列表',
+    bidApiKey: 'BidEntity__c',
+  };
+
+  events = [
+    {
+      apiKey: 'onSelectBid',
+      label: '选中标书后',
+      helpText: '点击标书列表项后触发，可联动标包组件加载数据',
+    },
+  ];
+
+  functions = [
+    {
+      apiKey: 'loadBids',
+      label: '刷新标书列表',
+      helpTextKey: '重新加载标书数据',
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'title',
+      label: '组件标题',
+      value: '标书列表',
+      placeholder: '请输入组件标题',
+    },
+    {
+      type: 'panelInput',
+      name: 'bidApiKey',
+      label: '标书实体 API Key',
+      value: '',
+      placeholder: '请输入标书实体的 API Key',
+    },
+  ];
+}
+
+export default BidListModel;

package/template/asset-manage-template/src/components/bidList__c/style.scss

@@ -0,0 +1,179 @@
+.bidList__c {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  /* ========== 顶部标题 ========== */
+  .list-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px 10px;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+
+    .list-title {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 15px;
+      font-weight: 600;
+      color: #262626;
+
+      .title-icon {
+        color: #1890ff;
+        font-size: 16px;
+      }
+
+      .title-badge {
+        .ant-badge-count {
+          background: #e6f7ff;
+          color: #1890ff;
+          box-shadow: none;
+          font-size: 11px;
+          height: 18px;
+          min-width: 18px;
+          line-height: 18px;
+        }
+      }
+    }
+  }
+
+  /* ========== 搜索栏 ========== */
+  .list-search {
+    padding: 8px 16px;
+    flex-shrink: 0;
+
+    .ant-input-affix-wrapper {
+      border-radius: 20px;
+      background: #f5f5f5;
+      padding: 6px 12px;
+
+      .ant-input {
+        background: transparent;
+        font-size: 14px;
+      }
+    }
+  }
+
+  /* ========== 列表主体：纵向单列 ========== */
+  .list-body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px 16px 14px;
+    -webkit-overflow-scrolling: touch;
+
+    .ant-empty {
+      padding: 32px 0;
+    }
+
+    .bid-card-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
+
+  /* ========== 标书卡片：移动端触摸友好 ========== */
+  .bid-card {
+    width: 100%;
+    padding: 12px 14px;
+    border-radius: 10px;
+    border: 1.5px solid #f0f0f0;
+    cursor: pointer;
+    transition: all 0.2s;
+    /* 触摸反馈 */
+    -webkit-tap-highlight-color: transparent;
+    user-select: none;
+
+    &:active {
+      transform: scale(0.97);
+    }
+
+    &:hover {
+      border-color: #d9d9d9;
+      background: #fafafa;
+    }
+
+    &.active {
+      border-color: #1890ff;
+      background: #e6f7ff;
+      box-shadow: 0 2px 8px rgba(24, 144, 255, 0.18);
+
+      .bid-card-name {
+        color: #1890ff;
+      }
+    }
+
+    .bid-card-top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 6px;
+
+      .bid-no {
+        font-size: 11px;
+        color: #8c8c8c;
+        font-family: 'SFMono-Regular', Consolas, monospace;
+      }
+
+      .ant-tag {
+        margin: 0;
+        font-size: 11px;
+        line-height: 18px;
+        padding: 0 6px;
+        border-radius: 4px;
+      }
+    }
+
+    .bid-card-name {
+      font-size: 14px;
+      font-weight: 500;
+      color: #262626;
+      line-height: 1.4;
+      margin-bottom: 8px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+    .bid-card-meta {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 12px;
+      gap: 8px;
+
+      .meta-budget {
+        color: #1890ff;
+        font-weight: 600;
+        font-size: 13px;
+      }
+
+      .meta-deadline {
+        color: #8c8c8c;
+        white-space: nowrap;
+
+        .anticon {
+          margin-right: 3px;
+          font-size: 11px;
+        }
+      }
+    }
+
+    .bid-card-purchaser {
+      margin-top: 6px;
+      font-size: 11px;
+      color: #bfbfbf;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}

package/template/asset-manage-template/src/components/bidList__c/types.ts

@@ -0,0 +1,10 @@
+export interface BidItem {
+  id: string;
+  name: string;
+  bidNo__c?: string;
+  status__c?: string;
+  totalBudget__c?: number;
+  deadline__c?: string | number;
+  purchaser__c?: string;
+  [k: string]: any;
+}

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

@@ -0,0 +1,140 @@
+import * as React from 'react';
+import { Card, Typography, Space, Button, Tag } from 'antd';
+import {
+  SaveOutlined,
+  ReloadOutlined,
+  WarningOutlined,
+  FileTextOutlined,
+  BankOutlined,
+  ClockCircleOutlined,
+} from '@ant-design/icons';
+import type { BidPackageHeaderProps } from '../types';
+import { calcPackageTotal, formatMoney, formatDate } from '../utils';
+
+const { Text } = Typography;
+
+export function BidPackageHeader({
+  displayTitle,
+  totalBudget,
+  propsBudget,
+  packages,
+  saving,
+  loading,
+  currentBidNo,
+  currentStatus,
+  currentPurchaser,
+  currentDeadline,
+  onReload,
+  onSave,
+}: BidPackageHeaderProps) {
+  const resolvedBudget = totalBudget ?? propsBudget;
+
+  const grandTotal = packages.reduce(
+    (acc, pkg) => acc + calcPackageTotal(pkg.items),
+    0,
+  );
+  const dirtyCount = packages.reduce(
+    (acc, pkg) => acc + pkg.items.filter((it) => it.isDirty__c).length,
+    0,
+  );
+  const overCount = packages.filter(
+    (pkg) => calcPackageTotal(pkg.items) > pkg.limitPrice,
+  ).length;
+
+  return (
+    <Card className="bid-header-card" size="small">
+      <div className="header-row">
+        <div className="header-info">
+          <h3 className="header-title">{displayTitle}</h3>
+          {currentBidNo ? (
+            <div className="bid-detail-bar">
+              <span className="detail-item">
+                <FileTextOutlined /> {currentBidNo}
+              </span>
+              {currentStatus && (
+                <Tag
+                  color={
+                    currentStatus === '已提交'
+                      ? 'success'
+                      : currentStatus === '已校验'
+                      ? 'processing'
+                      : currentStatus === '退回'
+                      ? 'error'
+                      : 'default'
+                  }
+                >
+                  {currentStatus}
+                </Tag>
+              )}
+              {currentPurchaser && (
+                <span className="detail-item">
+                  <BankOutlined /> {currentPurchaser}
+                </span>
+              )}
+              {currentDeadline && (
+                <span className="detail-item">
+                  <ClockCircleOutlined /> 截止 {formatDate(currentDeadline)}
+                </span>
+              )}
+            </div>
+          ) : (
+            <Text type="secondary">
+              点击左侧标书列表选择标书，或展开标包查看明细
+            </Text>
+          )}
+        </div>
+        <div className="header-stats">
+          {resolvedBudget != null && (
+            <div className="stat-item">
+              <span className="stat-label">预算总额</span>
+              <span className="stat-value budget">
+                {formatMoney(resolvedBudget)}
+              </span>
+            </div>
+          )}
+          <div className="stat-item">
+            <span className="stat-label">投标总计</span>
+            <span
+              className={`stat-value ${
+                resolvedBudget != null && grandTotal > resolvedBudget
+                  ? 'over'
+                  : 'normal'
+              }`}
+            >
+              {formatMoney(grandTotal)}
+            </span>
+          </div>
+          {overCount > 0 && (
+            <div className="stat-item">
+              <Tag color="error" icon={<WarningOutlined />}>
+                {overCount} 个标包超支
+              </Tag>
+            </div>
+          )}
+        </div>
+      </div>
+      <div className="header-actions">
+        <Space>
+          <Button
+            icon={<ReloadOutlined />}
+            onClick={onReload}
+            loading={loading}
+            size="small"
+          >
+            刷新
+          </Button>
+          <Button
+            type="primary"
+            icon={<SaveOutlined />}
+            onClick={onSave}
+            loading={saving}
+            disabled={dirtyCount === 0}
+            size="small"
+          >
+            保存报价{dirtyCount > 0 ? ` (${dirtyCount})` : ''}
+          </Button>
+        </Space>
+      </div>
+    </Card>
+  );
+}