您现在的位置：程式碼之家 >> 編程語言 > >> .NET 網頁程式設計 >> 關於.NET

Winform開發框架：CRM報價單與銷售單的高效處理實踐

編輯：關於.NET

在前幾篇介紹CRM核心界面與實現思路的文章基礎上，本文將深入剖析系統中報價單與銷售單的具體處理邏輯與界面優化技巧。傳統模式下，產品選擇往往依賴彈出式對話框，操作繁瑣且體驗一般。為貼合業界主流CRM系統的交互習慣，本框架採用列表內嵌選擇器，實現產品信息的快速檢索與填入，顯著提升單據錄入效率。

一、核心功能界面效果

新建報價單與銷售訂單界面均採用統一的網格編輯模式。用戶可直接在明細列表中展開下拉選單，通過搜索或瀏覽快速定位產品，選中後產品編碼、規格、單價等屬性自動回填至對應列，無需彈窗切換上下文。

新建報價單界面

新建銷售訂單界面

單據狀態管理同樣直觀：列表頁通過分頁控件承載大量數據，並以差異化背景色標識「待處理、處理中、已完成、已取消」等狀態，配合右鍵菜單提供「轉化為銷售訂單」等高頻操作，構建流暢的業務閉環。

單據狀態色彩區分

報價單列表界面

右鍵菜單轉化單據

二、內嵌GridControl的設計與配置

核心在於DevExpress GridControl 的深度定製。設計視圖中需預先綁定列定義，關鍵步驟是將「產品名稱」列的編輯器（ColumnEdit）替換為 SearchLookupEdit，使其具備下拉搜索能力。

GridControl列設計

調整後設計視圖

在 Repository 頁簽的 In-place Editor Repository 中，針對該編輯器設置 DisplayMember（顯示產品名稱）與 ValueMember（綁定產品ID），並關聯數據源，即可實現「所見即所得」的選擇體驗。

Repository編輯器配置

顯示/值成員綁定

三、關鍵代碼實現邏輯

界面配置完成後，需通過代碼驅動數據綁定與聯動邏輯。以下為核心片段：

1. 窗體初始化與編輯器綁定

public partial class FrmEditQuotation : BaseEditForm {
    private QuotationInfo tempInfo = new QuotationInfo();
    public string CustomerID { get; set; }

    public FrmEditQuotation() {
        InitializeComponent();
        // 綁定所有啟用狀態的產品數據
        this.repositoryItemSearchLookUpEdit1.DataSource = BLLFactory<Product>.Instance.GetAllInUsed();
        // 編輯器顯示前的預處理
        this.gridView1.ShowingEditor += new CancelEventHandler(gridView1_ShowingEditor);
        // 單元格值變更後的聯動處理
        this.gridView1.CellValueChanged += new DevExpress.XtraGrid.Views.Base.CellValueChangedEventHandler(gridView1_CellValueChanged);
    }
}

2. 明細數據源構建與綁定

public override void DisplayData() {
    InitDictItem(); // 載入數據字典
    if (!string.IsNullOrEmpty(ID)) { /* 編輯模式邏輯 */ }
    else { /* 新增模式邏輯 */ }
    this.gridControl1.DataSource = GetDetailTable(); // 關鍵：綁定明細表
    SetAttachInfo(tempInfo);
}

public DataTable GetDetailTable() {
    // 定義列結構，注意 SalePrice|decimal、Quantity|int 等類型標記
    string columnString = "ID,ProductName,ProductNo,MaterialCode,ProductType,Specification,Model,Unit,SalePrice|decimal,Quantity|int,Note,ExpireDate|DateTime";
    DataTable dt = DataTableHelper.CreateTable(columnString);

    if (!string.IsNullOrEmpty(ID)) {
        List<QuotationDetailInfo> list = BLLFactory<QuotationDetail>.Instance.FindByOrderNo(this.txtHandNo.Text);
        foreach (QuotationDetailInfo info in list) {
            DataRow dr = dt.NewRow();
            dr["ID"] = info.ID;
            // 關鍵點：ProductName 列綁定產品 ID，而非名稱，以便 SearchLookupEdit 正確匹配
            dr["ProductName"] = info.Product_ID;
            dr["ProductNo"] = info.ProductNo;
            dr["MaterialCode"] = info.MaterialCode;
            dr["ProductType"] = info.ProductType;
            dr["Specification"] = info.Specification;
            dr["Model"] = info.Model;
            dr["Unit"] = info.Unit;
            dr["SalePrice"] = info.SalePrice;
            dr["Quantity"] = info.Quantity;
            dr["Note"] = info.Note;
            if (info.ExpireDate > Convert.ToDateTime("1900-1-1")) {
                dr["ExpireDate"] = info.ExpireDate;
            }
            dt.Rows.Add(dr);
        }
    }
    return dt;
}

3. 產品選擇後的屬性自動回填

利用 CellValueChanged 事件，當用戶在「產品名稱」列選定產品時，即時查詢並填充同行的編碼、規格、單價等字段；若清空選擇，則重置相關列。

private void gridView1_CellValueChanged(object sender, DevExpress.XtraGrid.Views.Base.CellValueChangedEventArgs e) {
    if (e.Column.FieldName == "ProductName") {
        ProductInfo info = BLLFactory<Product>.Instance.FindByID(e.Value.ToString());
        if (info != null) {
            this.gridView1.SetRowCellValue(e.RowHandle, "ProductNo", info.HandNo);
            this.gridView1.SetRowCellValue(e.RowHandle, "MaterialCode", info.MaterialCode);
            this.gridView1.SetRowCellValue(e.RowHandle, "ProductType", info.ProductType);
            this.gridView1.SetRowCellValue(e.RowHandle, "Specification", info.Specification);
            this.gridView1.SetRowCellValue(e.RowHandle, "Model", info.Model);
            this.gridView1.SetRowCellValue(e.RowHandle, "Unit", info.Unit);
            this.gridView1.SetRowCellValue(e.RowHandle, "SalePrice", info.SalePrice);
        } else {
            // 清空相關列
            string[] fields = { "ProductNo", "MaterialCode", "ProductType", "Specification", "Model", "Unit", "SalePrice", "Quantity", "Note", "ExpireDate" };
            foreach (string field in fields) {
                this.gridView1.SetRowCellValue(e.RowHandle, field, DBNull.Value);
            }
        }
    }
}

4. 主從表數據保存

保存時先寫入主表（報價單/銷售單），成功後遍歷 Grid 數據源保存明細，確保事務一致性。

public override bool SaveAddNew() {
    QuotationInfo info = tempInfo;
    SetInfo(info);
    info.Creator = LoginUserInfo.Name;
    info.CreateTime = DateTime.Now;
    try {
        bool succeed = BLLFactory<Quotation>.Instance.Insert(info);
        if (succeed) {
            SaveDetail(); // 保存明細邏輯
            return true;
        }
    } catch (Exception ex) {
        LogTextHelper.Error(ex);
        MessageDxUtil.ShowError(ex.Message);
    }
    return false;
}

四、列表行狀態色彩動態渲染

針對單據列表頁，通過處理 RowCellStyle 事件，根據「OrderStatus」字段值動態設置單元格背景漸變色，實現狀態的視覺化區分：

void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e) {
    if (e.Column.FieldName == "OrderStatus" || e.Column.FieldName == "HandNo") {
        string status = this.winGridViewPager1.gridView1.GetRowCellValue(e.RowHandle, "OrderStatus").ToString();
        if (status == "處理中") {
            e.Appearance.BackColor = Color.Yellow;
            e.Appearance.BackColor2 = Color.LightCyan;
        } else if (status == "發貨中") {
            e.Appearance.BackColor = Color.Purple;
            e.Appearance.BackColor2 = Color.LightCyan;
        } else if (status == "已取消") {
            e.Appearance.BackColor = Color.Red;
            e.Appearance.BackColor2 = Color.LightCyan;
        } else if (status == "已完成") {
            e.Appearance.BackColor = Color.Green;
            e.Appearance.BackColor2 = Color.LightCyan;
        }
    }
}

此技術同樣適用於報價單、銷售單等所有具備狀態流轉的業務列表，極大增強了列表的可讀性與操作導向性。