在前面介紹了很多CRM相關(guān)的界面和實(shí)現(xiàn)思路的隨筆文章,本篇繼續(xù)介紹一下系統(tǒng)中用到的一些經(jīng)驗(yàn)和技巧片段氯庆。本篇隨筆主要介紹客戶關(guān)系管理系統(tǒng)(CRM)的報(bào)價(jià)單和銷售單的處理界面效果蹭秋,使用列表內(nèi)置的選擇代替彈出對話框選擇產(chǎn)品的方式,實(shí)現(xiàn)報(bào)價(jià)單和銷售單的產(chǎn)品列表快速選擇堤撵。
1仁讨、功能界面效果展示
我們知道,在很多列表的內(nèi)容輸入中实昨,很多都使用內(nèi)置的列表選擇方式代替彈出式對話框的選擇方式洞豁,在我研究了解的很多個(gè)CRM系統(tǒng)中,報(bào)價(jià)單和銷售單都基本上是采用這種內(nèi)置的選擇方式,為了適應(yīng)業(yè)界的標(biāo)準(zhǔn)習(xí)慣丈挟,我在我的系統(tǒng)中也使用了這種方式刁卜,新建報(bào)價(jià)單界面如下所示。
新建銷售訂單界面如下所示曙咽。
報(bào)價(jià)單或者銷售單蛔趴,一般有狀態(tài)的區(qū)分,為了方便展示各種狀態(tài)桐绒,可以通過不同的背景色進(jìn)行區(qū)分夺脾,并且單據(jù)通過分頁控件進(jìn)行分頁展示,以達(dá)到更好的效率茉继,如下所示。
報(bào)價(jià)單列表界面如下所示蚀乔。
其中報(bào)價(jià)單可以直接生成銷售訂單烁竭,在報(bào)價(jià)單的列表上右鍵菜單彈出“轉(zhuǎn)化為銷售訂單”即可實(shí)現(xiàn)該功能。
2吉挣、實(shí)現(xiàn)控件界面的設(shè)計(jì)步驟
首先我們介紹內(nèi)嵌式的GridControl派撕,實(shí)現(xiàn)實(shí)現(xiàn)數(shù)據(jù)的快速錄入和選擇的操作。在這個(gè)GridControl控件的設(shè)計(jì)視圖里面睬魂,需要增加一些在界面上綁定的列终吼,并綁定相關(guān)的FieldName字段。另外氯哮,我們把產(chǎn)品名稱設(shè)計(jì)為可以通過彈出列表選擇的方式际跪,因此需要修改它的ColumnEdit編輯控件為SeachLookupEdit控件,如下界面所示的控件喉钢。
調(diào)整后的GridControl的設(shè)計(jì)界面如下所示姆打。
然后需要在設(shè)計(jì)窗口的Repository選項(xiàng)卡界面中的In-place Editor Repository的設(shè)計(jì)模塊里面進(jìn)行調(diào)整,如下所示肠虽。
通過設(shè)置控件的顯示成員(DisplayMemeber)和值成員(ValueMember)即可實(shí)現(xiàn)數(shù)據(jù)的顯示和綁定幔戏。
3、實(shí)現(xiàn)控件界面的代碼處理
通過第二步的界面配置税课,我們指定了GridControl的列表展示效果闲延,但是真正需要運(yùn)行起來,還需要通過代碼進(jìn)行數(shù)據(jù)的動(dòng)態(tài)綁定和處理韩玩,才能正常使用垒玲。
public partial class FrmEditQuotation : BaseEditForm
{
private QuotationInfo tempInfo = new QuotationInfo();
/// <summary>
/// 所屬客戶ID
/// </summary>
public string CustomerID { get; set; }
public FrmEditQuotation()
{
InitializeComponent();
//綁定所有在用的產(chǎn)品信息
this.repositoryItemSearchLookUpEdit1.DataSource = BLLFactory<Product>.Instance.GetAllInUsed();
//對控件列編輯控件的預(yù)處理
this.gridView1.ShowingEditor += new CancelEventHandler(gridView1_ShowingEditor);
//控件列編輯控件的值變化的處理
this.gridView1.CellValueChanged += new DevExpress.XtraGrid.Views.Base.CellValueChangedEventHandler(gridView1_CellValueChanged);
}
另外,我們在綁定數(shù)據(jù)的時(shí)候啸如,必須綁定GridControl的控件數(shù)據(jù)源侍匙,如下代碼所示。
/// <summary>
/// 數(shù)據(jù)顯示的函數(shù)
/// </summary>
public override void DisplayData()
{
InitDictItem();//數(shù)據(jù)字典加載(公用)
if (!string.IsNullOrEmpty(ID))
{
................................
}
else
{
...............................
}
this.gridControl1.DataSource = GetDetailTable();//綁定訂單詳細(xì)列表
SetAttachInfo(tempInfo);
}
/// <summary>
/// 綁定明細(xì)信息
/// </summary>
/// <returns></returns>
public DataTable GetDetailTable()
{
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);
DataRow dr = null;
foreach (QuotationDetailInfo info in list)
{
dr = dt.NewRow();
dr["ID"] = info.ID;
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;
}
其中注意上面的紅色的代碼,在產(chǎn)品名稱的列上綁定的值是產(chǎn)品ID想暗,而非產(chǎn)品名稱即可妇汗。
另外,上面代碼提到的CellValueChanged事件是當(dāng)列表選定后说莫,在該行的其他列上顯示數(shù)據(jù)的操作杨箭,如果沒有選擇,則清空相關(guān)的單元格內(nèi)容储狭,具體代碼如下所示互婿。
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
{
this.gridView1.SetRowCellValue(e.RowHandle, "ProductNo", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "MaterialCode", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "ProductType", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "Specification", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "Model", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "Unit", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "SalePrice", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "Quantity", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "Note", DBNull.Value);
this.gridView1.SetRowCellValue(e.RowHandle, "ExpireDate", DBNull.Value);
}
}
}
最后就是在表單保存的時(shí)候,更新相關(guān)的主表數(shù)據(jù)后辽狈,接著保存相關(guān)的報(bào)價(jià)單明細(xì)或者訂單明細(xì)即可慈参,如下面的紅色部分代碼所示。
/// <summary>
/// 新增狀態(tài)下的數(shù)據(jù)保存
/// </summary>
/// <returns></returns>
public override bool SaveAddNew()
{
QuotationInfo info = tempInfo;
SetInfo(info);
info.Creator = LoginUserInfo.Name;
info.CreateTime = DateTime.Now;
try
{
#region 新增數(shù)據(jù)
bool succeed = BLLFactory<Quotation>.Instance.Insert(info);
if (succeed)
{
//可添加其他關(guān)聯(lián)操作
SaveDetail();
return true;
}
#endregion
}
catch (Exception ex)
{
LogTextHelper.Error(ex);
MessageDxUtil.ShowError(ex.Message);
}
return false;
}
4刮萌、列表單元格背景顏色變化的處理
剛才在1小節(jié)里面提到報(bào)價(jià)單或者銷售單驮配,一般有狀態(tài)的區(qū)分,為了方便展示各種狀態(tài)着茸,可以通過不同的背景色進(jìn)行區(qū)分壮锻,如下所示。
上面這種效果如何實(shí)現(xiàn)的呢涮阔,一般通過增加對RowCellStyle的處理即可猜绣,具體代碼如下所示。
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();
Color color = Color.White;
if (status == "處理中")
{
e.Appearance.BackColor = Color.Yellow;
e.Appearance.BackColor2 = Color.LightCyan;
}
if (status == "發(fā)貨中")
{
e.Appearance.BackColor = Color.Purple;
e.Appearance.BackColor2 = Color.LightCyan;
}
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;
}
}
}