基于百度地图实现产品销售的单位位置查看功能设计与实现
(编辑:jimmy 日期: 2024/11/19 浏览:3 次 )
1.描述
本人最近参与基于MVC5+EF6+ Bootstrap3的食品安全监管系统设计、开发。先前感觉百度地图很神秘的样子、高大上的样子,设计、开发过程遇到些问题,经查看园子高手指点、示例摸索实践,终将百度地图嵌入系统。为感谢各位朋友的帮助,今有空,将基于百度地图实现产品销售的单位位置查看功能,分享给大家。不当之处,欢迎指正。
2.产品生产批次查询
查看单位产品生产批次信息,根据产品生产批次查看,产品销售单位情况。
效果图如下:
3.产品销售地图
根据选择的产品生产批次信息,查询统计产品销售到哪些省市,省市有多少家单位,根据单位地址,使用百度地图显示单位所在省市位置。
效果图如下:
4.产品销售地图View代码
@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_TableLayout.cshtml"; } @*工具栏*@ @section actionBar{ <button class="btn dark btn-outline btn-circle btn-sm" data-bind="click: returnCommand" id="btnCancel">返回列表</button> <button class="btn dark btn-outline btn-circle btn-sm" data-bind="click: prevCommand" id="btnPrev">上一条</button> <button class="btn dark btn-outline btn-circle btn-sm" data-bind="click: nextCommand" id="btnNext">下一条</button> } @section CustomContent { <form id="frmObj" name="frmObj" class="form-horizontal form-table-bordered" enctype="multipart/form-data"> <div class="form-body"> <div class="portlet box blue"> <div class="portlet-title"> <div class="caption"> <i class="fa fa-gift"></i>产品生产信息 </div> <div class="tools"> <a href="javascript:;" class="collapse"> </a> </div> </div> <div class="portlet-body"> <input type="hidden" id="Id" name="Id" data-bind="value:viewmodel.Id" /> <input type="hidden" id="OrgId" name="OrgId" data-bind="value:viewmodel.OrgId" /> <input type="hidden" id="ProductId" name="ProductId" data-bind="value:viewmodel.ProductId" /> <div class="form-body"> <div class="form-group"> <label class="col-md-1 control-label">备案单位 <span class="required"> * </span></label> <div class="col-md-5"> <input type="text" readonly="readonly" class="form-control" placeholder="" data-bind="value: viewmodel.OrgName" name="OrgName" id="OrgName" /> </div> <label class="col-md-1 control-label">产品名称 <span class="required"> * </span></label> <div class="col-md-5"> <input type="text" readonly="readonly" class="form-control" placeholder="" data-bind="value: viewmodel.ProductName" name="ProductName" id="ProductName" /> </div> </div> <div class="form-group"> <label class="col-md-1 control-label">生产批号 <span class="required"> * </span></label> <div class="col-md-2"> <input type="text" readonly="readonly" class="form-control" name="BatchNumber" id="BatchNumber" data-bind="value: viewmodel.BatchNumber" /> </div> <label class="control-label col-md-1">注册日期</label> <div class="col-md-2"> <input type="text" readonly="readonly" class="form-control" name="RegDate" id="RegDate" data-bind="value: viewmodel.RegDate" /> </div> <label class="control-label col-md-1">生产日期</label> <div class="col-md-2"> <input type="text" readonly="readonly" class="form-control" name="ProductMakeDate" id="ProductMakeDate" data-bind="value: viewmodel.ProductMakeDate" /> </div> <label class="control-label col-md-1">过期日期</label> <div class="col-md-2"> <input type="text" readonly="readonly" class="form-control" name="ProductExpDate" id="ProductExpDate" data-bind="value: viewmodel.ProductExpDate" /> </div> </div> </div> </div> </div> <div class="portlet box blue"> <div class="portlet-title"> <div class="caption"> <i class="fa fa-gift"></i>销售地图 </div> <div class="tools"> <a href="javascript:;" class="collapse"> </a> </div> </div> <div class="portlet-body"> <div class="form-body form-group"> <div class="col-md-5"> <table class="table table-striped table-bordered table-hover dt-responsive" id="myDataGrid"> <thead> <tr> <th>省市</th> <th>市区</th> <th>单位家数</th> </tr> </thead> </table> </div> <div class="col-md-7"> <div style="height:500px;border:0px solid gray" id="divMap"></div> </div> </div> </div> </div> </div> </form> } @section customScript { <script src="/UploadFiles/2021-04-02/_SecondTableLayout.js">5.产品销售地图 Controler 代码
#region 销售地图 public ActionResult IndexMap(Guid ProductId, Guid BatchId) { try { List<ProductBatchViewModel> list = _IProductBatchs.GetEntityList(t => t.IsDelete == false && t.ProductID == ProductId); ProductBatchViewModel mViewModel = null; string mPrevId = string.Empty, mNextId = string.Empty; //读取当前抽检任务及上、下抽检任务标识。 for (int index = 0; index < list.Count; index++) { if (list[index].Id == BatchId) { mViewModel = list[index]; if (list.Count > index + 1) mNextId = list[index + 1].Id.ToString(); break; } mPrevId = list[index].Id.ToString(); } if (mViewModel == null) { return this.ResultError("产品生产信息不能为空!"); } //ReturnResult mReturn = _IProductBatchSup.GetBAreaStatistics(ProductId, BatchId); //if (mReturn.State == false) // return this.ResultError(mReturn.Message); //mViewModel.PBatchBArea = (ICollection<PBatchBAreaStatistics>)mReturn.Result; ViewBag.bCreate = 0; ViewBag.ProductId = ProductId; ViewBag.PrevId = mPrevId; ViewBag.NextId = mNextId; ViewBag.ViewModel = mViewModel.ToViewModel(); return View("_IndexMap"); } catch (Exception e) { return this.ResultError(e.Message); } } [Import(typeof(IProductBatchSup))] public IProductBatchSup _IProductBatchSup; public ActionResult GetBAreaStatistics(Guid ProductId, Guid BatchId) { try { ReturnResult mReturn = _IProductBatchSup.GetBAreaStatistics(ProductId,BatchId); if (mReturn.State == false) return this.ResultError(mReturn.Message); return JsonNetResult.toDataTable(mReturn.Result); } catch (Exception e) { return this.ResultError(e.Message); } } public ActionResult GetBEnterStatistics(Guid ProductId, Guid BatchId,string ProvinceName, string CityName) { try { ReturnResult mReturn = _IProductBatchSup.GetBEnterStatistics(ProductId, BatchId,ProvinceName,CityName); if (mReturn.State == false) return this.ResultError(mReturn.Message); return JsonNetResult.toDataTable(mReturn.Result); } catch (Exception e) { return this.ResultError(e.Message); } } #endregion以上所述是小编给大家介绍的基于百度地图实现产品销售的单位位置查看功能设计与实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:node.js学习之base64编码解码