abp(net core)+easyui+efcore实现仓储管理系统——入库管理之五(四十一)

转载 DotNet菜园 2020/3/26 12:01:44

在上一篇abp(net core)+easyui+efcore实现仓储管理系统——入库管理之四(四十)文章中我们已经定义了应用的接口,并在应用层实现了这些接口。接下来我们要在展示层来实现入库单的列表功能。

abp(net core)+easyui+efcore实现仓储管理系统目录

abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)
abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)
abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三)
 abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四)
abp(net core)+easyui+efcore实现仓储管理系统——创建应用服务(五)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之控制器(六)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之列表视图(七)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图(八)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之菜单与测试(九)
abp(net core)+easyui+efcore实现仓储管理系统——多语言(十)
abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十一)
abp(net core)+easyui+efcore实现仓储管理系统——菜单-上 (十六)

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八)

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九)
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之三(二十九)

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之八(三十四)

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之十(三十六)
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之一(三十七)
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之二(三十八)
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之三存储过程(三十九)
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之四(四十)

 

 

   在上一篇abp(net core)+easyui+efcore实现仓储管理系统——入库管理之四(四十)文章中我们已经定义了应用的接口,并在应用层实现了这些接口。接下来我们要在展示层来实现前端功能。

 

 创建InStockController继承自TPLMSControllerBase

    1. Visual Studio 2017的“解决方案资源管理器”中,右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Controller目录。 选择“添加” > “新建项…”。如下图。

 

    2. 在弹出对话框“添加新项-ABP.TPLMS.Web.Mvc”中选择“控制器类”,然后在名称输入框中输入“InStockController”,然后点击“添加”按钮。

     3.在InStockController.cs文件中输入如下代码,通过构造函数注入对应用服务的依赖。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Abp.Runtime.Validation;
using Abp.Web.Models;
using ABP.TPLMS.Controllers;
using ABP.TPLMS.Entitys;
using ABP.TPLMS.Helpers;
using ABP.TPLMS.InStocks;
using ABP.TPLMS.InStocks.Dto;
using ABP.TPLMS.Models.InStock;
using Microsoft.AspNetCore.Mvc; 
namespace ABP.TPLMS.Web.Controllers
{
</span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">class</span><span style="color: #000000;"> InStockController : TPLMSControllerBase
{

    </span><span style="color: #0000ff;">private</span> <span style="color: #0000ff;">readonly</span><span style="color: #000000;"> IInStockOrderAppService _inSOAppService;
    </span><span style="color: #0000ff;">private</span> <span style="color: #0000ff;">readonly</span><span style="color: #000000;"> IInStockOrderDetailAppService _inSODAppService;
    

    </span><span style="color: #0000ff;">private</span> <span style="color: #0000ff;">const</span> <span style="color: #0000ff;">int</span> MAX_COUNT = <span style="color: #800080;">1000</span><span style="color: #000000;">;
    </span><span style="color: #0000ff;">public</span><span style="color: #000000;"> InStockController(IInStockOrderAppService InSOAppService,IInStockOrderDetailAppService InSODAppService)
    {

        _inSOAppService </span>=<span style="color: #000000;"> InSOAppService;
        _inSODAppService </span>=<span style="color: #000000;"> InSODAppService;

    }

    </span><span style="color: #0000ff;">public</span><span style="color: #000000;"> IActionResult Index()
    {

        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> View();
    }

    [DontWrapResult]
    [HttpPost]
    </span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">string</span><span style="color: #000000;"> List()
    {


        </span><span style="color: #0000ff;">var</span> page = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">page</span><span style="color: #800000;">"</span><span style="color: #000000;">].ToString();
        </span><span style="color: #0000ff;">var</span> size = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">rows</span><span style="color: #800000;">"</span><span style="color: #000000;">].ToString();
        </span><span style="color: #0000ff;">int</span> pageIndex = page == <span style="color: #0000ff;">null</span> ? <span style="color: #800080;">1</span> : <span style="color: #0000ff;">int</span><span style="color: #000000;">.Parse(page);
        </span><span style="color: #0000ff;">int</span> pageSize = size == <span style="color: #0000ff;">null</span> ? <span style="color: #800080;">20</span> : <span style="color: #0000ff;">int</span><span style="color: #000000;">.Parse(size);
        PagedInStockResultRequestDto paged </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> PagedInStockResultRequestDto();

        paged.MaxResultCount </span>=<span style="color: #000000;"> MAX_COUNT;
        paged.SkipCount </span>= ((pageIndex - <span style="color: #800080;">1</span>) &lt; <span style="color: #800080;">0</span> ? <span style="color: #800080;">0</span> : pageIndex - <span style="color: #800080;">1</span>) *<span style="color: #000000;"> pageSize;
        paged.BeginTime </span>= DateTime.Now.AddMonths(-<span style="color: #800080;">1</span><span style="color: #000000;">);
        paged.EndTime </span>= DateTime.Now.AddDays(<span style="color: #800080;">1</span><span style="color: #000000;">);
        </span><span style="color: #0000ff;">var</span> query =<span style="color: #000000;"> _inSOAppService.GetAll(paged).GetAwaiter().GetResult();
        </span><span style="color: #0000ff;">var</span> isoList =<span style="color: #000000;"> query.Items;

        </span><span style="color: #0000ff;">int</span> total =<span style="color: #000000;"> query.TotalCount;
        </span><span style="color: #0000ff;">var</span> json =<span style="color: #000000;"> JsonEasyUI(isoList, total);


        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> json;
    }

    [DontWrapResult]
    </span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">string</span> GetDetail(<span style="color: #0000ff;">string</span><span style="color: #000000;"> no)
    {

        PagedInStockDetailResultRequestDto paged </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> PagedInStockDetailResultRequestDto();
        paged.MaxResultCount </span>=<span style="color: #000000;"> MAX_COUNT;
        paged.InStockNo </span>=<span style="color: #000000;"> no;            

        </span><span style="color: #0000ff;">var</span> podList =<span style="color: #000000;"> _inSODAppService.GetAll(paged).GetAwaiter().GetResult().Items; ;

        </span><span style="color: #0000ff;">var</span> json =<span style="color: #000000;"> JsonEasyUI(podList);
        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> json;

    }

    [HttpPost]
    [DisableValidation]
    </span><span style="color: #0000ff;">public</span><span style="color: #000000;"> ActionResult Add(InStockOrderDto iso)
    {

        </span><span style="color: #0000ff;">string</span> result = <span style="color: #800000;">"</span><span style="color: #800000;">NO</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        </span><span style="color: #0000ff;">try</span><span style="color: #000000;">
        {

            PagedInStockResultRequestDto condition </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> PagedInStockResultRequestDto();
            condition.No </span>=<span style="color: #000000;"> iso.No;


            </span><span style="color: #0000ff;">var</span> isoExists =<span style="color: #000000;"> _inSOAppService.GetAll(condition).GetAwaiter().GetResult();
            </span><span style="color: #0000ff;">if</span> (isoExists.TotalCount &gt; <span style="color: #800080;">0</span><span style="color: #000000;">)
            {
                </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> Content(result);
            }


            CreateUpdateInStockOrderDto cuIso </span>= ObjectMapper.Map&lt;CreateUpdateInStockOrderDto&gt;<span style="color: #000000;">(iso);
            </span><span style="color: #008000;">//</span><span style="color: #008000;"> TODO: Add logic here</span>

          <span style="color: #0000ff;">var</span> obj=<span style="color: #000000;">  _inSOAppService.Create(cuIso);
            result </span>= <span style="color: #800000;">"</span><span style="color: #800000;">OK</span><span style="color: #800000;">"</span><span style="color: #000000;">;

        }
        </span><span style="color: #0000ff;">catch</span><span style="color: #000000;">(Exception ex)
        {
            result </span>= <span style="color: #800000;">"</span><span style="color: #800000;">NO</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        }
        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> Content(result);
    }

    [HttpPost]
    [DisableValidation] 
    </span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">string</span><span style="color: #000000;"> Update(InStockOrderDto iso)
    {

        </span><span style="color: #0000ff;">string</span> result = <span style="color: #800000;">"</span><span style="color: #800000;">NO</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        List</span>&lt;InStockOrderDetailDto&gt; list = <span style="color: #0000ff;">new</span> List&lt;InStockOrderDetailDto&gt;<span style="color: #000000;">();

        </span><span style="color: #0000ff;">try</span><span style="color: #000000;">

        {

            </span><span style="color: #0000ff;">string</span> deleted = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">deleted</span><span style="color: #800000;">"</span><span style="color: #000000;">];
            </span><span style="color: #0000ff;">string</span> inserted = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">inserted</span><span style="color: #800000;">"</span><span style="color: #000000;">];
            </span><span style="color: #0000ff;">string</span> updated = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">updated</span><span style="color: #800000;">"</span><span style="color: #000000;">];
            </span><span style="color: #0000ff;">string</span> head = Request.Form[<span style="color: #800000;">"</span><span style="color: #800000;">postdata</span><span style="color: #800000;">"</span><span style="color: #000000;">];
            </span><span style="color: #0000ff;">if</span> (!<span style="color: #0000ff;">string</span><span style="color: #000000;">.IsNullOrEmpty(head))
            {

                </span><span style="color: #008000;">//</span><span style="color: #008000;">把json字符串转换成对象</span>
                iso = JsonHelper.Instance.Deserialize&lt;InStockOrderDto&gt;<span style="color: #000000;">(head);

            }

         
            </span><span style="color: #0000ff;">if</span> (!<span style="color: #0000ff;">string</span><span style="color: #000000;">.IsNullOrEmpty(deleted))
            {

                </span><span style="color: #008000;">//</span><span style="color: #008000;">把json字符串转换成对象</span>
                List&lt;InStockOrderDetailDto&gt; listDeleted = JsonHelper.Instance.Deserialize&lt;List&lt;InStockOrderDetailDto&gt;&gt;<span style="color: #000000;">(deleted);

                </span><span style="color: #008000;">//</span><span style="color: #008000;">TODO 下面就可以根据转换后的对象进行相应的操作了</span>

                <span style="color: #0000ff;">if</span> (listDeleted != <span style="color: #0000ff;">null</span> &amp;&amp; listDeleted.Count &gt; <span style="color: #800080;">0</span><span style="color: #000000;">)
                {

                    list.AddRange(listDeleted.ToArray());
                }
            }

            </span><span style="color: #0000ff;">if</span> (!<span style="color: #0000ff;">string</span><span style="color: #000000;">.IsNullOrEmpty(inserted))
            {
                </span><span style="color: #008000;">//</span><span style="color: #008000;">把json字符串转换成对象</span>


                    List<InStockOrderDetailDto> listInserted = JsonHelper.Instance.Deserialize<List<InStockOrderDetailDto>>(inserted);
                </span><span style="color: #0000ff;">if</span> (listInserted != <span style="color: #0000ff;">null</span> &amp;&amp; listInserted.Count &gt; <span style="color: #800080;">0</span><span style="color: #000000;">)
                {

                    list.AddRange(listInserted.ToArray());
                }
            }


            </span><span style="color: #0000ff;">if</span> (!<span style="color: #0000ff;">string</span><span style="color: #000000;">.IsNullOrEmpty(updated))
            {
                </span><span style="color: #008000;">//</span><span style="color: #008000;">把json字符串转换成对象</span>
                List&lt;InStockOrderDetailDto&gt; listUpdated = JsonHelper.Instance.Deserialize&lt;List&lt;InStockOrderDetailDto&gt;&gt;<span style="color: #000000;">(updated);

                </span><span style="color: #0000ff;">if</span> (listUpdated != <span style="color: #0000ff;">null</span> &amp;&amp; listUpdated.Count &gt; <span style="color: #800080;">0</span><span style="color: #000000;">)
                {
                    list.AddRange(listUpdated.ToArray());

                }
            }

            </span><span style="color: #0000ff;">if</span> (iso == <span style="color: #0000ff;">null</span><span style="color: #000000;">)
            {
                </span><span style="color: #0000ff;">return</span> <span style="color: #800000;">"</span><span style="color: #800000;">没有表头!</span><span style="color: #800000;">"</span><span style="color: #000000;">;
            }

// TODO: Add update logic here
iso.InStockOrderDetail = list;
result = _inSOAppService.Save(iso);
        }
        </span><span style="color: #0000ff;">catch</span><span style="color: #000000;">
        {
        }

        </span><span style="color: #0000ff;">if</span> (result == <span style="color: #800000;">"</span><span style="color: #800000;">OK</span><span style="color: #800000;">"</span><span style="color: #000000;">)
        {
            </span><span style="color: #0000ff;">return</span> <span style="color: #800000;">"</span><span style="color: #800000;">更新成功!</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        }
        </span><span style="color: #0000ff;">else</span>
            <span style="color: #0000ff;">return</span> <span style="color: #800000;">"</span><span style="color: #800000;">更新失败!</span><span style="color: #800000;">"</span><span style="color: #000000;">;

    }

    [HttpPost]
    [DisableValidation]
    </span><span style="color: #0000ff;">public</span><span style="color: #000000;"> ActionResult ImportCargo(CargoModel cargos)
    {
        </span><span style="color: #0000ff;">string</span> result = <span style="color: #800000;">"</span><span style="color: #800000;">NO</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        </span><span style="color: #0000ff;">try</span><span style="color: #000000;">
        {                

            </span><span style="color: #008000;">//</span><span style="color: #008000;"> TODO: 导入货物信息</span>
            result =<span style="color: #000000;"> _inSOAppService.ImportCargo(cargos.Ids, cargos.No);

        }
        </span><span style="color: #0000ff;">catch</span><span style="color: #000000;">
        { 

        }
        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> Content(result);
    }

    [HttpPost]
    [DontWrapResult]
    </span><span style="color: #0000ff;">public</span> ActionResult Delete(<span style="color: #0000ff;">string</span><span style="color: #000000;"> ids)
    {

        </span><span style="color: #0000ff;">string</span> result = <span style="color: #800000;">"</span><span style="color: #800000;">NO</span><span style="color: #800000;">"</span><span style="color: #000000;">;
        </span><span style="color: #0000ff;">try</span><span style="color: #000000;">
        {
            </span><span style="color: #008000;">//</span><span style="color: #008000;"> TODO: Add Delete logic here</span>
            <span style="color: #0000ff;">bool</span> flag =<span style="color: #000000;"> _inSOAppService.DeleteById(ids);
            </span><span style="color: #0000ff;">if</span><span style="color: #000000;"> (flag)
            {
                result </span>= <span style="color: #800000;">"</span><span style="color: #800000;">OK</span><span style="color: #800000;">"</span><span style="color: #000000;">;
            }
        }
        </span><span style="color: #0000ff;">catch</span><span style="color: #000000;">
        { 
        }
        </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> Content(result);

    }
}

}

、使用EasyUI创建入库单管理页面

    1. 在Visual Studio 2017的“解决方案资源管理器”中,右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Views目录。 选择“添加” > “新建文件夹”。并重命名为“InStock”。

    2. 在Visual Studio 2017的“解决方案资源管理器”中,鼠标右键单击“InStock”文件夹,然后选择“添加” > “新建项…”。 在“添加新项-ABP.TPLMS.Web.Mvc”对话框中,选择“Razor视图”,并将名称命名为Index.cshmtl。如下图。

 

3. 在我们刚才创建的Index.cshmtl文件中,编写如下代码:

 

@using ABP.TPLMS.Web.Startup
@{
ViewData[</span><span style="color: #800000;">"</span><span style="color: #800000;">Title</span><span style="color: #800000;">"</span>] =<span style="color: #000000;"> PageNames.InStock;

}
@section scripts{
<script src="~/view-resources/Views/InStock/Index.js" asp-append-version="true"></script>
&lt;script type=<span style="color: #800000;">"</span><span style="color: #800000;">text/javascript</span><span style="color: #800000;">"</span>&gt;<span style="color: #000000;">
      $(function () {

        initable();
         reloaded(); 

          $(</span><span style="color: #800000;">'</span><span style="color: #800000;">#box</span><span style="color: #800000;">'</span><span style="color: #000000;">).tabs({
            width: </span><span style="color: #800080;">780</span>,      <span style="color: #008000;">//</span><span style="color: #008000;">选项卡容器宽度</span>
            height: <span style="color: #800080;">465</span>,      <span style="color: #008000;">//</span><span style="color: #008000;">选项卡容器高度</span>

                onSelect: function (title, index) {
var rcv = $("#RcvUpdate").val();
if (title == "入库单明细") {
$("#rcv").val(rcv);
}
}
});
});
</span>&lt;/script&gt;<span style="color: #000000;">

}
</span>&lt;div data-options=<span style="color: #800000;">"</span><span style="color: #800000;">region:'center'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">overflow: hidden;</span><span style="color: #800000;">"</span>&gt;
    &lt;div id=<span style="color: #800000;">"</span><span style="color: #800000;">containter</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width: 1000px; height: auto; margin: 0px auto;</span><span style="color: #800000;">"</span>&gt;
        &lt;!--toolbar--&gt;

        &lt;div style=<span style="color: #800000;">"</span><span style="color: #800000;">margin-bottom:1px;font-weight:bold;</span><span style="color: #800000;">"</span>&gt;
            &lt;a href=<span style="color: #800000;">"</span><span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">add</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">easyui-linkbutton</span><span style="color: #800000;">"</span> data-options=<span style="color: #800000;">"</span><span style="color: #800000;">iconCls:'icon-add'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width:100px; height:30px; </span><span style="color: #800000;">"</span>&gt;生成入库单&lt;/a&gt;
            &lt;a href=<span style="color: #800000;">"</span><span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">del</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">easyui-linkbutton</span><span style="color: #800000;">"</span> data-options=<span style="color: #800000;">"</span><span style="color: #800000;">iconCls:'icon-remove'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width:100px; height:30px; </span><span style="color: #800000;">"</span>&gt;删除&lt;/a&gt;
            &lt;a href=<span style="color: #800000;">"</span><span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">edit</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">easyui-linkbutton</span><span style="color: #800000;">"</span> data-options=<span style="color: #800000;">"</span><span style="color: #800000;">iconCls:'icon-edit'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width:100px; height:30px; </span><span style="color: #800000;">"</span>&gt;修改&lt;/a&gt;
            &lt;a href=<span style="color: #800000;">"</span><span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">submits</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">easyui-linkbutton</span><span style="color: #800000;">"</span> data-options=<span style="color: #800000;">"</span><span style="color: #800000;">iconCls:'icon-ok'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width:100px; height:30px; </span><span style="color: #800000;">"</span>&gt;提交&lt;/a&gt;
            &lt;a href=<span style="color: #800000;">"</span><span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">reload</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">easyui-linkbutton</span><span style="color: #800000;">"</span> data-options=<span style="color: #800000;">"</span><span style="color: #800000;">iconCls:'icon-reload'</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">width:100px; height:30px; </span><span style="color: #800000;">"</span>&gt;刷新&lt;/a&gt;
        &lt;/div&gt;

        &lt;!--panel--&gt;
        &lt;div data-options=<span style="color: #800000;">"</span><span style="color: #800000;">region:'center',split:false</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">height:500px;</span><span style="color: #800000;">"</span>&gt;

            &lt;!--表格--&gt;
            &lt;table id=<span style="color: #800000;">"</span><span style="color: #800000;">dgINSO</span><span style="color: #800000;">"</span>&gt;&lt;/table&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;</pre>

 

     4. 在Visual Studio 2017的“解决方案资源管理器”中,找到领域层“ABP.TPLMS.Web.Mvc”项目中的wwwroot目录下的view-resources目录。使用鼠标右键单击此目录,在弹出菜单中选择“添加” > “新建文件夹”。并重命名为“InStock”。

     5. 在Visual Studio 2017的“解决方案资源管理器”中,鼠标右键单击“InStock”文件夹,然后选择“添加” > “新建项…”。 在“添加新项-ABP.TPLMS.Web.Mvc”对话框中,选择“javascript文件”,并将名称命名为Index.js。如下图

 

     6. 在Index.js文件中,我们写入如下代码。

//-----------------------系统管理-->入库单管理-----------------------------------------//
//刷新数据

function initable() {
    $("#dgINSO").datagrid({
        url: "/InStock/List",
        //url:"api/services/app/instock/GetAllInStockOrders",
        title: "入库单管理",
        pagination: true,
        pageSize: 10,
        pageList: [10, 20, 30],
        fit: true,
        fitColumns: false,
        loadMsg: "正在加载入库单信息...",
    nowarp: </span><span style="color: #0000ff;">false</span><span style="color: #000000;">,
    border: </span><span style="color: #0000ff;">false</span><span style="color: #000000;">,

    idField: </span><span style="color: #800000;">"</span><span style="color: #800000;">Id</span><span style="color: #800000;">"</span><span style="color: #000000;">,
    sortName: </span><span style="color: #800000;">"</span><span style="color: #800000;">Id</span><span style="color: #800000;">"</span><span style="color: #000000;">,
    sortOrder: </span><span style="color: #800000;">"</span><span style="color: #800000;">asc</span><span style="color: #800000;">"</span><span style="color: #000000;">,
    frozenColumns: [[</span><span style="color: #008000;">//</span><span style="color: #008000;">冻结列</span>
        { field: <span style="color: #800000;">"</span><span style="color: #800000;">ck</span><span style="color: #800000;">"</span>, checkbox: <span style="color: #0000ff;">true</span>, align: <span style="color: #800000;">"</span><span style="color: #800000;">left</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">50</span><span style="color: #000000;"> }          

    ]],

    columns: [[
        { title: </span><span style="color: #800000;">"</span><span style="color: #800000;">编号</span><span style="color: #800000;">"</span>, field: <span style="color: #800000;">"</span><span style="color: #800000;">Id</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">50</span>, sortable: <span style="color: #0000ff;">true</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">"</span><span style="color: #800000;">入库单号</span><span style="color: #800000;">"</span>, field: <span style="color: #800000;">"</span><span style="color: #800000;">No</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">100</span>, sortable: <span style="color: #0000ff;">true</span><span style="color: #000000;"> },           

        {title: </span><span style="color: #800000;">"</span><span style="color: #800000;">状态</span><span style="color: #800000;">"</span>, field: <span style="color: #800000;">"</span><span style="color: #800000;">Status</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">50</span><span style="color: #000000;">            },
        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">到货日期</span><span style="color: #800000;">'</span>, field: <span style="color: #800000;">'</span><span style="color: #800000;">ReceiveTime</span><span style="color: #800000;">'</span>,  width: <span style="color: #800080;">100</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">"</span><span style="color: #800000;">货主</span><span style="color: #800000;">"</span>, field: <span style="color: #800000;">"</span><span style="color: #800000;">OwnerCode</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">150</span>, sortable: <span style="color: #0000ff;">true</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">"</span><span style="color: #800000;">预计到货时间</span><span style="color: #800000;">"</span>, field: <span style="color: #800000;">"</span><span style="color: #800000;">PreDeliveryTime</span><span style="color: #800000;">"</span>, width: <span style="color: #800080;">150</span>, sortable: <span style="color: #0000ff;">false</span><span style="color: #000000;"> },

        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">客户</span><span style="color: #800000;">'</span>, field: <span style="color: #800000;">'</span><span style="color: #800000;">CustomerName</span><span style="color: #800000;">'</span>, width: <span style="color: #800080;">60</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> },

        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">收货人</span><span style="color: #800000;">'</span>,field: <span style="color: #800000;">'</span><span style="color: #800000;">Oper</span><span style="color: #800000;">'</span>, width: <span style="color: #800080;">100</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">审核人</span><span style="color: #800000;">'</span>,field: <span style="color: #800000;">'</span><span style="color: #800000;">Checker</span><span style="color: #800000;">'</span>, width: <span style="color: #800080;">120</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">件数</span><span style="color: #800000;">'</span>, field: <span style="color: #800000;">'</span><span style="color: #800000;">PackageNum</span><span style="color: #800000;">'</span>, width: <span style="color: #800080;">120</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> },
        { title: </span><span style="color: #800000;">'</span><span style="color: #800000;">创建时间</span><span style="color: #800000;">'</span>, field: <span style="color: #800000;">'</span><span style="color: #800000;">CreationTime</span><span style="color: #800000;">'</span>, width: <span style="color: #800080;">100</span>, align: <span style="color: #800000;">'</span><span style="color: #800000;">center</span><span style="color: #800000;">'</span><span style="color: #000000;"> }
    ]]
}); 

}
function reloaded() {   //reload
$("#reload").click(function () {
//
        $('#dgINSO').datagrid('reload');
});}</span></pre>

       7. Visual Studio 2017中按F5运行应用程序。登录之后,点击“[入库管理]”菜单,我们可以看到货物管理列表页面。如下图。

 

 

 

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[abp(net core)+easyui+efcore实现仓储管理系统——入库管理之五(四十一)]http://www.zyiz.net/tech/detail-121690.html

上一篇:.NET Core技术研究-HttpContext访问的正确姿势

下一篇:AspNetCore3.1_Secutiry源码解析_6_Authentication_OpenIdConnect

赞(0)

共有 条评论 网友评论

验证码: 看不清楚?
    扫一扫关注最新编程教程