New file |
| | |
| | | <!DOCTYPE HTML> |
| | | <html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> |
| | | <meta name="renderer" content="webkit|ie-comp|ie-stand"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> |
| | | <meta http-equiv="Cache-Control" content="no-siteapp"/> |
| | | <!-- 本框架基本脚本和样式 --> |
| | | <script type="text/javascript" |
| | | th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> |
| | | <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> |
| | | |
| | | </head> |
| | | <body class=" container-fluid"> |
| | | <div class="pd-10"> |
| | | <!-- 搜索框部分start --> |
| | | <div class="row form-head"> |
| | | <form class="form-inline" id="serchform"> |
| | | <div class="form-group mr-20 "> |
| | | <div class="btn-group search-list " data-for="search-text"> |
| | | <button type="button" |
| | | class="btn btn-default dropdown-toggle searchlist" |
| | | data-toggle="dropdown"> |
| | | 产品名称 <span class="caret "></span> |
| | | </button> |
| | | <ul class="dropdown-menu" role="menu"> |
| | | <li data-field="goods.name"><a>产品名称</a></li> |
| | | <li data-field="goods.goodsNo"><a>产品编号 </a></li> |
| | | </ul> |
| | | </div> |
| | | <input autocomplete="off" id="search-text" name="goods.name" placeholder="输入查询关键词" |
| | | type="text" class="form-control"> |
| | | </div> |
| | | |
| | | <div class="form-group mr-20"> |
| | | <label for="goodsSortId">产品分类</label> <select |
| | | class=" form-control select2" size="1" |
| | | name="goods.goodsSortId" id="goodsSortId"> |
| | | <option value=''>--选择产品分类--</option> |
| | | </select> |
| | | </div> |
| | | <div class="form-group mr-20"> |
| | | <label for="isAlarm">库存报警状态</label> <select class="form-control" |
| | | name="isAlarm" id="isAlarm"> |
| | | <option value=''>--请选择库存报警状态--</option> |
| | | <option value='1'>是</option> |
| | | <option value='2'>否</option> |
| | | </select> |
| | | |
| | | </div> |
| | | <div class="form-group"> |
| | | <button onclick="myGrid.serchData(1)" type="button" |
| | | class="btn btn-sm btn-info"> |
| | | <i class="fa fa-search "></i> 搜索 |
| | | </button> |
| | | <button type="reset" class="btn btn-sm btn-info "> |
| | | <i class="fa fa-refresh "></i> 重置 |
| | | </button> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | <div class="row mt-10"> |
| | | <div id="option-bar"> |
| | | <button onclick="savePl()" type="button" class="btn btn-info btn-sm"><i class="fa fa-download"></i>选择配料</button> |
| | | <!-- 功能按钮部分 --> |
| | | </div> |
| | | <!-- 数据表格部分 --> |
| | | <table id="mgrid"> |
| | | <thead> |
| | | <tr> |
| | | <th data-checkbox="true"></th> |
| | | <th data-formatter="MGrid.indexfn" data-align="center" |
| | | data-width="30px">序号 |
| | | </th> |
| | | <th data-field="goods.code">产品编号</th> |
| | | <th data-field="goods.name">产品名称</th> |
| | | <th data-field="goods.unit">产品单位</th> |
| | | <th data-field="storeTotal" data-formatter="overTime" |
| | | data-sortable="true">库存量 |
| | | </th> |
| | | <th data-field="goodsPrice">入库平均价</th> |
| | | <th data-field="batchCount">批次数</th> |
| | | <th data-field="goods.alarmNum">库存预警值</th> |
| | | <th data-field="storeName">所属仓库</th> |
| | | <!-- <th data-field="goods.goodType">产品用途</th>--> |
| | | <th data-field="goods.goodsSortName">分类</th> |
| | | </tr> |
| | | </thead> |
| | | </table> |
| | | <!-- 数据表格部分end --> |
| | | </div> |
| | | </div> |
| | | |
| | | <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> |
| | | <script type="text/javascript"> |
| | | |
| | | var myGrid; |
| | | $(function () { |
| | | $(".select2").select2(); |
| | | //初始化商品类型搜索列表 |
| | | initGoodsTypes(); |
| | | //初始化商品属性搜索列表 |
| | | MTools.autoFullSelect(); |
| | | |
| | | myGrid = MGrid.initGrid({ |
| | | url: basePath + "/admin/store/showCountList", |
| | | sortName: "c.goodsNo", |
| | | sortOrder: "asc", |
| | | mutexClick : false, |
| | | clickToSelect : true |
| | | |
| | | }); |
| | | }); |
| | | |
| | | function buidOperate(value, row, index) { |
| | | var html = []; |
| | | html[0] = '<a onClick="openStoreFlow(\'' + row.goods.code |
| | | + '\')" class="text-primary " >流向明细</a>' |
| | | return html.join(""); |
| | | } |
| | | |
| | | function openStoreFlow(productCode){ |
| | | layer.full(layer.open({ |
| | | type : 2, |
| | | title : "库存流向明细", |
| | | maxmin : true, |
| | | area : MUI.SIZE_M, |
| | | content : [ basePath + '/admin/redirect/hive/statistics/store-inout-list?productCode='+productCode ] |
| | | })); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | /** |
| | | * 初始化产品列表 |
| | | */ |
| | | function initGoodsTypes() { |
| | | $.AjaxProxy({ |
| | | a: false, |
| | | c: false |
| | | }).invoke(basePath + "/admin/goodstype/all", function (loj) { |
| | | $("#goodsSortId").createSelectTree(loj.attr("result").rows, { |
| | | append: true, |
| | | value: "typeName" |
| | | }); |
| | | }); |
| | | |
| | | } |
| | | |
| | | /** |
| | | * 库存警戒 |
| | | */ |
| | | function overTime(value, row, index) { |
| | | var html = ""; |
| | | var alarmNum = 0; |
| | | if (row.sku != null) { |
| | | alarmNum = row.alarmNum; |
| | | } |
| | | var storeNum = parseInt(value); |
| | | if (alarmNum > storeNum) { |
| | | html = '<span class="label-danger" > ' + value |
| | | + ' </span>'; |
| | | } else { |
| | | html = '<span>' + value + '</span>'; |
| | | } |
| | | return html; |
| | | |
| | | } |
| | | |
| | | function savePl() { |
| | | var rows = $("#mgrid").bootstrapTable('getAllSelections'); |
| | | parent.selectPl(rows); |
| | | parent.layer.close(parent.layer.getFrameIndex(window.name)); |
| | | } |
| | | </script> |
| | | |
| | | </body> |
| | | </html> |